Soportando múltiples tamaños de pantalla

15
Published on 1 Jul, 2013. Last updated 25 Feb, 2019

Mantener la interfaz de usuario o HUD en su lugar

A menudo, su juego tiene elementos de interfaz de usuario (también conocido como HUD), como la salud, munición u otra información que debe estar siempre en el mismo lugar de la pantalla.

Para hacer esto, cree una nueva capa y establezca su Parallax a 0,0. Si también desea detener la escalada de interfaz de usuario con el juego, fijar sus Scale rate a 0 también.

Asegúrese de que todos los objetos de la interfaz de usuario se colocan en esta capa. Colóquelos en la parte superior izquierda de la distribución, dentro del rectángulo de trazos que representa el área de la ventana. Ahora ellos deben permanecer en el mismo lugar de la pantalla, al igual que el texto "Score" en las imágenes de la página anterior.

El comportamiento del ancla

Si coloca un objeto en la parte inferior derecha de la ventana y cambia el tamaño de la ventana, verás que no se mueve. Para conseguir que se quede en la posicion relativa a la parte inferior derecha de la ventana visible, se puede utilizar el comportamiento Ancla, para "anclar" a una posición en la pantalla.

Tenga en cuenta que el comportamiento de anclaje está destinado a ser utilizado para objetos de una capa no-desplazamiento - es decir, con el conjunto de paralaje a 0, 0 como se describió anteriormente.

Al establecer el borde izquierdo y Borde derecho a la ventana derecha o ventana inferior podrá alinear objetos con el borde derecho de la ventana, el borde inferior, o en la parte inferior esquina derecha. De forma predeterminada los objetos se alinean con la ventana superior izquierda.

Si usted tiene los controles de formulario y otros objetos que desee obtener ancho o alto que la ventana se hace más grande, también puede anclar el borde derecho y Borde inferior. Sin embargo, si usted no desea que el objeto cambie el tamaño, déjelos establecidos en Ninguno.

Otras funciones útiles

El Ancho de la ventana y alto de la ventana son expresiones del sistema que devuelven el tamaño actual de la ventana en píxeles. Es posible que desee mostrar u ocultar objetos en función del tamaño de la ventana, activar diferentes funciones para pantallas muy pequeñas, o mostrar un tipo diferente de la interfaz de usuario para pantallas de gran tamaño.

ViewportRight("Layer")) / 2 and (ViewportTop("Layer") + ViewportBottom("Layer")) / 2*.

El ViewportLeft , ViewportRight , ViewportTop y ViewportBottom son expresiones del sistema que pueden devolver las coordenadas de la vista de una capa dada. Para centrar un objeto en la pantalla, usted debe colocar a (ViewportLeft ("Layer") + ViewportRight ("Layer")) / 2 y (ViewportTop ("Layer") + ViewportBottom ("Layer" )) / 2.

Además, con pantalla completa en el modo de escala, es posible que los límites de diseño causen problemas con el desplazamiento. En ese caso, es posible que desee para tratar de ajuste desplazamiento Unbounded a en el diseño, y limitar el desplazamiento a ti mismo (por ejemplo, alrededor del diseño con objetos sólidos).

Cambiar a pantalla completa durante el juego

El [object Browser] [12] tiene una acción de solicitud de pantalla completa. Esto también puede entrar en pantalla completa cuando la Pantalla Completa en el navegador es Off (cuando aparece el juego incrustado en una página HTML). Usted también tiene la opción de simplemente centrar, o el uso de los cultivos, la escala, la escala Letterbox o Letterbox en modos de cambio de tamaño de escala entero para llenar toda la pantalla. Estos corresponden a la Pantalla Completa en la configuración del navegador. Al hacer esto su juego de tamaño de la ventana también se va a cambiar, por lo que es importante apoyar a múltiples tamaños de pantalla cuando se utiliza esta opcion.

Tenga en cuenta que por razones de seguridad la acción de solicitud fullscreen sólo funciona en un evento de usuario introducido, como pulsar una tecla en el teclado o haciendo clic en un objeto Button.

¡Asegúrese de probar!

Debe probar el juego en una variedad de dispositivos para ver qué tan bien funciona. Es común para cambiar el tipo de interfaz de usuario que se está mostrando en función del tamaño de la ventana. Esto puede ser un montón de trabajo de configurar. Alternativamente, para un juego simple que podría ser capaz de obtener la misma interfaz de usuario que trabaja en todos los tamaños de pantalla. Depende del juego.

También puede probar a través de WiFi o la red LAN previewing on a local network. Esto puede hacer que sea mucho más rápido y más fácil de conseguir que funcione justo en dispositivos reales.

El tamaño de la pantalla más grande es 2048 x 1536 en el iPad de tercera generación, y el más pequeño es alrededor del tamaño 320 x 480 para el iPhone 3 y anteriores.¡Así que eso es absolutamente una gama! No deje de probar a todos. ¡Usted no quiere que su juego sea injugable en algunas pantallas ya que los botones han desaparecido o se han vuelto demasiado pequeño para presionar!

  • 1 Comments

  • Order by
Want to leave a comment? Login or Register an account!