このページは Cloud Translation API によって翻訳されました。

Pixonic: 大画面向けに最適化することで ChromeOS でエンゲージメントを 25% 増加

背景

モスクワを拠点とするゲーム開発会社の Pixonic は、モバイルアプリをアップグレードしてさらに多くのゲーマーにリーチできるよう日々努めています。同社の最も有名なタイトルのひとつである War Robots は、12 人のプレーヤー対プレーヤー（PvP）で、カスタマイズしたロボットを操作して戦闘を行えるゲームです。

2014 年のリリース当初、War Robots は初期の Android デバイス向けに設計され、タッチパッドによる操作は可能でしたが、マウス入力には対応していませんでした。自らも熱心なゲーマーである同社の開発チームは、ノートパソコンやタブレットなど、さまざまなデバイスで快適にプレイできるようにするには、いくつか改善を加える必要があると考えていました。Chromebook はフルバージョンの Android フレームワークをコンテナ内で実行するため、War Robots はすでにどの Android デバイスでもプレイ可能でした。Pixonic はコーディングを少し調整するだけで、ChromeOS の全機能を活用できるようになりました。

Pixonic チームが War Robots を大画面向けに最適化した方法を以下に紹介します。

Eyecon の取り組み

最適化を開始するために、Pixonic は AndroidManifest.xml にメタデータタグを追加しました。このタグは、ChromeOS を完全にサポートする準備ができており、タッチエミュレーションを無効にする必要があることをシステムに通知します。

<uses-feature android:name="android.hardware.type.pc" android:required="false" />

また、アプリの minSdk を 24 に設定して、Unity ゲームエンジンがマウスクリックとすべての動作に関連する API イベント（タッチパッドイベント以外も含む）を直接受信できるようにしました。

キーボードとマウスのサポート

War Robots のようなサードパーソン PvP ゲームでは、特に大画面のデバイスの場合、キーボードとマウスを使用することで、動いたり照準を合わせたりしやすくなります。このため次の作業として、ゲームの戦闘モードで、タッチスクリーン操作に加えてキーボードとマウスでも操作できるようにコードを書き直すことにしました。

Pixonic チームは、適切なコントロールを適切なタイミングで提供できるように、ユーザーの現在のゲームプレイモードを確認する新しいコードを作成しました。

@Override
public void onConfigurationChanged(Configuration newConfig) {
    boolean hasQwertyKeyboard = newConfig.keyboard == Configuration.KEYBOARD_QWERTY && newConfig.hardKeyboardHidden == Configuration.HARDKEYBOARDHIDDEN_NO;
    try {
        UnityPlayer.UnitySendMessage("Receiver", "ConfigChange", new JSONObject().put("keyboard", hasQwertyKeyboard).toString());
    } catch (JSONException e) {
        e.printStackTrace();
    }
}

QWERTY キーボードが検出されると、ゲームはデスクトップモードに適応します。左下のジョイスティックの表示は消え、すべてのアクション（武器、アビリティ、メニューの選択など）にキーボードショートカットが表示されます。

キーボードが検出されなかった場合、左下にジョイスティックが表示され、右下のメニューボタンのキーボードショートカットは非表示になります。

次に、プレーヤーがマウスを使ってカメラを回転させているときは、カーソルを表示しないようにしました。Android 7.0（API レベル 24）以降を対象にすることで、任意のポインタアイコンを設定することが可能になります。この例では、透明なビットマップを使用して、ゲームプレイ中のカーソルを非表示にしました。

public boolean setPointerVisibility(boolean visible) {
    View = activity.findViewById(android.R.id.content);
    view.setPointerIcon(PointerIcon.getSystemIcon(activity, visible ? PointerIcon.TYPE_DEFAULT : PointerIcon.TYPE_NULL));
}

これにより、他のすべてのウィンドウが閉じられた状態で戦闘が行われている場合、カーソルが無効になり、表示されないようになりました。また、一時停止メニューなどのポップアップウィンドウが表示されると、カーソルがデフォルトのアイコンで表示されるようにしました。

ゲームプレイのチュートリアルとメカニズムを最適化

Pixonic はユーザーエクスペリエンスを高めるため、ユーザーの現在のデバイスモードに応じたゲームプレイチュートリアルを表示する新しいコードを記述しました。プレーヤーが戦闘中にタブレットモードとノートパソコンモードを切り替え、新しいモードでこれまでにチュートリアルが表示されたことがない場合は、ゲームプレイを再開する前にチュートリアルが表示されます。

ノートパソコンモードでは、プレーヤーはマウスでカメラを操作するため、タッチスクリーンによるカメラ操作を無効にしましたが、ゲームプレイのボタンはすべて他と同じように動作します。タッチとマウス操作を区別するために、次のように Input.touchCount プロパティを使用しています（Unity スクリプトの場合）。

if(Input.touchCount > 0) {
    // this is screen touch event
} else {
    // this is mouse (touchpad) event
}

マルチウィンドウのサポート

Pixonic は最後の作業として、ゲームの起動時に全画面モードでロックされないようにする必要がありました。ChromeOS でウィンドウ表示のゲームプレイを有効にすると、プレイしながらお気に入りの配信者を同時に視聴したり、ゲームのウェブサイトで新しいアビリティについて読みながらロボットをアップグレードしたり、別の動画を見ながらパッシブモードで戦いを観戦したりできます。

これに対応するために、UnityPlayerActivity をサイズ変更可能としてマークしました。

<activity android:name="com.unity3d.player.UnityPlayerActivity" ....
    android:resizeableActivity="true">

ゲームインターフェースは特定のサイズ範囲でのみプレイ可能であるため、サポートされる最小ウィンドウサイズを設定しました。

<activity … >
    <layout android:gravity="center" android:minHeight="800dp" android:minWidth="1200dp" />
</activity>

最も臨場感あふれるゲームプレイにはメタタグを使用して、全画面モードをデフォルトに設定し、必要に応じて画面を横向きに設定しました。

<application>
    <meta-data android:name="WindowManagerPreference:FreeformWindowSize" android:value="maximize" />
    <meta-data android:name="WindowManagerPreference:FreeformWindowOrientation" android:value="landscape" />
    ….
</application>

こうした最適化により、プレーヤーがゲームプレイ画面のウィンドウサイズを変更したときに、ゲームが一時停止しないようにし、戦闘用の HUD も合わせてサイズ変更されるようにしました。

結果

オンラインリソースの豊富なライブラリのおかげで、5 人からなる Pixonic の開発チームはわずか 2 週間でこの全プロセスを終えることができました。

Pixonic が最新の最適化を展開して以来、すでに 10 万人以上のプレーヤーが ChromeOS で War Robots をプレイしています。画面が大きくなり、使えるスペースが増えたことで、War Robots ではより臨場感のある戦闘が可能になりました。実際に、Chromebook でのユーザーのプレイ時間は他の Android デバイスと比べて 25% 長くなっています。これまでの評判はとても高く、Chromebook 向けに最適化されたゲームは、BlueStacks のエミュレータよりスムーズに動作するという意見もありました。

この成功を基に、Pixonic では、すべての Android デバイスで War Robots のグラフィックを改良して、パソコン版のクオリティに近づける予定です。

ChromeOS 向けにアプリを最適化するおすすめの方法をご確認ください。