02.07.2026 23:04

Nowy edytor scen — Moonlight Animate WEB v2

⏱️ 3 min czytania
Udostępnij:

Od dziś sceny animowane otwierają się w całkowicie przepisanym edytorze scen v2. To ten sam edytor, który znacie — te same ścieżki, klipy, keyframe'y i audio — ale zbudowany od zera na nowoczesnej, modularnej architekturze. Stary edytor liczył ponad 21 tysięcy linii w jednym pliku; nowy to zestaw niezależnych silników (canvas, odtwarzanie, audio, persystencja, historia) spiętych lekkim interfejsem React.

Co zyskujecie od razu

Cofanie i ponawianie zmian. Pełne undo/redo (Ctrl+Z / Ctrl+Shift+Z) z listą historii — każdy ruch klipu, keyframe czy zmiana właściwości da się cofnąć, a cofnięcie zapisuje się też na serwerze, więc przetrwa odświeżenie strony.

Płynność przy dużych scenach. Nowy edytor renderuje tylko to, co blisko playheada: klatki sekwencji dekodują się w tle z budżetem pamięci, obiekty poza aktywnym oknem czasu są wirtualizowane, a podgląd wideo buforuje się z wyprzedzeniem. Długie sceny przestały „dławić" przeglądarkę.

Lepsza praca z keyframe'ami. Multi-selekcja (Ctrl+klik, Ctrl+A), kopiowanie i wklejanie keyframe'ów przy playheadzie, duplikowanie, przeciąganie po osi z ochroną kolizji, edycja wartości w modalu i pełna paleta easingów — łącznie z trybami stałymi znanymi z desktopowego Moonlight Animate.

Rozbudowane audio. Fale dźwiękowe rysowane na klipach, przeciąganie i przycinanie z walidacją (klip bez zapętlenia nie wyjdzie poza długość pliku), szybkie presety efektów dla klipu — od czystego głosu po stare radio — oraz fade in/out. Presety dla całych ścieżek zostały na swoim miejscu.

Sekwencje klatek bez bólu. Wgrywanie wielu obrazów naraz (setki plików dzielone automatycznie na partie), podmiana pojedynczych klatek z listy i natychmiastowa aktualizacja wszystkich klipów korzystających z tego samego materiału.

Drobiazgi, które robią różnicę. Obrys-duch pokazuje, gdzie leży zaznaczony obiekt, gdy playhead jest poza jego zakresem; uchwyty transformacji mają stały rozmiar niezależnie od zoomu; linijka osi czasu podpowiada numer klatki pod kursorem; lista warstw podświetla to, co aktualnie widać na canvasie; a przycisk 🔗 od razu kopiuje publiczny link do sceny.

Stabilność i bezpieczeństwo

Przy okazji przepisania przeprowadziliśmy pełny audyt — naprawione zostały m.in. zapisy pozycji obiektów po przeciągnięciu, zapisywanie geometrii klipów audio, obsługa długich sesji edycji (blokada sceny odświeża się poprawnie, a niezapisane zmiany nie giną przy zamykaniu karty), spójność czasu keyframe'ów po zmianie FPS oraz szybkość ładowania rozdziałów ze scenami.

Gdyby coś działało nie tak, stary edytor pozostaje dostępny pod parametrem ?editor=v1 — ale docelowo cała praca przenosi się do v2, który będzie też podstawą dalszej integracji z desktopowym Moonlight Animate.

📚 Powiązane posty

14.07.2026 22:19

Silnik gier: od szablonu do grywalnej gry RPG top-down

Startowy szablon silnika gier to teraz kompletny, grywalny wycinek gry RPG top-down: chodzenie po siatce, rozmowy z postaciami, przeciwnik goniący gdy...
Czytaj dalej →
14.07.2026 19:16

Moonlight Animate — system dialogów w grach

Silnik gier 2D w Moonlight Animate ma teraz kompletny system dialogów: kwestie z efektem maszyny do pisania, wybory z warunkami, zmienne fabularne i g...
Czytaj dalej →
14.07.2026 18:40

Moonlight Animate: ruchoma panorama dźwięku także w wyeksportowanym wideo

Dźwięk przejeżdżający z lewego do prawego głośnika brzmiał dobrze w podglądzie, ale eksport przez serwer zamrażał go w miejscu. Ostatnia luka parytetu...
Czytaj dalej →

📧 Bądź na bieżąco!

Zapisz się na listę oczekujących, aby otrzymywać powiadomienia o nowych postach na Dev Blog oraz informacje o starcie platformy Moonlight.