WebXR

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#ゲーム開発

2026-02-20 | lain

babylon-mmd を使って MMD キャラクターを Babylon.js に導入し、地形上をランダム移動させる構成を作る。setupMmd() への分離、複数キャラ化、進行方向への回転、Ray による地面吸着、ループ監視と bloom 演出までをまとめる。

カテゴリ： Babylon.js

タグ： #Babylon.js#WebXR#MMD#TypeScript#babylon-mmd

2026-02-20 | lain

Babylon.jsでfBmノイズを使った地形生成、法線再計算、沈み込み防止、thin instancesによる草原描画、風揺れシェーダ、DynamicTextureによる地面テクスチャ生成、WebXR移動までをまとめる。

カテゴリ： Babylon.js

タグ： #Babylon.js#WebXR#TypeScript#Procedural Generation#Noise#thin instances#Shader

カテゴリ：WebXR