L-systemを用いて、木を3D空間に描画するシミュレーションをブラウザ上で行い、枝の広がりを観察できるサイトツールです。
上の埋め込み内でも使えますが、うまく動かない・大きなページで使いたいというときは、元のL-systemでの木の3D空間の描画のシミュレーションページへ（新しいタブで開きます）。
L-systemで3D空間の木を描く
このツールは、L-system（リンドマイヤーシステム）を用いて、自然界の木のような分岐構造を3D空間に描画するシミュレーションです。
L-systemとは、再帰的なルールに従って文字列を展開し、それを命令として解釈することで図形を描く構造的な記述法です。
本ツールではその応用として、Z軸だけでなくX軸・Y軸の回転も取り入れ、立体的な枝分かれを表現しています。
さらに、p5.js ライブラリを活用することで、Webブラウザ上で回転・ズーム・平行移動が可能なインタラクティブ表示を実現しています。
🔧 ツールの使い方
１. 操作方法
- ドラッグ：視点を回転
- マウスホイール：ズームイン・アウト
- 右ドラッグ：画面の平行移動
- 自動で木が描画されるので、クリックや入力は不要です
２. 内部の動作（L-systemのルール）
- 初期の文字列（Axiom）：
F - 展開ルール：
F → FF+[&F-F-F]-[^F+F+F] - このルールを4回繰り返し適用し、枝分かれの構造を複雑にします
Fは前進（枝）、+/-はZ軸回転、&/^はX軸回転、\/はY軸回転[と]で状態を保存・復元し、枝の分岐を実現しています
⚠️ 注意点
このツールは、再帰的に大量の3Dオブジェクト（枝）を描画するため、処理が重くなりがちです。
特に展開回数（イテレーション）が増えると負荷が上がります。
💻 PCでの使用を推奨します。
📝 まとめ
- L-systemを使って3D空間に木を描画できるツール
- 記号で枝の角度・分岐をコントロールし、自然な構造を再現
- p5.jsによってブラウザ上でインタラクティブな表示が可能
- 操作はマウスドラッグ・ホイールで直感的に扱える
- 処理が重いため、PC環境での使用を推奨
このツールは、自然現象のモデリングやジェネラティブアートの入門にも最適です。
🌿L-systemを使って、自分だけの“木”を育ててみませんか？
