Animação de interface com transformações contínuas
Uma forma se transforma em botão, carregamento, player, controle e gráfico. Preto e branco e movimentos de mola conectam os estados em um loop.
Prompt de referência
Uma referência editada a partir do exemplo, para adaptar ao seu tema. A publicação do criador está no painel de fontes.
“Crie uma animação de interface em que uma mesma forma se transforme continuamente. Faça um botão, um estado de carregamento, um player de música, um controle deslizante e um gráfico aparecerem em sequência, usando uma paleta sóbria em preto e branco e movimentos com efeito de mola. Primeiro, planeje cada estado e seu ritmo; depois, programe uma animação que permita acessar qualquer ponto da linha do tempo e conecte o fim ao início em um loop natural.”
O resultado criativo
Um exemplo da comunidade reunido para inspiração criativa.
Descreva o resultado. O PagePop cuida da complexidade.
Você não precisa conhecer sintaxe de modelos, parâmetros ou ferramentas de produção.
Seleção automática de modelos
O PagePop escolhe os modelos e as ferramentas adequados para o resultado.
Só as perguntas úteis
Os detalhes que faltam viram perguntas simples, não um prompt para você reescrever.
Uma entrega pronta
Você recebe uma peça criativa utilizável, não apenas orientações.
Comece com suas próprias palavras
Use este prompt real como ponto de partida, mude o que quiser e deixe o PagePop escolher como criar.
Mais exemplos reais de prompts
“Crie um pequeno laboratório de animação com Remotion e GSAP. Inclua controles de espaçamento, tamanho do texto, curvas de velocidade, desfoque de movimento, antecipação e continuidade do gesto. Use um único relógio de q…”
“Combine Three.js e SVG em uma animação 3D bem-humorada. Coloque quatro pelicanos com roupas diferentes na mesma bicicleta, acima de um carro esportivo flutuante. Coordene as pedaladas e o equilíbrio, deixando claros os…”
“Crie uma máquina musical de bolinhas com Three.js em um único arquivo HTML. Parta do instante de cada nota e calcule quando soltar sua bolinha para sincronizar o impacto e o som. Mantenha os trilhos, os pontos de contat…”