https://korsmic.github.io/webgl-school-task/
Command | Action |
---|---|
npm install |
パッケージのインストール |
npm run dev |
開発環境の起動 |
npm run build |
ビルド |
https://korsmic.github.io/webgl-school-task/01/
- Box Geometry を利⽤すること
- ボックスが画⾯上に100個以上描かれるようにすること
- 配置の仕⽅は⾃由
- ⾊や⼤きさなどは⾃由上記の要件を満たす技術デモを作ってみよう
https://korsmic.github.io/webgl-school-task/02/
- three.jsのGroupを使用して、「首振り機能つきの扇風機」を作成します。
- この題材は簡単に見えますが、実際には複数の回転を組み合わせる必要があります。そのため、グループ機能や回転の取り扱いについての練習として面白いと思います。
- 形状は適当で構いませんし、複雑である必要もありません。重要なのは、「回転する扇」と「首振り」という2つの現象を再現することです。
https://korsmic.github.io/webgl-school-task/03/
- 課題では、サイン・コサインを活用して地球上を飛ぶ旅客機の動きを実現します。
- 実装のポイントは、「旅客機の見た目ではなく」、「旅客機のような動き」を再現することです。
- 余裕があれば、地球上の建物や山脈などの自然物を追加することもできます。
- グループ機能やサイン・コサインなど、どの概念を使っても自由です。
- これまでに学んだ概念を駆使して課題を実現しましょう。
https://korsmic.github.io/webgl-school-task/04/
- 課題では、RaycasterとPlaneを使用して何か作成します。
- 例えば、「サムネイルをリンクのように扱う」とか「3Dで画像のビューアを作る」といったテーマを選ぶことができます。
- CLOU architects
- Guillaume Tomasi - Photographer