Web 3D — Experiments

3D LP 実験の一覧

同じ技術基盤(Three.js / GLSL / パーティクル / FBO撹乱場)で、題材を変えて試したもの。上が新しい。

現行

NOIR — 化粧品 × 実写 × 液体 noir.srv905819.hstgr.cloud

実写の女性を主役に、赤い液体と粒子が常時流れる。カーソルでかき混ぜられる。黒×赤のモード感。

稼働中 実写キーイング FBO撹乱場 7万粒子 60fps
ABYSS — 深海の生物発光 abyss.srv905819.hstgr.cloud

真っ暗な画面。カーソルを動かすと触れた場所から発光が波紋のように広がり、余韻を残して消える。夜光虫の航跡と同じ挙動。※動かさないと何も起きない(設計上の課題)

稼働中 12万粒子 加算合成 60fps

Colverre(絵画 × 宝飾)

Colverre — 最終版 colverre.srv905819.hstgr.cloud

1枚の完成画から層を切り出し、奥行きを作った版。破綻はないが地味に着地。ホイールを奥に回すと前進。

稼働中 3層 逆スクロール 25万粒子
Colverre — 旧版(比較用) colverre-v1.srv905819.hstgr.cloud

絵が砕けて舞い、額縁を抜けた先の虚空に宝飾品が残る版。額縁あり・通常スクロール。

稼働中 額縁あり パーティクル分解

参考

2D LP 7業種(前回制作) lp.srv905819.hstgr.cloud

3Dに入る前の、CSSアニメーションによるLP。同一HTML骨格から7業種。

稼働中2D / CSS