Запис захоплює анімації Spine з переглядача як відео, анімовані зображення або послідовності кадрів.

Режими запису

⚡ Швидкий запис — захоплення в реальному часі за допомогою MediaRecorder + captureStream(). Створює лише WebM. Швидко, але обмежено частотою кадрів реального часу.
🎬 HQ Експорт — офлайн-рендеринг кадр за кадром за допомогою WebCodecs VideoEncoder + readPixels(). Підтримує всі формати та забезпечує ідеальну якість.

Формати виведення

Відео: WebM, MP4, AVI, MOV
Анімоване зображення: GIF, Animated PNG (APNG)
Послідовність кадрів: PNG Sequence, WebP Sequence

Кодеки (HQ Експорт)

VP8, VP9, H.264 (AVC), AV1, ProRes — доступні кодеки автоматично визначаються на основі підтримки браузера.

Якість

Пресети: Низька (~1 Mbps), Середня (~3 Mbps), Висока (~5 Mbps), Без втрат (~20 Mbps).
Власний бітрейт — вкажіть у kbps для точного контролю.

Тайминг

FPS: 24, 30, 60 або власне значення (1–120 fps).
Прогрів — секунди для стабілізації фізики/обмежень перед початком запису.
Пауза після — утримує останній кадр протягом заданого часу.
Включити останній кадр — перемикач.

Вʼюпорт і кадрування

Увімкнути/вимкнути кадрування — перемикач регіону кадрування.
Прямокутник кадрування — X, Y, Ширина, Висота у координатах світу Spine.
Прив'язати до пари — автоматичне підлаштування кадрування під пару скелетів із налаштовуваним відступом.
Інтерактивна накладка кадрування — перетягуйте кути/ребра безпосередньо у вʼюпорті.

Роздільна здатність

Режим масштабування — відсотковий повзунок (10%–400%).
Фіксований режим — явні розміри в пікселях (до 4096px).
Обчислена роздільна здатність виведення відображається в реальному часі.

Опції рендерингу

Рендерити кістки — увімкнути накладку налагодження кісток.
Рендерити зображення — увімкнути зображення прикріплень.
Рендерити інше — обмежувальні рамки, шляхи.
MSAA — Немає / 2× / 4× згладжування.
Згладжування — рівні 0–8 з вибором алгоритму (Bicubic / Bilinear).

Фон

Прозорий — автоматично вимикається для форматів без альфа-каналу (наприклад, GIF, JPEG).
Суцільний колір — власний вибір кольору.
Шахова дошка — візуальний індикатор прозорості.
Підтримка альфа-каналу: VP9+WebM, AV1+MP4, PNG Sequence, APNG, WebP Sequence.

Накладка HUD

Перемикачі: інформація про доріжку, час, номер кадру, FPS, мітки скелетів.
Власний текст — рядок водяного знаку.
Позиція — 4 кути (верхній лівий, верхній правий, нижній лівий, нижній правий).
Розмір шрифту — 8–64px, плюс вибір кольору тексту.

Повторення та кілька скелетів

Кількість повторень — 1–100 ітерацій циклу.
Цільова пара — записати конкретний скелет або всі.
Режим скелетів — Об'єднаний (один файл) / Окремі файли (один файл на скелет).

Шаблон імені файлу

Рядок шаблону зі змінними: {project}, {animation}, {W}, {H}, {fps}. Попередній перегляд розв'язаного імені файлу відображається в реальному часі.

Інтеграція з таймлайном

Діапазон запису відображається як червоно-оранжевий штриховий кліп на таймлайні. Перетягуйте краї для зміни розміру діапазону, перетягуйте тіло для зміни позиції, або використовуйте кнопку налаштувань (⚙️) для відкриття повних налаштувань запису.

Переглядач: Запис