【制作物共有】3D Juice

制作日

2021年6月24日

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

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

制作について

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

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

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

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

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