Cómo hacer su juego html5 app-listo

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 pantalla del juego

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 la Escena objeto de setSize () y setPos () funciones.

En general, usted encontrará 1.024 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 Escena objeto de setSize () método para cambiar la pantalla a cualquier tamaño que usted prefiere.

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 se parece a 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 iniciar el juego como cualquier otra aplicación. También puede hacer que el navegador ocultar el navegador normal de pertrechos 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 .jpg archivo y ponerlo 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:

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 vidriosos y esquinas redondeadas.

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:

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.

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 en línea

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 puede conectarse a Internet, 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 poder 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 sabes todo de los archivos externos que necesita el juego.

2. Construir un cache.manifest archivo.

   Mira el directorio que contiene el juego, y crear un nuevo archivo de texto llamado cache.manifest.

3. Escribe la primera línea.

   La primera línea de la cache.manifest archivo debe contener únicamente el texto CACHE MANIFEST.

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.

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

6. Cargue la página con normalidad.

   Usted tendrá que cargar la página web una vez de la forma habitual. Si todo está configurado correctamente, el navegador en silencio 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 de servidores. los texto / manifiesta Tipo MIME debe configurarse en el servidor. Puede que tenga que pedirle a su administrador del servidor para configurar esta opción en el .htaccess presentar para su cuenta:

AddType text / .manifest-manifiesto de la caché