Code Monkey home page Code Monkey logo

forked_sketches_wglscl_02's Introduction

🚀 WebGL School Task

https://korsmic.github.io/webgl-school-task/

開発環境のセットアップ手順

Command Action
npm install パッケージのインストール
npm run dev 開発環境の起動
npm run build ビルド

課題

課題1

https://korsmic.github.io/webgl-school-task/01/

要件

  • Box Geometry を利⽤すること
  • ボックスが画⾯上に100個以上描かれるようにすること
  • 配置の仕⽅は⾃由
  • ⾊や⼤きさなどは⾃由上記の要件を満たす技術デモを作ってみよう

課題2

https://korsmic.github.io/webgl-school-task/02/

要件

  • three.jsのGroupを使用して、「首振り機能つきの扇風機」を作成します。
  • この題材は簡単に見えますが、実際には複数の回転を組み合わせる必要があります。そのため、グループ機能や回転の取り扱いについての練習として面白いと思います。
  • 形状は適当で構いませんし、複雑である必要もありません。重要なのは、「回転する扇」と「首振り」という2つの現象を再現することです。

課題3

https://korsmic.github.io/webgl-school-task/03/

要件

  • 課題では、サイン・コサインを活用して地球上を飛ぶ旅客機の動きを実現します。
  • 実装のポイントは、「旅客機の見た目ではなく」、「旅客機のような動き」を再現することです。
  • 余裕があれば、地球上の建物や山脈などの自然物を追加することもできます。
  • グループ機能やサイン・コサインなど、どの概念を使っても自由です。
  • これまでに学んだ概念を駆使して課題を実現しましょう。

課題4

https://korsmic.github.io/webgl-school-task/04/

要件

  • 課題では、RaycasterとPlaneを使用して何か作成します。
  • 例えば、「サムネイルをリンクのように扱う」とか「3Dで画像のビューアを作る」といったテーマを選ぶことができます。
  • CLOU architects
  • Guillaume Tomasi - Photographer

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.