GameDev

2025-07-10 | lain

Webゲーム開発で素材の保存に悩んだら？localStorageからの卒業、IndexedDBの導入でZIPデータやサムネイルを自在に管理する方法を実例で紹介。

カテゴリ： JavaScript

タグ： #IndexedDB#idb#Webゲーム開発#localStorage#フロントエンド#ブラウザストレージ#HTML5#GameDev#ZIP管理

2026-01-22 | lain

WebXR やゲーム開発で頻出する Quaternion の実践パターンを整理。視線追従、カメラ操作、キャラクターの向き制御、入力値との付き合い方まで、現場でバグになりやすい要点をまとめる。

カテゴリ： JavaScript

タグ： #Quaternion#Three.js#WebXR#GameDev

2026-01-16 | lain

CubeとPlaneを作り、WASD操作・物理挙動・カメラ移動までを一気に触るUnity入門。Three.js経験者がハマったポイント込み。

カテゴリ： Unity

タグ： #Unity#GameDev#Three.js#3D#Physics#Mesh

2026-01-11 | lain

前回のフェーズ駆動バトル実装を「完成版」へ。enemyフェーズ（敵ターン）追加、HPの増減と勝敗判定、走って殴る演出、waitDurationの秒管理、UI/SE多重発火の対策までをまとめる。

カテゴリ： JavaScript

タグ： #Three.js#RPG#GameDev#BattleSystem#UI#Animation#SE

2026-01-10 | lain

Zoneやバトル遷移でBGMが不自然に切り替わる問題を、設計の見直しとフェード処理で解消する実装メモ。

カテゴリ： JavaScript

タグ： #GameDev#Audio#Design#Three.js#WebXR

2026-01-09 | lain

タイル地形をASCIIマップ化し、地面コライダーにzoneを付与。プレイヤーの現在地zoneからエンカウント可否をデータ駆動で切り替えるまでの実装ログ。

カテゴリ： JavaScript

タグ： #Three.js#WebGL#GameDev#RPG#設計

2025-12-28 | lain

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

カテゴリ： JavaScript

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

2025-12-27 | lain

Three.js と WebXR を使い、ブロック崩しを「箱の中の1オブジェクト」として実装する設計についてまとめました。ゲームを差し替え可能にするための GameBox / GameModule 構成と、THREE.Group の強力さを解説します。

カテゴリ： JavaScript

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

2025-12-12 | lain

Breakout→アルカノイドの系譜を踏まえつつ、「オマージュ」と「コピー」の境界を実装者目線で整理。テトリスが揉めやすい理由も含めて、ブロック崩しを安心して作るための指針をまとめる。

カテゴリ： JavaScript

タグ： #GameDev#Canvas#IndieGame#GameDesign#Copyright

カテゴリ：GameDev