Como ejercicio final de la introducción, usa lo aprendido para crear un videojuego con HTML, CSS y JavaScript.
Como referencia, se ha proporcionado el desarrollo de un juego de Snake, pero eres libre de elegir cualquier otro concepto de juego que te interese.
-
Elige un concepto de juego: Puede ser cualquier tipo de juego que te interese desarrollar, desde un juego de plataformas hasta un puzzle o un juego de estrategia.
-
Crea los archivos necesarios: Dentro de la carpeta con el nombre de tu juego y tus iniciales (por ejemplo,
yourGameName-Initials), añade todos los archivos necesarios para tu juego, incluyendo HTML, CSS y JavaScript. Si tu juego requiere imágenes u otros recursos, asegúrate de incluirlos también. -
Desarrolla el juego: Utiliza un chatbot, como ChatGPT o Gemini, para crear todo el código. HTML para estructurar tu juego, CSS para darle estilo y JavaScript para la lógica del juego. Asegúrate de que tu juego sea interactivo y funcione correctamente en los navegadores web.
-
Documenta tu proceso: En un archivo
prompts.mddentro de la misma carpeta, incluye los prompts utilizados. Además, si quieres, describe el proceso de desarrollo de tu juego, incluyendo cualquier desafío que hayas enfrentado y cómo lo superaste. -
Prueba tu juego: Antes de finalizar, prueba tu juego en diferentes navegadores para asegurarte de que funciona correctamente en todos ellos. Ajusta cualquier error que encuentres durante las pruebas con más prompts.
-
Haz una pull request: Una vez que tu juego esté completo y probado, haz una pull request para incluir tu juego en el repositorio. Asegúrate de incluir en el comentario de la pull request una breve descripción de tu juego, cómo se juega y cualquier detalle relevante que quieras destacar.
Para darte una idea de cómo estructurar tu proyecto, puedes referirte al juego de Snake desarrollado como ejemplo. Encuentra los archivos y la documentación necesaria en la carpeta snake-EHS.
¡Esperamos ver tu creatividad en acción y jugar los increíbles juegos que desarrolléis!