![[JavaScript] Three.jsでS字レールをつなぐ：クロソイド曲線で2本で分岐カーブを作る](https://humanxai.info/images/uploads/javascript-threejs-s-curve-rail-quadratic-bezier.webp)
[JavaScript] Three.jsでS字レールをつなぐ：クロソイド曲線で2本で分岐カーブを作る
2026-01-14 | lain
2本の直線レールをS字で接続するために、QuadraticBezierCurve3を2本つないで曲率を反転させる実装と調整ポイントをまとめた。
カテゴリ：Procedural
![[JavaScript] Three.jsで線路を引いて列車を走らせた（Curve×cloneでレール生成）](https://humanxai.info/images/uploads/javascript-threejs-rail-curve-train.webp)
[JavaScript] Three.jsで線路を引いて列車を走らせた（Curve×cloneでレール生成）
2026-01-12 | lain
Three.jsで線路モデルをCurve上に並べ、getPointAt/getTangentAtで列車を走らせた。分岐は描画と走行を分離し、まずは1両編成で安定させる。