Si usted sabe cómo diseñar una página Web con HTML y CSS, y tiene una cierta comprensión de JavaScript , puede crear sus propios juegos de aplicaciones Web para el iPod Touch y el iPhone . Las reglas son un poco diferentes para los dispositivos iOS de Apple debido a las diferencias en el tamaño de pantalla y la forma en que los usuarios interactúan con las páginas Web en un iPod Touch, en oposición a los usuarios equipados con un ratón. Muchos tutoriales , páginas de muestra y fragmentos de código están disponibles en la Biblioteca de desarrollo del Safari que puede utilizar como base para su propio juego de aplicación Web. Instrucciones
Introducción
1
Investigación de la Biblioteca Apple Safari Desarrollo de ideas para el diseño de su juego. Este sitio web contiene útiles tutoriales , demostraciones y código de ejemplo para todo tipo de aplicaciones web iOS . Por ejemplo , tutoriales disponibles incluyen código de ejemplo para un juego TicTacToe y un juego de damas, ambas diseñadas en HTML5 y configurado para jugar sin conexión .
2
Descargar código de ejemplo de la Biblioteca para el Desarrollo Safari o de otros tutoriales creados por experimentados iOS desarrolladores de aplicaciones Web . Haga clic en cada archivo, seleccione "Abrir con ", y luego abrir cada archivo en el Bloc de notas o el software de diseño Web como Dreamweaver .
3
Haga click en los juegos basados en Web diseñado en HTML5 , JavaScript y CSS, y seleccione "Ver código fuente " para ver el código utilizado para crear el juego . Tenga en cuenta que gran parte del código requerido se almacena en otras páginas. Búsqueda de enlaces y secuencias de comandos con . " HTML ", " . Js " y "Extensiones . Css " . Escriba estos enlaces en una nueva ventana del explorador para verlos, utilizando el mismo directorio raíz que la página que está viendo actualmente . Por ejemplo, si una página está en " example.com ", para ver un enlace de " /scripts /sample.js ", escribiría " example.com /scripts /sample.js " para abrir la página en su navegador .
la creación de contenido
4
uso de CSS códigos "
" para especificar el tamaño y el formato del contenido del juego y en las páginas de soporte. Evite el uso de conjuntos de marcos que permitan marcos desplazamiento anidadas dentro de una página Web.
5 páginas Diseño
e imágenes mantenimiento de las limitaciones de memoria del iPod Touch en mente. Por ejemplo , el tamaño de las imágenes en un iPod Touch con menos de 256 MB de RAM es de 3 megapíxeles , el límite para un dispositivo con más memoria RAM es de 5 megapíxeles
6
Mantenga ejecuciones Javascript menos de 10 segundos . . Si el código tarda más en ejecutarse , puede colgar en un iPod Touch.
7
mantener el tamaño total de la página para su juego basado en la Web por debajo de 30 MB, incluyendo las imágenes y otros archivos utilizados por la Web aplicación.
8
Familiarizarse con los comandos de iOS específicos para optimizar su juego para el iPod Touch. Por ejemplo, utilice "tocar" eventos como " touchstart " y " touchEnd " en lugar de comandos del ratón normalmente utilizados en el diseño de páginas Web. Los códigos de ejemplo de biblioteca para desarrolladores de Safari también le proporcionará con los comandos " webkit " que utilizan iOS características específicas , como las zonas de texto y botones .
Probar el juego
9
Abra una nueva ventana en el navegador web y vaya a Apple.com /safari . Descargar e instalar el navegador Safari , siguiendo las instrucciones que aparecen en la página web . Cambiar el agente de usuario hará que Safari en el equipo se comportan como lo haría en un iPod Touch.
10
lanzamiento Safari y hacer que el menú " Crear " visible en la parte superior de la pantalla , haga clic en "Preferencias" , en el menú archivo y, a continuación, seleccione la opción " Mostrar Desarrollar menú barra de menús en " opcion a Compra 11
Haga clic en el menú " Crear " . . Seleccione " User Agent " seguido de " Otros. " Un cuadro de diálogo con un campo de texto. Resalte y elimine el contenido del campo de texto y, a continuación, pegue el código siguiente en el campo de texto : " Mozilla/5.0 ( iPod ; U; CPU como Mac OS X , en) AppleWebKit/420.1 ( KHTML , like Gecko ) Versión /3.0 Mobile/4A93 Safari/419.3 "
12
Prueba el juego utilizando el navegador web Safari en el equipo antes de subirlo a un servidor web. Otros navegadores, como Internet Explorer y Firefox , no se mostrará el juego de la misma manera. Una vez que haya cargado el juego a un servidor, probar los cambios continuamente en un iPod Touch con el navegador web Safari en el dispositivo.
