![見出し画像](https://assets.st-note.com/production/uploads/images/65279005/rectangle_large_type_2_7297e0a01b81b7ce616e1eb70104f4ac.png?width=1200)
【制作物共有】3D Ice
制作日
2021年11月9日
使用しているプラグインなど
・webpack
・Typescript
・gsap
・three.js
・GLTFLoader
制作について
今回の制作の目的は「3Dモデルを複数読み込むこと」です。
まずはアイスを作成します。
アイスごとを見分けるためさくらんぼをつけました。
コーンを作成し完成です。
色を変えスプーンを作成したり、
ダブルを作ったり、
カラースプレーをつけたりしました。
Three.jsで読み込みます。
複数読み込む際に間違えてcanvasごと読み込んでしまうとこうなりました。
canvasは一つに、複数読み込みます。
テキストを加えて完成です。
今回はGitにコードを公開しました。
この記事が気に入ったらサポートをしてみませんか?