infographic-shots — модуль Remotion-видеошотов

Переносимое ядро перебивок/инфографик-шотов для Reels/Shorts. Самодостаточный Remotion-проект: скачал → npm install → рендер. Хэндофф для интеграции в пайплайн.

⬇ Скачать модуль (.tar.gz, 14 МБ)

Внутри: код 16 шаблонов + общая библиотека + ассеты-примеры + встроенные шрифты. Без node_modules. Полная дока — HANDOFF.md · правила плавности — MOTION.md.

Быстрый старт

tar xzf infographic-shots-module.tar.gz && cd infographic-shots
npm install
npx remotion studio                        # превью всех шаблонов
npx remotion render TypeComposition out/shot.mp4   # рендер одного
# 3D-глобус: npx remotion render GlobeRoute out/g.mp4 --gl=angle --concurrency=1

16 шаблонов (id = как в Studio)

FocusChain	Фокус-субтитры — слайды текста, в резкости всегда нужное слово (маркер + радиальное размытие)
TypeComposition	Шрифтовая композиция — condensed побуквенно + рукописное поверх + чипы, живые буквы
KineticCaption	Пословные субтитры — разные позиции/шрифты/эффекты + обводка draw-on
FocusWord	Одиночный фокус-слайд (база FocusChain)
ObjectShot	Статичный объект (вырез PNG) на бумаге: idle-анимация, тень, чип
ObjectVideoShot	Анимированный объект-видео с обтравкой (напр. больная→здоровая печень)
StickerPop	3D-стикер — из пустоты с bounce, реально гнётся, выпрямляется, в пустоту
PhotoUnfold	Разворот фото из клочка (Grok i2v → обтравка) на тёмной бумаге
ArchiveFrame	Архив-видео в скруглённом фрейме: кино-грейд, радиальный DoF, волнистые края
MockupSpace	UI в 3D-пространстве — телефон под углом, скролл реального интерфейса, вылет карточек
GlobeRoute	Маршрут на 3D-глобусе (three.js) — рельефная Земля, космос, дуга + самолёт
MapRoute	Маршрут на плоской OSM-карте (2D-fallback)
SubscribeFlow	«Подпишись» — курсор кликает лайк/подписку/колокольчик, у каждого своя анимация
ZinePoster	Print-zine — белая бумага, дидон с курсивом, неон-плашка, рука рваным стоп-моушеном
VHSGlowDemo	VHS-обёртка — любой контент → скан-линии + неон-glow + RGB-развал
FXShowcase	Искажения — halation · film burn · glitch · царапины · дыхание линзы (обёртки поверх шота)
example-liver-S02…S11	Реальный шот-сет «печень» — пример применения под сценарий

Что важно знать (в HANDOFF.md подробно)

Плавность — всё через motion.ts (пружины/easing, никогда linear), после посадки элементы «дышат». Правила — MOTION.md.
Генерация объектов (опц.): картинка на зелёном #00FF00 → rembg-вырез → Grok i2v для анимации → ffmpeg chromakey→прозрачный webm → в public/gen/.
VHS/гранж — пост-обработкой ffmpeg (в HANDOFF готовые параметры), не в композиции.
Живая витрина всех шаблонов в работе: liver-motion-v2.

infographic-shots v1.0 · Remotion 4.0.484 · 1080×1920 @30 · $0-стек · система Тимура