Creando un juego de gemas con Claude.ai

Creando un juego de gemas con Claude.ai
Imagen generada con Dalle3

Jugar aquí en SesoLibre

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 “Bejeweledutiliza 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:

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

Vista del código React que generó Claude.ai

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/

Comments

comments

Eduardo Llaguno

Eduardo ha trabajado por 24 años en muy diversas áreas de TIC con amplia experiencia en administración de proyectos, nuevas tecnologías y como emprendedor.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *