ゲーム開発

2026-01-14 | lain

[Human x AI] ChatGPT(5.1)との対話録～ 3Dプログラミングの難しさ～

カテゴリ： Human x AI

タグ： #ChatGPT-5.2#対話ログ#Quaternion#オイラー角#クロソイド曲線#Matrix#Tangent#makeBasis#Curve#Vector#Blender#線形代数#Three.js#３Dプログラミング#ゲーム開発

2026-01-13 | lain

単一列車前提のThree.js実装を捨て、複数列車・路線・停車・折り返し・ループを持つ「運行システム」へ再設計した記録。

カテゴリ： JavaScript

タグ： #Three.js#ゲーム開発#シミュレーション#アーキテクチャ#設計思想#Bezier曲線#状態管理

2026-01-08 | lain

three.jsでフィールドからバトルへの遷移、フェーズ管理、コマンドUI、アニメーション、SE/BGMまでをゼロから実装した制作ログ。

カテゴリ： JavaScript

タグ： #three.js#RPG#ゲーム開発#状態管理#UI#アニメーション

2026-01-06 | lain

Three.jsでRPG風のコマンドメニューUIを、Plane + CanvasTexture + キー入力でゼロから構築した記録。

カテゴリ： JavaScript

タグ： #Three.js#Canvas#UI設計#ゲーム開発

2026-01-05 | lain

Three.jsのPlaneGeometryを使い、平地・山・クレーターを関数で生成し、JSON＋グリッド設計でマップ化、VRで歩ける地形を構築した記録。

カテゴリ： JavaScript

タグ： #Three.js#WebXR#PlaneGeometry#地形生成#プロシージャル生成#VR#ゲーム開発

2026-01-04 | lain

WebXRで実装した右手コンパスUIを拡張し、NPCの位置をリアルタイムに可視化するドラゴンレーダー風UIを実装する。

カテゴリ： JavaScript

タグ： #Three.js#WebXR#VR#UI#ゲーム開発#レーダー

2026-01-04 | lain

Three.jsでメイン視点と俯瞰視点を同時表示する、PC向けミニマップ実装の基本。viewport/scissorを使った安全でシンプルな方法を解説する。

カテゴリ： JavaScript

タグ： #Three.js#WebGL#ゲーム開発#ミニマップ#カメラ

2026-01-03 | lain

PC版で実装した段差・スロープ処理を、WebXR（VR）でそのまま使うと壊れる理由と、playerRigを基準に正しく成立させる設計を解説する。

カテゴリ： JavaScript

タグ： #Three.js#WebXR#VR#ゲーム開発#衝突判定

2026-01-01 | lain

複数ゲームを切り替えるためのシンプルなシーン設計

カテゴリ： JavaScript

タグ： #リファクタリング#設計#クラス#ゲーム開発#状態管理#デバッグ#Three.js

カテゴリ：ゲーム開発