開発思想とUXのノート
ブラウザ3Dゲーム制作や、操作感の作り込みで得た学びをコラム形式でまとめています。
エンジン設計three.jscannon-es
three.js + cannon-esで、Unityライクな軽量ゲームエンジンを作った話
2025-12-16 ・ 読了目安 6分
three.jsとcannon-esで作ったUnityライクな軽量ゲームエンジンの設計と、登場クラスの責務整理。
読む →
UXロード設計
ローディング途中の画面を見せない工夫
2025-12-18 ・ 読了目安 4分
ゲームオブジェクトが突然現れるのを防ぐため、シーン単位でロード完了を待つ設計と、簡単にロード状態を追加できる仕組み。
読む →
モバイルUX
ブラウザゲームで長押しを実装する際の注意点
2025-12-19 ・ 読了目安 3分
ボタンの長押しでスマホの「選択」コマンドが出てしまう問題と、`user-select: none`で解決する方法。
読む →
AI活用開発プロセス
Cursorを使ったAI駆動開発の工夫
2025-12-21 ・ 読了目安 5分
CursorでAIと効率的に開発するための工夫。軽量ゲームエンジンによる共通ルールの明確化、cursorrulesでのコード規約設定、作業完了時の通知方法。
読む →
物理演算three.jscannon-es
物理演算を使った軌道予測の実装方法
2025-12-22 ・ 読了目安 5分
投げる前に軌道を表示する仕組み。物理演算の公式を使った予測計算と、視覚的なプレビュー表示の実装。
読む →
物理演算cannon-es制約
物理制約を使った連結システムの実装
2025-12-22 ・ 読了目安 6分
緑のみかんが他のみかんにくっつく仕組み。cannon-esのPointToPointConstraintを使った物理制約による連結の実装方法。
読む →
ゲーム設計バランス調整パラメータ設計
ゲームバランス調整のためのパラメータ設計
2025-12-22 ・ 読了目安 5分
ゲームの難易度や挙動を調整するためのパラメータ設計。物理演算のパラメータからゲームプレイのパラメータまで、一元管理する設計方法。
読む →