W niniejszym artykule przedstawiam szczegóły dla tych, których interesuje tworzenie gier online od podszewki 🌐. Wytłumaczę wedle najlepszej mojej wiedzy jak zacząć tworzenie gier działających w przeglądarce, na co warto zwrócić uwagę, aby nie pogorszyć sobie ocen, a także za pomocą jakich darmowych i płatnych narzędzi możesz stworzyć taką grę 💛! Jak zainteresowany(-a), to wchodzić 😊!
WYJAŚNIAM JAK ZACZĄĆ TWORZENIE GIER ONLINE!
Przed Tobą 2 części 2️⃣: w pierwszej opisuję na czym w ogóle polega tworzenie gier online, a w drugiej za pomocą jakich znanych narzędzi, zarówno darmowych jak i płatnych, możesz zacząć je tworzyć ℹ️.
NA CZYM POLEGA TWORZENIE GIER ONLINE?
Tworzenie gier online oznacza produkcję takich gier, które są zdolne do bezproblemowego funkcjonowania w przeglądarce internetowej 🌐. Pisząc bardziej technicznie, ich platformą docelową jest HTML5. Dużym plusem tworzenia (czy też portowania) gier działających online jest brak konieczności instalowania czegokolwiek, aby zagrać 🔥🔥🔥! Przeglądarka ma za zadanie tylko pobrać zawartość gry ze strony i po załadowaniu całej treści, aplikacja normalnie odpala się w odpowiednim oknie ▶️.
Pierwsze gry działające online zaczęły już pojawiać się w drugiej połowie lat .90, natomiast szczyt popularności przypadał po roku 2000 kiedy pojawiła się moda na tworzenie prostych gier w technologii Adobe Flash (wsparcie techniczne zostało zakończone w 2020 roku) ❤️. Efekt ten został "wzmocniony" parę lat później za sprawą niektórych popularnych serwisów do publikowania takich gier, takich jak 👇:
- Miniclip (2001),
- Kongregate (2006),
- Newgrounds (1995),
- Armor Games (2005).
Dorastając w tym okresie, nie zliczę godzin jakie siedziałem przy takich grach 😊.
CZY OPŁACA SIĘ TWORZENIE GIER ONLINE?
Tworzenie gier online zdecydowanie jest warte uwagi, nawet gdy czasy największej popularności już minęły 👍. Jeżeli tworzysz grę "większego kalibru" z dystrybucją na inne platformy, eksportując wersję demo takiej gry możesz sobie zrobić świetną reklamę nadchodzącej produkcji w pełnej wersji, a zainteresowane osoby nie będą zmuszone pobierać czegokolwiek na swoje komputery 🚀!
Nie musisz stawiać własnej strony, aby wypuścić swoją grę działającą online (choć zawsze lepiej to wygląda marketingowo ✔️). Możesz skorzystać ze specjalnych serwisów pozwalających na publikację swojej gry - w większości przypadków wystarczy tylko założyć konto i potem wypełnić parę formalności 🙂.
Nie piszę, że to zawsze generuje świetne zasięgi (bo widzę po sobie, że średnio to działa 😐), natomiast o ile wersja takiej gry jest dobrze zrobiona, na pewno nie zaszkodzi 😉.
JAKIE SĄ SPOSOBY TWORZENIA GIER ONLINE?
Są 2 podejścia do tworzenia gier online 👇:
- "natywnie", z użyciem języka JavaScript/TypeScript i ewentualnie z dodatkiem narzędzia wspierającego programowanie w tych językach,
- w narzędziu wspierającym eksport do wielu platform, w tym na HTML5 (online) poprzez konwersję.
Teraz Ci opiszę oba sposoby bardziej szczegółowo 😉!
JAK WYGLĄDA TWORZENIE GIER ONLINE "NATYWNIE"?
Tworzenie gier online "natywnie", mam na myśli przy użyciu narzędzi, które pozwalają na tworzenie bezpośrednio w oknie gry w przeglądarce ℹ️. Możesz nie wiedzieć, że używając jedynie języka JavaScript i płótna HTML (ang. canvas), już możesz stworzyć prostą grę funkcjonującą w przeglądarce 😲. Nie jest to super przyjemne, bo musisz wszystko zaprogramować od nowa, natomiast możliwe 😄! Możesz się wspomóc narzędziem, które również pozwala na tworzenie gier bezpośrednio w przeglądarce np. "Phaser". Część z nich nawet nie wymaga instalowania czegokolwiek, bo funkcjonują w pełni w przeglądarce, tak jak normalna aplikacja 💙.
Tworzenie "natywnie" ma ten plus, że daje gwarancję pełnej sprawności bez żadnych "niespodzianek", na które narażone są eksporty od narzędzi stworzonych do budowy na inne platformy ✅. Tu jest tworzenie bezpośrednio dla przeglądarki, więc nie ma żadnego ryzyka 👍.
Natomiast najlepiej zastosować ten wariant wtedy, gdy platforma online ma być tą "pierwszorzędną", bo choć są programy zdolne do konwertowania aplikacji przeglądarkowych na systemy PC (np. "Electron"), to może to "odbić się czkawką" wydajnościowo, bo to nie będzie to samo, co "prawdziwy" plik wykonywalny, jeśli mówimy o systemie Windows ⛔. Także miej to na uwadze ⚠️!
JAK WYGLĄDA TWORZENIE GIER ONLINE POPRZEZ EKSPORT PRZEZ NARZĘDZIE?
Tworzenie gier online może też odbywać się poprzez eksport przez narzędzie zdolne do budowy gier na wiele innych platform. "Unity" jest takim przykładem 🔔. To jest silnik do tworzenia gier wspierający mnóstwo platform i głównie przeznaczony do eksportu na systemy PC i konsole. Natomiast wśród nich znajdziesz też możliwość budowy na HTML5 poprzez technologię "WebGL" (dodaje obsługę renderowania obiektów w trójwymiarowej przestrzeni) ❤️.
Sytuacja wygląda odwrotnie do tworzenia "natywnie". Plusem będzie możliwość eksportu gry na platformy spoza HTML5 (online). Minus taki, że to nie będzie ta sama postać aplikacji jaką uzyskasz przy tworzeniu bezpośrednio na przeglądarkę ❌. Przy tym podejściu mogą nagle wyskoczyć jakieś problemy, których nie ma na platformach, w które "celujesz" najbardziej np. PC ⚠️.
 |
Tworzenie gier online oznacza możliwość ich uruchomienia i zagrania w nie bezpośrednio w oknie przeglądarki. Możesz stworzyć taką grę docelowo pisząc kod w języku JavaScript/TypeScript w połączeniu z HTML5 bądź poprzez eksport narzędzia zdolnego do wspierania wielu platform. Oba sposoby mają swoje wady i zalety.
Źródło: W3C HTML5 Logo
Mamy za sobą porządne wyjaśnienie wszystkich szczegółów technicznych odnośnie tworzenia gier online 🧠. To teraz czas na prezentację narzędzi jakie Ci to umożliwiają (choć możesz poprzestać na czystym JavaScript i elemencie "canvas" 😁) 🔧!
JAKIE SĄ NARZĘDZIA DO TWORZENIA GIER ONLINE?
Ponieważ gry online możesz tworzyć na 2 sposoby (bezpośrednio dla przeglądarki i poprzez eksport na platformę HTML5 ℹ️), znajdziesz całkiem pokaźny zestaw narzędzi, a każdy z nich definiuje jedną z dróg ✅. Dlatego też przy każdym z tytułów dodałem oznaczenie który sposób odzwierciedla dane narzędzie 🙂.
Wypisując listy narzędzi do tworzenia gier online kierowałem się ich poziomem popularności i czy otrzymują regularnie aktualizacje ℹ️.
JAKIE SĄ DARMOWE NARZĘDZIA DO TWORZENIA GIER ONLINE?
Poniżej zostawiam Ci darmowe narzędzia do tworzenia gier online (choć niektóre z nich posiadają osobną edycję płatną ⚠️) 👇:
- bitsy (wsparcie natywne),
- Godot (eksport do HTML5),
- Unity (eksport do HTML5),
- Phaser (wsparcie natywne),
- Ceramic (eksport do HTML5),
- GDevelop (wsparcie natywne),
- GameMaker (eksport do HTML5),
- Heaps.io (eksport do HTML5),
- Babylon.js (wsparcie natywne),
- HaxeFlixel (eksport do HTML5),
- Flowlab Game Creator (wsparcie natywne).
JAKIE SĄ PŁATNE NARZĘDZIA DO TWORZENIA GIER ONLINE?
Lista narzędzi płatnych do tworzenia gier online jest następująca 👇:
- PlayCanvas (wsparcie natywne),
- AppGameKit Studio (eksport do HTML5),
- Clickteam Fusion 2.5 (eksport do HTML5).
Tak oto doszliśmy do końca materiału 🏁. Życzę powodzenia i jak zawsze mam nadzieję, że jakoś pomogłem Ci choć trochę odpowiedzieć na pytanie "jak zacząć tworzenie gier online" 😄!