23.06.2026 18:41

Warstwy wektorowe: styl linii, kolorowanie i wymiana SVG

⏱️ 3 min czytania
Udostępnij:

Jakiś czas temu pokazaliśmy edytowalne warstwy wektorowe w desktopowym Moonlight Animate — pociągnięcia, które wyglądają jak pędzlem, ale można do nich wracać i poprawiać. Od tamtej pory dorosły o cały zestaw funkcji, których brakowało do pełnego, codziennego warsztatu. Oto, co nowego.

Styl linii: zakończenia, złączenia, kreski

Każde pociągnięcie może teraz przełączyć się w obrys geometryczny — czystą, równą linię o wybranym stylu (zamiast śladu pędzla). W panelu Ścieżki wybierasz:

  • zakończenie — płaskie, zaokrąglone lub kwadratowe,
  • złączenie w wierzchołkach — ostre, zaokrąglone lub ścięte,
  • kreskowanie — ciągła, kreska, kropka albo kreska-kropka.

To dokładnie te kontrolki, których oczekujesz od linii w profesjonalnym edytorze wektorów — przydatne do schematów, ramek, linii technicznych i przerywanych prowadnic.

Krycie na pojedynczym punkcie

Komplet trybów edytora punktów dobił do siódemki — doszła korekta krycia punktu. Przeciągasz nad wybraną kotwicą i jej lokalna gęstość rośnie lub maleje, a krycie płynnie interpoluje się wzdłuż linii. Jedna kotwica przezroczysta, sąsiednia kryjąca → naturalne przejście. Świetne do zanikania linii i miękkich końcówek bez zmiany pędzla.

Wypełnianie obszarów zamkniętych liniami

Nowe narzędzie Wypełnienie wektorowe: rysujesz kontur liniami, klikasz w środku — obszar wypełnia się kolorem za liniami (linie zostają na wierzchu). Możesz wypełniać sąsiednie pola różnymi kolorami, a każde wypełnienie jest osobną, edytowalną ścieżką — przesuniesz je, zmienisz kolor albo uprościsz. To klasyczny, szybki sposób kolorowania rysunku kreskowego.

Rasteryzacja warstwy

Warstwa wektorowa przestała być „wyspą". Jednym poleceniem (prawy przycisk na warstwie → Rasteryzuj warstwę wektorową) zamieniasz ją na zwykłą rastrową, zachowując dokładnie ten sam obraz — od tej chwili możesz po niej malować, zlewać ją z innymi i przepuszczać przez filtry pikselowe. A jeśli się rozmyślisz — jedno cofnięcie przywraca warstwę z pełnymi, edytowalnymi ścieżkami.

Dwukierunkowa wymiana przez SVG

Najważniejsze dla pracy między programami: eksport i import SVG.

  • Eksport zapisuje ścieżki warstwy jako standardowy plik .svg — z krzywymi Béziera, kolorami, stylem obrysu i wypełnieniami — gotowy do otwarcia gdzie indziej.
  • Import wczytuje plik SVG jako nową, edytowalną warstwę wektorową: pełny parser ścieżek (proste, krzywe, łuki), kształty <rect>/<circle>/<ellipse>/wielokąty, oraz transformacje (translate, scale, rotate, matrix) — więc grafika z innych edytorów ląduje na właściwej pozycji i w skali, a definicje pomocnicze nie zaśmiecają płótna.

Dzięki temu Moonlight Animate spina się w obie strony z innymi narzędziami wektorowymi — i z webową wersją edytora scen.

Pod maską

Wszystko gra z resztą programu: każda operacja jest w pełni cofalna i synchronizuje się w czasie rzeczywistym podczas wspólnej pracy na płótnie, a nowe właściwości (styl obrysu, krycie punktu) round-tripują w projekcie .mart — plik otwarty jutro wygląda i edytuje się tak samo.

Następne na warsztacie: interaktywne wyginanie linii oraz pędzle powtarzające wzór wzdłuż ścieżki. Budujemy warstwy wektorowe tak, by były równie wygodne jak malowanie, a tak precyzyjne jak praca na ścieżkach.

📚 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.