制作日

2021年11月9日

使用しているプラグインなど

・webpack
・Typescript
・gsap
・three.js
・GLTFLoader

制作について

今回の制作の目的は「3Dモデルを複数読み込むこと」です。

まずはアイスを作成します。

アイスごとを見分けるためさくらんぼをつけました。

コーンを作成し完成です。

色を変えスプーンを作成したり、

ダブルを作ったり、

カラースプレーをつけたりしました。

Three.jsで読み込みます。

複数読み込む際に間違えてcanvasごと読み込んでしまうとこうなりました。

canvasは一つに、複数読み込みます。

テキストを加えて完成です。

今回はGitにコードを公開しました。