Skip to main content
Go to Editor

Podgląd: Nagrywanie

Nagrywanie przechwytuje animacje Spine z podglądu jako wideo, animowane obrazy lub sekwencje klatek.

Tryby nagrywania

  • ⚡ Szybkie nagrywanie — przechwytywanie w czasie rzeczywistym za pomocą MediaRecorder + captureStream(). Generuje tylko WebM. Szybkie, ale ograniczone do czasu rzeczywistego.
  • 🎬 Eksport HQ — renderowanie klatka po klatce offline za pomocą WebCodecs VideoEncoder + readPixels(). Obsługuje wszystkie formaty i daje idealną jakość pikseli.

Formaty wyjściowe

  • Wideo: WebM, MP4, AVI, MOV
  • Animowany obraz: GIF, Animated PNG (APNG)
  • Sekwencja klatek: PNG Sequence, WebP Sequence

Kodeki (Eksport HQ)

VP8, VP9, H.264 (AVC), AV1, ProRes — dostępne kodeki są automatycznie wykrywane na podstawie wsparcia przeglądarki.

Jakość

  • Presety: Niska (~1 Mbps), Średnia (~3 Mbps), Wysoka (~5 Mbps), Bezstratna (~20 Mbps).
  • Własny bitrate — określ w kbps dla precyzyjnej kontroli.

Timing

  • FPS: 24, 30, 60 lub własna wartość (1–120 fps).
  • Rozgrzewka — sekundy na ustabilizowanie fizyki/ograniczeń przed rozpoczęciem nagrywania.
  • Pauza po — utrzymuje ostatnią klatkę przez określony czas.
  • Uwzględnij ostatnią klatkę — przełącznik.

Widok i kadrowanie

  • Włącz/wyłącz kadrowanie — przełącznik regionu kadrowania.
  • Prostokąt kadrowania — X, Y, Szerokość, Wysokość we współrzędnych świata Spine.
  • Dopasuj do pary — automatyczne dopasowanie kadrowania do pary szkieletów z konfigurowalnym marginesem.
  • Interaktywna nakładka kadrowania — przeciągaj narożniki/krawędzie bezpośrednio w oknie podglądu.

Rozdzielczość

  • Tryb skalowania — suwak procentowy (10%–400%).
  • Tryb stały — jawne wymiary w pikselach (do 4096px).
  • Obliczona rozdzielczość wyjściowa wyświetlana na żywo.

Opcje renderowania

  • Renderuj kości — uwzględnij nakładkę debugowania kości.
  • Renderuj obrazy — uwzględnij obrazy attachmentów.
  • Renderuj inne — granice, ścieżki.
  • MSAA — Brak / 2× / 4× antyaliasing.
  • Wygładzanie — poziomy 0–8 z wyborem algorytmu (Bicubic / Bilinear).

Tło

  • Przezroczyste — automatycznie wyłączone dla formatów bez kanału alfa (np. GIF, JPEG).
  • Jednolity kolor — własny selektor koloru.
  • Szachownica — wizualny wskaźnik przezroczystości.
  • Obsługa kanału alfa: VP9+WebM, AV1+MP4, PNG Sequence, APNG, WebP Sequence.

Nakładka HUD

  • Przełączniki: informacje o ścieżce, czas, numer klatki, FPS, etykiety szkieletów.
  • Własny tekst — ciąg znaku wodnego.
  • Pozycja — 4 narożniki (lewy górny, prawy górny, lewy dolny, prawy dolny).
  • Rozmiar czcionki — 8–64px, plus selektor koloru tekstu.

Powtórzenia i wiele szkieletów

  • Liczba powtórzeń — 1–100 iteracji pętli.
  • Para docelowa — nagraj konkretny szkielet lub wszystkie.
  • Tryb szkieletów — Połączone (jeden plik) / Oddzielne pliki (jeden plik na szkielet).

Szablon nazwy pliku

Ciąg szablonu ze zmiennymi: {project}, {animation}, {W}, {H}, {fps}. Podgląd rozwiązanej nazwy pliku wyświetlany na żywo.

Integracja z osią czasu

Zakres nagrywania pojawia się jako czerwono-pomarańczowy przerywany klip na osi czasu. Przeciągnij krawędzie, aby zmienić rozmiar zakresu, przeciągnij ciało, aby zmienić pozycję, lub użyj przycisku ustawień (⚙️), aby otworzyć pełne ustawienia nagrywania.