【制作物共有】3D Ice
制作日
2021年11月9日
使用しているプラグインなど
・webpack
・Typescript
・gsap
・three.js
・GLTFLoader
制作について
今回の制作の目的は「3Dモデルを複数読み込むこと」です。
まずはアイスを作成します。
アイスごとを見分けるためさくらんぼをつけました。
コーンを作成し完成です。
色を変えスプーンを作成したり、
ダブルを作ったり、
カラースプレーをつけたりしました。
Three.jsで読み込みます。
複数読み込む際に間違えてcanvasごと読み込んでしまうとこうなりました。
canvasは一つに、複数読み込みます。
テキストを加えて完成です。
今回はGitにコードを公開しました。