build-mobile-threejs-games

モバイル向け Three.js ゲームの構築

モバイルを主要な操作・パフォーマンス環境として扱います。

操作

わかりやすい移動操作、届きやすい主要アクション、ターゲットの選択、キャンセル／リセット手段を用意し、インベントリにはドラッグ以外の操作方法も用意します。操作ボタンはセーフエリアの外に配置し、アクション領域が重ならないようにして、長押し中、使用不可、キューに追加済みの各アクションを示します。

レスポンシブ HUD

代表的な縦向き・横向きのビューポート向けに設計します。重要なステータス、ターゲット情報、インベントリ、ツールチップ、ダイアログは、プレイ領域を覆わずに読みやすく表示します。ゲームの状態をリセットせずに画面の向きの変更に対応します。

パフォーマンスと QA

デバイスに適した品質設定をデフォルトにし、装飾的なエフェクトは動的に調整します。リポジトリで承認されたブラウザーを使い、タッチ操作のターゲット、マルチタッチ、長時間のプレイ、音声の有効化、一時停止後のバックグラウンドからの復帰、モーションの低減、低性能デバイス向けの品質設定、実際のモバイルサイズのビューポートをテストします。