7 PROFESSIONAL TEMPLATES / SCROLL-DRIVEN WEBGL
スクロールするたび、
驚きが設計されている。
サイト・アプリ・ダッシュボード・EC・ポートフォリオ・ストーリーテリング。
7つの用途別テンプレートはすべて、スクロール進捗がWebGLシェーダーや3Dシーンを直接駆動します。依存は最小限(Raw WebGL または Three.js CDN)、1ファイル完結。
SCROLL
使い方は、3ステップ。
STEP 01
テンプレートを選ぶ
用途フィルタで絞り込み、ライブプレビューでスクロール体験を確認します。
STEP 02
1ファイルをコピー
各テンプレートはHTML1枚で完結。templates/ から複製してテキストと配色トークンを差し替えるだけ。
STEP 03
uniformを育てる
スクロール進捗は u_scroll(0〜1)として各シェーダー/シーンに渡されています。演出の追加はこの1変数から。