Tengo un conocimiento básico de CSS, HTML y JavaScript, entonces, ¿cuáles son los tutoriales útiles para aprender juegos JavaScript y HTML5?

Realmente estoy rehaciendo un juego en línea muy popular que el año pasado me encantó. Mientras jugaba, solo había algo de UI / UX, jugabilidad y otras cosas funcionales que pensé que podría mejorar.

Y debido a que me emociona resolver nuevos problemas, simplemente salté y comencé a codificar.

Problema # 1: Está construido con Flash. Por lo tanto, mis píos en dispositivos iOS no pueden ser invitados a un juego improvisado, y mucho menos ejecutar la aplicación en su navegador. OMI que apesta importante porque es 2015.

Aquí hay algunas cosas que me di cuenta durante la codificación que pueden o no ayudarlo dependiendo de lo que ya haya considerado.

Diseño de juego:
¿Puedes diseñar un juego con las reglas y otros detalles que tengan sentido? Mejor aún, cree un documento de especificaciones que describa todas las características que cree que necesita y cómo funcionan.
Limite el alcance de su juego para incluir características absolutamente necesarias primero, especialmente si solo es un niño de script solitario (sin sombra) que codifica en la oscuridad.
¿Qué estilo de juego será? Tantos donde elegir.
¿Tendrá música o efectos de sonido para la retroalimentación auditiva?
¿Se basará en texto como Alone in the Dark?
¿Quién hará el arte / sprites, etc. si hay alguno? ¿Puedes?
Desde su HTML5, ¿funcionará en cualquier dispositivo / pantalla? se ajustan a las ventanas gráficas diff? o está apuntando a un tamaño de pantalla específico. (Esto podría afectar muchas decisiones más adelante en la OMI)
* De hecho, terminé imprimiendo un documento bastante conciso de 50pg sobre diseño / desarrollo de juegos de mesa que ilustraba muchos detalles que necesito considerar.

Funcional
¿Está estructurando su base de código de manera concisa?
¿Alguna otra dependencia que no sea HTML vainilla, CSS, JS? Los marcos / bibliotecas de todo tipo y calidad están disponibles.
* Para mí, tenía requisitos del lado del servidor: express server w mongo & Socket.IO .
Tampoco estoy usando un marco específico para el desarrollo de juegos.
Este libro puede ayudar ( JavaScript de alto rendimiento )

UX
¿Qué es lo primero que ve el usuario?
¿Qué opciones / elementos están disponibles para interactuar de inmediato?
¿Qué se oculta y hasta qué acción toma el usuario o cambio de estado en el juego?
¿Cómo se lleva a cabo esa interacción? ¿Es confuso?
* Aquí creo que ayuda a storyboard algunas o todas las funcionalidades propuestas. Principalmente porque puede determinar a este nivel qué se debe mantener, qué se necesita pero no está allí, y qué se puede cortar. Esto también debe hacerse antes de codificar incluso 1 línea.

Uno de los mejores consejos que he encontrado es recrear algo que disfrutas jugando … que debería iluminar algunos de los jibber jabber mencionados anteriormente.

Desde que solicitó tuts:
Guía sin lágrimas para juegos HTML5 – Rocas HTML5
Cómo hacer un simple juego HTML5 Canvas
Tutorial de juego HTML5: crea un juego de serpiente con HTML5 Canvas y Jquery
Desarrollo de juegos HTML5
Crea tu primer juego con HTML5 – Tuts + Code Tutorial
Cómo hacer un juego HTML5
Iniciador para los nuevos desarrolladores de juegos HTML5
12 juegos en 12 semanas

Marcos
bebraw / jswiki

Además, la mejor de las suertes.

Hay un gran libro sobre el tema llamado Pro HTML5 Games publicado por apress. Definitivamente échale un vistazo.

More Interesting

Estoy aprendiendo desarrollo web y planeo trabajar por cuenta propia. ¿Qué tipo de trabajos para principiantes hacen los desarrolladores web?

¿Qué debo esperar en mi primer trabajo como único desarrollador de full stack?

Quiero crear una pila completa de desarrolladores de sitios web, ¿cómo puedo elegirlos y qué debemos hacer primero para ser profesionales algún día?

¿Por qué siempre me siento bajo en programación, en comparación con mis amigos? Me aterra hacer una tarea en lenguaje de fondo.

Tengo una conexión a Internet de alta velocidad en mi casa. Soy programador web, mi esposa y mi madre son enfermeras. ¿Qué puedo hacer para ganar dinero con esto?

Cómo usar Firebase para mi aplicación Ionic v1

Terminé de aprender Python como principiante, ¿qué debo hacer para mejorar mis habilidades en programación y Python?

Quiero ser desarrollador web, ¿por dónde debería comenzar?

Cómo contabilizar automáticamente el horario de verano en el código JavaScript

Descargué un tema de WordPress ahora quiero que sea mi propio sitio web. ¿Como lo puedo hacer?

¿Qué tipo de sitio web debo hacer? Quiero un sitio que permita a las personas publicar su experiencia sobre un tema determinado. ¿Es este un blog o qué?

Tengo que hacer una certificación de Microsoft (MCP). ¿Qué examen tengo que tomar?

Como aficionado al diseño y desarrollo web, quiero crear mi nuevo sitio web con WordPress. ¿Cómo podría configurar esto mientras mi dominio todavía está alojado en otra plataforma y migrarlo rápidamente a WordPress, con poco tiempo de inactividad?

Me gustaría desarrollar una aplicación móvil HTML + CSS + JS con un back-end RDBMS (MongoDB es menos adecuado, en este caso). ¿Qué marcos debo usar?

Cuando un cliente envía un formulario en mi sitio web, ¿cómo creo una base de datos para actualizar automáticamente un documento de Excel que contiene su información?