Click the game above and it runs right here in your browser. No download, no installer,
no account needed. VÍCTOR MANUEL MEDRANO EGUIZABAL built it with Cinevva, so it works on a phone or a tablet too.
Discussion
Nobody has said anything about La Percha yet. Play it, then tell VÍCTOR MANUEL MEDRANO EGUIZABAL what you would add next.
Make your own game
La Percha was built by VÍCTOR MANUEL MEDRANO EGUIZABAL with the
Cinevva game creator: describe the game you want in chat, watch it get
built, and play it in your browser minutes later.
Remix La Percha opens the real game in the creator and forks its actual files, chat and design doc, so you start from the code rather than from a description.
Read the build brief for La Percha
Cinevva's analyzer read this game's design doc and its source, then wrote the brief
below. "Make your own" hands it to the game creator as your opening message, so you start from a
real spec rather than a one-line idea.
Crea un juego web 2D de gestión de una pequeña tienda de ropa llamado “La Percha”, completamente en español. Debe ser una experiencia interactiva de interfaz y tienda, no un juego 3D: usa una composición responsive que en escritorio tenga la escena de la tienda a la izquierda y un panel de controles a la derecha, y en móvil apile el encabezado, la escena y el panel con desplazamiento vertical.
Estilo visual: alegre, artesanal y tipo ilustración/UI de una tienda local. Fondo crema (#fff8ef), tinta casi negra para bordes gruesos y texto, rosa intenso (#ff6f91), violeta, menta y amarillo dorado como colores de acento. Usa tarjetas blancas con esquinas redondeadas, bordes oscuros de 3 px, sombras suaves y botones grandes aptos para tocar. La tipografía debe ser sans-serif del sistema, con encabezados muy pesados. El título superior debe decir “La Percha 🧵”, con “Percha” en rosa. A la derecha del encabezado muestra tres pastillas: “💰
20”, “⭐ 0 ventas” y “📦 8 prendas”; estos valores deben actualizarse durante la partida.
La escena principal es el interior estilizado de la tienda, dentro de un rectángulo grande con borde negro redondeado y sombra. En la parte superior coloca un toldo de franjas diagonales alternadas rosa y blanco, separado por una línea negra horizontal. En el centro superior, un letrero crema con borde negro y sombra dice “LA PERCHA”. El fondo inferior es rosado/beige con sutiles brillos. Incluye un espejo con emoji 🪞 hacia la zona inferior izquierda y una planta 🪴 a la derecha. En el centro hay un perchero: marco rectangular redondeado con borde negro, cuatro perchas grandes de colores (turquesa, naranja, menta y lavanda), y una barra/mostrador marrón en la parte inferior con borde negro y sombra. Coloca al cliente actual como un emoji grande cerca de la derecha del perchero, flotando suavemente arriba y abajo, y encima o cerca de él un globo de diálogo blanco con borde negro y sombra. El primer cliente visible es 🧍♀️ y dice “Busco algo cómodo.”.
La interacción central es atender clientes y vender ropa. Al iniciar, define cuatro tipos de prendas, cada una con inventario 2: Camiseta 👕, precio recomendado/base
2, color turquesa; Vestido 👗, base $42, color naranja; Pantalón 👖, base $34, color azul claro; Zapatos 👟, base $30, color lavanda. En el panel muestra una tarjeta titulada “Elige una prenda para ofrecer” con una cuadrícula de dos columnas. Cada opción debe mostrar el emoji grande, nombre y texto de inventario como “2 en stock · recomendado
2”. Una opción seleccionada tiene borde/acento violeta y halo claro; las opciones sin stock aparecen deshabilitadas. Al seleccionar una prenda, rellena el campo de precio con su precio base y muestra una pista indicando la prenda elegida y el presupuesto del cliente.
Debajo incluye una tarjeta de objetivo titulada “🎯 Meta del día”. El objetivo es hacer 4 ventas; muestra “Haz 4 ventas para cerrar el día con éxito. (0/4)”, una barra de progreso vacía y “Recompensa: $80 extra al completar la meta.”. La barra se llena proporcionalmente con las ventas. Al llegar a 4 ventas, cambia el texto a “¡Meta completada! La tienda tuvo un gran día.” y la recompensa a “Recompensa cobrada: $80 extra.”; entrega una sola vez $80 extra al dinero.
Después coloca una tarjeta de venta con etiqueta “Precio de venta”, un input numérico inicialmente en 28, mínimo 5, máximo 200 y paso 1, y un botón violeta “Vender”. El botón está deshabilitado hasta seleccionar una prenda. Debajo muestra una pista: inicialmente “Selecciona una prenda y ajusta el precio.”; mientras se edita el precio, indica “⚠️ Precio alto para este cliente.” si supera el presupuesto, o “💡 Precio dentro de su presupuesto.” si no lo supera.
La lógica de clientes debe ser exactamente esta secuencia circular de cuatro perfiles, avanzando al pulsar “👋 Nuevo cliente”: (1) 🧍♀️ busca camiseta, presupuesto 28, frase “Busco algo cómodo.”; (2) 🧑🎤 busca vestido, presupuesto 55, frase “Tengo una fiesta pronto.”; (3) 🧔 busca pantalón, presupuesto 46, frase “Necesito un look nuevo.”; (4) 👩🎨 busca zapatos, presupuesto 42, frase “¿Tienes algo con estilo?”. Al cambiar de cliente, limpia la selección, restablece el precio a 28, actualiza el emoji y globo, y registra “Entró un nuevo cliente.”.
Al pulsar “Vender”, comprueba que haya stock. Una venta correcta requiere la prenda que quiere el cliente y un precio razonable: considera precio justo si la diferencia absoluta respecto al presupuesto es como máximo el mayor de 8 dólares o el 25% del presupuesto, y no debe superar el presupuesto en más de 10 dólares. Si es la prenda correcta y cumple esas condiciones, descuenta una unidad, suma el precio al dinero, suma una venta, muestra en el globo “¡Me encanta, me lo llevo!” y registra “Venta hecha: [prenda] por [precio]. ¡Buen ojo!”. Si es la prenda correcta y el precio está como máximo 8 dólares por encima del presupuesto aunque no sea totalmente justo, permite una venta rápida, con globo “¡Trato hecho!” y registro “Venta rápida: [prenda] por [precio].”. Tras una venta limpia la selección y actualiza todas las estadísticas. Si el precio supera el presupuesto en más de 10 dólares, no vendas: muestra “Es demasiado caro...” y registra “El cliente rechazó: baja un poco el precio.”. Si se eligió una prenda equivocada, no vendas: muestra “Buscaba otra cosa...” y registra que el cliente buscaba la prenda correcta. Si no queda stock, registra “Te quedaste sin esa prenda.”.
Incluye una tarjeta de acciones con dos botones: menta “📦 Comprar stock ($35)” y amarillo “👋 Nuevo cliente”. Comprar stock cuesta $35, solo funciona si hay al menos $35, incrementa en 1 el stock de cada una de las cuatro prendas y registra “Reabasteciste una unidad de cada prenda por $35.”. El botón debe verse deshabilitado cuando no alcanza el dinero. El panel también debe tener un registro de mensajes con fondo crema claro, mostrando los más recientes arriba; empieza con “Abre la tienda y consigue tu primera venta.”. En el pie de página muestra el consejo “Consejo: un precio cercano al gusto del cliente vende más fácil.” y una etiqueta oscura “Tienda local”. Mantén el contador de dinero en
20, ventas en 0 y stock total en 8 al inicio, y actualiza la interfaz tras cada acción.waar