カテゴリ：InstancedMesh

[Next.js #55] Boids × Flow Field — 10万の鳥が「狂気の空」を舞う

[Next.js #55] Boids × Flow Field — 10万の鳥が「狂気の空」を舞う

2026-03-28 | lain

Three.jsとInstancedMeshを用いて、最大10万羽の鳥が気流（Flow Field）に乗って自律的に飛ぶBoidsシミュレーションを実装しました。GLBモデルの統合と、狂気を孕んだ群れのパラメータ調整について解説します。

カテゴリ： Next.js

タグ： #Procedural#Three.js#Shader#Boids#Flow Field#GPGPU#InstancedMesh

[Next.js 3D #53] プロシージャルな植生配置とGUIによる動的コントロール — 確率マップで森を錬成する

[Next.js 3D #53] プロシージャルな植生配置とGUIによる動的コントロール — 確率マップで森を錬成する

2026-03-26 | lain

Noise 入門 #47 の理論を Next.js × Three.js 環境に実装。Web Worker でのノイズ確率マップ計算と InstancedMesh による数万本の植生の爆速描画、さらに GUI を使ったリアルタイムな環境コントロールについてまとめます。

カテゴリ： Development

タグ： #Three.js#Next.js#Procedural#Voxel#InstancedMesh#GUI