Line-drawn crowd on yellow comes alive with subtle motion
289 views · 3 likes · 0 saves · 0 reposts · Posted Sep 27, 2026 · 0:16 · Motion graphics
OUR NOTEA short web animation of a black-and-white illustration of people chatting on a yellow band, made by slicing a website PNG into WebP pieces animated in JavaScript at 30 fps; the author says it took about 10 minutes.
Esta es la prueba que hice con Opus 5.5, animando una imagen .png que usamos en nuestro website.
Llevó unos 10 minutos y un par de prompts. Básicamente, partió una imagen en pedacitos usando librerias de Python y unió todos archivos .webp con la correspondiente animación en JS. 30 FPS.
La primera pasada salió medio mal por la baja resolución de la imagen. Cuando le pasás una imagen de más resolución, sale con fritas (solo una corrección menor).
El resultado es el buscado, una animación mínima manteniendo la imagen y tamaño reducido.
Un genio Opus.THE PROMPT
The creator didn't publish a prompt for this one. The post text is below.
MAKE ONE LIKE THIS
Three steps, using what the creators in this index used.- 1 · Copy the prompt
This creator didn't share a prompt. Start from our template instead.
PROMPT TEMPLATE → - 2 · Direct it like an editor
- Ask for one self-contained HTML file on a fixed 1920×1080 stage.
- Link this video as the reference for pacing and style.
- Send two or three rounds of specific notes.
- 3 · Render it to MP4
A short piece like this can be screen-recorded, or captured frame by frame for exact timing.
TURN AN HTML ANIMATION INTO AN MP4 →
The creator didn't name their tools. Most videos like this are HTML, canvas or SVG animation written by Claude and screen-recorded or rendered to MP4 — how that works.
Indexed Sep 30, 2026, 2:01 PM · Views as of indexing. Video and post © their creator.