GameDev

2025-07-10 | lain

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

カテゴリ： JavaScript

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

2026-02-26 | lain

Babylon.jsで作ったスマートボール試作をCanvas 2Dへ移植。描画よりも難しいのはロジックだったので、dt分割（サブステップ）、上部アーチ壁の反射、ポケットのカップ形状（弧）判定など、移植で詰まるポイントに絞って実装の勘所をまとめる。

カテゴリ： Babylon.js

タグ： #Canvas2D#TypeScript#Physics#CollisionDetection#GameDev#Prototype

2026-02-21 | lain

Babylon.js + babylon-mmd で、複数のMMDキャラクターを地形上で隊列移動させる仕組みを実装します。先頭キャラの移動履歴を後続が追従する方式で、RPG風の自然な列移動を作ります。

カテゴリ： Babylon.js

タグ： #Babylon.js#babylon-mmd#TypeScript#MMD#GameDev

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

カテゴリ：GameDev