Claudeでスクロールストーリーテリングサイトを構築する(Three.js + GSAP)
フリーのプロンプト百科事典 Wikiprompt より
Claudeでスクロールストーリーテリングサイトを構築する(Three.js + GSAP) Three.js、GSAP ScrollTrigger、Lenis.jsと組み合わせた2つのプロンプトを使い、Claudeで映画的なスクロールストーリーテリングサイトをバイブコーディングするための簡単な構築手順。
関連メディア
プロンプト内容保存
🌐
ステップ1、プロンプト:
「スクロールするたびに新しい章が滑らかな色の切り替えとともに現れる、ストーリーテリング型のウェブサイトを作って。」
ステップ2、カーソルに反応するペイント風テクスチャの背景にThree.jsを使う。
ステップ3、プロンプト:
「各セクションが映画的なシーンのように入場アニメーションするよう、GSAP ScrollTriggerを追加して。」
ステップ4、プレミアムサイトのようなバターのように滑らかなスクロールを実現するためにLenis.jsを使う。
ログインして完全なプロンプトを表示
次で続行:
ログインすると、次に同意したことになります： 利用規約 と プライバシーポリシー
使い方
このプロンプトは coding 向けに設計されています。上の内容をコピーして、お好みの AI ツールに貼り付けてください。
最良の結果を得るには、プレースホルダー（角括弧や大文字で示された部分）を具体的な要件に置き換えてください。
ノート
0 件のコメント