WebXR

2025-12-28 | lain

VR と setAnimationLoop 環境で、衝突判定が破綻した本当の原因はロジックではなく「時間」だった。フレームが不連続になる現実と、その対処法。

カテゴリ： JavaScript

タグ： #three.js#WebXR#deltaTime#ゲーム開発#フレームレート

2025-12-27 | lain

Three.js と WebXR を使い、ブロック崩しを「箱の中の1オブジェクト」として実装する設計についてまとめました。ゲームを差し替え可能にするための GameBox / GameModule 構成と、THREE.Group の強力さを解説します。

カテゴリ： JavaScript

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

2025-12-27 | lain

Three.js の VideoTexture をクラス化し、プレイリスト・サムネ表示・UI操作を統合した WebXR 対応動画プレイヤーを実装する

カテゴリ： JavaScript

タグ： #Three.js#WebXR#VideoTexture#UI#Class設計

2025-12-25 | lain

Three.jsとWebXRでVRの衝突判定を実装する際に必ず直面する「リグ・視点・ルームスケールのズレ」を、Box3とMatrix4の役割分離という観点から整理する。

カテゴリ： JavaScript

タグ： #Three.js#WebXR#VR#衝突判定#Box3#Matrix4

2025-12-24 | lain

Three.js + WebXRで、VRコントローラからRaycasterを飛ばしてPlaneのUIボタンをクリックするまでを最短で実装。matrixWorld→rayのorigin/direction更新とgamepad.buttonsでのトリガー取得が肝。

カテゴリ： JavaScript

タグ： #three.js#WebXR#VR#Raycaster#Gamepad

2025-12-23 | lain

WebXRでキャラクターを移動・回転させる最低限の実装手順をまとめた技術メモ。

カテゴリ： JavaScript

タグ： #WebXR#Three.js#VR#Character#Meta Quest2

2025-12-22 | lain

この記事では、Three.jsを使用してMeta Quest 2向けのVRゲームを作成する方法を紹介します。カメラ制御やコントローラーの入力処理など、VRゲーム開発に必要な基本的な設定を解説します。

カテゴリ： JavaScript

タグ： #VR#Three.js#Meta Quest 2#WebXR#ゲーム開発

カテゴリ：WebXR