
O Opus 5.5 é insano para design de movimento.
Ele gerou cada quadro deste loop de UI de 14s em código a partir de um único prompt.
Sem editor. Sem keyframes manuais.
Estou compartilhando o prompt completo + todos os follow-ups gratuitamente.
Copie e troque os beats pelo seu produto ↓
Cor do canvas
Cor da forma
Cor de destaque
Raio da forma
Fontes
Estados pelos quais a forma deve se morphing
Crie um loop de movimento UI de 14 segundos, 1440x1440, 60fps, contínuo.
Uma única forma, sem cortes.
A forma se transforma de estado para estado e nunca é substituída.
Cada estado preenche 50% do quadro.
A câmera começa no ritmo e se estabiliza mais lentamente que a forma.
Use molas de forma fechada.
Amortecimento da forma: 0,72; tempo de estabilização: 0,35s.
Amortecimento da câmera: 1,0; tempo de estabilização: 0,6s.
Trocas de conteúdo usam desfoque de 12px e transição por 0,15s.
A ponta do cursor permanece fixa no que for arrastado.
Use uma grade de batida de 0,5s.
0,0 - o mascote de pixel fica parado
1,0 - o mascote se esmaga no botão de reprodução
1,5 - carregador
2,0 - o check é desenhado
2,5 - arraste da linha do tempo
4,0 - o keyframe se estende além do final e volta ao lugar
5,0 - editor bezier
7,0 - o contador avança de F 000 para F 840
8,5 - a barra de renderização preenche
10,0 - a paleta de comandos digita "export mp4"
11,0 - o toast diz "840 quadros renderizados"
12,0 - o toast encolhe de volta para o mascote
O último quadro deve ser o primeiro quadro.
Escreva um arquivo HTML com Canvas 2D.
window.renderAt(t) deve ser uma função pura do tempo.
Sem Math.random.
Sem relógio.
Sem estado persistente.
?t= deve congelar o momento exato.
Renderize cada quadro a partir de renderAt(frame / 60).
Use 4 subquadros para desfoque de movimento.
Codifique em H.264 a 60fps.
Corrija o salto do cursor no loop com:
t - 14*floor(t/14)
Não faça cross-fade de laranja para tinta.
Use uma ondulação a partir do centro em 1,5s e a partir do ponto de clique em 12,0s.
Gire as trocas de palavras verticalmente.
Inicie o desenho após o desfoque.
Aponte o cursor para onde o alvo estará quando pousar.
Mantenha a velocidade do cursor abaixo de 65 px/frame.
Primeiro, mostre-me o storyboard.
Depois, escreva o código.
Após o primeiro render, verifique 5 quadros ao redor de cada batida e corrija os problemas antes do render final.
