Pixonic aumentó la participación en un 25% en ChromeOS al optimizar para pantallas grandes

{.icon–rounded} Soporte para teclado y mouse

En juegos PvP en tercera persona como War Robots, moverse y apuntar es mucho más fácil usando un teclado y un mouse, especialmente en dispositivos de pantalla más grande. Entonces, el siguiente paso fue reescribir el código para el teclado y el mouse para el modo de batalla del juego, manteniendo los controles de la pantalla táctil.

Para proporcionar los controles correctos en el momento adecuado, el equipo de Pixonic escribió un nuevo código para verificar el modo de juego actual del usuario:

@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();
    }
}

Si se detecta un teclado QWERTY, el juego se adapta al modo de escritorio. El joystick de movimiento en la esquina inferior izquierda desaparece, y todas las acciones disponibles (como ordenar armas, habilidades y menús) se etiquetan con atajos de teclado.

Si no se detecta un teclado, el joystick de movimiento aparece en la esquina inferior izquierda, y los atajos de teclado están ocultos en los botones del menú inferior derecho.

Luego, Pixonic quería asegurarse de que el cursor permanezca oculto cuando un jugador usa su mouse para girar la cámara. Al apuntar a Android 7.0 (API nivel 24) o superior, el equipo podría establecer cualquier ícono de puntero. En este caso, el equipo utilizó un mapa de bits transparente para hacer que el cursor sea invisible durante el juego:

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

Esto aseguró que el cursor estaría deshabilitado e invisible cuando todas las demás ventanas estén cerradas y haya una batalla en curso. Si aparece alguna ventana emergente, como el menú de pausa, Pixonic hace visible el cursor y muestra su icono predeterminado.

{.icon–rounded} Adaptación de tutoriales y mecánica de juego

Para una mejor experiencia de usuario, Pixonic también escribió un nuevo código para mostrar diferentes tutoriales de juego basados en el modo de dispositivo actual del usuario. Si un jugador cambia entre el juego de la tableta y la computadora portátil durante la batalla y aún no ha visto un tutorial para el modo diferente, el tutorial se muestra antes de que se reanude el juego.

#[Tutorial de juego en modo tableta con controles de pantalla táctil.] (ix://stories/war-robots/war-robots-4.1500.jpg [Un dispositivo de tableta con pantalla táctil que muestra el juego de robots de guerra.])

Cuando los jugadores están en modo portátil, Pixonic también deshabilita el control de la cámara con pantalla táctil (ya que los jugadores controlarán la cámara con un mouse) mientras todos los botones del juego funcionan como de costumbre. Para diferenciar los toques de los movimientos del mouse, el equipo usa la propiedad Input.touchCount (en los scripts de Unity):

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

{.icon–rounded} Soporte para múltiples ventanas

Para el paso final, Pixonic quería asegurarse de que el juego no se bloqueara en modo de pantalla completa cuando se lanzó. Al habilitar el juego en ventanas en ChromeOS, los usuarios pueden ver simultáneamente sus transmisores favoritos mientras juegan, actualizar sus robots mientras leen sobre nuevas habilidades en el sitio web del juego⁠ o ver una batalla en modo pasivo mientras miran un video por separado.

Para hacer esto, Pixonic marcó UnityPlayerActivity como redimensionable:

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

Teniendo en cuenta que la interfaz del juego solo parece jugable en un cierto rango de dimensión, el equipo estableció los tamaños mínimos de ventana admitidos:

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

Para el juego más inmersivo, Pixonic utilizó metaetiquetas para establecer el modo de pantalla completa como predeterminado y la orientación horizontal como deseable.

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

Estas optimizaciones también aseguraron que el juego no se detuviera y que el HUD de batalla se escalara en consecuencia a medida que los jugadores expanden y reducen sus ventanas de juego.