制作日

2021年11月5日

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

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

制作について

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

まずは前回作成したりんごの3Dモデルから梨のモデルを作成します。

テクスチャを張り替えて、形を少し調整します。

この二つをThree.jsで読み込みます。

時間経過とマウス位置で動くように実装します。

テキストとアニメーションをつけて完成です。

今回のコードはテスト的に作成したものなので、再度実装したときにGitに公開しようと思います。