Czy kiedykolwiek grałeś w grę online i pomyślałeś: „Chciałbym zrobić jedną z nich, mam kilka świetnych pomysłów”? W przeszłości konieczne było nauczenie się kodowania w ActionScript 3, języku, który napędza Flash. Jednak dzięki niektórym programom do tworzenia gier doświadczenie w kodowaniu jest wymogiem przeszłości. Możesz tworzyć zabawne, głębokie gry, manipulując obiektami i logiką, bez dotykania linii kodu.
Kroki
Część 1 z 4: Projektowanie gry
Krok 1. Napisz podstawowy opis
Uwzględnij funkcje i to, co chcesz, aby gracz osiągnął. Dobrze jest mieć napisany podstawowy zarys tego, co chcesz zrobić ze swoją grą, aby móc się do niego odwoływać podczas pracy nad nią.
Zobacz ten przewodnik, aby uzyskać więcej informacji na temat pisania dokumentu projektu gry
Krok 2. Narysuj kilka szkiców
Narysuj podstawowy układ tego, jak mają wyglądać ekrany. Nie muszą być one bardzo szczegółowe, ale powinieneś przynajmniej mieć pojęcie o tym, gdzie poszczególne elementy zostaną umieszczone na ekranie. Będą one niezwykle przydatne później, gdy zaczniesz budować interfejs swojej gry.
Krok 3. Wybierz metodę tworzenia gry
Tradycyjnie musiałbyś nauczyć się kodować w ActionScript 3, aby tworzyć gry Flash. Chociaż nadal możesz to zrobić, dostępne są programy, które mogą znacznie ułatwić naukę tworzenia gier, które nie wymagają doświadczenia w kodowaniu. Niektóre z najpopularniejszych opcji tworzenia gier to:
- Stencyl - To nowsze narzędzie, które pozwala budować gry przy użyciu obiektów i skryptów logicznych. Gry te można następnie przekonwertować na projekty Flash i przesłać do dowolnej witryny internetowej obsługującej gry Flash.
- Construct 2 - Wraz z wiekiem Flash zaczął być zastępowany innymi sposobami tworzenia gier. Jednym z najnowszych sposobów tworzenia gier online jest użycie HTML5. Zwykle wymaga to dużej wiedzy o kodowaniu, ale Construct 2 pozwala tworzyć gry przy użyciu obiektów i skryptów, podobnie jak Stencyl.
- Flash Builder - to tradycyjna metoda tworzenia gier Flash. Wymaga to sporej znajomości języka ActionScript, ale jest to jeden z łatwiejszych języków do opanowania podstaw. Flash Builder kosztuje, ale możesz użyć programu FlashDevelop o otwartym kodzie źródłowym, aby uzyskać większość tych samych funkcji.
Część 2 z 4: Używanie Stencyl
Krok 1. Pobierz i zainstaluj Stencyl
Stencyl to program do tworzenia gier, który nie wymaga żadnej znajomości kodowania. Zamiast tego możesz używać różnych narzędzi logicznych do manipulowania obiektami w grze.
Stencyla można używać za darmo, jeśli chcesz opublikować swoją grę tylko online. Darmowa wersja będzie miała na początku logo Stencyl. Jeśli otrzymasz wersję płatną, możesz publikować na innych platformach
Krok 2. Stwórz swoją nową grę
Po uruchomieniu Stencyla zobaczysz listę swoich gier. Na liście będzie kilka przykładowych gier, na które możesz spojrzeć, aby zobaczyć, jak działają. Aby rozpocząć pracę nad własną grą, kliknij pole z przerywaną linią „Kliknij tutaj, aby utworzyć nową grę”.
Krok 3. Wybierz zestaw
Istnieje kilka zestawów zawierających gotowe zasoby i obiekty, które mogą pomóc w szybkim uruchomieniu gry. Wybierz zestaw, jeśli chcesz, lub wybierz „Puste gra”, jeśli planujesz stworzyć własny.
Możesz pobrać zestawy, które inni użytkownicy stworzyli online
Krok 4. Wprowadź informacje o grze
Zanim zaczniesz tworzyć swoją grę, musisz podać kilka informacji.
- Nazwa - To jest nazwa Twojej gry. Możesz to później zmienić na dowolne.
- Rozmiar ekranu - jest to rozmiar ekranu gry i jest bardzo ważny, ponieważ wpłynie na używaną grafikę. Ponieważ ludzie najprawdopodobniej będą grać w twoją grę w swoich przeglądarkach, rozmiar ekranu nie musi być bardzo duży. Wypróbuj Szerokość: 640 pikseli Wysokość: 480 pikseli. To dobry rozmiar na początek.
Krok 5. Zapoznaj się z układem
Po pierwszym załadowaniu nowej gry zostaniesz przeniesiony do pulpitu nawigacyjnego. Tutaj możesz zobaczyć wszystkie sceny swojej gry i uzyskać dostęp do wszelkich zasobów. Tutaj możesz również zmienić ustawienia gry. Większość czasu będziesz spędzać pracując w panelu.
- Sceny - jest to główne okno pulpitu nawigacyjnego, które pokazuje rzeczywistą grę i wszystkie zasoby. Twoja gra będzie zbiorem scen.
- Zasoby - To jest lista wszystkich obiektów i zasobów w twojej grze. zawiera aktorów, tła, czcionki, sceny, logikę, dźwięki i zestawy klocków. Zasoby są zorganizowane w drzewo po lewej stronie ekranu.
- Ustawienia - opcje gry i ustawień pozwalają dostosować sposób działania mechaniki gry, w tym sterowanie, grawitację, kolizje, ekrany ładowania i inne.
Krok 6. Dostosuj aktora
Aktor to dowolny obiekt, który się porusza lub z którym można wchodzić w interakcję w grze (gracz, wróg, drzwi itp.). Będziesz musiał stworzyć aktora dla każdego obiektu w twojej grze. Aby utworzyć aktora, kliknij opcję „Typy aktorów” w menu Zasoby. Wybierz aktora, którego chcesz z listy (lista zależy od wybranego zestawu).
- Przypisz aktora do grupy (gracz, wróg). Pomoże to określić właściwości kolizyjne aktora. Wybierz swojego aktora, aby otworzyć edytor aktorów. Kliknij kartę Właściwości, a następnie wybierz odpowiednią grupę z menu rozwijanego.
- Dodaj zachowania (skakanie, tupanie, chodzenie). Zachowania pozwalają aktorowi wykonywać działania. Kliknij kartę Zachowania, a następnie kliknij przycisk „+ Dodaj zachowanie” w lewym dolnym rogu. Wybierz zachowanie (takie jak „Chodzenie”) z listy, a następnie kliknij „Wybierz”.
- Ustaw sterowanie. Jeśli tworzysz postać gracza, prawdopodobnie będziesz chciał pozwolić graczowi ją przesunąć. Po dodaniu zachowania chodzenia zostaniesz przeniesiony do ekranu atrybutów chodzenia. Możesz użyć rozwijanych menu, aby wybrać, które klawisze będą przesuwać aktora w lewo iw prawo. Możesz również przypisać animacje, jeśli zestaw, którego używasz, zawiera je.
- Możesz dodać wiele zachowań, aby dostosować to, co może zrobić aktor.
Krok 7. Utwórz scenę
Scena jest tym, co gracz widzi podczas gry. Widoczne jest tło, a także wszelkie obiekty i aktorzy. Aby utworzyć nową scenę, kliknij opcję Sceny w drzewie Zasoby, a następnie kliknij przerywane pole. Nadaj swojej nowej scenie nazwę, aby kontynuować.
- Tło - rozmiar sceny zostanie automatycznie dopasowany, więc w tej chwili nie musisz się o to martwić. Możesz wybrać kolor jako tło, na którym zostaną umieszczone kafelki. Możesz wybrać jednolity kolor lub gradient. Po zakończeniu kliknij „Utwórz”. To otworzy projektanta scen.
- Umieść płytki - zestaw płytek dołączony do zestawu zostanie załadowany po prawej stronie okna. Kliknij narzędzie Ołówek w menu po lewej stronie, a następnie kliknij kafelek, którego chcesz użyć. Następnie możesz umieścić kafelek na swojej scenie. Kliknij i przeciągnij myszą, aby umieścić wiele płytek.
- Umieszczanie aktorów - kliknij zakładkę Aktorzy nad zestawem kafelków, aby przełączyć się na dostępnych aktorów. Musisz je wcześniej utworzyć, aby pojawiły się na tej liście. Kliknij aktora, którego chcesz umieścić, a następnie kliknij w miejscu sceny, w której ma się pojawić. Jeśli przytrzymasz ⇧ Shift, aktor zostanie przyciągnięty do siatki.
- Dodawanie grawitacji - Kliknij zakładkę "Fizyka" w górnej części okna, a następnie wprowadź wartość w polu "Gravity (Vertical)". Wpisanie 85 zasymuluje grawitację w świecie rzeczywistym.
Krok 8. Przetestuj grę
Po utworzeniu sceny i umieszczeniu kilku aktorów możesz przetestować grę. Kliknij przycisk „Przetestuj grę” u góry ekranu, aby zagrać w to, co masz do tej pory. Możesz użyć klawiszy ustawionych podczas tworzenia aktorów, aby kontrolować swoją postać gracza.
Znajdź wszystkie aspekty, które nie działają, i spróbuj je naprawić. Na przykład, czy wrogowie zachowują się prawidłowo? Czy potrafisz pokonać swoich wrogów? Czy są jakieś platformy, do których nie można dotrzeć lub przepaści, których nie można przekroczyć? Wróć do odpowiedniego obszaru edytora gry, aby rozwiązać wszelkie znalezione problemy. Może to trochę potrwać, ale efekt końcowy będzie o wiele przyjemniejszą i bardziej grywalną grą
Krok 9. Dodaj więcej
Teraz, gdy masz już działającą, grywalną pierwszą scenę, czas zacząć budować całą grę. Dodaj więcej poziomów i wyzwań oraz testuj swoje dodatki, aby upewnić się, że są zabawne i działają poprawnie.
Krok 10. Strona Zablokuj swoją grę
Jeśli zamierzasz przesyłać grę do witryny, która obsługuje gry Flash lub przesyłać ją na własną witrynę, prawdopodobnie zechcesz włączyć „Blokowanie witryny”. Uniemożliwi to granie w Twoją grę, jeśli nie znajduje się ona na liście dozwolonych witryn.
- Otwórz „Ustawienia gry” z drzewa „Zasoby”. Wybierz sekcję „Ładowarka”. Wpisz witryny, na które chcesz zezwolić, w polu „Blokada witryny”, oddzielone przecinkiem bez spacji. Na przykład newgrounds.com, kongregate.com.
- Na tym ekranie wprowadź swoją stronę główną w polu „Twoja strona główna”, jeśli ją masz. Umożliwi to graczom, którzy grają w Twoją grę, połączenie z Twoją witryną.
Krok 11. Wyeksportuj grę jako Flash
Gdy będziesz zadowolony ze swojej gry, możesz wyeksportować ją do formatu Flash. Umożliwi to załadowanie gry do witryny, na której znajdują się gry Flash, lub do własnej witryny. Kliknij Publikować wybierz Internet, a następnie kliknij Flash. Zapisz plik w łatwej do znalezienia lokalizacji na swoim komputerze.
Krok 12. Opublikuj grę
Gdy masz już plik Flash (. SWF), możesz przesłać go do wybranego hosta. Istnieje wiele witryn internetowych, które udostępniają gry Flash, a niektóre mogą nawet pozwolić Ci na zarabianie pieniędzy na reklamach w Twojej grze. Możesz również przesłać swoją grę na własną stronę internetową, ale upewnij się, że masz przepustowość, aby zaspokoić potrzeby graczy, jeśli gra stanie się popularna.
- Zapoznaj się z tym przewodnikiem, aby przesłać grę na własną stronę internetową.
- Jeśli chcesz przesłać swoją grę do witryny takiej jak Newgrounds lub Kongregate, musisz utworzyć konto, a następnie przejść przez proces przesyłania do witryny. Warunki będą się różnić w zależności od witryny.
- Jeśli chcesz opublikować swoją grę w Stencyl Arcade, możesz to zrobić z poziomu programu Stencyl. Kliknij Publikować wybierz Szablon, a następnie kliknij Arcade. Gra zostanie automatycznie przesłana, więc zanim to zrobisz, upewnij się, że jesteś zadowolony z nazwy. Stencyl Arcade ma ograniczenie rozmiaru pliku do 8 MB.
Część 3 z 4: Korzystanie z Konstruktu 2
Krok 1. Pobierz i zainstaluj Construct 2
Ten program pozwala tworzyć gry HTML5 z bardzo małym kodowaniem. Będziesz musiał przypisać niektóre zmienne, ale wszystko to odbywa się za pomocą menu bez konieczności kodowania.
Construct 2 jest darmowy, ale niektóre funkcje są ograniczone, chyba że uaktualnisz. Darmowa wersja nie może publikować na innych platformach niż HTML5
Krok 2. Utwórz nowy projekt
Gdy po raz pierwszy uruchomisz Konstrukt 2, zostaniesz powitany menu powitalnym. Kliknij link „Nowy projekt”, aby rozpocząć nową grę. Istnieje również kilka dołączonych przykładów, których możesz użyć, aby zobaczyć, jak tworzone są podstawowe gry.
Podczas tworzenia nowego projektu otrzymasz listę szablonów. W przypadku swojego pierwszego projektu prawdopodobnie będziesz chciał zacząć od pustego projektu. Pozwoli to na zapoznanie się z podstawami bez przeszkadzania szablonom
Krok 3. Dostosuj ustawienia projektu
W lewej ramce okna projektu zobaczysz szereg elementów w ramce Właściwości. Możesz użyć tego, aby ustawić rozmiar ekranu i wprowadzić informacje o grze i firmie.
Krok 4. Wstaw tło
Kliknij dwukrotnie układ. Wybierz „Tło kafelkowe” z sekcji Ogólne. Kliknij układ, aby umieścić tło. Spowoduje to otwarcie edytora tła. Będziesz musiał stworzyć własne za pomocą oprogramowania do edycji obrazów lub pobrać tekstury z różnych lokalizacji online.
- Ustaw tło na rozmiar układu. Zrób to, wybierając obiekt tła i zmieniając rozmiar w ramce Właściwości.
- Zmień nazwę warstwy i zablokuj ją. Będziesz chciał zablokować warstwę, aby zapobiec przypadkowemu przesunięciu jej podczas umieszczania innych obiektów. Kliknij zakładkę „Warstwy” po prawej stronie ekranu. Wybierz warstwę i kliknij ikonę ołówka. Nazwij warstwę „Tło”, a następnie kliknij przycisk „Kłódka”, aby zablokować tło.
Krok 5. Utwórz nową warstwę
Na karcie Warstwy kliknij przycisk „+”, aby utworzyć nową warstwę. Zmień jego nazwę na „Główny”. Będzie to warstwa, na której znajduje się większość twoich obiektów w grze. Upewnij się, że warstwa główna jest zaznaczona przed kontynuowaniem.
Krok 6. Dodaj wejścia do swojej gry
W Construct 2 twoje dane wejściowe będą musiały zostać dodane jako obiekty do twojej gry. Są niewidoczne i umożliwiają korzystanie z klawiatury i myszy w całym projekcie.
Kliknij dwukrotnie swój układ i wybierz „Mysz” z sekcji Wprowadzanie. Zrób to samo, aby wstawić obiekt „Klawiatura”
Krok 7. Dodaj obiekty
Czas zacząć dodawać do układu kilka obiektów gry. Kliknij dwukrotnie układ i wybierz „Sprite” z sekcji Ogólne. Użyj krzyżyka, aby wybrać, gdzie chcesz umieścić duszka. Otworzy się edytor obrazów, umożliwiający załadowanie istniejącego duszka lub utworzenie nowego.
Kiedy wybierzesz duszki w swoim układzie, właściwości duszka zostaną wczytane w lewej ramce. Zmień nazwę duszka, aby łatwiej było go zidentyfikować i odnieść do niego
Krok 8. Dodaj zachowania do swoich obiektów
Aby dodać zachowanie, kliknij pełny obiekt, do którego chcesz dodać zachowanie, aby go zaznaczyć. Kliknij łącze „Dodaj/edytuj” w sekcji Zachowania w ramce Właściwości. Pojawi się lista dostępnych zachowań.
Zachowania to wstępnie skonfigurowane elementy logiki, które umożliwiają szybkie dodawanie funkcji do obiektów. Możesz wybierać spośród szerokiej gamy gotowych zachowań, które mogą pełnić szeroki zakres funkcji. Na przykład, aby podłoga była solidna, nadaj jej zachowanie „Solidne”. Aby przesunąć postać gracza w ośmiu kierunkach, nadaj jej zachowanie „ruch w 8 kierunkach”
Krok 9. Zmień właściwości zachowania
Możesz edytować istniejące zachowania, aby dostosować sposób działania obiektów. Możesz zmienić wartości, aby zmienić prędkość, kierunek i inne właściwości.
Krok 10. Zrozum, jak działają zdarzenia
Wydarzenia to lista warunków, które napędzają grę. Jeśli warunki są spełnione, następuje zdarzenie. Jeśli warunki nie są spełnione, zdarzenie nie występuje. Arkusz zdarzeń jest zwykle uruchamiany około 60 razy na sekundę. Za każdym razem, gdy jest uruchamiany, jest nazywany „kleszczem”.
Krok 11. Utwórz wydarzenie
Kliknij dwukrotnie pusty arkusz Wydarzeń. Pojawi się lista dostępnych obiektów. Wybierz obiekt, dla którego chcesz utworzyć zdarzenie, lub utwórz zdarzenie systemowe.
- Wybierz, kiedy nastąpi akcja. Po wybraniu obiektu zostaniesz poproszony o określenie, kiedy zdarzenie powinno nastąpić. Może to być oparte na innych wydarzeniach lub w określonych godzinach. „Każdy tik” jest zawsze.
- Dodaj akcję. Zostaniesz poproszony o wybranie jednego ze swoich obiektów. Wybierz z listy działań. Na przykład, jeśli robisz strzelankę z góry na dół i chcesz, aby postać gracza zawsze patrzyła na mysz, utwórz akcję „Ustaw kąt w stosunku do pozycji” przy każdym zaznaczeniu ustawionym na obiekt gracza. Gdy zostaniesz zapytany o współrzędne, wpisz "Mouse. X" dla X i "Mouse. Y" dla Y. Dzięki temu statek gracza będzie zawsze skierowany w stronę kursora.
Krok 12. Dodaj więcej zdarzeń i zachowań
To podstawa twojej gry. Dodawanie i modyfikowanie zachowań i wydarzeń pomoże ci stworzyć wyjątkową i przyjemną grę, w którą ludzie będą chcieli grać. Eksperymentuj z różnymi wydarzeniami, aby uzyskać dokładnie taką grę, jaką chcesz.
Krok 13. Dodaj kilka zmiennych
W Construct istnieją dwa typy zmiennych 2: zmienne instancji i zmienne globalne. Pozwalają one ustawić niestandardowe wartości dla obiektów i gry, takie jak zdrowie, limity czasowe, wyniki i inne.
- Zmienne instancyjne - zmienne instancyjne to zmienne przypisane do pojedynczych obiektów. Są używane do rzeczy takich jak zdrowie wroga i gracza. Możesz dodać zmienne instancji po wybraniu obiektu, klikając link „Dodaj / edytuj” w sekcji Zmienne w ramce Właściwości. Nadaj zmiennej nazwę, do której można się odwoływać w zdarzeniu, a także wartość początkową.
- Zmienne globalne - Zmienne globalne to zmienne przypisane do całej gry. Są używane do takich rzeczy, jak wynik gracza. Aby utworzyć zmienną globalną, otwórz arkusz Zdarzenia i kliknij prawym przyciskiem myszy puste miejsce. Kliknij „Dodaj zmienną globalną”, nadaj jej nazwę, do której można się odwoływać w zdarzeniu, a następnie wprowadź wartość początkową.
Krok 14. Utwórz interfejs
Tworząc interfejs, zwykle najlepiej zrobić to na nowej warstwie. Dzieje się tak, ponieważ interfejs rzadko się przesuwa lub zmienia, więc dobrze jest mieć go na zablokowanej warstwie. W ramce Właściwości dla nowej warstwy ustaw „Paralaksę” na 0. Dzięki temu warstwa nie będzie się przewijać, gdy ekran to zrobi.
Użyj pól tekstowych i zmiennych, aby stworzyć swój interfejs. Możesz ustawić pola tekstowe tak, aby wyświetlały pozostałe zdrowie, wynik, amunicję lub cokolwiek innego, co gracz musiałby regularnie widzieć
Krok 15. Przetestuj i popraw swoją grę
Teraz, gdy masz na ekranie kilka obiektów ze zdarzeniami i zachowaniami, możesz rozpocząć testowanie i dodawanie zawartości. Kliknij przycisk „Graj” u góry ekranu, aby zbudować i przetestować grę. Zanotuj wszystko, co nie działało, i spróbuj to naprawić, aby Twoja gra była grywalna i przyjemna.
Krok 16. Wyeksportuj grę
Jeśli jesteś zadowolony ze swojej gry, możesz ją wyeksportować, aby można ją było przesłać na stronę internetową i grać w nią każdy. Aby wyeksportować grę, kliknij Plik menu i wybierz Eksportuj. Zapisz projekt w lokalizacji, którą możesz łatwo zlokalizować.
Krok 17. Opublikuj grę
Istnieje kilka witryn, które umożliwiają przesyłanie gier HTML5, aby inni mogli w nie grać. Możesz także dodać grę do swojej własnej strony internetowej. Zobacz ten przewodnik, aby uzyskać szczegółowe informacje na temat przesyłania gry na własną stronę internetową.
Część 4 z 4: Kodowanie od podstaw
Krok 1. Pobierz programistyczne IDE (zintegrowane środowisko programistyczne), które obsługuje HTML, takie jak Game Maker Studio
Niektóre są dostępne za darmo, chociaż wiele najlepszych IDE kosztuje setki dolarów.
Krok 2. Naucz się korzystać z IDE
Nauka programowania w Twoim środowisku jest niezwykle ważna. Zapamiętywanie większości wspólnego kodu i nauczenie się, jak poprawnie je zaimplementować, może zająć tygodnie, a nawet miesiące. Bądź cierpliwy, a to się opłaci!
Krok 3. Stwórz swoją grę, gdy uznasz, że jesteś gotowy
Sporządzanie dokumentu projektowego lub notowanie pomysłów to świetny początek. Programowanie gry może zająć miesiące, a jeśli naprawdę poważnie myślisz o zrobieniu hitu, nawet rok lub dwa.
Krok 4. Przetestuj grę
Upewnij się, że robisz szalone lub nieoczekiwane rzeczy i usuwasz jak najwięcej błędów. Spróbuj także ustalić, czy rozgrywka jest taka, jak chciałeś, czy też musisz wrócić i wprowadzić zmiany.
Krok 5. Opublikuj
Opublikuj swoją grę online na stronie internetowej takiej jak Kongregate. Powinieneś być przygotowany na konstruktywną krytykę i możesz chcieć zaktualizować swoją grę, aby spełnić życzenia swojej bazy graczy.
Porady
- Jeśli jesteś bardziej zainteresowany nauką kodu gier Flash, możesz użyć Flash Builder i kodu ActionScript 3 do tworzenia niestandardowych gier. Potrwa to dłużej, ale może zapewnić bardziej wyjątkowe wrażenia. Zobacz ten przewodnik, aby uzyskać szczegółowe informacje na temat programowania w Actions Script 3.
- Uznaj wszystkie źródła, z których czerpałeś pomysły lub treści, a także wszystkie inne osoby, które pomogły w stworzeniu gry.
