desplegar resumen plegar resumen
Agárrate fuerte y no te muevas: ¡no querrás perderte ni un segundo de esta aventura espacial! Te voy a enseñar el videojuego que he creado usando ChatGPT, sin escribir una sola línea de código. Y eso que no soy desarrollador ni sé nada de JavaScript.
Cómo creé mi videojuego
Creé una réplica de Tetris simplemente pidiéndole a ChatGPT que codificara para mí. Te cuento cómo funcionó.
Los primeros pasos
Al principio, le dije a ChatGPT: "Me gustaría que codificaras Tetris en JavaScript". Entonces me proporcionó un ejemplo simplificado de Tetris en JavaScript, utilizando elementos canvas. Tomé este código y lo pegué en un archivo llamado index.html y otro archivo tetris.js.
Con este código básico, tenía una buena base para empezar a desarrollar el juego que te mostré en la introducción. Sin embargo, necesitaba añadir algunas funciones extra.
Añadir funciones
Para gestionar la rotación de las piezas, la detección de colisiones, el movimiento de las piezas, el sistema de puntuación, etc., le pedí a ChatGPT que lo hiciera. Me respondió proporcionándome una versión más completa del archivo.
Para leer OpenAI présente Sora : la révolution du texte en vidéo
Tuve algunos problemas por el camino, principalmente porque estaba trabajando en este proyecto mientras los estadounidenses estaban despiertos, y ChatGPT es más lento por la tarde. Así que decidí continuar a la mañana siguiente.
Esto significaba pedirle repetidamente que siguiera codificando mientras yo hacía otra cosa. A pesar de algunos errores menores, ChatGPT consiguió arreglar todo esto y proporcionarme un código que funcionaba.
Probar el juego en línea
Una vez que tuve el código, lo puse en uno de mis servidores para probarlo. Tengo un CPanel, pero puedes hacerlo localmente instalando un servidor WAMP o XAMPP en tu PC.
Pegué mi archivo HTML en un lado y mi archivo JavaScript en el otro. Con sólo estos dos archivos, tenía un videojuego que funcionaba.
Mejorar y personalizar el juego
A partir de ahí, pedí a ChatGPT que me ayudara a mejorar y personalizar el juego. Pedí cosas como mostrar comandos de teclado, añadir un título, la posibilidad de establecer una imagen de fondo e incluso encontrar un nombre de dominio.
También pedí a ChatGPT que adaptara el juego para dispositivos móviles. Optimizó el juego para ello, corrigiendo todos los errores y ajustando el CSS para que el juego se viera correctamente en una pantalla de móvil.
También ha añadido las funciones JavaScript necesarias para que el juego pueda jugarse en modo táctil en los móviles.
Soporte de ratón añadido
Además, le pedí a ChatGPT que añadiera soporte de ratón para jugar al juego. Me proporcionó el código necesario e incluso me sugirió mejoras, como la gestión del movimiento vertical y la optimización de la sensibilidad a la rotación.
Crear un sitio web real con un nombre de dominio real
Una vez que el juego era jugable y estaba optimizado, decidí crear un sitio real con un nombre de dominio real. Le pregunté a ChatGPT cómo añadir Google Analytics para poder hacer un seguimiento del número de visitantes de mi sitio. También me ayudó a optimizar el sitio para SEO dándome las metaetiquetas para añadir a mi código HTML.
Por último, le pedí a ChatGPT que me ayudara a hacer que mis redes sociales (YouTube, Facebook, TikTok e Instagram) aparecieran con iconos debajo del título. Me explicó cómo hacer todo esto.
El resultado
El resultado es la magnífica página web que mostré al principio. Cuenta con un vídeo de fondo que cogí de Canva, mi título, mis redes sociales y, por supuesto, mi juego, que es completamente jugable con el teclado y el ratón y también funciona en el móvil.
Conseguí crear este juego sin escribir una sola línea de código, y en sólo dos horas y media de trabajo. El potencial de ChatGPT es increíble, y hay muchísimas otras aplicaciones posibles.
No dude en pruebe el juego haciendo clic en este enlace. Diviértete y no dudes en compartir tus puntuaciones.
