![[JavaScript] GameBoxアーキテクチャで作る Three.js ブロック崩し（実装完了編）](https://humanxai.info/images/uploads/javascript-threejs-gamebox-breakout-complete.webp)
[JavaScript] GameBoxアーキテクチャで作る Three.js ブロック崩し（実装完了編）
2025-12-28 | lain
GameBoxアーキテクチャの続編として、Three.jsでブロック崩しを実装完了まで仕上げる。ボール・パドル・ブロック衝突、勝利判定、ゲームオーバー表示、UIボタン連携までを整理する。
カテゴリ：Architecture
![[JavaScript] Three.js / WebXRで差し替え可能なゲーム箱を作る（3D空間でブロック崩しゲーム）](https://humanxai.info/images/uploads/javascript-threejs-webxr-gamebox-architecture.webp)
[JavaScript] Three.js / WebXRで差し替え可能なゲーム箱を作る（3D空間でブロック崩しゲーム）
2025-12-27 | lain
Three.js と WebXR を使い、ブロック崩しを「箱の中の1オブジェクト」として実装する設計についてまとめました。ゲームを差し替え可能にするための GameBox / GameModule 構成と、THREE.Group の強力さを解説します。