BLENDER → WEB

砕けたモデルが、スクロールで別のかたちへ。

bpyスクリプトで自動生成した破片群を、Three.jsとScrollTriggerで再集合させる。モデルの生成からWebの演出まで、すべてコードで完結するパイプライン。

破片は、スクロールで集まりだす。

3Dソフトの操作は不要。モデルの生成・破砕・エクスポートはすべて bpyスクリプトとしてコミットされていて、コマンド1つで再生成できる。

STEP 1

Blenderをヘッドレス実行し、スクリプトでモデルをプロシージャル生成。このページの破片群は、ランダム点群の凸包をクリスタルのシルエット内に詰めて生成している。

STEP 2

破片1つ1つを個別ノードとしてGLB出力（このページは96破片で約190KB）。 LPで扱いやすい軽さを保つのがルール。

STEP 3

Webでは破片ごとに散乱位置と目標位置を持たせ、スクロール進捗で補間。目標位置は別形状の表面をサンプリングしていて、「元と違う形」に組み上がる。