![[Next.js #21] Canvas 2Dで挑む「タイムパイロット」式 全方位カメラと無限の雲海](https://humanxai.info/images/uploads/nextjs-21-canvas-2d-screen-rotation-shooter-procedural-noise.webp)
[Next.js #21] Canvas 2Dで挑む「タイムパイロット」式 全方位カメラと無限の雲海
2026-03-01 | lain
Canvas 2Dの座標変換を駆使し、自機を中心に世界が回転・ズームする3D的なカメラワークと、決定論的ノイズによる無限の背景生成を実装した実験記録。
カテゴリ：プロシージャル生成
![[JavaScript] PlaneGeometryで地形を生成し、登れる世界を作る（山・クレーター・JSONマップ設計）](https://humanxai.info/images/uploads/javascript-threejs-planegeometry-terrain-generation.webp)
[JavaScript] PlaneGeometryで地形を生成し、登れる世界を作る（山・クレーター・JSONマップ設計）
2026-01-05 | lain
Three.jsのPlaneGeometryを使い、平地・山・クレーターを関数で生成し、JSON＋グリッド設計でマップ化、VRで歩ける地形を構築した記録。