Prompt del día ·
Una tela que ondea, y tu cursor es el viento
Una tela crema con una palabra en grandes letras negras cuelga de una barra de latón y se mueve con el viento. Al mover el cursor, el viento sopla hacia ese lado. Todos los pliegues siguen iluminados.
Make one index.html with three.js (import map, three@0.160 from unpkg). Full-screen, near-black page with a warm radial glow behind the center, visible around the banner. A cloth banner hangs from a thin brass rod and fills about 70% of the screen height, fully in view on a phone too. It waves in the wind: every frame, move each vertex of a PlaneGeometry (3×4, 60×80 segments) with layered sine waves that are zero at the rod and grow toward the free bottom edge (at most 0.3 units deep), then recompute normals. Texture: a poster drawn on a canvas, cream paper with the word "PONENT" in huge black serif letters. MeshStandardMaterial, double-sided, roughness 0.8. A warm key light from the front top left, plus a soft hemisphere light so every fold stays readable and nothing turns black. The cursor (or a finger) is the wind: moving it pushes the cloth toward that side, smoothly. Slow camera drift. 60 fps on a phone.922 caracteres · Hecho con three.js 0.160 (PlaneGeometry) · 3 versiones del prompt
Para qué sirve
- La portada de una marca de moda o de una colección nueva, con su nombre en la tela.
- Una tienda, una galería o una exposición que anuncia una apertura.
- El cartel de un evento, estampado en tela en vez de papel.
Variantes para probar
Añade la línea al final del prompt. Estas no las hemos grabado: pruébalas tú.
- Tu foto en la tela
Texture: my photo look.jpg instead of the canvas poster, covering the whole banner. - Tu palabra
The word on the poster is "ATELIER" in red #b3261e. - Página clara
Background #efebe3 with a soft grey shadow behind the banner instead of the warm glow.
Cómo usarlo
- Copia el prompt.
- Pégalo en Claude, ChatGPT, Cursor o Lovable y pide un solo archivo index.html.
- Guarda el archivo y ábrelo en el navegador. Para publicarlo, súbelo a cualquier hosting estático (Cloudflare Pages es gratis).
¿Lo quieres acabado, con tus fotos y tus textos?
El kit Moda es la versión completa de esta idea: una web entera, que rellenas en el navegador y te descargas.Ver el kit Moda · 500 €→O te la montamos nosotros: nos mandas textos y fotos y la publicamos en tu dominio en 48 horas laborables.
Te la montamos · 750 €→Preguntas
- ¿Dónde pego este prompt?
- En cualquier asistente que escriba código: Claude, ChatGPT, Cursor, Lovable o Claude Code. Pide el resultado como un solo archivo index.html, guárdalo y ábrelo en el navegador. Usa three.js 0.160 (PlaneGeometry).
- ¿Puedo usarlo en mi web?
- Sí. El prompt es gratis y el código que te devuelva el asistente es tuyo. Si prefieres la versión acabada, con tus fotos y tus textos y lista para publicar, está el kit relacionado.
- ¿El vídeo es lo que sale de verdad?
- Sí. Es la página que salió del prompt, grabada sin tocar el código a mano; hizo falta reescribir el prompt 2 veces, y este es el último. Cada asistente escribe código distinto, así que tu resultado puede variar un poco.