Frames reais · 96 fps
O Sapo segue o seu cursor percorrendo frames reais da animação: sem player de vídeo, sem biblioteca, só uma sheet de pixels e uma mola.
Mova o cursor para os lados: ele aponta para você Arraste o dedo para os lados: ele acompanha
O FFmpeg extrai todos os frames do clipe de 4 segundos em PNG: 97 frames em 2206×946. Uma análise de centroide por frame encontra onde o personagem realmente se move.
O clipe é interpolado por movimento para 96 fps e os 67 frames do caminho esquerda → parado → direita vão para uma sheet em grade: esq 0–30 · parado 31 · dir 32–66, em 1× (WebP) e 2× (JPEG).
O X do cursor vira uma pose em [-1, 1]. Uma mola amortecida persegue essa pose, e a pose é convertida em frame por uma curva de deslocamento medida nos próprios frames.
Parado, o Sapo assenta na pose nítida mais próxima, nunca num frame borrado. Fora do hero, uma mola mais lenta devolve os braços para cima. Sozinho, ele olha para os lados por conta própria.
Passo a passo completo, com os prompts e o código, no Raio-X →