23.06.2026 14:02

Warstwy wektorowe: maluj pędzlem, edytuj jak ścieżkę

⏱️ 3 min czytania
Udostępnij:

Najnowsza duża funkcja w desktopowym Moonlight Animate to w pełni edytowalne warstwy wektorowe — i zależało nam, żeby nie były to „martwe" ścieżki z osobnego trybu, tylko coś, co czujesz pod ręką jak zwykłe malowanie. Pociągnięcie wygląda i kładzie się jak pędzlem (z naciskiem rysika, wygładzaniem, teksturą końcówki), a mimo to możesz do niego wrócić i zmienić praktycznie wszystko — bez gumkowania i przemalowywania.

Maluj jak zawsze — popraw, kiedy chcesz

Załóż Warstwę → Nowa → Warstwa wektorowa i po prostu rysuj. Każde pociągnięcie zostaje zapisane jako edytowalna ścieżka, więc później możesz:

  • przesuwać punkty kontrolne i ciągnąć uchwyty Béziera (rogi, gładkie, „ostre z krzywymi"),
  • zmienić pędzel, kolor, krycie i grubość pojedynczego pociągnięcia w panelu Ścieżki — geometria zostaje, zmienia się tylko wygląd,
  • pogrubiać i zwężać linię dedykowaną szczotką grubości (tryby: pogrubiaj / zwężaj / skaluj / ustaw konkretne piksele), malując wzdłuż linii tak, jak malowałbyś cień,
  • nadać całej linii profil grubości — jednolity, wybrzuszenie (cienkie końce, gruby środek), zwężenie od początku lub do końca.

Pióro, które rozumie jedno i drugie

Dodaliśmy dwa narzędzia pióra:

  • Piórko — klasyczny kreator ścieżki: klik stawia narożnik, klik z przeciągnięciem wyciąga gładką krzywą Béziera, klik w pierwszy punkt zamyka kształt. Na płótnie widzisz szkielet (kotwice, uchwyty, linię podglądu do kursora); gotowe pociągnięcie pojawia się dopiero po zatwierdzeniu (Enter). Esc anuluje, Backspace cofa ostatni punkt.
  • Piórko swobodne — rysujesz odręcznie, a program po puszczeniu automatycznie upraszcza ślad do czystej, edytowalnej ścieżki z kilkoma kotwicami zamiast setek.

Narzędzie Obiekt i edycja punktów

Obiekt zaznacza i przesuwa całe pociągnięcie (z podświetloną ramką), a na pasku ma szybkie przekształcenia — obrót co 90°, odbicia, a w panelu Ścieżki precyzyjny obrót i skalę liczbowo. Tryb edycji punktów ma sześć działań w jednym narzędziu: przesuń, dodaj, usuń, konwertuj narożnik, zmień grubość punktu i podziel linię.

Gumka wektorowa i porządkowanie

Gumka wektorowa nie zostawia „śladu gumki" — realnie tnie istniejące linie w trzech trybach: kasuje dotknięty fragment, kasuje do najbliższego przecięcia albo całą linię. Do tego dwie operacje porządkujące: Uprość (redukuje liczbę punktów, zachowując kształt) i Połącz (spaja dwie linie o najbliższych końcach). A dla zaawansowanych — pełne operacje logiczne na ścieżkach (suma, część wspólna, różnica, wykluczenie).

Wszystko działa z resztą programu

Każda zmiana — od przesunięcia jednego punktu po podział linii — jest w pełni cofalna i synchronizuje się w czasie rzeczywistym podczas wspólnej pracy na płótnie. Ścieżki wektorowe zapisują się w projekcie .mart z całym stanem (pędzel, kolor, nacisk i grubość każdego punktu), więc plik otwarty jutro wygląda i edytuje się tak samo. Możesz też zamienić zaznaczenie w ścieżkę i odwrotnie, oraz użyć ścieżek jako maski wektorowej warstwy.

Co dalej

To solidny fundament — w kolejnych odsłonach planujemy m.in. style obrysu (zakończenia/złączenia/kreski), wypełnianie obszarów ograniczonych liniami, wymianę przez SVG oraz pędzle powtarzające wzór wzdłuż ścieżki. Całość budujemy z myślą o tym, by warstwy wektorowe w Moonlight Animate były tak 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.