Vamos a probar si podés crear un videojuego protagonizado por Loopin, la mascota de Loopian. Te adjunto su imagen oficial: conservá su cuerpo lima con forma de infinito, sus dos ojos, sonrisa y mechón. Queremos agregarle dos patitas con pies, y que se note que camina; no que se deslice como una imagen quieta.

Primero investigá ideas. Buscá en internet referencias de juegos cortos de plataformas o exploración que puedan inspirar mecánicas simples y divertidas. Mirá fuentes originales (páginas de juegos o creadores) y explicá qué idea de interacción tomarías, sin copiar sus personajes, arte ni niveles.

Proponé tres conceptos originales y elegí el más prometedor para un juego que se pueda terminar en dos o tres minutos. Definí a Loopin, un acompañante o antagonista, la misión, los controles, los obstáculos, cómo se gana y qué lo hace entretenido. Quiero un tono juguetón, visual cuidado y una pequeña historia. Mostrame primero las ideas y el diseño de personajes; después pasamos al artifact con HTML, CSS y JavaScript, lo probamos y lo mejoramos. Todavía no programes.

Vamos con «Loopin y el faro dormilón». Me gusta que el jardín se transforme mientras avanzamos y que Miga tenga personalidad.

Ahora creá el videojuego completo en un artifact HTML interactivo, con vista previa para jugar acá en el chat. Usá HTML, CSS y JavaScript; que también se pueda descargar como un único archivo y abrir sin instalar nada ni depender de internet.

Loopin tiene que conservar su identidad: podés usar el cuerpo de la imagen oficial adjunta, con dos piernas y pies violetas animados por separado, o dibujarlo fielmente si eso funciona mejor. Cuando camina, los pies tienen que alternarse, apoyarse en el suelo y acompañarse de un pequeño rebote. Al frenar, vuelve a reposo; al saltar, flexiona y aterriza. No pongas la lámina entera de personajes como imagen del jugador.

Armá el Jardín de las Ideas con tres tramos, tres chispas, flores que se abran con el pulso E, una plataforma móvil, un desvío opcional y el faro visible como meta. Que haya un inicio claro, instrucciones breves, pausa, reinicio y una victoria con transformación del jardín y festejo de Loopin. Si me caigo, vuelvo a un punto seguro y conservo el progreso. Teclado y botones táctiles para probarlo también en celular. Sonidos suaves con botón para silenciarlos.

Quiero que se sienta un pequeño juego terminado y cuidado, no solo una demo de mover un muñeco. Priorizá que sea divertido y que se entienda qué hay que hacer.

Probalo de verdad con las herramientas que tengas: abrirlo, caminar, saltar, activar una flor, caer y reaparecer, juntar las tres chispas, ganar y reiniciar. Comprobá la consola. Si aparece un error, corregilo y volvé a probar. Contame qué comprobaste y qué quedó pendiente, sin dar por probado algo que no ejecutaste. Después lo juego yo y te paso feedback para otra iteración.


Ya aparece la vista previa dentro de ChatGPT. Abrí tu HTML sin cambiar el código en esta dirección pública para que puedas probarlo con tu navegador, si admite páginas HTTPS:
https://claqueta.ai/storage/workspaces/5/produccion/loopin-videojuego-youtube-20260912/juego-prueba-v1.html

Abrilo y jugalo con los controles normales. Revisá cómo se ve Loopin, el movimiento, las plataformas, las chispas y la consola. No uses teletransportes ni cambios de estado para dar por completada una partida. Si encontrás errores reales, corregilos y entregá una segunda versión del artifact. Si una prueba no se puede ejecutar, decilo. Yo también lo estoy jugando para pasarte feedback.

Además, la lámina de personajes quedó linda pero tiene frases en inglés. Editala conservando los dibujos y poses y dejando todos los rótulos en español: «Loopin», «Caminar», «Saltar», «Miga · Luz guía» y «Loopin y el faro dormilón». Podés eliminar los eslóganes decorativos. Todo el video y sus materiales van en español.


Feedback de nuestra partida: pude reunir las tres chispas y despertar el faro usando flechas, Espacio y E. También probé pausa, reinicio, modo sin internet y los controles táctiles simultáneos en un navegador con tamaño de celular.

Una mejora concreta: cuando Lila abre el puente, «abrió un puente» puede hacer pensar que alcanza con caminar, pero los pétalos están a distintas alturas y hay que saltar. Agregá una indicación clara de «Espacio + →» junto a ese primer salto y una pista de Miga después de caer en ese tramo. Que explique cómo jugar sin tapar a Loopin ni las plataformas. Conservá la estética, el personaje, la física y el progreso al caer.

Actualizá el artifact y el HTML descargable con esta mejora, y volvé a comprobar el primer puente. Terminá las pruebas que puedas con tu navegador y distinguí las que hiciste vos de las que te reporté yo.


La v2 ya está disponible acá, copiada exactamente desde tu artifact:
https://claqueta.ai/storage/workspaces/5/produccion/loopin-videojuego-youtube-20260912/juego.html

Hacé una última comprobación breve en esa página pública: abrí Lila, mirá «Espacio + →», probá el mensaje después de caer y cruzá el primer puente. Revisá que el rótulo no tape al personaje y la consola. No hace falta repetir toda la partida: yo voy a recorrer esta misma v2 hasta la victoria y comprobar nuevamente los controles. Cerrá con el resultado de esas pruebas puntuales.
