Creando un juego de gemas con Claude.ai
Creando un juego de gemas con Claude.ai: Usando Claude.ai y activando la función de “Artifacts” en la sección “Feature Preview” de tu cuenta, nos embarcamos en la creación de un juego inspirado en el famoso juego de Gemas. Este proceso no solo nos permitió aprovechar las capacidades avanzadas de la IA para diseñar la mecánica y la interfaz del juego, sino que también nos ofreció la oportunidad de experimentar con características únicas que enriquecen la experiencia del jugador. A través de Claude.ai, hemos podido implementar innovaciones que mantienen la esencia del clásico juego de Gemas mientras lo adaptamos a las tendencias y preferencias actuales.
Este ejercicio fue interesante, comencé con el siguiente “Prompt“:
Crea un pequeño juego de gemas tipo “Bejeweled” utiliza si es necesario imagenes de internet o genera con líneas las diferentes gemas (como sea mejor). Quiero jugarlo aquí mismo solo utiliza Artifacts
El resultado funcionó a la primera y dio esto como resultado:
![](https://i0.wp.com/sesolibre.com/wp-content/uploads/2024/07/image-2.png?resize=882%2C882&ssl=1)
A la primera lo realizó y funcionaba sin embargo no tenía sonido ni efectos, por lo que mi siguiente Prompt fue:
Excelente crea una animación de destrucción antes de borrar los elementos. Pon un sonido de explosión cada vez que se eliminen
El resultado se veía igual pero ya tenía animaciones que aparecían cuando se seleccionaban gemas, el sonido no se escuchaba y al leer un poco vi que no permitía subir archivos mp3 ni imágenes, por ello la vista es plana y no tiene audio, por ello mi siguiente prompt fue:
El audio puede ser un simple beep de sistema?
El resultado me gustó y lo publiqué se ve igual que la imagen de arriba pero tiene un “bip”. El código se puede bajar y ejecutar con imágenes de gemas y audios más agradables, pero en cualquier caso me impacto que pueda realizar un software de un juego en un solo intento, y luego pulirlo y modificarlo tanto como queramos.
Después de 8 horas de trabajo con la IA, el resultado final me dejó muy satisfecho:
Checarlo en Claudi.ai
- Jugar la versión 1 Gemas en Claude
- Jugar la versión pulida de Gemas
- Jugar la versión de animales en blanco y negro
- Jugar la versión de “casi animales”
Vista del código React que generó Claude.ai
![](https://i0.wp.com/sesolibre.com/wp-content/uploads/2024/07/image-1.png?resize=835%2C341&ssl=1)
Nota:
Si alguien tiene interés de instalar React en su equipo para poder ver localmente un juego o código como este pueden encontrar como instalarlo en https://kinsta.com/es/base-de-conocimiento/instalar-react/
Comentarios recientes