prucommercialre.com


Cómo hacer que su juego HTML5 App-Ready

Por supuesto, sus juegos HTML5 son realmente las páginas web, pero que van a hacer que funcionen de una manera que también los hace actuar como aplicaciones. Tienes que hacer un par de cosas. Puede añadir un icono a su juego por lo que aparece en el escritorio, se puede modificar el tamaño de lo que el juego ocupa toda la pantalla, y usted puede tener su juego almacena fuera de línea.

Administrar el tamaño de la pantalla € s gameâ

La primera cosa a considerar es el tamaño de la pantalla. Esto es una cosa fácil de cambiar, pero puede tener grandes implicaciones en su juego. Un juego que funciona bien en un tamaño puede ser mucho más fácil o más difícil en un tamaño diferente. Usted puede cambiar el tamaño y la posición del partido con setSize del objeto Escena () y setPos () funciones.

Cómo hacer que su juego HTML5 App-Ready

En general, usted encontrará 1024 x 768 y 800 x 600 para ser los tamaños de pantalla más comúnmente utilizados. Tiene sentido para ir un poco más pequeño que estas resoluciones. Por supuesto, si usted tiene un dispositivo en particular que desea programar para, sólo tiene el tamaño de su programa directamente para su dispositivo.

Después de saber el tamaño que desee, sólo tiene que utilizar el método del objeto Escena setSize () para cambiar la pantalla a cualquier tamaño que prefiera.

Recuerde que para muchos juegos, cambiando el tamaño de la pantalla en realidad va a cambiar el modo de juego. Además, la mayoría de entrada va a pasar en la pantalla real, por lo que pensar en cómo los pulgares grandes son, y tratar de diseñar su juego para los dedos del usuario no oscurecen cualquier acción en pantalla.

Cómo hacer que su juego tenga un aspecto como una aplicación

Hay un par de trucos maravillosos que usted puede hacer para que los usuarios de IOS. Usted puede diseñar su juego por lo que el usuario puede añadir un icono directamente en el escritorio. El usuario puede entonces iniciar el juego como cualquier otra aplicación. También puede hacer que el navegador ocultar el explorador normal de avíos para que su juego no se ve como que se está ejecutando en un navegador!

Resulta que estos dos efectos son bastante fácil de lograr. Las versiones modernas de IOS ya tienen la capacidad de almacenar cualquier página web en el escritorio. Sólo ver la página web en Safari y haga clic en el botón Compartir. Usted encontrará una opción para guardar la página Web para el escritorio.

Sin embargo, el icono por defecto para una aplicación de salvado es bastante feo. Si quieres un icono de aspecto agradable, puede guardar una pequeña imagen de su juego como un archivo .png y lo puso en el mismo directorio que el juego. A continuación, puede añadir esta línea a su página (en la cabecera), y que la imagen aparecerá en el escritorio cuando el usuario guarda tu juego:

<Link rel = "apple-touch-icon" href = "plane.png" />

Como bono adicional, el iPhone y el iPad se ajustará automáticamente la imagen para que parezca un icono de Apple, añadiendo un efecto vidrioso y esquinas redondeadas.

Cómo hacer que su juego HTML5 App-Ready

Cómo quitar la barra de herramientas de Safari de la pantalla del juego

Aunque su juego se ve bien en la pantalla principal, cuando el usuario activa el juego, sigue siendo evidente que el juego es parte del navegador web. Puede ocultar fácilmente la barra de herramientas del navegador con otra línea en la cabecera:

<Meta name = "apple-móvil-web-app-capaz" content = "yes" />

Este código no va a hacer nada diferente a menos que el juego se llama desde el escritorio. Sin embargo, en ese caso, se esconde la barra de herramientas, por lo que el aspecto del juego y se siente como una aplicación en toda regla. Como bono adicional, este se ejecuta el juego en modo de pantalla completa, que le da un poco más de espacio para el juego.

Cómo hacer que su juego HTML5 App-Ready

De nuevo, esto es una solución de Apple-específico. No hay una manera fácil de conseguir el mismo efecto en los dispositivos Android.

Cómo guardar su juego offline

Ahora el juego se está buscando mucho como una aplicación, excepto que sólo se ejecuta cuando se está conectado a Internet. HTML5 tiene una característica maravillosa que le permite almacenar una página web completa a nivel local la primera vez que se ejecute. Entonces, si el usuario intenta acceder al juego y el sistema no se puede conseguir en línea, la copia local del juego se ejecuta en su lugar.

Este es un efecto relativamente fácil de lograr:

  1. Haga su juego estable.

    Antes de utilizar el mecanismo de almacenamiento fuera de línea, usted querrá asegurarse de que su juego está cerca de lanzar listo. Como mínimo, usted necesita estar seguro de que usted sabe todos los archivos externos necesarios por el juego.
  2. Construir un archivo cache.manifest.

    Mira el directorio que contiene su juego, y crear un nuevo archivo de texto llamado cache.manifest.
  3. Escribe la primera línea.

    La primera línea del archivo cache.manifest debe contener solamente el manifiesto de la caché de texto.
  4. Haga una lista de todos los archivos en el directorio.

    Escribe el nombre de cada archivo en el directorio, un archivo por línea. Tenga cuidado con su capitalización y ortografía.
  5. Agregue el atributo manifest.

    La etiqueta <html> tiene un nuevo atributo llamado manifiesto. Use esto para describir al servidor donde el manifiesto de caché se puede encontrar:

    <Html lang = "es"
    manifiesto = "cache.manifest">

  6. Cargue la página con normalidad.

    Usted tendrá que cargar la página web una vez en la forma habitual. Si todo está configurado correctamente, el navegador tranquilamente hacer una copia del archivo.

  7. Prueba fuera de línea.

    La mejor manera de probar almacenamiento fuera de línea es para desactivar temporalmente el acceso inalámbrico en su equipo y luego tratar de acceder al archivo. Si las cosas funcionaron, usted será capaz de ver su página como si estuviera todavía en línea.
  8. Compruebe la configuración del servidor.

    Si el almacenamiento sin conexión no funciona, puede que tenga que consultar con su administración del servidor. El texto / tipo MIME manifiesta necesita ser configurado en el servidor. Puede que tenga que pedirle a su administrador del servidor para configurar esta opción en el archivo .htaccess para su cuenta:

AddType text / manifest-manifiesto de la caché