PANTHEON

神々の力を、
Webに。

Three.js × 必殺技エフェクトで魅せる 3D ホームページ

SCROLL

01 — DEITIES

六柱の神、六つの必殺技。

カードをクリックすると、その神の技が画面に走ります。

02 — TECHNIQUE

画像は1枚も使っていません。粒子も稲妻も光条も、その場で計算しています。

炎も水も雷も、すべて数式とパーティクルで生成。素材を差し替える必要がなく、色もサイズも自由に変えられます。

HTML / CSS / JavaScript をまとめた1ファイル構成。読み込むのは Three.js とフォントだけ。表示は驚くほど速い。

画面幅に応じて粒子数と解像度を自動調整。非表示タブでは描画を停止し、端末の電池も無駄にしません。

六神合一

全必殺技を連続再生 — 約20秒のフルコンボ

ブランドカラーに合わせた 3D 演出を、1ページから制作します。