¿Funcionará un juego escrito con HTML5 en teléfonos inteligentes?

Me gustaría escribir un juego que pudiera jugarse en teléfonos inteligentes y me preguntaba si HTML5 podría ser una forma de escribir juegos para trabajar en una amplia selección de teléfonos inteligentes.

Acabo de ejecutar la prueba HTML5 :

• Mi iPod Touch de segunda generación con iOS 3.1.3 obtiene 125 y 7 puntos de bonificación de 300 en Safari. De particular interés para el desarrollo del juego:
  • Puntos completos en lienzo! Ideal para renderizar juegos.
  • Admite el elemento de video con formatos MPEG-4 y H.264
  • Admite el elemento de audio con formatos PCM, MP3 y AAC (¡excelente para bgm y sonidos!)
  • Sesión y almacenamientos locales son compatibles, como es la base de datos Web SQL! (¿Juego guardar archivos?)
  • Caché de aplicaciones es compatible; Supongo que esta característica le permitirá almacenar en caché los archivos de datos del juego (imágenes y demás) para una carga más rápida. ¡Suena genial para mí!
  • No hay soporte WebGL.
  • No WebSocket tampoco; Los juegos multijugador necesitarán usar algo más como sondeo AJAX.
• Mi Droid Incredible con Android OS 2.1 (+ Sense UI) obtiene 151 puntos y ningún punto de bonificación de 300 en su navegador incorporado. De nuevo, de particular interés:
  • Soporte completo de lona
  • elemento de video compatible, pero los cuatro códecs tenían X en ellos. Me pregunto qué formatos puede reproducir.
  • elemento de audio, lo mismo que el video, pero todos los formatos tienen X
  • Se admite el almacenamiento local y de sesión y la base de datos Web SQL.
  • Caché de aplicaciones es compatible
  • No WebGL o WebSocket
  • Se admiten trabajadores web, que no se admitían en mi iPod; Esto podría ser algo bueno en el desarrollo de juegos para cosas que actúan en paralelo, ¿tal vez IA?
• Editar 2011/1/18: My Droid Incredible ahora tiene Android 2.2 y obtiene un puntaje de 176 sobre 300. Tchalvak (en los comentarios) obtuvo el mismo puntaje con su Droid 2, por lo que parece ser común para el navegador Android 2.2. También probé el navegador Opera Mobile que obtuvo un terrible 72 (sin puntos de bonificación) de 300, ¡pero es totalmente compatible con el lienzo!

Como puede ver, el iPod / iPhone y Android están muy unidos y parecen admitir una gama decente de características HTML5. Canvas es ideal para gráficos de navegador 2D y el elemento de audio probablemente sería ideal para reproducir sonidos de fondo y música, y también es genial ver que ambas plataformas admiten almacenamiento (aunque siempre puede usar cookies, por supuesto, dependiendo del tamaño de un juego guardado). Entonces, en general, diría que deberías hacerlo. Los números no lo son todo; como dijo wkerslake "ninguno de estos números inspira confianza", pero si miras a través de lo que es compatible, ¡parece ser todo lo que necesitas!

Yo digo ¡adelante! Te deseo la mejor de las suertes.

Por cierto, es posible que desee ver a Vanthia . Es un juego de navegador que utiliza el lienzo para un dibujo eficiente. ¡Pude jugar a la beta cerrada y seguro que vendría! El desarrollador ha dicho muy poco durante más de medio año, excepto que definitivamente lo está desarrollando, pero solo mantiene las cosas en secreto.

También puede obtener algunas ideas del reciente logotipo interactivo Pacman de Google . ¡No era muy HTML5 pero seguro que era funcional! Demuestra que en realidad no necesitas HTML5 para hacer un juego de navegador (y creo que HTML5 se está lanzando demasiado como una palabra de moda, tal como AJAX era o sigue siendo). Hay un proyecto de github con una versión desofuscada y limpia de la fuente que puede ver y jugar.

HTML5 está muy lejos de ser ubicuamente compatible incluso en navegadores web en PC y mucho menos en teléfonos.

Estos números se basan en el html5test

• IE8 en PC = 27/300
• Chrome 5.0.375.125 en PC = 197/300
• Safari 4.0.4 en PC = 207/300
• Safari en iPhone4 = 185/300

Ninguno de esos números inspira confianza

Puede parecer un poco tarde, pero me gustaría proporcionar una actualización sobre la situación de HTML5 y los navegadores móviles ahora que ha pasado algún tiempo. Últimamente, se han desarrollado bastantes motores de juegos que producirán juegos compatibles con HTML5 (ver: Construct 2 y Game Maker Studio ). Ambos producen un rendimiento correcto, pero ha habido problemas notables con las extensiones físicas y los objetos de movimiento rápido en algunas plataformas. iOS todavía toma la delantera en lo que respecta al rendimiento, pero Android ha recorrido un largo camino con las últimas versiones de Chrome. Cabe señalar que Dolphin Browser en Android también aumenta incluso un 100% el rendimiento de HTML5. Puede ver una comparación rápida realizada para una prueba a continuación:

Si usted está mirando para hacer la optimización manual, hay algunos consejos que figuran aquí . Además, con los juegos HTML5 cada vez más populares y permitidos en sitios como Kongregate y anteriormente en otros portales de juegos exclusivos flash, ya no hay razón para tener miedo de escribir juegos basados ​​en HTML5 para un dispositivo móvil.

También existen algunas bibliotecas para mantener las cosas fáciles de usar en dispositivos móviles, he enumerado algunas a continuación:

KineticJS

EaselJS

QuarkJS

a partir de julio de 2012, puede crear juegos HTML5 móviles sin problemas. Mira este video

Desde el punto de vista técnico, ciertamente es factible. Sin embargo, hay algunos problemas / dificultades:

• No hay muchos frameworks al aire libre, por lo que básicamente tendrás que escribir todo desde cero. Desde el renderizador hasta el manejo del sonido, la detección de colisiones. Esto puede ser mucho trabajo, dependiendo de lo que intentes hacer.
• Tendrás que tener una buena comprensión de JavaScript. Algunas prácticas habituales de OOP no funcionarán al usar este lenguaje. Probablemente no sea la mejor opción para un juego con grandes cantidades de código :)
• No te olvides del rendimiento. Los teléfonos inteligentes están lejos del rendimiento de una PC de escritorio típica. Tendrá que probar el rendimiento cuidadosamente en diferentes dispositivos. También puede depender del motor de JavaScript (navegador) que está instalado en el dispositivo. Este no es un problema solo de HTML5, por supuesto.
• Intenta reducir el ancho de banda necesario para el juego. Los dispositivos móviles tienden a tener conexiones más lentas y, a veces, las personas pagan por el ancho de banda que usan. Intenta usar el almacenamiento en caché siempre que sea posible.

Encontré una buena publicación sobre iPad y HTML5: http://mir.aculo.us/2010/06/04/making-an-ipad-html5-app-making-it-really-fast/

También evitaría el dibujo de lienzo pesado en iPad, por alguna razón parece ser bastante lento.

Puedes usar PhoneGap Build :

Simplemente cargue un archivo zip con el código HTML5 y le dará la aplicación para: Android, iOS, winphone, Blackbarry, Symbian ..ecc ..