📌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 тут.
➡️Запроси друга до НейроЄнота🦝
📌Reanimate навчила ШІ відтворювати вебанімації покадрово
Нейроєнот | Нейромережа Midjourney, chat GPT та інші
@neuroenotЗахопливо про нейромережі та проривні технології. Ласкаво просимо у майбутнє. #добірка - добірка всіх новин за тиждень Для друга: https://t.me/neuroenot Співпраця та зв'язок: @New_Life_Technology
14,174 subscribers
Open in Telegram 1 video is attached to this post — visible in the Telegram app.