Persiana
GratisCristal y luz · WebGL
La pieza
Qué hace y dónde encaja
Fondo a pantalla completa con un agujero negro calculado en tiempo real: cada píxel lanza un rayo de luz y lo integra en la métrica de Schwarzschild, así que la sombra, el anillo de fotones, el arco del disco por encima de la sombra y la lente de las estrellas salen de la física y no de un dibujo. El disco de acreción está hecho de filamentos que giran más rápido cerca del centro, con brillo Doppler relativista, acumulación temporal, bloom y tonemap ACES. El puntero inclina la cámara y en táctil deriva sola. Trae un velo lateral para poner un titular encima y tres paletas conmutables: Ámbar, Glaciar y Carmín. Encaja en el hero de un planetario, una marca tecnológica, un estudio creativo o el lanzamiento de un evento nocturno.
Encaja bien en webs de
- Prompt
- ≈10.319 tokens · con Lite
- Librerías
- ninguna
- Demo
- 23,3 KB · ligero
- Prueba en frío
- pendiente
Antes de copiar
Tu marca, dentro del prompt
Cambia lo que quieras y copia: el prompt sale ya con el nombre, los colores y los textos de tu cliente. Lo que dejes en blanco se queda como en la demo.
Mete tu marca y tus colores en el prompt
Con Pro o con tu llave de regalo. Esto es lo que puedes cambiar:
- Nombre del negocio
- Ciudad
- Titular (parte recta)
- Titular (parte en color de acento)
- Color de acento
Índice del prompt
Qué hay dentro del prompt
Qué trae el prompt, por apartados
- 01Qué es
- 02Librerías y esqueleto
- 03Tokens de diseño
- 04Estructura y contenido
- 05Movimiento
- 06Código clave
- 07Interacción
- 08Adaptación a móvil y tablet
- 09Accesibilidad y movimiento reducido
- 10Rendimiento
- 11Personalización
- 12Comprobación final
- Completo
- 4.228 palabras · ≈10.319 tokens
- Lite
- 1.017 palabras · ≈2.166 tokens
- Librerías
- ninguna
- Peso de la demo
- 23,3 KB (ligero)
- Resolución máxima (DPR)
- 2
- Se pausa fuera de pantalla
- sí
- Respeta «menos movimiento»
- sí
- Alternativa sin WebGL
- sí
Tokens estimados para español (≈3,6 caracteres por token): sirven para orientarte, no son exactos.
prompt.md Pro
El prompt está en Pro
4.228 palabras en el Completo y 1.017 en el Lite. El prompt real solo sale del servidor cuando tienes acceso.
Prueba en frío
La prueba en frío
Aún sin publicar para esta pieza
En la prueba en frío pegamos el prompt en Claude Sonnet 5.5, sin ayuda ni contexto, y comparamos lo que genera con la demo. Cuando esté hecha, aquí verás la captura, el veredicto y la fecha.
Paso a paso
Cómo usarlo en 4 pasos
- 01
Personaliza
Rellena el formulario de arriba con el nombre, los colores y los textos de tu cliente. Se meten en el prompt al copiar. - 02
Copia el Completo o el Lite
El Completo, para Claude, ChatGPT, Gemini o Cursor. El Lite, más corto, para Lovable, Bolt o v0, que aceptan menos texto. - 03
Pega e itera
Pégalo en una conversación nueva. Si quieres cambiar algo, pídelo con una frase corta:- «Pon el agujero negro centrado y sin texto encima»
- «Haz que el disco gire el doble de rápido»
- «Cambia la paleta a violeta y turquesa»
- «Aleja la cámara para que el disco quepa entero»
- 04
Publica
Guarda el resultado como HTML (o en tu proyecto) y súbelo a Vercel, Netlify o tu hosting de siempre. Tienes los pasos en la guía.
Licencia en claro
Qué puedes hacer con esta pieza
Todas las piezas incluyen licencia de uso comercial. Usa el resultado tal cual en tus productos, encargos freelance o webs de clientes, sin atribución.
Puedes
- Usarlo en tus webs y en las de tus clientes, también si cobras por ellas.
- Cambiarlo todo lo que quieras.
- Publicar el resultado sin citarnos.
No puedes
- Revender o regalar el prompt, la demo o el código como plantilla o biblioteca.
- Compartir tu cuenta Pro.
Es la misma licencia para lo gratis y lo Pro. La tienes entera en licencia de uso.
Preguntas frecuentes
Lo que suele preguntarse
¿Es físicamente correcto o solo lo parece?
La curvatura de la luz es real: cada rayo se integra en la métrica de Schwarzschild, por eso aparecen solos el anillo de fotones, la imagen doblada del disco y los arcos de las estrellas. El disco usa un perfil de temperatura y un Doppler relativista simplificados con fines visuales.
¿Va bien en portátiles y móviles?
Sí. La escena se calcula a una resolución interna que se ajusta sola para mantener 60 fps, el DPR está limitado y el bucle se pausa fuera de pantalla o con la pestaña oculta.
¿Puedo poner mi propio texto encima?
Sí. El velo oscuro lateral (o inferior en móvil) está pensado para eso; cambia el titular con las variables o quita el velo si lo usas sin texto.
¿Cómo cambio los colores del disco?
Cada paleta son cuatro colores de frío a blanco más un tinte de nebulosa en el array PALETAS; también puedes elegir la inicial con ?paleta=1 en la URL del iframe.
¿Qué diferencia hay entre el prompt Completo y el Lite?
El Completo (≈10319 tokens) describe la pieza con todo detalle y es el que mejor resultado da en Claude, ChatGPT, Gemini o Cursor. El Lite (≈2166 tokens) resume lo esencial para herramientas que aceptan menos texto, como Lovable, Bolt o v0.
Versión 1.0 · publicada el 30-09-2026
