【制作物共有】3D Juice
見出し画像

【制作物共有】3D Juice

制作日

2021年6月24日


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

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


制作について

今回の制作の目的は「スクロールに応じて3Dモデルを動かすこと」です。

ScrollTriggerを案件で少し触ったことがあったのでこれを組み合わせて作成してみました。

手を動かして作ってみよう精神だったので、動きと文字が被ってしまうなど実装していてぶつかる問題が少しだけありました。

スクロールに応じて動かす場合は事前にデザインを決めて、どう動かすのか決めておくと良いと勉強になりました。

もう少し実装に慣れてきたら再挑戦したいと思います。

この記事が気に入ったら、サポートをしてみませんか?
気軽にクリエイターの支援と、記事のオススメができます!
社会人3年目。Webプログラマー目指して勉強中。