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.
- Cómo aprender el desarrollo de back-end
- ¿Debo aprender IA si quiero convertirme en desarrollador web?
- He estado creando sitios web con PHP usando editores de texto. ¿Cómo empiezo a usar Laravel Framework? No tengo ningún conocimiento sobre su uso.
- Conozco los conceptos básicos de JS, jQuery, PHP y HTML / CSS. Necesito crear un sitio web interactivo, para preguntas y respuestas para el público. ¿Cuáles son los siguientes pasos?
- Desarrollo web, ¿cuál es el tema de tendencia único más que nada?
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.