📌Reanimate навчила ШІ відтворювати вебанімації покадрово

На GitHub з'явився відкритий інструмент Reanimate для Claude Code. Він аналізує анімацію на сайті або у відео, відтворює її кодом і порівнює результат з оригіналом, щоб автоматично виправляти відмінності.
ㅤ
🔆Детальніше
ㅤ
• Розбір анімації: записує оригінал у браузері, аналізує рух елементів, послідовність появи, тривалість і швидкість переходів.
ㅤ
• Створення копії: генерує код із використанням CSS, Framer Motion, GSAP або Three.js — залежно від технологій проєкту.
ㅤ
• Автоматична перевірка: записує відтворену анімацію, порівнює її з оригіналом і повторює цикл виправлень. Зазвичай автору вистачало 2–5 ітерацій.
ㅤ
• Точність: стандартний режим допускає різницю в часі до 80 мс. Режим pixel-perfect додатково перевіряє шрифти, кольори, розміри й розташування елементів із цільовою похибкою до 2%.
ㅤ
• Формати й запуск: підтримує сайти, відео, GIF і Lottie, а також складні Canvas та WebGL-сцени. Працює локально через Bun, Playwright і FFmpeg, без окремих платних API.
ㅤ
➡️

Сайт проєкту тут.
➡️

GitHub тут.

➡️Запроси друга до НейроЄнота🦝