“Conocimiento Sistemas>Mac OS

Cómo crear un Web Based iPod Touch Game

2011/5/27
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.

Mac OS
Cómo Regresar Cargar un iPod a un ordenador Mac
Cómo eliminar una partición con una utilidad de disco
¿El iMac G3 de 1999 utiliza el mismo tipo de RAM que una PC con Windows?
Utilidad de Discos Opciones de formato
Cómo configurar su ordenador de Apple a Inicio y apagado automático
Cómo cambiar el tamaño de una partición en un MacBook Pro
Cómo encontrar Bootcamp en un Macbook
Cómo evitar que una Mac entre en suspensión
Conocimiento de la computadora © http://www.ordenador.online