![[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本つないで曲率を反転させる実装と調整ポイントをまとめた。
カテゴリ：Threejs
![[JavaScript] Three.jsでボールバウンドアニメーションを実装する｜Canvas2D実装の移植ログ](https://humanxai.info/images/uploads/javascript-threejs-ball-bound-animation.webp)
[JavaScript] Three.jsでボールバウンドアニメーションを実装する｜Canvas2D実装の移植ログ
2025-12-31 | lain
Canvas2Dで作ったボールバウンドアニメーションをThree.jsに移植し、壁反射・ボール同士の衝突・残像表現までを軽く実装した作業ログ。