見出し画像

【制作物共有】3D Can

制作日

2021年10月25日


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

・webpack
・gsap
・three.js
・GLTFLoader
・intersection-observer


制作について


今回の制作の目的は「前よりもリアルな缶を作ること」です。

Blenderにも少し慣れてきたので改めて缶を制作して過去との差を見てみたいと思いました。

今回作成した缶がこちら

スクリーンショット 2021-10-26 11.49.25

プルタブの部分がうまくできて気に入っています。

前に作成したものと比べると結構違いがわかりました。

画像2

(プルタブがペラッペラ...)

成長を感じることができました。

水滴をつけてよりリアルさを追求します。

スクリーンショット 2021-10-26 11.54.38

パーティクルの実装は初めてやったのでまた良い知見になりました。

Three.jsで読み込み、実装します。

今回はマウスの位置に連動するのに加えて、時間経過で左右に回転、位置を動かすようにしています。

スクリーンショット 2021-10-26 11.55.39


以上となります。

この記事が気に入ったらサポートをしてみませんか?