コンピュータグラフィクスb

コンピュータ・グラフィックスb 最終課題

[お知らせ]

本課題は、 テクスチャを使った課題 kadai10a.html を元にして、 自由曲線による立体を追加する方法で作成することを強く勧めます。 すなわち、kadai10a.html に、kadai6a.html 内のdrawShape関数と createMesh関数(名前を変更する必要あり)を追加する方が正解に たどりつきやすいと思われます。 kadai6a.html のrender()関数部分は若干面倒なことをしているので、 理解せずにテクスチャの表示を追加するとエラーを起こしやすいように思われます。

提出〆切は2023年6月21日(水) 8:30a.m.です。

最終課題: Three.js の知識を駆使してシーンを作る

Three.js の知識を駆使した作品を作りなさい。 ただし、以下の要素を全て必ず使うこと。

• テクスチャ・マッピング (オリジナルなテクスチャを使うこと)
• 自由曲線による立体 (オリジナルな自由曲線を使うこと)。この立体は「人または動物の顔」のように意味のある形であること。
• 自由曲線では関数 moveTo, bezierCurveTo, absarc は必ず使うこと。 特に、bezierCurveTo関数は2回以上使うこと。

提出条件

• 自分で作成したテクスチャ、バンプマップ、モデルなどのデータは別ファイルとして利用してもよい。 ただしカレント・ディレクトリ(./)から読み込むようにコードを記述すること。 また、使ったデータは必ず提出すること。
• 読み込んでよいjavascriptのファイルは、教科書のサンプルコードの中の learning-three-js/libs/ の下のファイル だけとする。HTMLファイル中では "../libs/" というパスで読み込むこと。 これ以外の、javascriptのコードはすべて提出するHTMLファイル中に記述すること。
• ../libs/ の下のファイルは提出する必要はない。
• ../libs/ の下以外の、他人が作ったコードやデータは使わないこと。
• エラーなく動作すること。
• readme.txt には、絵の説明を書いてください。