Procedural

2026-01-21 | lain

始点・終点のレール（Transform）を2つ置くだけで、向きを考慮したBezier曲線でレールを自動生成。Circle Weightで曲率調整し、シーン編集中もリアルタイム更新できる“敷設ツール”としてまとめた。

カテゴリ： Unity

タグ： #Unity3D#Bezier#ベジェ曲線#Rail#Tooling#Editor#Procedural#EditorTool#ProceduralGeneration#BezierCurve#LevelDesign

2026-01-14 | lain

2本の直線レールをS字で接続するために、QuadraticBezierCurve3を2本つないで曲率を反転させる実装と調整ポイントをまとめた。

カテゴリ： JavaScript

タグ： #threejs#webgl#geometry#bezier#spline#procedural#rail#simulation#クロソイド曲線#QuadraticBezierCurve3

2026-01-12 | lain

Three.jsで線路モデルをCurve上に並べ、getPointAt/getTangentAtで列車を走らせた。分岐は描画と走行を分離し、まずは1両編成で安定させる。

カテゴリ： JavaScript

タグ： #Three.js#WebGL#Curve#GLTF#procedural

2026-02-18 | lain

「表現編」スタート。静止した大地から、動き続ける海へ。ノイズと数学的な波（Gerstner Wave）を組み合わせ、リアルに波打つ水面を構築する方法を解説します。

カテゴリ： Three.js Shader

タグ： #Noise#GLSL#Procedural#Water

カテゴリ：Procedural