WebXR

2026-01-11 | lain

Three.jsとWebXR環境で、戦闘・イベント・通知に使い回せるMessageBoxを実装した記録。設計判断と妥協点も含めてまとめた。

カテゴリ： JavaScript

タグ： #Three.js#WebXR#GameUI#Canvas#VR

2026-01-11 | lain

PCを主戦場にしつつ、外出先でアイデアを逃さないためのスマホ向けコーディング環境を整理。vscode.dev、PlayCode、Code Serverの現実的な使い分けを解説する。

カテゴリ： JavaScript

タグ： #Three.js#WebXR#VSCode#Mobile#開発環境

2026-01-10 | lain

Zoneやバトル遷移でBGMが不自然に切り替わる問題を、設計の見直しとフェード処理で解消する実装メモ。

カテゴリ： JavaScript

タグ： #GameDev#Audio#Design#Three.js#WebXR

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のXRControllerModelFactoryを使って両手のVRコントローラを表示し、右手にコンパスUIを実装する方法を解説する。

カテゴリ： JavaScript

タグ： #Three.js#WebXR#VR#XRControllerModelFactory#UI

2026-01-03 | lain

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

カテゴリ： JavaScript

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

2026-01-01 | lain

Three.js の WebXR 環境で、CanvasTexture を使いレーザーポインタ操作によるスクロールUIを自作した実装メモ。DOMを使わない空間UIの構成と考え方。

カテゴリ： JavaScript

タグ： #Three.js#WebXR#Canvas#UI#VR

2025-12-28 | lain

GameBoxアーキテクチャの続編として、Three.jsでブロック崩しを実装完了まで仕上げる。ボール・パドル・ブロック衝突、勝利判定、ゲームオーバー表示、UIボタン連携までを整理する。

カテゴリ： JavaScript

タグ： #Three.js#WebXR#GameDev#Architecture#Canvas

カテゴリ：WebXR