[JavaScript] Three.js / WebXRで差し替え可能なゲーム箱を作る(3D空間でブロック崩しゲーム)
2025-12-27 | lain
Three.js と WebXR を使い、ブロック崩しを「箱の中の1オブジェクト」として実装する設計についてまとめました。ゲームを差し替え可能にするための GameBox / GameModule 構成と、THREE.Group の強力さを解説します。
「AIと人が、共に学び、創る場所」
学びと再出発の旅路へ。
2025-12-27 | lain
Three.js と WebXR を使い、ブロック崩しを「箱の中の1オブジェクト」として実装する設計についてまとめました。ゲームを差し替え可能にするための GameBox / GameModule 構成と、THREE.Group の強力さを解説します。
2025-12-27 | lain
Three.js の VideoTexture をクラス化し、プレイリスト・サムネ表示・UI操作を統合した WebXR 対応動画プレイヤーを実装する
2025-12-26 | lain
Three.jsでPMXモデルとVMDモーションを読み込み、MMDLoaderとMMDAnimationHelperを使ってアニメーションを再生する基本手順をまとめる。
2025-12-26 | lain
[Human x AI] ChatGPT(5.1)との対話録 ~ 数学マジシャン ~
2025-12-26 | lain
[Human x AI] ChatGPT(5.1)との対話録 ~ オープンソースとフリーソフト ~
2025-12-25 | lain
Three.jsでNPCの頭上にセリフを表示し、キャラクターが反応しているように見せる実装方法をまとめます。
2025-12-25 | lain
Three.jsとWebXRでVRの衝突判定を実装する際に必ず直面する「リグ・視点・ルームスケールのズレ」を、Box3とMatrix4の役割分離という観点から整理する。
2025-12-24 | lain
Three.js + WebXRで、VRコントローラからRaycasterを飛ばしてPlaneのUIボタンをクリックするまでを最短で実装。matrixWorld→rayのorigin/direction更新とgamepad.buttonsでのトリガー取得が肝。
2025-12-24 | lain
Three.jsの3D空間を扱う上で避けられないVector3。その基礎、使い所、応用、そしてつまずきやすいポイントを徹底的に解説します。