[JavaScript] GameBoxアーキテクチャで作る Three.js ブロック崩し(実装完了編)
2025-12-28 | lain
GameBoxアーキテクチャの続編として、Three.jsでブロック崩しを実装完了まで仕上げる。ボール・パドル・ブロック衝突、勝利判定、ゲームオーバー表示、UIボタン連携までを整理する。
「AIと人が、共に学び、創る場所」
学びと再出発の旅路へ。
2025-12-28 | lain
GameBoxアーキテクチャの続編として、Three.jsでブロック崩しを実装完了まで仕上げる。ボール・パドル・ブロック衝突、勝利判定、ゲームオーバー表示、UIボタン連携までを整理する。
2025-12-28 | lain
VR と setAnimationLoop 環境で、衝突判定が破綻した本当の原因はロジックではなく「時間」だった。フレームが不連続になる現実と、その対処法。
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の役割分離という観点から整理する。