JavaScript

2026-01-03 | lain

PC版で実装した段差・スロープ処理を、WebXR（VR）でそのまま使うと壊れる理由と、playerRigを基準に正しく成立させる設計を解説する。

カテゴリ： JavaScript

タグ： #Three.js#WebXR#VR#ゲーム開発#衝突判定

2026-01-02 | lain

Three.jsで段差を自然に登り、降りることができるキャラクター移動処理を、衝突判定の設計から実装まで整理する。

カテゴリ： JavaScript

タグ： #Three.js#game-development#collision-detection#raycaster

2026-01-01 | lain

Three.js の WebXR 環境で、CanvasTexture を使いレーザーポインタ操作によるスクロールUIを自作した実装メモ。DOMを使わない空間UIの構成と考え方。

カテゴリ： JavaScript

タグ： #Three.js#WebXR#Canvas#UI#VR

2026-01-01 | lain

複数ゲームを切り替えるためのシンプルなシーン設計

カテゴリ： JavaScript

タグ： #リファクタリング#設計#クラス#ゲーム開発#状態管理#デバッグ#Three.js

2025-12-31 | lain

Canvas2Dで作ったボールバウンドアニメーションをThree.jsに移植し、壁反射・ボール同士の衝突・残像表現までを軽く実装した作業ログ。

タグ： #threejs#canvas2d#animation#game#physics

2025-12-30 | lain

three.js上に用意したGameBox構造で、ブロック崩しに続く2作目としてシンプルなシューティングゲームを実装した。VRとPCの両対応UI、開始・終了・リスタートまで含めた設計を整理する。

カテゴリ： JavaScript

タグ： #three.js#WebGL#ゲーム開発#VR#設計

2025-12-29 | lain

Three.jsで花火エフェクトを一日で実装しながら、粒子が消えないバグ、MeshからPointsへの移行、減速・落下など、花火をそれっぽく見せるために必要だった設計と工夫をまとめる。

カテゴリ： JavaScript

タグ： #Three.js#WebGL#パーティクル#エフェクト#デバッグ

2025-12-29 | lain

Three.jsでパーティクルを配列から消したのに画面に残り続ける原因と、その正体がScene管理とfilterの順序にある理由を解説する。

カテゴリ： JavaScript

タグ： #Three.js#パーティクル#デバッグ#WebGL#メモリ管理

2025-12-28 | lain

GameBoxアーキテクチャの続編として、Three.jsでブロック崩しを実装完了まで仕上げる。ボール・パドル・ブロック衝突、勝利判定、ゲームオーバー表示、UIボタン連携までを整理する。

カテゴリ： JavaScript

タグ： #Three.js#WebXR#GameDev#Architecture#Canvas

カテゴリ：JavaScript