開発者がモバイルデバイスにスロットを適応する方法
モバイルスロットはデスクトップの小さなコピーではありません。それは5-6 ″画面で読みやすく、触れたときに反応し、予算のデバイスで安定して動作し、ブラウザ/OSの制限を尊重し、バッテリーを「食べる」ことはありません。以下はシステム計画です:UXとグラフィックスからネットワーク、オーディオ、QAまで。
1)指および小さいスクリーンの下のUX
次元および接触地帯:相互≥ 44-48 px;クリティカルボタン-親指の領域(手に応じて下半分、右/左端)。
安全なエリア:「前髪」、ダイナミックアイランド、丸め;トップエレメントの内部フレーム(セーフインセット)。
向き:ポートレート-ベースライン;landscape-別々のレイアウト/HUDの再配置。勝利を数える時に「オーバークッキング」をブロックします。
視覚的階層:シンボルと賞金>背景と効果。テキストコントラスト、MSDFフォント、数字のアウトライン。
片手操作:次からの主要なCTA;ベットパネルと親指の距離で「スピン」。
スキップとターボ:必須;隠さないで。敏感のための「より少ない動き」を含んで下さい。
空の状態とヒント:モーダルでオーバーロードすることなく、アクションの場所で簡単に。
2)レスポンシブレイアウトとアダプティブメッシュ
グリッド:4-6列+スピン/ステークスの固定「アンカー」。
側面:16:9、19。5:9、20:9-ポジションの個別のプリセット。「短い」側のスケーリング。
カメラとマスク:ドラムウィンドウはピクセルデザインでは不変です。background-重要なコンテンツなしでストレッチ/フレーム。
テキスト:範囲(min/max)、ワードブレイク、数字/通貨のICUフォーマットに自動フィットします。
3)性能: 過熱しないで目標60 FPS
フレームバジェット:16。7ms。アニメーション-タイムドライブ、ない「フレーム」。
Butching: atlases、材料/ブランディングによるグループ化;減らされた引く呼出し。
オーバードロー:クリアな「シート」をカットし、マスク/ステンシルを使用します。
記憶:目的のプール、粒子の再使用;ASTC/ETC2/BCn+フォールバックでテクスチャ。
LOD: budget-GPUでのヘビーシェーダー/ポストエフェクトの無効化;簡略化された背景。
GC接着:アニメーションサイクルの割り当てを避けます。エミッターのプリロード/プリクリエーション。
ビデオインサート:短いサイクル、低ビットレート、最小化/バックグラウンドワーク時に停止します。
熱および電池:重い場面の持続期間を減らして下さい、バックグラウンドタイマーの頻度を制限して下さい。
4)グラフィックと資産
Atlases: 2048-4096 px、ハッシュ名(キャッシュバスティング)、グループUI/FX別。
テクスチャ:圧縮フォーマット(iOS/新しい Android用ASTC;アンドロイドのためのETC2;BCn-デスクトップ/WebGL2);WebP/PNGを準備として。
フォント:多くのPNGセットの代わりに、シェーダー(グロー/アウトライン)によるMSDF/SDF+スタイル。
粒子:添加物の混合、短い生命、引っ張ること。
ポストエフェクト:ハーフ/クォーターズブルーム、ソフトビネット;弱い装置の切断。
ドラムのスプライトリスト:あらかじめ焼かれた「薄い」、不必要な空白なし。スクロールのためのピクセルスナップ。
5)可聴周波、振動およびシステム限界
オートプレイポリシー:サウンドはジェスチャーによってのみ開始されます。わかりやすい「音/静音」トグルスイッチを表示します。
ミキサー:ユーザーの声/メディアにダッキング;同時SFX制限。
Haptics:ドラムの短い振動パターンは/大きい勝利停止します;オプション「off」。
バックグラウンドモード:バックグラウンド/スクリーンロックに残すときにアニメーション/オーディオを一時停止します。
6)ネットワークとオフラインの持続可能性
クリティカルパス:'spin'/'bonus'-外部依存関係のない短いRPC;ジッタ付き指数関数レトライ。
Idempotence:書き込み操作のキー(bet/pay)-繰り返し→同じ結果。
サービスワーカー(Web上):資産のキャッシュ、短いTTLでマニフェスト、イベント前にウォームアップ。
プレースホルダ:スケルトンスクリーン、ローカルUIイベントキュー、クリアネットワークが利用できないステータス。
7)プラットホームの相違および容器
iOS Safari:厳格な自動再生、WebGLメモリ、バックグラウンドタイマーの制限。
Android Chrome/WebView:より多くのGPUバリエーション/ドライバ-Mali/Adrenoをテストします。
PWA:ホーム画面、オフラインキャッシュ、プッシュ/ペイはルールで制限されています。
ネイティブ/Unity: WebGLバンドルは重いですが、iOS/Android用の単一のコードです。アドレス、プラットフォームごとのテクスチャ圧縮。
アプリケーションでのWebView: storaポリシー、プライバシー、RG要件を考慮してください。
8)ローカライズと可用性
言語:文字列の長さ、右側のスクリプト、日付/通貨形式;ICUメッセージ。
コントラストとサイズ:高コントラストモード、スケーラブルフォント、クリティカルテキスト-飽和の違いなし。
より少ない動き:視差/首;オルタナティブエフェクト。
9)責任あるゲームと正直さ
WGツール:制限/タイムアウト/自己除外への迅速なアクセス。夜は「サイレントモード」。
結果の正直さ:アニメーションの前にサーバー上の結果を計算します。UXは脱落の可能性に影響を与えません。
管轄区域:自動スピン/buy-feature/speeds-地域別のフィッシュフラグを介して。
10) QAの行列および観察可能性
デバイスマトリックス:8-12参照(iPhone ベース/Pro、 Mali/Adreno搭載の予算/ミッドAndroid、タブレット)。
プロファイリング:FPS、ドローコール、GPU/CPU時間、メモリ/VRAM、 スタッタ/GC。
クラッシュ/ANR:監視、シード/ステップによる問題ラウンドの再生。
ダッシュボード:最初の再生可能、p95ネット、スピンエラー、温度(利用可能な場合)、D1/D7保持、変換時のサウンド、スキップ分数。
11) A/Bの移動式実験
仮説:スピン位置、CTAサイズ、ドラムストップ長、チュートリアルオーダー、ソフトvsハードボーナスのイントロ。
ガードレール:クラッシュ/ANR、 p95ネットワーク、苦情;劣化中-ficheflagの自動ロールバック。
セグメンテーション:デバイス/GPU/トラフィックチャネルによって-効果は異なる場合があります。
12)アンチパターン(何をしないか)
Copy Desktop 1:1:小さなテキスト、ボタンは利用できません。
すべてのデバイスに対する巨大なビデオ/背景効果→過熱およびFPS低下。
賞金を計算するときのランダムGC:アニメーションティック内の割り当て。
クライアントのハードエナム:サーバーから新しい値をドロップします。
確率デモ→信頼とコンプライアンスへの打撃。
フィードバックなしでネットワークを待っています:「死んだ」ボタン、ステータスなし。
13)ミニレシピ
クイックポートレートリーアウト
ボトムパネル:スピン(右)+ベット(左)、センターカウンター。
ドラムウィンドウの修正、背景-5-10%の視差。
大きい勝利:MSDF digits+glow、スキップボタン。
費用対効果の高い勝利効果
Scale-bounce title、 additive-confetti ≤ 1 c、 half-resが咲く。
振動は短い(10-20ms)、音はマーカーとの1つの組合せです。
予算のデバイスで安定したWebGL
1つのUIアトラス+1つの文字アトラス;ポストエフェクトはオフです。30 FPS「パワーセーブ」アイドル時。
14)大きい移動式適応チェックリスト
UX/Leyout
- 接触地帯≥ 44-48 pxの親指地帯の主要なCTA
- セーフエリア/前髪は考慮されます。ポートレート/ランドスケープがうまくいった
- 利用できるスキップ/ターボ/より少ない動き
グラフィック/Perf
- 60 FPS(参照)、ドローコール/予算のオーバードロー
- テクスチャ圧縮(ASTC/ETC2/BCn)+フォールバック
- LOD/重い効果を無効にする、粒子を引っ張ること
- の目的のためにバンドルと最初の再生可能
ネットワーク/信頼性
- Idempotent書き込み操作、ジッタで再試行
- サービスワーカー/キャッシュ戦略(Web)
- オフライン/エラーのステータスをクリア
オーディオ/バイブロ
- ジェスチャーのみ、ミキサー、SFX制限後の自動再生
- オプションをオフにしたハプティクス、バックグラウンドで一時停止
コンプライアンス/RG
- 管轄フラグ、サーバー上の正直な結果
- 制限/一時停止/自己除外へのクイックアクセス
QA/モニタリング
- デバイスマトリックスが渡されました。GPU/CPU/メモリプロファイル
- ネットワークp 95 ダッシュボード/FPS/エラー/クラッシュ
- チケットのシード/ステップリプレイ
モバイル用のスロットを適応させることは、読みやすいUX、慎重なグラフィックス、安定したネットワーク、倫理のバランスです。チームは、指と安全なエリアのスクリーンを設計し、60 FPSとライトバンドルを保持し、iOS/Androidのポリシーを考慮し、実際のデバイスでテストし、カナリアとフラグで機能をオンにすると勝利します。だから、スロットはどのスマートフォンでも美しく、速く、正直です。