Animação 2D

Desenhe um pelicano andando de bicicleta como uma única linha contínua através de 16.384 pontos. Use o relaxamento de Lloyd para posicionar os pontos, um tour do caixeiro-viajante (TSP) para conectá-los e o algoritmo 2-opt para desembaraçar cruzamentos até zero. Em seguida, eleve a mesma linha para 3D e anime o pedalar. Desenhe cada quadro em JavaScript em um canvas 2D e sintetize a música no código.

Crie uma animação em estilo desenhado à mão. Especificamente, gere um livro ilustrado dinâmico com aquarela ou uma antiga pintura em rolo com tinta lavada chinesa (como "Ao Longo do Rio Durante o Festival Qingming"). Foque no estilo artístico e nas transições suaves da animação.

Recrie o desenho a lápis de cor de um foguete inspirado no caderno de esboços de @seti_park. Utilize Three.js para animá-lo enquanto ele se enche como um brinquedo, rompe a borda do papel e mergulha de volta na página. Mantenha a estética artesanal ao implementar transições 3D suaves.

<direction> Construa um showreel de motion design em loop de 30 segundos, apresentando um designer de movimento chamado CLAUDE. Conceito em uma frase: Uma linha a lápis passa por três upgrades (grafite no papel, linhas no blueprint, luz sobre fundo preto), sem nunca sair da tela. Cada cena evolui da anterior: formas, textos e cores transitam seamless para a próxima cena. Sem cortes, sem fade in/out. Tipografia: Use apenas Geist. Palavras grandes com peso 900, pequenas etiquetas com peso 600 a 800 (tamanho de fonte 24 a 28 px, tracking 0.14 a 0.3 em). Paleta de cores: Creme de papel #EDE6D5, Azul blueprint #1B3ED2, Ciano holográfico #45F0DD, Preto #07080A, Cinza grafite #16161A e Branco. A cor de destaque de cada fase é a cor principal da fase seguinte: lápis azul no papel, ciano no blueprint, branco no holograma. Câmera: Mantenha uma perspectiva frontal travada durante todo o filme, como se fosse uma mesa de desenho. Os objetos giram; a câmera não se move. Margens de segurança: Nenhum elemento estático deve estar dentro de 150 px das bordas laterais ou 90 px das bordas superior/inferior. Elementos em movimento podem atravessar essa área. Três tipos de tinta. As mesmas formas geométricas são desenhadas conforme a tinta exibida na tela: - Papel: Fundo creme de papel (use minha imagem de papel se fornecida, caso contrário, use um creme plano com textura sutil de desenho à mão), com grade azul de 60 px a aproximadamente 13% de opacidade, e cada quinta linha com 26% de opacidade. Linhas estilo lápis: reamostradas e deslocadas da posição real por uma onda senoidal lenta que muda de fase 8 vezes por segundo, traço duplo (largura total 90%, largura meia 40% com mais jitter), removendo a granulação do papel antes de sobrepor ao papel. Preenchimentos são hachuras diagonais desenhadas linha por linha. Textos grandes são hachuras recortadas na forma das letras, com contorno duplo. - Blueprint: Azul sólido, mesma grade branca. Linhas brancas nítidas de 3 a 4 px, arestas ocultas tracejadas e mais finas, preenchimentos com hachuras finas e limpas. - Holograma: Preto, mesma grade ciano. Linhas ciano com núcleo branco ocupando 30% da largura do traço. Preenchimentos são linhas de varredura horizontais com espaçamento de 8 px, cuja espessura depende da iluminação da superfície. Nenhum brilho difuso em lugar nenhum: a luz é representada apenas pela densidade das linhas. Proibido: Explosões de partículas, glow, lens flare, tremor de câmera, separação RGB, crossfade, gradientes genéricos, easing elástico, pausas superiores a meio segundo, e qualquer coisa que pareça um template. </direction> <structure> 120 BPM, 60 beats, 15 compassos, 2 segundos por compasso. Algo acontece em cada beat. A ação começa 0.05 segundos antes do seu beat para cair precisamente no tempo. Easing: Mola crítica amortecida, fórmula 1 - (1 + w t) e^(-w t), onde w está entre 12 e 40, garantindo que nada ultrapasse o alvo; wipes, presses e exits usam ease-in e ease-out exponenciais. Transições de cena: Papel para Blueprint através de uma forma com borda dura que preenche a tela; Blueprint para Holograma e Holograma para Papel através de uma linha de varredura horizontal. O último frame é o primeiro frame, formando assim um loop. Duas etiquetas nos cantos permanecem durante todo o filme: canto superior esquerdo "FIG. 07 — GEAR" (número e nome do compasso), canto inferior direito "BEAT 27 / 60". Nomes dos compassos: DRAFT, TYPE, CURVE, MORPH, TILE, SOLID, GEAR, PANEL, DATA, LIGHT, WAVE, GLOBE, DRUM, FORM, END. </structure> <mascot> Diretor Criativo: Um personagem caixa pequena. Corpo 76 x 54 unidades, cantos arredondados, dois braços curtos (24 x 16) na altura média, quatro pernas retas (11 x 33), dois olhos retangulares altos com cantos arredondados (8 x 14). Largura de desenho aproximadamente 250 px. Braço direito elevado 58 graus, segurando um lápis. No papel: Contorno de grafite, hachuras azuis esparsas e olhos de grafite. No holograma: Contorno ciano, preenchimento de linhas de varredura e olhos brancos. Ele nunca será de uma quarta cor. Ele corre alternando as pernas, seis passos por segundo, inclinado 7 graus enquanto corre. </mascot> <storyboard> Compasso 1, HOOK, 0-2 segundos, Papel. Frame 0: CLAUDE em Geist peso 900, ajustado para largura 1500 px, centralizado, estilo hachura a lápis. Pequeno texto INTRODUCING acima, pequeno texto A MOTION DESIGNER abaixo. Uma régua de lápis de 1620 px de largura posicionada 96 px acima das letras. O mascote fica na régua em x = 1560, etiquetado CREATIVE DIRECTOR à esquerda. 0.0: Os pequenos textos desaparecem; o mascote acelera e sai pela borda direita. 0.36 a 0.5: A régua acelera para baixo até 26 px abaixo da baseline, esmagando as letras para dentro delas mesmas. 1.0: A linha sobe para o meio, encurta para 1320 px e se divide em duas réguas separadas por 140 px; 41 marcas azuis varrem ao longo da régua superior. 1.5: As réguas abrem para 300 px; uma cota de altura azul é desenhada à direita, com números em tempo real. Compasso 2, KINETIC TYPE, 2-4 segundos, Papel. As palavras estão entre as réguas e recortadas nesse slot; as réguas se movem para acomodar cada palavra. 2.0: INTRODUCING sobe letra por letra através da baseline, depois sai pelo topo. 2.5: A MOTION desliza rapidamente da esquerda (movendo 1400 px em 0.2 segundos). 3.0: As réguas fecham para prendê-la e reabrem, esticando DESIGNER para fora das linhas; então suas letras voam para os lados. 3.5: CLAUDE estilo lápis azul, letras caem uma a uma de cima, intervaladas em 0.05 segundos. Em 4.0, as réguas fecham e esmagam tudo em uma linha de 1476 px de comprimento. Compasso 3, CURVES, 4-6 segundos, Papel. 4.1: A linha ganha alças de caneta (comprimento 430 px, ângulo 58 graus, quadrados nas pontas, círculos nas dicas das alças, etiqueta EASE) e curva-se em forma de S. 4.5: As alças balançam para ângulos espelhados; oito cópias azuis abrem em leque com espaçamento de 34 px, conectadas nas extremidades como pétalas. 5.0: As alças recolhem; a fita torna-se uma onda senoidal progressiva (amplitude 92 px, 2.75 ciclos, cada linha ligeiramente defasada). 5.5: Ela se reagrupa novamente em uma linha reta plana. Compasso 4, SHAPE MORPH, 6-8 segundos, Papel. 6.1: A linha enrola-se em um círculo de raio 235 (curvatura aumenta, comprimento permanece constante). 6.5: Triângulo, rotacionando 120 graus durante a mudança. 7.0: Quadrado. 7.5: Hexágono, vértice para cima, raio 270. Dentro, constroem-se hachuras azuis, depois hachuras cruzadas. Compasso 5, TILING, 8-10 segundos, Papel. 8.0: O hexágono encolhe para raio 96, outros seis deslizam ao redor dele. 8.5: Mais doze adicionados, formando um favo de mel de 19 células. 9.0: Hachuras densas varrem até que cada célula se torne azul sólida. 9.6 a 10.0: A forma da célula central cresce além da tela com bordas duras; dentro é o blueprint, o favo de mel aparece com linhas brancas. Compasso 6, 2D TO 3D, 10-12 segundos, Blueprint. 10.0: Três linhas são desenhadas dentro de cada hexágono, mais três linhas ocultas tracejadas: cada um é um cubo em vista angular. 10.5: Dezoito cubos externos deslizam para o centro de um, fazendo-o crescer para raio 270. 11.0: Ele gira um quarto de volta, a perspectiva liga. 11.5: Ele vira para frente. Compasso 7, MECHANISM, 12-14 segundos, Blueprint. 12.0: O cubo achata, sua face frontal ganha dentes: uma engrenagem de 16 dentes, raio primitivo 208. A partir de 12.25, o trem de engrenagens avança 45 graus a cada colcheia. 12.5: Uma engrenagem de 10 dentes cresce para cima e à direita e engrena. 13.0: Uma engrenagem de 12 dentes cresce para cima e à esquerda. Cada uma tem círculo primitivo tracejado, cubo e etiqueta (16T, 10T, 12T). 13.5: As engrenagens menores recolhem; as engrenagens voltam a ser quadrados, o cubo recupera profundidade. Compasso 8, UNFOLD, 14-16 segundos, Blueprint. 14.0: O cubo desdobra-se em uma cruz de seis quadrados pelas dobradiças. 14.5: Os quadrados deslizam e esticam-se em seis painéis: barra de título, barra lateral alta, gráfico largo, dois tiles, barra de timeline. 15.0: Eles são preenchidos com conteúdo. Título: "CLAUDE — MOTION REEL", um toggle BARS / RING, um botão de alternância LIGHT. Gráfico: 30 barras, correspondendo a cada segundo do filme, 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. Timeline: 15 nomes de compassos, cada um com um losango de keyframe acima. 15.5: Contadores rolam para cima: 120 BPM, 60 BEATS, 1800 FRAMES, 0 CUTS. Compasso 9, DATA, 16-18 segundos, Blueprint. 16.0: Uma curva é desenhada sobre o topo das barras; um playhead ciano pousa no tempo atual da timeline. A barra do segundo atual é ciano sólida, as anteriores são hachuradas, as posteriores são contornos. O cursor chega. 16.5: Ele clica em RING: a linha base do gráfico curva-se em um círculo de raio 110, ba

Regras: - Qualidade de anime teatral com orçamento equivalente a 500 milhões de ienes, estilo anime 2D japonês plano Neo-Retro. Contornos vívidos em azul-ciano, cores pastel suaves - Um único plano (sem cortes). A câmera é fixa e não se move até o final. Não use lente fisheye - Alto número de quadros de desenho. Ritmo rápido, cômico - Sem BGM, efeitos sonoros presentes - Sem legendas, sem texto na tela {{img 1}}: Sujeito - Maka {{img 2}}: Sujeito - Roni [Consistência] Não altere o rosto de Maka-chan, sua pele rosa, seu bob curto rosa, seus grandes acessórios de cabeça redondos cor creme semelhantes a orelhas em ambos os lados, seus grandes olhos azuis, brincos brancos redondos, gargantilha vermelha, blusa amarela com mangas bufantes, cinto vermelho e saia branca durante todo o vídeo. Não altere o rosto de Roni-kun, sua pele rosa, cabelo rosa cacheado, seus grandes acessórios de cabeça redondos cor creme semelhantes a orelhas em ambos os lados, olhos azuis, blazer verde-menta, camisa xadrez roxa e amarela e calças brancas. Apenas Maka-chan e Roni-kun aparecem. Retire um item por vez. Não duplique itens ou Roni-kun. [QUEBRA DE MOLDURA] OBJETIVO VISUAL PRINCIPAL: Um efeito inconfundível de FORA DA MOLDURA, POP-OUT. Maka repetidamente alcança além da janela central da imagem. Suas mãos, antebraços e cada objeto que ela puxa movem-se visivelmente SOBRE as barras pretas letterbox, em direção ao espectador e ultrapassando-as. ORDEM DE COMPOSIÇÃO, DO FUNDO PARA A FRENTE: 1. Fundo e cena. 2. Duas largas barras pretas letterbox no topo e na base. 3. Os personagens em primeiro plano: Maka (suas mãos, braços, cabelo rosa, acessórios de cabeça cor creme semelhantes a orelhas e cada objeto que ela segura) e, no final, Roni enquanto ela o puxa para fora. O fundo está confinado à janela central da imagem. O personagem em primeiro plano NÃO está confinado a essa janela. Sua silhueta continua ininterrupta através das bordas e sobre as barras pretas. Sua pele rosa, cabelo rosa, acessórios cor creme, mangas amarelas e cada objeto permanecem totalmente visíveis quando sobrepõem o preto. BARRAS ESTÁTICAS, PERSONAGEM EM MOVIMENTO: Ambas as barras são gráficos de tela completamente estáticos, não objetos na cena. Mantenha sua espessura igual, largura total e posição exata na tela inalterados durante todo o tempo. Suas bordas internas permanecem perfeitamente retas e horizontais. O personagem simplesmente é renderizado na frente delas. Seu movimento oculta temporariamente partes de sua superfície preta. As barras subjacentes nunca se movem ou deformam. Segmentos de borda visíveis de ambos os lados de uma sobreposição permanecem alinhados na mesma linha horizontal. Quando ela retira um braço, revele a barra preta original inalterada abaixo dele. Mantenha o preto visível ao lado dos braços e objetos sobrepostos. Sem dobras, deslizamentos, tremores, esticamentos, aberturas ou reações de impacto nas barras. A câmera permanece estacionária. Um plano contínuo. Ela permanece próxima e grande na composição, inclinando-se em direção ao espectador. Nunca recue profundamente para o fundo. O efeito de quebra de moldura deve vir do personagem cobrindo visivelmente áreas pretas fora da janela central da imagem. Não mantenha-a inteiramente atrás das barras. Não simule o efeito movendo as barras ou ampliando a janela. [Significado] Além da margem preta abaixo (fora da parte inferior da tela) fica este lado = a sala do espectador. Maka se inclina para fora da borda da tela, coloca a mão em direção a este lado e procura algo. [Objetivo de Geração] Maka remexe ao redor deste lado da tela, joga vários itens de volta um após o outro e finalmente puxa Roni-kun, que estava escondido deste lado. (6 etapas, um plano contínuo sem interrupções. O cenário permanece o mesmo) Localização: Uma sala espartana com apenas paredes lisas cor creme claro e piso verde-menta claro. Sem móveis, janelas, prateleiras ou objetos longos horizontais. A luz é suave e uniforme, sombras são finas. Itens jogados de volta por Maka caem neste chão e se acumulam gradualmente. Maka está bem na frente da câmera, da cabeça ao peito preenchendo grande parte da altura da janela. Ela está bem na frente da câmera, da cabeça ao peito preenchendo grande parte da altura da janela.

Crie um vídeo de 32 segundos, 1920x1080, 30fps, sobre uma ideia: a IA é construída sobre a genialidade humana. Cada modelo aprendeu com pessoas que sabiam coisas. VISUAL: uma colagem de cartazes de rua impressos, em movimento. Sem fotos e sem imagens de banco de imagens: desenhe tudo você mesmo com SVG e CSS. - Papel branco-quente (#F2EFE8) com uma textura fina de meio-tom pontilhado sobre todo o quadro, e uma deriva muito lenta do papel para que o quadro nunca fique congelado. - Arte linear em tinta preta em estilo de gravura antiga (linhas hachuradas, não preenchimentos planos): um olho humano, um par de mãos, uma flor e um neurônio com dendritos ramificados. As linhas se desenham sozinhas (stroke-dashoffset), então um preenchimento de pontos meio-tom surge sob elas, como uma camada de colagem impressa. - Blocos de papel lavanda plano (#A79BF0 e um #6E5FD8 mais profundo) que deslizam por trás da arte com bordas ligeiramente irregulares, deslocados como papel rasgado. - Uma fórmula real definida em uma fonte serifada matemática que se escreve sozinha, símbolo por símbolo: a soma de n=1 ao infinito de 1/n^2 = pi^2/6. - Títulos em uma sans-serif geométrica pesada (negrito, espaçamento apertado), texto preto em barras brancas, grandes e semelhantes a cartazes. Cada linha totalmente dentro do quadro com margens generosas. HISTÓRIA, três momentos, use estas frases exatamente: Momento 1, A FAÍSCA (0-10s): o olho se desenha sozinho no centro, blocos lavanda deslizam por trás dele. Texto: "Antes da máquina, uma mente." depois "Alguém notou. Alguém perguntou por quê." Momento 2, O TRABALHO (10-22s): três cartões de colagem entram no ritmo, cada um com sua arte e uma frase: "Uma prova à meia-noite." (a fórmula se escreve sozinha), "Uma mão que cura." (as mãos), "Um ouvido para a palavra certa." (a flor abre). Então: "Cada resposta que ela dá, as pessoas ensinaram primeiro." Momento 3, A AFIRMAÇÃO (22-32s): o neurônio cresce seus galhos para fora através do quadro, conectando o olho, as mãos, a fórmula e a flor em um layout de cartaz único. Texto: "A genialidade humana é a entrada." depois "Tudo o mais é computação." Mantenha o cartaz final com um zoom lento até o último quadro. SOM: se o aplicativo tiver uma biblioteca musical, adicione uma faixa calma e minimalista de piano ou ambiente sob todo o vídeo, desaparecendo no final; adicione um som suave de papel deslizando quando os blocos entram, se efeitos sonoros estiverem disponíveis. O movimento deve começar no quadro 0 e continuar até o último quadro. Sem logotipos, sem nomes de marcas.

<inputs> Peça-me: um rótulo curto para o primeiro toggle, uma palavra principal, uma porcentagem para o gráfico, texto para o cartão final, uma cor de destaque e uma faixa com batida clara. </inputs> <direction> Um filme de motion design 2D em proporção 16:9. Use uma tela off-white quente, fundos quase pretos, tipografia bold e um único laranja vibrante como cor de destaque. O ponto laranja conecta todas as cenas: começa na UI, torna-se o ponto sobre uma letra, desenha um gráfico de mola, expande-se em uma forma e reaparece no cartão final. Um cursor faz a primeira interação parecer real. Mantenha o movimento nítido e controlado, com overshoots sutis de mola e sem pausas vazias. Proibido: stock footage, gradientes, glows, explosões de partículas, transições arbitrárias e movimentos que não derivam de algo já presente na tela. </direction> <structure> Cerca de 15 segundos, com uma mudança visual a cada batida principal. Abertura: um cursor clica no toggle laranja ao lado de "Reduce Motion". As letras se curvam e se ajustam até que apenas "Motion" permaneça, com o ponto laranja acima do "i". Mola: o ponto salta da palavra e pousa em um gráfico. Sua trajetória desenha uma resposta de mola, ultrapassa o alvo e estabiliza-se ao lado de um callout "+22%". Forma: o ponto corre ao longo de uma linha, expande-se em um círculo laranja e preenche o quadro. Um quadrado arredondado preto gira dentro dele, estendendo-se depois em uma pill. Tudo se contrai novamente em um único ponto laranja sobre fundo preto. Tipografia: palavras incluindo "SPRINGS", "EASING", "KINETIC TYPE", "3D" e "SOUND" circundam o ponto. O anel de palavras espalha-se em um campo de pequenos pontos. Revelação: o campo halftone expande-se e torna-se preto, revelando o cartão final: "Opus 5.5", "Motion designer." e "0 keyframes". Retorno: o ponto laranja viaja de volta através do halftone, gráfico e toggle. Faça o último quadro coincidir com o primeiro para um loop perfeito. </structure> <build> 1. Use um único arquivo HTML, 1920x1080 a 60fps. Calcule todos os visuais a partir do tempo dentro de seek(t): sem CSS transitions, timers ou estado persistido entre quadros. 2. Use molas de forma fechada (closed-form springs) para o toggle, o ponto em movimento e o gráfico. Desenhe o gráfico usando a mesma função de mola que controla o ponto. 3. Mova as letras individualmente enquanto "Reduce Motion" se transforma em "Motion". Mantenha o ponto laranja acima do "i" até que ele salte. 4. Trate o círculo laranja, o quadrado rotativo e a pill como estados de uma única forma. Carregue sua posição e momento através de cada transformação. 5. Organize as palavras em um caminho circular, então envie suas letras para fora para transicionar para a grade halftone. 6. Desenhe o halftone como uma grade de pontos cujos tamanhos reagem ao ponto laranja. Expanda-o além dos limites do quadro antes de mostrar o cartão final. 7. Alinhe o clique, o pouso do ponto, o pico do gráfico, as mudanças de forma e o título final com batidas medidas. Renderize um quadro por batida para verificar o timing antes da exportação completa. </build>

<inputs> Peça-me: um valor alvo para o slider, três mensagens curtas de notificação, uma resposta para digitar, uma cor de destaque e uma faixa livre de royalties de cerca de 120 BPM. Se eu pular algo, use 100, "Slider - Reached 100", "Gravity - Something is falling", "Messages - What now?", "retry" e azul elétrico. </inputs> <direction> Um filme de movimento de UI 2D de 10 segundos em 16:9. Coloque tudo em uma tela quase preta com uma grade de pontos sutil. Use controles em carvão, texto branco nítido, um destaque azul e uma bola branca que se move por todo o filme. Um cursor real faz o clique inicial parecer físico; a bola guia cada transição subsequente. Mantenha a UI limpa e os impactos precisos, com apenas pequenos overshoots de mola. Mova a câmera através de um layout contínuo para que cada interação preencha o quadro. Proibido: cortes bruscos, stock footage, brilhos, explosões de partículas, transições desconectadas, quicadas excessivas e texto borrado durante movimentos de câmera. </direction> <structure> Cerca de 10 segundos, com algo acontecendo em cada batida principal. Toggle: o cursor clica em um interruptor azul. Sua bola branca salta livremente, e a câmera a segue em direção a um slider horizontal. Slider: a bola pousa na alavanca e move-a ao longo da trilha. O preenchimento azul permanece preso, enquanto uma bolha de valor acima da alavanca sobe até 100. Notificações: atingir 100 envia a bola adiante e traz três cartões escuros: "Slider", "Gravity" e "Messages". Cada um chega em sua própria batida. A câmera segue a bola para baixo até "What now?". Resposta: a pequena pílula "Reply" estica-se em um campo de texto. Um teclado surge abaixo dela como parte da mesma cena. Teclado: a bola atinge as teclas enquanto "retry" aparece no campo. Ela pousa em Return, o botão de envio azul ativa-se e a resposta contrai-se em uma pequena mensagem azul. Retorno: a câmera recua para mostrar o toggle, slider, cartões e teclado juntos em um mundo. A bola viaja de volta ao primeiro interruptor. Combine sua posição, o cursor e o estado do interruptor com o quadro inicial para que o filme faça loop perfeitamente. </structure> <build> 1. Crie um arquivo HTML em 1920x1080 e 60fps. Calcule cada visual a partir do tempo dentro de seek(t): sem transições CSS, temporizadores ou estado transportado entre quadros. 2. Organize todos os componentes de UI em um mundo. Use uma única transformação de câmera com posição e zoom em escala logarítmica, tornando cada close-up um movimento através desse mundo. 3. Dê à bola branca uma rota contínua entre o toggle, slider, cartões e teclas. Use molas de forma fechada para aterrissagens e um breve squash no impacto. 4. Calcule o preenchimento do slider e o número a partir da posição horizontal da bola. Mantenha a tooltip centralizada sobre a alavanca até que ela atinja 100. 5. Dê a cada pressionamento de tecla um tempo fixo. Mostre a resposta como a parte digitada até esse momento, para que qualquer quadro possa ser renderizado deterministicamente. </build>

Crie um vídeo explicativo animado de 3 a 4 minutos, em formato 16:9, sobre extração de gás natural para público geral, no estilo ilustração flat, com narração e legendas que correspondam ao conteúdo: 1. Comece mostrando algo que o público vê todos os dias, depois volte ao início da história. 2. Siga a linha mais clara: etapas para um processo, ou então uma linha do tempo, causa e efeito, ou problema e solução. 3. Um capítulo por etapa, entre 8 e 12 capítulos, com títulos no canto superior esquerdo. Mantenha um único estilo visual e paleta de cores durante todo o vídeo. 4. Escolha um número que acompanhe todo o vídeo (temperatura, pressão, velocidade, custo ou tempo), mantenha-o em um canto e atualize-o a cada etapa. Se nenhum número for adequado, exiba "etapa X de Y". 5. Para cada número importante, faça uma comparação com algo do dia a dia, e omita qualquer número sobre o qual você não tenha certeza. 6. Termine com uma frase que una toda a jornada apresentada. Antes de começar, envie-me a lista de capítulos, o número escolhido e os fatos principais que serão usados, para que eu possa confirmar.

Um solitário caçador de recompensas em pixel art pilota uma motocicleta esquelética através de um deserto tóxico, enquanto gigantes vermes da areia emergem do asfalto. Ele desvia do pavimento que se desfaz, salta sobre um caminhão-tanque em chamas, dispara um arpão de energia na maior criatura e deixa-se arrastar pelas dunas antes de usar a corrente para catapultar-se sobre a cabeça do monstro; arte pixelada cinematográfica de alta definição, estética rica de 32 bits, deserto com parallax multilayered, animação fluida de sprites, escalonamento dramático dos sprites, forte tremor de tela, distorção térmica criada com dithering de pixels, pôr do sol laranja, tempestades verdes tóxicas, rastros ciano das armas e detritos voadores, atmosfera brutal retrofuturista, terminando com o caçador plantando uma carga entre as placas blindadas do verme e saltando de volta para a motocicleta enquanto a criatura explode em uma gigantesca explosão de pixels atrás dele.

Opus 5.5: uma história desenhada à mão. Um pequeno agente acorda na sua mesa, recebe notas de feedback, corrige-as e termina com olhos de coração e um visto verde. 53 s Sonnet 5.5: um showreel de tipografia cinética. Seis curvas de easing, uma estrela em morphing, partículas, texto desfocado, "cada quadro escrito em código". 15 s Haiku 5.5: uma receita passo a passo de White Russian. Gelo, vodka, licor de café, creme, com contadores ao vivo e uma checklist. 30 s

Crie uma apresentação HTML interativa explicando o conceito de 'Efeitos de Rede', onde as conexões crescem exponencialmente à medida que o número de usuários aumenta (ex.: 5x usuários = 27x conexões). A interface deve incluir um controle deslizante permitindo que o espectador ajuste manualmente o número de usuários e veja a mudança resultante na densidade de conexões em tempo real. Use apenas HTML e JavaScript sem assets de imagem externos. Inclua narração por voz sincronizada com as mudanças visuais.

Usando o Remotion que baixei, você pode criar um vídeo de lançamento para o aplicativo? Use o repositório como referência. Preciso de um vídeo de lançamento 15-30 segundos no estilo SaaS, com zooms, movimentos do cursor, efeitos de digitação, interações com o app, demonstrações e diferentes ângulos da aplicação, etc. Basicamente, um completo...

<inputs> Forneça: * cor do canvas * cor da forma * cor de destaque (accent) * raio da forma * fontes * os estados pelos quais a forma deve transitar (morph) Use códigos hexadecimais, segundos, taxas de amortecimento (damping ratios) e tamanhos em pixels em vez de adjetivos. </inputs> <direction> Crie um loop de movimento de UI contínuo de 14 segundos, 1440x1440, 60fps. Uma única forma, zero cortes. A forma transita de estado em estado e nunca é substituída. Cada estado preenche 50% do quadro. A câmera inicia no tempo (beat) e estabiliza mais lentamente que a forma. Use molas de forma fechada (closed-form springs). Amortecimento da forma: 0.72, tempo de estabilização: 0.35s. Amortecimento da câmera: 1.0, tempo de estabilização: 0.6s. As trocas de conteúdo usam desfoque de 12px e fade-out ao longo de 0.15s. A ponta do cursor permanece travada no elemento que está sendo arrastado. </direction> <structure> Use uma grade de tempo (beat grid) de 0.5s. 0.0 - mascote pixelado em idle 1.0 - mascote se comprime virando botão de play 1.5 - carregador (loader) 2.0 - traço de checkmark 2.5 - scrub na timeline 4.0 - keyframe estica além do fim e volta com snap 5.0 - editor de bezier 7.0 - contador rola de F 000 para F 840 8.5 - barra de renderização se completa 10.0 - paleta de comandos digita "export mp4" 11.0 - toast mostra "840 frames rendered" 12.0 - toast encolhe e retorna ao mascote O último quadro deve ser idêntico ao primeiro quadro. </structure> <build> Escreva um único arquivo HTML usando Canvas 2D. window.renderAt(t) deve ser uma função pura do tempo. Sem Math.random. Sem relógio (clock). Sem estado persistente (carried state). ?t= deve congelar o momento exato. Renderize cada quadro a partir de renderAt(frame / 60). Use 4 subquadros para motion blur. Codifique em H.264 a 60fps. </build> <gotchas> Corrija o salto do cursor na junção do loop usando: t - 14*floor(t/14) Não faça cross-fade entre laranja e tinta (ink). Use um ripple a partir do centro em 1.5s e a partir do ponto de clique em 12.0s. Faça as trocas de palavras rolarem verticalmente. Inicie o draw-on após o blur-in. Aponte o cursor para onde o alvo estará quando pousar. Mantenha a velocidade do cursor abaixo de 65 px/quadro. </gotchas> <start> Primeiro, mostre-me o storyboard. Em seguida, escreva o código. Após a primeira renderização, verifique 5 quadros ao redor de cada beat e corrija os problemas antes da renderização final. </start>

<Entradas> Por favor, pergunte-me sobre: meu produto, a solicitação exata que o usuário insere, 6 a 8 fotos para os cartões de resultados, uma música royalty-free com aproximadamente 130 BPM e um clímax claro (do Mixkit, gratuita para uso comercial), e o logotipo da marca para o cartão final. Se eu pular alguma informação, use as configurações padrão abaixo: a história do pedido de comida, fotos de comida do Pexels (ramen picante, tacos Birria, frango frito apimentado, asas Buffalo, hambúrguer Smash, ramen picante) e "Cat Walk" do Mixkit. </Entradas> <Diretrizes> Um filme de lançamento de produto de 15 segundos, resolução 1920x1080, taxa de quadros de 60fps. Apenas 2D, tomada única contínua. Sem fades, desfoques ou cortes: cada cena emerge da anterior. O texto sobe das linhas de máscara, botões se expandem em páginas, cores fluem de um objeto e se espalham antes de encolher para outro. Dê à câmera um movimento suave em cada cena e não faça zoom in e out consecutivos. Aparência: Tela branco quente (#f5f5f2), UI preta (#0e0e10), cor de destaque verde-limão (#cdf24f), laranja (#ff6a2a) e botão de envio azul (#2f6bff). Adicione um brilho iridescente estilo Apple Intelligence ao redor da caixa de entrada: um gradiente cônico desfocado, girando através de rosa, laranja, verde-limão, ciano e roxo. Use fotografia real de comida nos cartões escuros, fonte Geist para a UI e fonte serifada para o nome do produto no cartão final. Proibido: Cross-fades, entradas com desfoque, 3D, efeitos de partículas, movimentos de câmera invertidos, pausas superiores a 1 segundo e qualquer coisa que pareça um template. </Diretrizes> <Estrutura> 130 BPM, 32 batidas (14,8 segundos). Comece a tocar a música 12 batidas antes do clímax. Batidas 0-6, Pergunta: Zoom lento na caixa de entrada brilhante, cerca de 3x. Digite a solicitação em três linhas de texto fixo com ritmo natural de digitação: "Estou realmente com fome, não sei o que quero, mas algo picante, crocante e substancial" Batida 6, Envio: Pressione o botão de enviar. Uma ondulação verde-limão se espalha a partir dele, transformando a mensagem em um balão de chat. Faça um zoom out uma vez para mostrar o celular ao redor (tela 428x900, borda preta de 11px, barra de status 9:41). Batidas 6-12, Pensando: O botão de enviar se transforma em uma wok laranja, um semicírculo com alça fina. Ele joga 6 ingredientes coloridos nas batidas 8, 9, 10 e 11, abaixo do texto piscante "Procurando para você...". Batida 12, Clímax: Um círculo verde-limão expande-se da wok, preenchendo a tela em cerca de 0,35 segundos. Cartões de comida escuros (330x440, raio de borda 28, foto no topo, nome, descrição de uma linha, preço e avaliação) explodem do centro. Uma faixa deslizante passa por três cartões e para no "Ramen Picante", que levanta junto com uma etiqueta "Melhor Correspondência". Batidas 16-21, Chat: O verde-limão encolhe de volta para o balão de mensagem do usuário, carregando seu texto, enquanto o cartão selecionado voa para sua posição. "Encontrei. Ramen Picante do Wok & Fire, defumado, picante e muito substancial." aparece, seguido por "Quer que eu faça o pedido?" Então, dois botões em formato de pílula aparecem: "Pedir Agora" em preto e "Mais Opções" em contorno. O cursor clica em Pedir Agora → animação de carregamento → "✓ Pedido Feito". Batidas 21-32, Final: O botão preto se expande em uma página, mantendo a forma de pílula até tocar as bordas, enquanto a câmera avança para dentro dela. Seu rótulo cresce até o tamanho do título, então desliza para fora. Introduza palavra por palavra "Você queria macarrão." e "Agora está a caminho." (92px, texto branco sobre fundo preto). Um ponto de entregador segue uma rota até um pin. O pin se transforma no logotipo da marca, o wordmark é apagado de trás dele, com "Feito por" acima e o nome do produto abaixo. </Estrutura> <Construção> 1. Um arquivo HTML, 1920x1080. Calcule todos os estilos dentro de seek(t) baseado no tempo: sem transições CSS, timers ou estado entre frames. 2. Use uma única transformação de câmera no contêiner, chaveada por [time, zoom, x, y], com segmentos suavizados, e interpolação de zoom em espaço logarítmico. 3. Use molas de resposta de passo fechado para todas as explosões e assentamentos. 4. Torne cada transição um elemento compartilhado: a inundação verde-limão carrega uma cópia do texto do balão, o botão leva seu rótulo para a página. 5. Som: Use sons baixados do Mixkit para cada evento - teclas digitando, explosão de envio, cada arremesso, impacto do clímax, assobio dos cartões, clique, tom de sucesso, assobio de preenchimento da página e flash do logotipo. Posicione cada um conforme seus picos medidos e normalize o volume para -14 LUFS. 6. Renderize com Playwright a 60fps, usando 8 subframes por frame, e misture via ffmpeg tmix. Revise cada momento rápido quadro a quadro e escaneie cada quadro do vídeo completo. </Construção>

O card deve escalar de 30% para 100% e transitar de invisível para visível. Cada detalhe deve deslizar para dentro de forma ordenada, um após o outro, assim que o card estabilizar em sua escala final. A linha do gráfico deve ser animada como um traçado de caminho. O brilho ao fundo deve se tornar visível enquanto os detalhes do card deslizam para dentro. Os dois retângulos devem se mover pela tela em tempos ligeiramente diferentes para criar um efeito de luz.

Crie uma animação de motion graphics de 5 segundos de um simples ponto que salta para o centro da tela, expande-se em uma barra de pesquisa e depois o texto preenche a caixa: "Sou designer de motion graphics, qual deve ser minha próxima carreira?" A animação deve ser fluida, com keyframes suavizados na entrada e saída.

<inputs> Peça-me por: uma narração ou música com uma fala (o arquivo de áudio) e sua transcrição, 10-12 pequenos objetos que resumem minha vida, duas silhuetas iluminadas como por uma câmera térmica (um perfil de cabeça e uma mão levantada), e as 3 palavras que quero destacar mais intensamente. Se eu pular alguma, use os padrões: vinil, livro, câmera, gato, moeda, controle de jogo, boné, coração, dinheiro, planta, claquete, skate; silhuetas CC0 gratuitas do Openverse; ação, intenção, curiosidade. </inputs> <direction> Um filme de 20 segundos em proporção 4:3, 1440x1080 a 60fps, cortado conforme a voz. Papel off-white, preto, um vermelho, um amarelo, Geist para cada palavra. Grão de filme em tudo, uma vinheta suave, e uma câmera que nunca descansa: um flutuação lenta handheld sob tudo mais um push lento dentro de cada cena. Sem cortes de cena para a próxima: cada transição começa no exato último frame da cena anterior. Os únicos cortes duros são as viradas de ritmo na última palavra. Cada objeto é pixel art desenhada por você: uma grade de 16x16 por objeto, cada célula uma cor colocada manualmente, renderizada como um bloco 3D (uma extrusão mais escura para baixo-direita, um bisel fino em cada célula) com uma sombra de contato suave. As silhuetas são iluminadas como por uma câmera térmica: o calor vem da espessura do corpo em cada ponto, então o nariz, o cabelo e as pontas dos dedos ficam mais frios, mais um hotspot e um ruído de movimento lento, mapeado através de uma rampa preto > vermelho > laranja > creme. A borda permanece afiada como navalha, com um brilho suave fora dela. Regras de movimento: nada aparece de repente (deslizes suavizados de cerca de 0,5s com início suave), movimentos rápidos ganham motion blur real em vez de cópias fantasma, e as legendas digitam com a voz atrás de um cursor de bloco. Proibido: stock footage, vídeo AI, movimentos de câmera 3D, partículas, glitch. </direction> <structure> Pendure cada cena nos tempos das palavras da transcrição (meça-os com timestamps de palavras faster-whisper, um pequeno trecho curto de cada vez): 1. A primeira palavra preenche um cartão amarelo. O cartão limpa para a esquerda e a pergunta digita abaixo em duas linhas centralizadas que deslizam para permanecer centradas enquanto crescem, a palavra-chave sublinhada em vermelho quando falada. 2. Os objetos passam em faixas acima e abaixo das palavras, um flare ciano de quatro pontos entra, então a página queima: o preto fecha das bordas sobre a cabeça, atrás de uma borda vermelha quente. 3. A cabeça esquenta sobre o preto enquanto a resposta digita baixa à esquerda. Uma órbita branca fina se desenha ao redor da cabeça, sua metade distante passando atrás dela. Na última palavra, o papel floresce de dentro da cabeça com os objetos nele, e a câmera cai através: a cabeça passa rapidamente pela lente até que o papel seja tudo o que vemos. 4. Os objetos sentam num anel inclinado visto em perspectiva (os da frente maiores e mais baixos, desenhados por último), girando lentamente, cada um balançando; a moeda gira e aterrissa com faíscas. 5. Em cada uma das 3 palavras, aquele objeto voa para fora do anel para a esquerda e cresce, a página inunda de preto dele, e a palavra digita ao lado dele (câmera: uma estrela de obturador vermelha; livro: uma varredura de fita vermelha; disco: duas órbitas brancas e notas vermelhas). Então a inundação drena de volta para o objeto enquanto ele voa para casa, e a câmera mergulha mais perto no anel. Coloque cada objeto herói no slot que está frente-esquerda quando sua palavra chega. 6. O anel puxa um pouco, explode para fora, cada objeto vira tinta, e manchas de tinta crescem e engolem a página. 7. A mão sobe no quadro, quente, com a linha dividida de ambos os lados dela. O coração cai em sua palma, então levanta para o centro no tamanho que a próxima cena segura. 8. A última palavra, uma letra por batida, o fundo alternando papel / preto / vermelho, o coração segurando seu lugar através do corte, o objeto central mudando pixel por pixel para o próximo. 9. Traços finos de pincel varrem através, as letras se afastam e flutuam, então assentam de volta na palavra com o coração acima dela. A câmera continua empurrando através da pausa. </structure> <build> 1. Um canvas HTML. Cada frame é uma função pura do tempo dentro de seek(t). 2. Asse cada sprite de pixel uma vez para um canvas offscreen (as camadas de extrusão, depois a face), então desenhe-o escalado e rotacionado. 3. O calor: pré-calcule o calor base de cada silhueta uma vez (uma transformada de distância da máscara, mantida no valor da borda fora dela para que nada escuro vaze quando for ampliada). Cada frame, adicione o hotspot e duas oitavas de ruído de valor em resolução de quarto, mapeie-o através de uma lookup de 256 passos, amplifique-o, e corte-o com a máscara de resolução total. 4. A queda através da cabeça: desenhe a cena do anel numa camada offscreen, mascare-a com a cabeça escalada sobre um ponto dentro do crânio, e cresça aquela escala numa curva cúbica até que a cabeça cubra o quadro. O anel dentro dá zoom menos que a cabeça faz, então lê-se como profundidade. 5. A mudança de pixels: pareie cada célula do objeto A com uma célula do objeto B e deslize a posição e cor de cada uma, com um pequeno atraso aleatório por célula. 6. Renderize com Playwright a 60fps com 8 subframes de motion blur, então coloque o áudio original de volta com ffmpeg. </build> <gotchas> Uma PNG de máscara sem canal alfa enche toda a caixa com calor, então coloque a silhueta no alfa. Um membro cortado pela borda da foto mostra como uma borda reta, então estenda a máscara além do quadro. Uma transição só lê como suave quando o último frame de uma cena é o primeiro frame da próxima: desenhe a cena de saída sob a transição, e dê cenas que mostram o mesmo anel uma função de zoom compartilhada. Uma inundação ainda recuando quando a próxima cena começa lê como um corte duro, então deixe-a terminar primeiro. Uma inundação ease-out rápida lê como um salto; use um início suave. </gotchas> <start> Peça-me pelos inputs, meça os tempos das palavras, então mostre-me 8 stills antes de renderizar. </start>