Animación 2D

Dibuja un pelícano montando en bicicleta como una sola línea continua a través de 16.384 puntos. Utiliza la relajación de Lloyd para colocar los puntos, una ruta del viajante (TSP) para unirlos y el algoritmo 2-opt para desenredar los cruces hasta dejarlos en cero. Luego, eleva esa misma línea al espacio 3D y anima el pedaleo. Dibuja cada fotograma en JavaScript sobre un lienzo 2D y sintetiza la música mediante código.

Crea una animación con estilo dibujado a mano. Específicamente, genera un libro ilustrado dinámico en acuarela o una pintura antigua china de rollo largo con técnica de tinta (como "A lo largo del río durante el Festival Qingming"). Enfócate en el estilo artístico y las transiciones fluidas de la animación.

Recrea el dibujo de un cohete hecho con crayones inspirado en el cuaderno de @seti_park. Utiliza Three.js para animar su inflado hasta convertirse en un juguete, la ruptura a través del borde del papel y su regreso al interior de la página. Mantén la estética de dibujo a mano mientras implementas transiciones 3D fluidas.

<direction> Crea un showreel de motion design en bucle de 30 segundos que presente a un diseñador de movimiento llamado CLAUDE. Concepto en una frase: Una línea de lápiz experimenta tres actualizaciones (grafito sobre papel, líneas sobre plano azul, luz sobre fondo negro) sin salir nunca de la pantalla. Cada toma evoluciona desde la anterior: formas, texto y colores se transicionan sin costuras hacia la siguiente escena. Sin cortes, sin fundidos. Tipografía: Usar exclusivamente Geist. Palabras grandes con peso 900; etiquetas pequeñas con pesos 600 a 800 (tamaño de fuente 24 a 28 px, tracking 0.14 a 0.3 em). Paleta de colores: Crema papel #EDE6D5, Azul plano #1B3ED2, Cian holográfico #45F0DD, Negro #07080A, Gris grafito #16161A y Blanco. El color de acento de cada etapa es el color principal de la siguiente: lápiz azul sobre papel, cian en el plano azul, blanco en el holograma. Cámara: Vista frontal fija durante todo el video, como si fuera una mesa de dibujo. Los objetos rotan; la cámara no se mueve. Margen vacío: Ningún elemento estático debe estar dentro de 150 px de los bordes izquierdo/derecho o 90 px de los bordes superior/inferior. Los elementos en movimiento pueden atravesar esta zona. Tintas. La misma geometría se dibuja según la tinta visible en pantalla: - Papel: Fondo de papel crema (usar mi imagen de papel si está disponible, de lo contrario usar un relleno crema sólido con textura dibujada a mano sutil), con una cuadrícula azul de 60 px al 13% de opacidad, cada quinta línea al 26%. Las líneas son estilo lápiz: remuestreadas y desplazadas de su posición real mediante una onda sinusoidal lenta con cambio de fase de 8 veces por segundo, doble trazo (ancho completo al 90%, medio ancho al 40% con más temblor), superpuestas sobre el papel tras eliminar el grano del papel. Los rellenos son trazos diagonales dibujados línea por línea. El texto grande consiste en trazos recortados en forma de letras con doble contorno. - Plano azul: Relleno azul sólido, misma cuadrícula en blanco. Líneas blancas nítidas de 3 a 4 px, aristas ocultas punteadas y más finas, rellenos con trazos finos y limpios. - Holograma: Negro, misma cuadrícula en cian. Líneas cian con un núcleo blanco que ocupa el 30% del ancho de la línea. Los rellenos son líneas de escaneo horizontales con separación de 8 px, cuyo grosor depende de la iluminación de la superficie. No hay halos difusos en ninguna parte: la luz se representa únicamente mediante densidad de líneas. Prohibiciones: Explosiones de partículas, brillos, destellos de lente, temblor de cámara, separación RGB, fundidos cruzados, degradados genéricos, easing elástico, pausas superiores a medio segundo, y cualquier cosa que parezca una plantilla. </direction> <structure> 120 BPM, 60 beats, 15 compases, 2 segundos por compás. Ocurre acción en cada beat. La acción comienza 0.05 segundos antes de su beat para aterrizar precisamente en el ritmo. Easing: Resorte críticamente amortiguado, fórmula 1 - (1 + w t) e^(-w t), donde w está entre 12 y 40, asegurando que nada supere el objetivo; borrar, presionar y salir usan ease-in y ease-out exponenciales. Transiciones de escena: Papel a plano azul mediante una forma que llena la pantalla con bordes duros; plano azul a holograma y holograma a papel mediante una línea de escaneo horizontal. El último fotograma es el primero, formando así un bucle. Dos etiquetas de esquina permanecen durante todo el video: Arriba a la izquierda "FIG. 07 — GEAR" (número y nombre del compás), Abajo a la derecha "BEAT 27 / 60". Nombres de compases: DRAFT, TYPE, CURVE, MORPH, TILE, SOLID, GEAR, PANEL, DATA, LIGHT, WAVE, GLOBE, DRUM, FORM, END. </structure> <mascot> Director creativo: Un personaje tipo caja pequeña. Cuerpo de 76 x 54 unidades, esquinas redondeadas, dos muñones de brazos cortos (24 x 16) a media altura, cuatro piernas rectas (11 x 33), dos ojos rectangulares altos con esquinas redondeadas (8 x 14). Ancho de dibujo aproximadamente 250 px. Brazo derecho levantado 58 grados, sosteniendo un lápiz. Sobre papel: Contorno de grafito, trazos azules dispersos y ojos de grafito. En el holograma: Contorno cian, relleno de líneas de escaneo y ojos blancos. Nunca será un cuarto color. Corre levantando las piernas alternadamente, seis pasos por segundo, inclinado 7 grados mientras corre. </mascot> <storyboard> Compás 1, HOOK, 0-2 s, Papel. Fotograma 0: CLAUDE en Geist peso 900, ajustado a 1500 px de ancho, centrado, estilo de trazos de lápiz. Texto pequeño arriba INTRODUCING, texto pequeño abajo A MOTION DESIGNER. Una guía de lápiz de 1620 px de ancho situada 96 px sobre las letras. La mascota está de pie sobre la guía en x = 1560, etiquetada CREATIVE DIRECTOR a la izquierda. 0.0: El texto pequeño desaparece; la mascota acelera saliendo por el borde derecho. 0.36 a 0.5: La guía acelera hacia abajo hasta 26 px bajo la línea base, aplastando las letras incrustándolas en sí misma. 1.0: Las líneas suben al centro, se acortan a 1320 px y se dividen en dos guías separadas por 140 px; 41 marcas azules barren a lo largo de la guía superior. 1.5: Las guías se abren a 300 px; se dibuja una cota de altura azul a la derecha, con números en vivo. Compás 2, KINETIC TYPE, 2-4 s, Papel. Las palabras están entre las guías y recortadas a ese espacio; las guías se mueven para adaptarse a cada palabra. 2.0: INTRODUCCIÓN sube letra por letra a través de la línea base, luego sale por arriba. 2.5: A MOTION desliza rápidamente desde la izquierda (moviéndose 1400 px en 0.2 s). 3.0: Las guías se cierran atrapándolo y vuelven a abrirse, estirando DESIGNER desde las líneas; luego sus letras salen volando lateralmente. 3.5: CLAUDE estilo lápiz azul, letras cayendo una por una desde arriba, espaciadas 0.05 s. En 4.0, las guías se cierran y lo comprimen en una línea de 1476 px de largo. Compás 3, CURVES, 4-6 s, Papel. 4.1: La línea obtiene manijas de herramienta pluma (430 px de largo, ángulo 58 grados, pequeños cuadrados en los extremos, círculos en las puntas de las manijas, etiqueta EASE) y se curva en forma de S. 4.5: Las manijas oscilan a ángulos espejo; ocho copias azules se despliegan en abanico con separación de 34 px, conectadas en ambos extremos como hojas. 5.0: Las manijas se retraen; la banda se convierte en una onda sinusoidal viajera (amplitud 92 px, 2.75 ciclos, cada línea ligeramente desfasada). 5.5: Se reagrupa de nuevo en una línea plana. Compás 4, SHAPE MORPH, 6-8 s, Papel. 6.1: La línea se enrolla en un círculo de radio 235 (curvatura aumenta, longitud permanece igual). 6.5: Triángulo, rotando 120 grados durante el cambio. 7.0: Cuadrado. 7.5: Hexágono, vértice hacia arriba, radio 270. Dentro se construyen trazos azules, luego trazos cruzados. Compás 5, TILING, 8-10 s, Papel. 8.0: El hexágono se reduce a radio 96, otros seis deslizan alrededor. 8.5: Se añaden doce más, formando un panal de 19 celdas. 9.0: Trazos densos barren hasta que cada celda se vuelve azul sólida. 9.6 a 10.0: La forma de la celda central crece más allá del marco con bordes duros; dentro es un plano azul, el panal aparece en líneas blancas. Compás 6, 2D TO 3D, 10-12 s, Plano azul. 10.0: Se dibujan tres líneas dentro de cada hexágono, más tres líneas ocultas punteadas: cada uno es un cubo en vista angular. 10.5: Dieciocho cubos externos deslizan hacia uno central, haciéndolo crecer a radio 270. 11.0: Gira un cuarto de vuelta, perspectiva activada. 11.5: Mira hacia adelante. Compás 7, MECHANISM, 12-14 s, Plano azul. 12.0: El cubo se aplana, su cara frontal desarrolla dientes: un engranaje de 16 dientes, radio de paso 208. Desde 12.25, el tren de engranajes avanza 45 grados en cada corchea. 12.5: Un engranaje de 10 dientes crece hacia arriba a la derecha y engancha. 13.0: Un engranaje de 12 dientes crece hacia arriba a la izquierda. Cada uno tiene círculos de paso punteados, cubos y etiquetas (16T, 10T, 12T). 13.5: Los piñones se retraen; los engranajes vuelven a ser cuadrados, el cubo recupera profundidad. Compás 8, UNFOLD, 14-16 s, Plano azul. 14.0: El cubo se despliega a lo largo de bisagras en una cruz de seis cuadrados. 14.5: Los cuadrados deslizan y estiran en seis paneles: barra de título, barra lateral alta, gráfico ancho, dos mosaicos, barra de tiempo. 15.0: Se llenan con contenido. Título: "CLAUDE — MOTION REEL", un interruptor BARS / RING, un botón de cambio LIGHT. Gráfico: 30 barras, correspondientes a cada segundo del video, alturas 42 30 36 44 50 46 52 62 50 56 62 72 60 66 58 76 56 62 68 74 70 78 86 94 100 93 97 90 80 50. Tiempo: 15 nombres de compases, cada uno con un rombo de keyframe encima. 15.5: Contadores rodando hacia arriba: 120 BPM, 60 BEATS, 1800 FRAMES, 0 CUTS. Compás 9, DATA, 16-18 s, Plano azul. 16.0: Una curva se dibuja sobre las barras; un cabezal de reproducción cian cae sobre el tiempo actual en la línea de tiempo. La barra del segundo actual es cian sólida, las anteriores tienen trazos, las posteriores son contornos. El cursor llega. 16.5: Hace clic en RING: la línea base del gráfico se curva en un círculo de radio 110, ba

Reglas: - Calidad de anime teatral con un presupuesto a escala de 500 millones de yenes, anime 2D japonés plano Neo-Retro. Contornos azul cian vívidos, colores pastel suaves - Un solo plano (sin cortes). La cámara es fija y no se mueve hasta el final. No usar lente ojo de pez - Alta cantidad de fotogramas de dibujo. Tempo rápido, cómico - Sin BGM, efectos de sonido presentes - Sin subtítulos, sin texto en pantalla {{img 1}}: Sujeto - Maka {{img 2}}: Sujeto - Roni [Consistencia] No cambiar la cara de Maka-chan, piel rosa, bob corto rosa, grandes accesorios redondos color crema similares a orejas a ambos lados, ojos azules grandes, aretes blancos redondos, gargantilla roja, top amarillo con mangas abullonadas, cinturón rojo y falda blanca durante todo el video. No cambiar la cara de Roni-kun, piel rosa, cabello rizado rosa, grandes accesorios redondos color crema similares a orejas a ambos lados, ojos azules, blazer verde menta, camisa a cuadros morada y amarilla, y pantalones blancos. Solo aparecen Maka-chan y Roni-kun. Sacar un objeto a la vez. No duplicar objetos ni a Roni-kun. [RUPTURA DEL MARCO] OBJETIVO VISUAL PRINCIPAL: Un efecto POP-OUT FUERA DEL MARCO inconfundible. Maka alcanza repetidamente más allá de la ventana central de la imagen. Sus manos, antebrazos y cada objeto que saca se mueven visiblemente SOBRE las barras negras letterbox, hacia y más allá del espectador. ORDEN DE COMPOSICIÓN, DE ATRÁS HACIA ADELANTE: 1. Fondo y escena. 2. Dos barras negras letterbox anchas en la parte superior e inferior. 3. Los personajes en primer plano: Maka (sus manos, brazos, cabello rosa, accesorios redondos color crema similares a orejas y cada objeto que sostiene) y, al final, Roni mientras ella lo saca. El fondo está confinado a la ventana central de la imagen. El personaje en primer plano NO está confinado a esa ventana. Su silueta continúa sin interrupciones a través de sus límites y sobre las barras negras. Su piel rosa, cabello rosa, accesorios color crema, mangas amarillas y cada objeto permanecen completamente visibles cuando se superponen con el negro. BARRAS ESTÁTICAS, PERSONAJE EN MOVIMIENTO: Ambas barras son gráficos de pantalla completamente estáticos, no objetos en la escena. Mantener su grosor igual, ancho completo y posición exacta en pantalla sin cambios durante todo el tiempo. Sus límites internos permanecen perfectamente rectos y horizontales. El personaje simplemente se renderiza delante de ellas. Su movimiento oculta temporalmente porciones de su superficie negra. Las barras subyacentes nunca se mueven ni se deforman. Los segmentos de borde visibles a ambos lados de una superposición permanecen alineados en la misma línea horizontal. Cuando retira un brazo, revelar la barra negra original sin cambios debajo. Mantener el negro visible junto a los brazos y objetos superpuestos. Sin doblar, deslizar, sacudir, estirar, abrir o reacciones de impacto en las barras. La cámara permanece estacionaria. Un plano continuo. Ella permanece cerca y grande en la composición, inclinándose hacia el espectador. Nunca retrocede profundamente hacia el fondo. El efecto de ruptura del marco debe provenir del personaje cubriendo visiblemente áreas negras fuera de la ventana central de la imagen. No mantenerla completamente detrás de las barras. No simular el efecto moviendo las barras o ampliando la ventana. [Significado] Más allá del margen negro inferior (fuera de la parte inferior de la pantalla) está este lado = la habitación del espectador. Maka se asoma desde el borde de la pantalla, mete su mano hacia este lado y busca algo. [Objetivo de Generación] Maka rebusca alrededor de este lado de la pantalla, lanza varios objetos hacia atrás uno tras otro, y finalmente saca a Roni-kun que estaba escondido en este lado. (6 etapas, un plano continuo sin pausas. La etapa permanece igual) Ubicación: Una habitación escasa con solo paredes lisas color crema claro y suelo verde menta claro. Sin muebles, ventanas, estantes u objetos horizontales largos. La luz es suave y uniforme, las sombras son delgadas. Los objetos lanzados hacia atrás por Maka caen en este suelo y se acumulan gradualmente. Maka está justo frente a la cámara, cabeza a pecho llenando gran parte de la altura de la ventana. No retrocede hacia el fondo. [S1] Desde el inicio, la cara de Maka es grande dentro de la ventana. Se inclina fuertemente hacia adelante, mirándonos fijamente con sus grandes ojos azules. Con una mano, coloca las puntas de los dedos en el margen negro superior como si agarrara el borde (mirando mientras agarra el borde). Inclina la cabeza, "algo..."

Crea un video de 32 segundos, 1920x1080, 30fps, sobre una idea: la IA se construye sobre el genio humano. Cada modelo aprendió de personas que sabían cosas. ESTÉTICA: un collage de carteles impresos en la calle, en movimiento. Sin fotos ni imágenes de stock: dibuja todo tú mismo con SVG y CSS. - Papel blanco cálido (#F2EFE8) con una fina textura de semitono punteado sobre todo el cuadro, y una deriva muy lenta del papel para que el cuadro nunca esté congelado. - Arte lineal en tinta negra estilo grabado antiguo (líneas de rayado, no rellenos planos): un ojo humano, un par de manos, una flor y una neurona con dendritas ramificadas. Las líneas se dibujan solas (stroke-dashoffset), luego un relleno de puntos de semitono aparece debajo, como una capa de collage impresa. - Bloques de papel lavanda plano (#A79BF0 y un #6E5FD8 más profundo) que se deslizan detrás del arte con bordes ligeramente rugosos, desplazados como papel rasgado. - Una fórmula real tipografiada en una fuente matemática serif que se escribe sola, símbolo por símbolo: la suma de n=1 a infinito de 1/n^2 = pi^2/6. - Títulos en una sans geométrica pesada (negrita, tracking ajustado), texto negro sobre barras blancas, grandes y estilo cartel. Cada línea completamente dentro del cuadro con márgenes generosos. HISTORIA, tres momentos, usa estas líneas exactamente: Momento 1, LA CHISPA (0-10s): el ojo se dibuja solo en el centro, los bloques lavanda se deslizan detrás. Texto: "Antes de la máquina, una mente." luego "Alguien notó. Alguien preguntó por qué." Momento 2, EL TRABAJO (10-22s): tres tarjetas de collage entran al ritmo, cada una con su arte y una línea: "Una prueba a medianoche." (la fórmula se escribe sola), "Una mano que sana." (las manos), "Un oído para la palabra correcta." (la flor se abre). Luego: "Cada respuesta que da, las personas le enseñaron primero." Momento 3, LA AFIRMACIÓN (22-32s): la neurona extiende sus ramas hacia afuera a través del cuadro, conectando el ojo, las manos, la fórmula y la flor en un diseño de cartel único. Texto: "El genio humano es la entrada." luego "Todo lo demás es cómputo." Mantén el cartel final con un zoom lento hasta el último fotograma. SONIDO: si la app tiene biblioteca musical, añade una pista tranquila y minimalista de piano o ambiente bajo todo el video, desvaneciéndose al final; añade un sonido suave de papel deslizándose cuando los bloques entran, si hay efectos de sonido disponibles. El movimiento debe comenzar en el fotograma 0 y continuar hasta el último fotograma. Sin logos, sin nombres de marca.

<inputs> Pídeme: una etiqueta corta para el primer interruptor, una palabra principal, un porcentaje para el gráfico, texto para la tarjeta final, un color de acento y una pista con un ritmo claro. </inputs> <direction> Una película de diseño en movimiento 2D en formato 16:9. Usa un lienzo blanco cálido, fondos casi negros, tipografía audaz y un único acento naranja vibrante. El punto naranja conecta cada escena: comienza en la interfaz de usuario, se convierte en el punto sobre una letra, dibuja un gráfico de resorte, se expande en una forma y reaparece en la tarjeta final. Un cursor hace que el clic inicial parezca real. Mantén el movimiento nítido y controlado, con sutiles rebotes de resorte y sin pausas vacías. Prohibido: metraje de stock, degradados, brillos, explosiones de partículas, transiciones arbitrarias y movimientos que no surjan de algo ya presente en pantalla. </direction> <structure> Alrededor de 15 segundos, con un cambio visual en cada beat principal. Apertura: un cursor hace clic en el interruptor naranja junto a "Reduce Motion". Las letras se doblan y ajustan hasta que solo queda "Motion", con el punto naranja sobre la "i". Resorte: el punto salta lejos de la palabra y aterriza en un gráfico. Su trayectoria dibuja una respuesta de resorte, pasa el objetivo y se asienta junto a una anotación de "+22%". Forma: el punto corre a lo largo de una línea, se expande en un círculo naranja y llena el cuadro. Un cuadrado negro redondeado rota dentro de él, luego se extiende en una píldora. Todo se contrae en un solo punto naranja sobre fondo negro. Tipografía: palabras como "SPRINGS", "EASING", "KINETIC TYPE", "3D" y "SOUND" rodean el punto. El anillo de palabras se dispersa en un campo de puntos diminutos. Revelación: el campo de semitonos se expande y se vuelve negro, descubriendo la tarjeta final: "Opus 5.5", "Motion designer." y "0 keyframes". Retorno: el punto naranja viaja de vuelta a través del semitono, el gráfico y el interruptor. Haz que el último fotograma coincida con el primero para un bucle perfecto. </structure> <build> 1. Usa un solo archivo HTML, 1920x1080 a 60fps. Calcula cada elemento visual desde el tiempo dentro de seek(t): sin transiciones CSS, temporizadores ni estado persistido entre fotogramas. 2. Usa resortes de forma cerrada para el interruptor, el punto en movimiento y el gráfico. Dibuja el gráfico con la misma función de resorte que controla el punto. 3. Mueve las letras individualmente mientras "Reduce Motion" se convierte en "Motion". Mantén el punto naranja sobre la "i" hasta que salte fuera. 4. Trata el círculo naranja, el cuadrado rotatorio y la píldora como estados de una sola forma. Lleva su posición y momento a través de cada cambio. 5. Organiza las palabras en un camino circular, luego envía sus letras hacia afuera para hacer la transición a la cuadrícula de semitonos. 6. Dibuja el semitono como una cuadrícula de puntos cuyos tamaños reaccionan al punto naranja. Expándelo más allá del cuadro antes de mostrar la tarjeta final. 7. Alinea el clic, el aterrizaje del punto, el pico del gráfico, los cambios de forma y el título final con beats medidos. Renderiza un fotograma por beat para verificar el tiempo antes de la exportación completa. </build>

<inputs> Pídeme: un valor objetivo para el slider, tres mensajes cortos de notificación, una respuesta para escribir, un color de acento y una pista libre de derechos de unos 120 BPM. Si omito algo, usa 100, "Slider - Reached 100", "Gravity - Something is falling", "Messages - What now?", "retry" y azul eléctrico. </inputs> <direction> Una película de movimiento UI 2D de 10 segundos en formato 16:9. Coloca todo sobre un lienzo casi negro con una cuadrícula de puntos tenue. Usa controles color carbón, texto blanco nítido, un acento azul y una bola blanca que se mueve a lo largo de toda la película. Un cursor real hace que el clic inicial se sienta físico; la bola guía cada transición posterior. Mantén la interfaz limpia y los impactos precisos, con solo pequeños rebotes de resorte. Mueve la cámara a través de un diseño continuo para que cada interacción llene el cuadro. Prohibido: cortes bruscos, metraje de stock, brillos, explosiones de partículas, transiciones desconectadas, rebotes excesivos y texto borroso durante los movimientos de cámara. </direction> <structure> Alrededor de 10 segundos, con algo ocurriendo en cada beat principal. Toggle: el cursor hace clic en un interruptor azul. Su bola blanca sale disparada con efecto de resorte, y la cámara la sigue hacia un slider horizontal. Slider: la bola aterriza sobre el pomo y lo mueve a lo largo de la pista. El relleno azul permanece adherido, mientras que una burbuja de valor sobre el pomo sube hasta 100. Notifications: al llegar a 100, la bola continúa su camino e introduce tres tarjetas oscuras: "Slider", "Gravity" y "Messages". Cada una llega en su propio beat. La cámara sigue la bola hacia abajo hasta "What now?". Reply: la pequeña píldora "Reply" se estira hasta convertirse en un campo de texto. Un teclado aparece debajo como parte de la misma escena. Keyboard: la bola golpea las teclas mientras "retry" aparece en el campo. Aterriza sobre Return, el botón de envío azul se activa y la respuesta se contrae en un pequeño mensaje azul. Return: la cámara se aleja para mostrar el toggle, el slider, las tarjetas y el teclado juntos en un mismo mundo. La bola regresa al primer interruptor. Haz coincidir su posición, el cursor y el estado del interruptor con el cuadro inicial para que la película haga loop limpiamente. </structure> <build> 1. Crea un único archivo HTML a 1920x1080 y 60fps. Calcula cada elemento visual desde el tiempo dentro de seek(t): sin transiciones CSS, temporizadores ni estado persistente entre frames. 2. Organiza todos los componentes de UI en un solo mundo. Usa una única transformación de cámara con posición y zoom en espacio logarítmico, haciendo que cada plano cercano sea un movimiento a través de ese mundo. 3. Dale a la bola blanca una ruta continua entre el toggle, el slider, las tarjetas y las teclas. Usa resortes de forma cerrada para los aterrizajes y una breve compresión en el impacto. 4. Calcula el relleno del slider y el número a partir de la posición horizontal de la bola. Mantén el tooltip centrado sobre el pomo hasta que alcance 100. 5. Asigna un tiempo fijo a cada pulsación de tecla. Muestra la respuesta como la porción escrita hasta ese momento, para que cualquier frame pueda renderizarse de manera determinista. </build>

Crea un video explicativo animado de 3 a 4 minutos, en formato 16:9, sobre extracción de gas natural dirigido a público general, con un estilo de ilustración plana, incluyendo narración y subtítulos que coincidan: 1. Comienza mostrando algo que la audiencia ve todos los días, luego regresa al principio. 2. Sigue la línea más clara: pasos para un proceso; si no aplica, usa una línea de tiempo, causa y efecto, o problema y solución. 3. Un capítulo por paso, entre 8 y 12 capítulos, con títulos en la esquina superior izquierda. Mantén un único estilo visual y paleta de colores durante todo el video. 4. Elige un número que atraviese todo el video (temperatura, presión, velocidad, costo o tiempo), mantenlo visible en una esquina y actualízalo en cada paso. Si ningún número es adecuado, muestra "paso X de Y". 5. Asigna una comparación cotidiana a cada dato clave, y omite cualquier número del que no estés seguro. 6. Termina con una frase que conecte todo el recorrido. Antes de comenzar, envíame la lista de capítulos, el número elegido y los datos clave que usarás, para que pueda confirmar.

Una solitaria cazarrecompensas en estilo pixel art cabalga una motocicleta esquelética por un desierto tóxico mientras enormes gusanos de arena emergen bajo la autopista. Ella maniobra entre el asfalto que se derrumba, salta sobre un camión cisterna en llamas, dispara un arpón de energía contra la criatura más grande y deja que esta la arrastre por las dunas antes de usar la cadena para impulsarse con efecto honda hasta su cabeza; arte pixelado cinematográfico de alto detalle, estética rica de 32 bits, desierto multilayer con paralaje fluido, animación de sprites fluida, escalado dramático de sprites, fuerte vibración de pantalla, distorsión térmica creada mediante dithering de píxeles, atardecer naranja, tormentas verdes tóxicas, estelas de armas cian y escombros voladores, atmósfera brutal retrofuturista, terminando con la cazadora colocando una carga explosiva entre las placas acorazadas del gusano y saltando de vuelta a su motocicleta mientras la criatura explota en una gigantesca explosión de píxeles detrás de ella.

Opus 5.5: una historia dibujada a mano. Un pequeño agente se despierta en su escritorio, recibe notas de feedback, las corrige y termina con ojos de corazón y una marca de verificación verde. 53 s Sonnet 5.5: un showreel de tipografía cinética. Seis curvas de easing, una estrella transformándose, partículas, texto difuminado, "cada fotograma escrito en código". 15 s Haiku 5.5: una receta paso a paso de White Russian. Hielo, vodka, licor de café y crema, con contadores en vivo y una lista de verificación. 30 s

Crea una presentación HTML interactiva que explique el concepto de 'Efectos de Red', donde las conexiones crecen exponencialmente a medida que aumenta el número de usuarios (por ejemplo, 5x usuarios = 27x conexiones). La interfaz debe incluir un control deslizante que permita al espectador ajustar manualmente el número de usuarios y ver el cambio resultante en la densidad de conexiones en tiempo real. Utiliza solo HTML y JavaScript sin recursos de imágenes externas. Incluye narración de voz sincronizada con los cambios visuales.

Usando Remotion que descargué, ¿puedes hacerme un video de lanzamiento para la app? Usa el repositorio para obtener información. Necesito un video de lanzamiento de 15-30 segundos con estilo SaaS, que incluya zooms, movimientos del cursor, efectos de escritura, interacciones con la app, demostraciones y diferentes ángulos de la aplicación, etc. Básicamente un completo...

<inputs> Dame: * color del lienzo * color de la forma * color de acento * radio de la forma * fuentes * los estados por los que la forma debe transformarse Usa códigos hexadecimales, segundos, relaciones de amortiguación y tamaños en píxeles en lugar de adjetivos. </inputs> <direction> Crea un bucle de movimiento UI sin cortes de 14 segundos, 1440x1440, 60fps. Una sola forma, cero cortes. La forma se transforma de estado en estado y nunca es reemplazada. Cada estado ocupa el 50% del fotograma. La cámara comienza al ritmo y se estabiliza más lentamente que la forma. Usa resortes de forma cerrada. Amortiguación de la forma: 0.72, tiempo de estabilización: 0.35s. Amortiguación de la cámara: 1.0, tiempo de estabilización: 0.6s. Los cambios de contenido usan desenfoque de 12px y desvanecimiento durante 0.15s. La punta del cursor permanece fija en lo que sea que arrastre. </direction> <structure> Usa una cuadrícula rítmica de 0.5s. 0.0 - el mascota pixelado está inactivo 1.0 - el mascota se aplasta en un botón de reproducción 1.5 - cargador 2.0 - se dibuja la marca de verificación 2.5 - desplazamiento de línea de tiempo 4.0 - el fotograma clave se estira más allá del final y vuelve a su lugar 5.0 - editor bezier 7.0 - contador rueda de F 000 a F 840 8.5 - barra de renderizado se llena 10.0 - paleta de comandos escribe "export mp4" 11.0 - notificación dice "840 fotogramas renderizados" 12.0 - la notificación se encoge de vuelta en el mascota El último fotograma debe ser el primer fotograma. </structure> <build> Escribe un archivo HTML con Canvas 2D. window.renderAt(t) debe ser una función pura del tiempo. Sin Math.random. Sin reloj. Sin estado persistente. ?t= debe congelar el momento exacto. Renderiza cada fotograma desde renderAt(frame / 60). Usa 4 subfotogramas para el desenfoque de movimiento. Codifica en H.264 a 60fps. </build> <gotchas> Arregla el salto del cursor en el cierre del bucle con: t - 14*floor(t/14) No hagas transición cruzada del naranja a la tinta. Usa una onda desde el centro en 1.5s y desde el punto de clic en 12.0s. Rueda los cambios de palabras verticalmente. Comienza el dibujo después del desenfoque de entrada. Apunta el cursor a donde estará el objetivo cuando aterrice. Mantén la velocidad del cursor por debajo de 65 px/fotograma. </gotchas> <start> Primero muéstrame el guion gráfico. Luego escribe el código. Después del primer renderizado, revisa 5 fotogramas alrededor de cada ritmo y corrige los problemas antes del renderizado final. </start>

<Entradas> Por favor, pregúntame: mi producto, la solicitud exacta que el usuario ingresa, las 6 a 8 fotos para las tarjetas de resultados, una canción libre de derechos de autor con un BPM de aproximadamente 130 y un clímax claro (de Mixkit, gratuita para uso comercial), y el logotipo de la marca para la tarjeta final. Si omito algo, usa los valores predeterminados: la historia de pedido de comida a continuación, fotos de comida de Pexels (fideos picantes coreanos, tacos Birria, pollo frito picante, alitas búfalo, hamburguesas Smash, ramen picante) y "Cat Walk" de Mixkit. </Entradas> <Directrices> Una película de lanzamiento de producto de 15 segundos, resolución 1920x1080, tasa de fotogramas 60fps. Solo 2D, toma continua única. Sin fundidos, desenfoques ni cortes: cada escena emerge de la anterior. El texto se eleva desde líneas enmascaradas, los botones se expanden en páginas, los colores fluyen desde un objeto y se difunden antes de contraerse en otro. Da a la cámara un movimiento suave en cada escena y no hagas zoom in y zoom out consecutivos. Apariencia: Lienzo blanco cálido (#f5f5f2), UI negro (#0e0e10), color de acento verde lima (#cdf24f), naranja (#ff6a2a) y botón de envío azul (#2f6bff). Agrega un halo iridiscente estilo Apple Intelligence alrededor del campo de entrada: un degradado cónico difuso que rota a través de rosa, naranja, verde lima, cian y púrpura. Usa fotografía real de alimentos en tarjetas oscuras, fuente Geist para la UI y fuente serif para el nombre del producto en la tarjeta final. Prohibido: Fundidos cruzados, entradas desenfocadas, 3D, efectos de partículas, movimientos de cámara invertidos, pausas de más de 1 segundo y cualquier cosa que parezca una plantilla. </Directrices> <Estructura> 130 BPM, 32 tiempos (14.8 segundos). La música comienza a reproducirse 12 tiempos antes del clímax. Tiempos 0-6, Pregunta: Zoom lento hacia el campo de entrada brillante, aproximadamente 3x de escala. Ingresa la solicitud en tres líneas de texto fijo con un ritmo natural de tecleo: "Realmente tengo hambre, no sé qué quiero, pero me gustaría algo picante, crujiente y saciante" Tiempo 6, Envío: Presiona el botón de enviar. Una onda expansiva verde lima se extiende desde él y transforma el mensaje en una burbuja de chat. Haz zoom out una vez para mostrar el teléfono circundante (pantalla de 428x900, borde negro de 11px, barra de estado 9:41). Tiempos 6-12, Pensando: El botón de enviar crece hasta convertirse en un wok naranja, un semicírculo con un mango delgado. Lanza 6 ingredientes coloridos en los tiempos 8, 9, 10 y 11 bajo el texto parpadeante "Buscando para ti...". Tiempo 12, Clímax: Un círculo verde lima se expande desde el wok, llenando la pantalla en aproximadamente 0.35 segundos. Las tarjetas de comida oscuras (330x440, radio de esquina 28, foto arriba, nombre, una línea de descripción, precio y calificación) estallan desde el centro. Una banda deslizante pasa sobre tres tarjetas y se detiene en "Fideos Picantes Coreanos", que se eleva junto con una etiqueta de "Mejor coincidencia". Tiempos 16-21, Chat: El verde lima se contrae de vuelta dentro de la burbuja de mensaje del usuario, llevando su texto, mientras la tarjeta seleccionada vuela hacia su ranura. "Encontrado. Fideos Picantes Coreanos de Wok & Fire, ahumados, picantes y muy saciantes." se eleva, seguido de "¿Quieres que haga el pedido por ti?" Luego aparecen dos botones tipo píldora: "Pedir ahora" en negro y "Más opciones" en estilo contorno. El cursor hace clic en Pedir ahora → animación de carga → "✓ Pedido realizado". Tiempos 21-32, Final: El botón negro se expande en una página, manteniendo la forma de píldora hasta tocar los bordes, mientras la cámara avanza hacia ella. Su etiqueta crece hasta tamaño de título, luego se desliza fuera. Introduce palabra por palabra "Querías fideos." y "Ahora están en camino." (92px, texto blanco sobre fondo negro). Un punto de mensajero sigue una ruta hasta un pin. El pin se convierte en el logotipo de la marca, el identificador de texto se borra detrás de él, con "Hecho por" arriba y el nombre del producto debajo. </Estructura> <Construcción> 1. Un archivo HTML, 1920x1080. Calcula todos los estilos basados en el tiempo dentro de seek(t): sin transiciones CSS, temporizadores o estado entre fotogramas. 2. Usa una sola transformación de cámara en el contenedor, clave [tiempo, zoom, x, y], con segmentos de suavizado, e interpola el zoom en espacio logarítmico. 3. Usa resortes de respuesta escalonada cerrados para todas las apariciones y reposos. 4. Haz que cada transición sea un elemento compartido: la inundación verde lima lleva una copia del texto de la burbuja, el botón lleva su etiqueta a la página. 5. Sonido: Usa los efectos de sonido descargados de Mixkit para cada evento - sonidos de tecleo, explosión de envío, cada lanzamiento, impacto del clímax, silbido de tarjeta, clic, tono de éxito, silbido de relleno de página y destello de logotipo. Coloca cada uno según sus picos medidos y normaliza la sonoridad a -14 LUFS. 6. Renderiza con Playwright a 60fps, usando 8 subfotogramas por fotograma y mezclando mediante ffmpeg tmix. Revisa cada momento rápido fotograma por fotograma y escanea cada fotograma del video completo. </Construcción>

La tarjeta debe escalar desde un 30% hasta un 100% y pasar de invisible a visible. Cada detalle debe deslizarse ordenadamente, uno tras otro, una vez que la tarjeta se asiente en su escala final. La línea del gráfico debe animarse como una trayectoria de línea. El brillo detrás debe volverse visible mientras los detalles de la tarjeta se deslizan. Los dos rectángulos deben moverse a través de la pantalla con tiempos ligeramente diferentes para crear un efecto de luz.

Crea una animación de motion graphics de 5 segundos de un simple punto, rebotando hacia el centro de la pantalla, que se expande a una barra de búsqueda y luego el texto llena la caja: "Soy diseñador de motion graphics, ¿cuál debería ser mi siguiente carrera?" La animación debe ser fluida, con keyframes que entren y salgan suavemente,

<inputs> Pídeme: una voz en off o canción con una línea hablada (el archivo de audio) y su transcripción, 10-12 objetos pequeños que resuman mi vida, dos siluetas iluminadas como una cámara térmica (una cabeza de perfil y una mano levantada), y las 3 palabras que quiero que impacten más fuerte. Si omito alguna, usa los valores predeterminados: vinilo, libro, cámara, gato, moneda, control de videojuego, gorra, corazón, dinero, planta, claqueta, skateboard; siluetas CC0 gratuitas de Openverse; acción, intención, curiosidad. </inputs> <direction> Una película de 20 segundos en formato 4:3, 1440x1080 a 60fps, editada al ritmo de la voz. Papel blanco roto, negro, un rojo, un amarillo, Geist para cada palabra. Grano de película en todo, una viñeta suave y una cámara que nunca descansa: un flotante lento de cámara en mano bajo todo más un empuje lento dentro de cada escena. Sin cortes de escena a la siguiente: cada transición comienza exactamente en el último fotograma de la escena anterior. Los únicos cortes secos son los cambios de ritmo en la última palabra. Cada objeto es pixel art que tú dibujas: una cuadrícula de 16x16 por objeto, cada celda un color colocado a mano, renderizado como un bloque 3D (una extrusión más oscura hacia abajo-derecha, un bisel fino en cada celda) con una sombra de contacto suave. Las siluetas están iluminadas como una cámara térmica: el calor proviene del grosor del cuerpo en cada punto, por lo que la nariz, el cabello y las puntas de los dedos son más fríos, más un punto caliente y un ruido que se mueve lentamente, mapeado a través de una rampa negro > rojo > naranja > crema. El borde permanece afilado como una navaja, con un resplandor suave fuera de él. Reglas de movimiento: nada aparece de golpe (deslizamientos suaves de aproximadamente 0.5s con un inicio suave), los movimientos rápidos obtienen desenfoque de movimiento real en lugar de copias fantasma, y los subtítulos se escriben con la voz detrás de un cursor de bloque. Prohibido: metraje de stock, video AI, movimientos de cámara 3D, partículas, glitch. </direction> <structure> Coloca cada escena según los tiempos de las palabras de la transcripción (mídelos con timestamps de palabras de faster-whisper, un fragmento corto a la vez): 1. La primera palabra llena una tarjeta amarilla. La tarjeta se borra hacia la izquierda y la pregunta se escribe debajo en dos líneas centradas que se deslizan para mantenerse centradas mientras crecen, la palabra clave subrayada en rojo mientras se pronuncia. 2. Los objetos pasan velozmente en carriles encima y debajo de las palabras, un destello de cuatro puntos cian barre hacia adentro, luego la página se quema: el negro cierra desde los bordes hacia la cabeza, detrás de un borde rojo caliente. 3. La cabeza se calienta sobre negro mientras la respuesta se escribe baja a la izquierda. Una órbita blanca fina se dibuja alrededor de la cabeza, su mitad lejana pasa detrás de ella. En la última palabra, el papel florece desde dentro de la cabeza con los objetos dentro, y la cámara cae a través: la cabeza pasa velozmente frente al lente hasta que el papel es todo lo que vemos. 4. Los objetos se sientan sobre un anillo inclinado visto en perspectiva (los frontales más grandes y bajos, dibujados al final), girando lentamente, cada uno rebotando; la moneda gira y aterriza con chispas. 5. En cada una de las 3 palabras, ese objeto vuela fuera del anillo hacia la izquierda y crece, la página se inunda de negro desde él, y la palabra se escribe a su lado (cámara: una estrella de obturador roja; libro: un barrido de cinta roja; disco: dos órbitas blancas y notas rojas). Luego la inundación drena de vuelta al objeto mientras vuela a casa, y la cámara se sumerge más cerca en el anillo. Pon cada objeto héroe en la ranura que está al frente-izquierda cuando su palabra aterriza. 6. El anillo se contrae un poco, estalla hacia afuera, cada objeto se convierte en tinta, y las manchas de tinta crecen y se tragan la página. 7. La mano sube al encuadre, caliente, con la línea dividida a ambos lados de ella. El corazón cae en su palma, luego se eleva al centro al tamaño que la siguiente escena sostiene. 8. La última palabra, una letra por beat, el fondo alternando papel / negro / rojo, el corazón manteniendo su lugar a través del corte, el objeto central transformándose píxel por píxel en el siguiente. 9. Pinceladas finas barren a través, las letras se separan y flotan, luego se asientan de vuelta en la palabra con el corazón encima. La cámara sigue empujando a través de la pausa. </structure> <build> 1. Un lienzo HTML. Cada fotograma es una función pura del tiempo dentro de seek(t). 2. Hornea cada sprite de píxeles una vez en un lienzo fuera de pantalla (las capas de extrusión, luego la cara), luego dibújalo escalado y rotado. 3. El calor: precalcula el calor base de cada silueta una vez (una transformación de distancia de la máscara, mantenida en el valor del borde fuera de ella para que nada oscuro se filtre cuando se amplía). Cada fotograma, agrega el punto caliente y dos octavas de ruido de valor a resolución de cuarto, mapéalo a través de una búsqueda de 256 pasos, amplíalo y córtalo con la máscara de resolución completa. 4. La caída a través de la cabeza: dibuja la escena del anillo en una capa fuera de pantalla, enmascárala con la cabeza escalada alrededor de un punto dentro del cráneo, y aumenta esa escala en una curva cúbica hasta que la cabeza cubra el cuadro. El anillo dentro hace zoom menos que la cabeza, por lo que se lee como profundidad. 5. La transformación de píxeles: empareja cada celda del objeto A con una celda del objeto B y desliza la posición y el color de cada una, con un pequeño retraso aleatorio por celda. 6. Renderiza con Playwright a 60fps con 8 subfotogramas de desenfoque de movimiento, luego coloca el audio original de nuevo con ffmpeg. </build> <gotchas> Una máscara PNG sin canal alfa llena toda la caja con calor, así que pon la silueta en el alfa. Una extremidad cortada por el borde de la foto se muestra como un borde recto, así que extiende la máscara más allá del cuadro. Una transición solo se lee como suave cuando el último fotograma de una escena es el primer fotograma de la siguiente: dibuja la escena saliente bajo la transición, y da a las escenas que muestran el mismo anillo una función de zoom compartida. Una inundación que aún se retira cuando comienza la siguiente escena se lee como un corte seco, así que deja que termine primero. Una inundación de salida rápida se lee como un salto; usa un inicio suave. </gotchas> <start> Pídeme los inputs, mide los tiempos de las palabras, luego muéstrame 8 fotogramas fijos antes de renderizar. </start>