Ten artykuł został stworzony dla starszych wersji GameMakera i może nie być aktualny.

Półprzeźroczystość - czyli kanały alpha w GM6

Niedziela, 09 Marca 2008, 15:14
Czas czytania 2 minuty, 22 sekundy
Zgodne z GM: gm6 gm7
GM7 pozwala na wczytywanie plików PNG z kanałami alpha, ale GM6 wcale nie jest pod tym względem gorszy. Istnieje bowiem funkcja sprite_set_alpha_from_sprite()
GM7 pozwala na wczytywanie plików PNG z kanałami alpha, ale GM6 wcale nie jest pod tym względem gorszy. Istnieje bowiem funkcja sprite_set_alpha_from_sprite(); W tym artykule pokażę jak uzyskać efekt półprzeźroczystych grafik.

Grafika Statyczna

Po pierwsze przyda nam się Photoshop i to na jego podstawie opowiem jak przygotować grafiki.
Odpalamy więc Photoshopa i wstawiamy tekst.
Do swojego napisu użyłem czcionki Showard Gothic, 72px, wygładzanie na Smooth.
Dodałem efekty:
- Outer Glow (Blending Mode: Normal, Kolor: #000000, Spread: 10%, Size: 20px)
- Bevel and Emboss (Size: 1)
- Stroke (3px, Kolor: #EA7125)

Otrzymałem coś takiego (zapisz sobie ten obrazek jako plik, najlepiej PNG lub BMP, ostatecznie GIF lub JPG):
Grafika: upload/gm/o1.png

Teraz trochę trudniej. Tworzymy nową, pustą warstwę i łączymy ją z obecną. Powinna zniknąć możliwość edycji tekstu, oraz efektów - warstwa stanie się gotową grafiką. Dodajemy teraz efekt Color Overlay i ustawiamy biały kolor. Tworzymy poniżej obecnej warstwy nową i wypełniamy ją czarnym kolorem.
Otrzymamy taką grafikę:

Grafika: upload/gm/o2.png

Ok, mamy już nasze logo oraz jego maskę. Teraz przejdziemy do edycji w Game Makerze 6.
Tworzymy dwa osobne sprity i dodajemy w pierwszym grafikę kolorową (spr_0), a w drugim (spr_1) tą czarno białą (maskę). Możemy odznaczyć transparent, chociaż nie jest to konieczne. Teraz tworzymy nowy obiekt, ustawiamy mu jako sprite spr_0. W create dodajemy taki kod:
kodsprite_set_alpha_from_sprite(spr_0,spr_1);Dodajemy nowy room, ustawiamy nasz obiekt i odpalamy grę. Jak widać, blask dookoła napisu jest teraz widoczny, a gdy pod obiektem ustawimy tło lub postacie, będzie on w połowie prześwitujący. Oczywiście można sprawić, aby napis był jeszcze bardziej przeźroczysty, ale to już pozostawiam waszej wyobraźni i umiejętnościom pracy w Photoshopie bądź innym programie.

Animacja

Dobra, a teraz czas na animację (grafikę wziąłem z RPG Maker XV). Mamy, ot taką grafikę, w formacie PNG z kanałami Alpha (Użytkownicy Internet Explorera 6 zobaczą niestety błękitne tło zamiast pięknego prześwitu :P).

Grafika: upload/gm/k1.png

Co zrobić z tym fantem? Otwieramy tą grafikę w Photoshopie i tak jak poprzednio dodajemy efekt Color Overlay i ustawiamy biały, potem tworzymy nową warstwę poniżej obecnej i wypełniamy czarnym kolorem. Otrzymamy takie coś:

Grafika: upload/gm/k2.png

Teraz przechodzimy do naszego projektu w GM6. Przechodzimy do edycji pierwszego sprita i wybieramy opcję Create from Strip. Ustawiamy Number of images na 4, Images per row na 2 a Width i Height na 192. Wczytujemy grafikę i to samo robimy z jej maską. Do naszego obiektu warto jeszcze dodać kod image_speed=0.3; żeby animacja nie zasuwała zbyt szybko i pozostaje nam podziwiać naszą pracę.

Miłego eksperymentowania.
Komentarze (łącznie 22, wyświetlam 1 - 15):
Y
Yoda (Nie., 09 Mar. 08, 15:26)
#1

Fajniście =)

S
Snake (Nie., 09 Mar. 08, 16:11)
#2

Art o takiej prostej funkcji ? e tam. Ale zawsze ktoś tam skorzysta z tego artykułu :P

gnysek (Nie., 09 Mar. 08, 16:14)
#3

W sumie to nie o funkcji, a o tym jak przygotować taką grafikę.

Matthew (Nie., 09 Mar. 08, 16:20)
#4

Hmm... Niezły art! Thx, Gnysek. Właśnie tego od dawna szukałem. Taki "blend" sprite'ów bez kombinowania z image_blend...

Firemark (Nie., 09 Mar. 08, 22:52)
#5

do tego są arty ?

gnysek (Pon., 10 Mar. 08, 13:28)
#6

Do tego jak używać, czy do tego jak przygotować ?

kubasz (Czw., 13 Mar. 08, 19:11)
#7

A istnieje funkcja do ustawienia KOLORU PRZEŹROCZYSTOŚCI?
Nie, nie tej z dolnego lewego rogu ekranu!
Użytkownik GM7

gnysek (Czw., 13 Mar. 08, 20:30)
#8

Nie. Chyba, ze takim sposobem jak pokazałem.

kubasz (Pią., 14 Mar. 08, 12:14)
#9

A o jaką ci chodziło na początku?:
"GM7 pozwala na wczytywanie plików PNG z kanałami alpha"
U mnie PNG z alpha nie działa!

gnysek (Pią., 14 Mar. 08, 13:06)
#10

Bo musisz wczytywać z dysku, gdyż edytor spritów GM nie obsługuje tych kanałów.

kubasz (Pią., 28 Mar. 08, 19:15)
#11

Już znalazłem:
spr=sprite_add_alpha(pliczek);

M@ti002 (Pon., 05 Maj. 08, 18:44)
#12

dzieki :D przyda mi sie do rozmazanych cieni ;)

HuderLord (Pon., 05 Maj. 08, 21:45)
#13

Do tej pory korzystałem z wbudowanych blendów w Gm6 ale widzę że jednak znalazł się łatwiejszy sposób. :D

Marek Siemaszko (Pią., 20 Cze. 08, 21:14)
#14

warto wspomnieć, że Color Overlay to zwykłe nałożenie koloru :P

gumex (Sob., 09 Sie. 08, 15:12)
#15

a można wczytać z dysku obrazek z kanałem alpha i przerobić go na animacje?

Najnowsze wersje GameMakera:

LTS
2026.0.0.16 • 2022.0.3.99
wydana 159 dni temu
Beta
2026.100.0.1195 •
2026.100.0.1132
•
 GMRT beta 0.22.4

wydana  5 dni temu
= IDE, = Runtime, = GMRT
Użytkownicy online
2 użytkowników aktywnych:
gości: 1, userów: 1
 Adriann
(~ostatnie 15 minut)
Discord
52 użytkownicy online na discordzie:
Miłosz, 🧁Cupcake🧁, MorDan, Alice, Nitro Slav, 21Lancz, Carl-bot, pABLO, h..., Fox, GibkiKaktus, s..., lethian, Sporek, Kuzyn, GMRussell, Tidżi, fervi, 𝕳𝖚𝖌𝖔 𝕲𝖔𝖓𝖝𝖆𝖑𝖊𝖝, Radek Ignatów, Threef, Uzjel, NOTALOSZISZITER, Moldis, Murrri, Kandif, yazaa, Dyno, 🆅🅸🆃🅾74🅼, Deusald, szmalu, Korodzik, tomqz, ZYGZAK, Morro, sutikku, draczek, Ulti, Danieo, MrTesterr, RuLing, Voytec, GreenClover, 𝓐𝓷𝓪𝓼𝓽𝓪𝓼𝓲𝓪, Cebul, Borek, moeglich, g..., Add92, Krzysiek1250, Shockah, xVANiLL
Shoutbox
gnysek (23:36, 02.11.26)
Zniknęła, stara wersja nie powinna byc dostepna. Chociaz widziałem, ze został przełącznik na górze w zębatce obok avatara, moje przeoczenie :D
Borek (20:47, 02.11.26)
Gdzie jest opcja, żeby wstąpić do bety GMCLAN? bo nigdzie nie widzę.
gnysek (11:10, 01.11.26)
teraz też wyróżnia nowe wpisy od ostatniej wizyty ;)
Borek (18:45, 31.10.26)
No, już jest lepiej :) Dalej retro, ale użyteczne :D To mi się podoba :)
gnysek (12:36, 31.10.26)
Ok, teraz jak wpiszesz więcej tekstu, to się po prostu automatycznie powiększa ;) I poprawiłem CSS dla tips/warns w artykułach i newsach na ciemnym motywie, tak porządnie. I teraz zapamiętuje "przeczytane" komentarze między przeglądarkami.
Adriann (15:31, 29.10.26)
Tak, rozumiem używanie ai jako narzędzia ale nie w ten sposób że nie widać w tym pracy człowieka :o
Borek (15:13, 26.10.26)
Nie narzekam na ruch (sam napisałem, że przynajmniej jakiś ruch jest), ale martwi mnie jakość "gier", które nagle zaczynają się pojawiać z dupy. "Catch the clown" przynajmniej był stworzony przez człowieka, tak samo jak opis na forum :)
Wojo (11:49, 26.10.26)
Nie ma ruchu - narzekacie, jest ruch - narzekacie. Nie są to gry z najwyższej półki, ale każdy robi tak jak potrafi. Za starych gmclanowych czasów było wiele produkcji amatorskiej jakości, ale dzięki temu forum tętniło życiem.
Borek (16:08, 25.10.26)
Chodzi mi o ten INPUT, jedna linia, ciężko się tutaj pizse :) Ja wiem, że retro, ale trochę QoL nie zaszkodzi :D
gnysek (16:00, 25.10.26)
A co jest nienormalnego? :D Jest takie jak zawsze było, pełne retro ;) Zerknę, w następny weekend planuję lekki update strony. 3 wpisy to nie tragedia, ale jak będzie wiecej AI slopu to pewnie zacznę kasować.
Starsze wpisy znajdziesz w Archiwum.
Ankieta
Czy udostępnienie źródła GMRT dla każdego i brak opłat za licencje jest dobrym krokiem?