![[JavaScript] Three.jsで段差を登って降りられるキャラクター移動を実装する](https://humanxai.info/images/uploads/javascript-threejs-step-up-down-character-controller.webp)
[JavaScript] Three.jsで段差を登って降りられるキャラクター移動を実装する
2026-01-02 | lain
Three.jsで段差を自然に登り、降りることができるキャラクター移動処理を、衝突判定の設計から実装まで整理する。
カテゴリ：Raycaster
![[JavaScript] Three.js WebXR：VRコントローラのレーザーポインタでUIボタンを押す（Raycaster入門）](https://humanxai.info/images/uploads/javascript-threejs-webxr-raycaster-ui-button.webp)
[JavaScript] Three.js WebXR：VRコントローラのレーザーポインタでUIボタンを押す（Raycaster入門）
2025-12-24 | lain
Three.js + WebXRで、VRコントローラからRaycasterを飛ばしてPlaneのUIボタンをクリックするまでを最短で実装。matrixWorld→rayのorigin/direction更新とgamepad.buttonsでのトリガー取得が肝。