Animación de interfaz con transformaciones continuas
Una misma forma pasa por botón, carga, reproductor, deslizador y gráfico. El blanco y negro y el movimiento de muelle enlazan un bucle de interfaz.
Prompt de referencia
Una referencia editada a partir del ejemplo, que puedes adaptar a tu tema. La publicación del autor está en el panel de fuentes.
“Diseña una animación de interfaz en la que una misma figura se transforme de manera continua. Haz aparecer sucesivamente un botón, un estado de carga, un reproductor de música, un control deslizante y un gráfico, con una paleta sobria en blanco y negro y movimientos con efecto de resorte. Primero planifica cada estado y su ritmo; después programa una animación que permita situarse en cualquier punto de la línea de tiempo y que conecte el final con el inicio en un bucle natural.”
El resultado creativo
Un ejemplo de la comunidad recopilado como inspiración.
Describe el resultado. PagePop se ocupa de la complejidad.
No necesitas conocer la sintaxis de los modelos, sus parámetros ni las herramientas de producción.
Selección automática de modelos
PagePop elige los modelos y herramientas adecuados para el resultado.
Solo preguntas útiles
Los detalles que faltan se convierten en preguntas simples, no en un prompt que debas reescribir.
Un entregable terminado
Recibes una pieza creativa utilizable, no solo consejos para hacerla.
Empieza con tus propias palabras
Usa este prompt real como punto de partida, cambia lo que quieras y deja que PagePop elija cómo crearlo.
Más ejemplos reales de prompts
“Crea un pequeño laboratorio de animación con Remotion y GSAP. Incluye controles para el espaciado, el tamaño del texto, las curvas de velocidad, el desenfoque de movimiento, la anticipación y la continuación del gesto.…”
“Combina Three.js y SVG en una animación 3D divertida. Coloca cuatro pelícanos con ropa diferente sobre una misma bicicleta situada encima de un deportivo flotante. Coordina su pedaleo y equilibrio, y muestra con clarida…”
“Crea una máquina musical de canicas con Three.js en un único archivo HTML. Parte del instante de cada nota y calcula hacia atrás cuándo liberar la canica para sincronizar el impacto y el sonido. Mantén claros los rieles…”