[JavaScript] Three.js / WebXRで一生使い回せるMessageBoxを実装
2026-01-11 | lain
Three.jsとWebXR環境で、戦闘・イベント・通知に使い回せるMessageBoxを実装した記録。設計判断と妥協点も含めてまとめた。
2026-01-11 | lain
Three.jsとWebXR環境で、戦闘・イベント・通知に使い回せるMessageBoxを実装した記録。設計判断と妥協点も含めてまとめた。
2026-01-05 | lain
Three.jsのPlaneGeometryを使い、平地・山・クレーターを関数で生成し、JSON+グリッド設計でマップ化、VRで歩ける地形を構築した記録。
2026-01-04 | lain
WebXRで実装した右手コンパスUIを拡張し、NPCの位置をリアルタイムに可視化するドラゴンレーダー風UIを実装する。
2026-01-04 | lain
Three.jsのXRControllerModelFactoryを使って両手のVRコントローラを表示し、右手にコンパスUIを実装する方法を解説する。
2026-01-03 | lain
PC版で実装した段差・スロープ処理を、WebXR(VR)でそのまま使うと壊れる理由と、playerRigを基準に正しく成立させる設計を解説する。
2026-01-01 | lain
Three.js の WebXR 環境で、CanvasTexture を使いレーザーポインタ操作によるスクロールUIを自作した実装メモ。DOMを使わない空間UIの構成と考え方。
2025-12-30 | lain
three.js上に用意したGameBox構造で、ブロック崩しに続く2作目としてシンプルなシューティングゲームを実装した。VRとPCの両対応UI、開始・終了・リスタートまで含めた設計を整理する。
2025-12-27 | lain
Three.js と WebXR を使い、ブロック崩しを「箱の中の1オブジェクト」として実装する設計についてまとめました。ゲームを差し替え可能にするための GameBox / GameModule 構成と、THREE.Group の強力さを解説します。
2025-12-25 | lain
Three.jsでNPCの頭上にセリフを表示し、キャラクターが反応しているように見せる実装方法をまとめます。