Czy kiedykolwiek grałeś w grę online i myślałeś: „Chcę zrobić coś takiego, mam kilka świetnych pomysłów”? W przeszłości trzeba było nauczyć się kodować w ActionScript 3, języku, który napędza Flasha. Jednak dzięki niektórym programom do tworzenia gier doświadczenie w kodowaniu należy już do przeszłości. Możesz sprawić, że gry będą zabawne i wciągające, manipulując obiektami i logiką, bez dotykania żadnych linii kodu.
Krok
Metoda 1 z 3: Projektowanie gier
Krok 1. Napisz podstawowy opis
Wprowadź funkcje i to, co chcesz, aby gracz osiągnął. Wspaniale jest mieć na piśmie podstawowy zarys tego, co chcesz zrobić ze swoją grą, aby móc to zobaczyć podczas pracy nad nią.
Zobacz ten przewodnik, aby uzyskać więcej informacji na temat pisania dokumentów dotyczących projektowania gier
Krok 2. Narysuj kilka szkiców
Narysuj podstawowy projekt ekranu tak, jak chcesz. Nie musi być bardzo szczegółowy, ale powinieneś przynajmniej mieć wyobrażenie o tym, gdzie poszczególne elementy zostaną umieszczone na ekranie. Przyda się to później, gdy zaczniesz budować interfejs swojej gry.
Krok 3. Wybierz metodę tworzenia gry
Na początku musisz nauczyć się kodu dla ActiopnScript3, aby tworzyć gry Flash. Chociaż nadal możesz to zrobić, dostępne są programy, które mogą ułatwić naukę tworzenia gier i nie wymagają doświadczenia w kodowaniu. Niektóre popularne opcje tworzenia gier obejmują:
- Stencyl – to nowsze narzędzie, które pozwala tworzyć gry za pomocą skryptów obiektowych i logiki. Tę grę można następnie przekonwertować na projekt Flash i przesłać na dowolną stronę internetową obsługującą gry Flash.
- Construct 2 - W miarę starzenia się Flasha należy go zastępować 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, takich jak Stencyl.
- Flash Builder - to tradycyjna metoda tworzenia gier Flash. Wymaga sporej wiedzy w języku ActionScript, ale jest jednym z łatwiejszych do opanowania języków. Flash Builder kosztuje, ale możesz użyć otwartego programu FlashDevelop do wielu takich samych zastosowań.
Metoda 2 z 3: Używanie Stencyl
Krok 1. Pobierz i zainstaluj Stencyl
Stencyl to program do tworzenia gier, który nie wymaga żadnej wiedzy na temat kodowania. Możesz używać różnych narzędzi logicznych do manipulowania obiektami w grze.
Stencyl może być używany bezpłatnie tylko wtedy, gdy chcesz opublikować swoją grę 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, którym możesz się przyjrzeć, aby zobaczyć, jak działają. Aby rozpocząć pracę nad grą, kliknij kropkowane pole oznaczone „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 „Blank Game” (Blank Game)
Możesz pobrać zestawy wykonane przez innych użytkowników online
Krok 4. Wprowadź informacje o grze
Zanim zaczniesz budować swoją grę, musisz podać kilka informacji.
- Nazwa – To jest nazwa Twojej gry. Możesz to później zmienić na cokolwiek chcesz.
- Rozmiar ekranu - jest to rozmiar ekranu i jest bardzo ważny, ponieważ wpłynie na używaną grafikę. Ponieważ ludzie zwykle grają w twoją grę za pomocą przeglądarki internetowej, rozmiar ekranu nie musi być tak duży. Wypróbuj Szerokość: 640 pikseli Wysokość: 480 pikseli. To dobry rozmiar na początek.
Krok 5. Poznaj układ
Po pierwszym załadowaniu 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 spędzisz pracując w Dashboardzie.
- Scena - to jest główne okno pulpitu nawigacyjnego i pokazuje rzeczywistą grę i wszystkie zasoby. Twoja gra będzie zbiorem scen.
- Zasoby - jest to lista wszystkich obiektów i zasobów w twojej grze. Obejmuje to aktorów, tła, czcionki, sceny, logikę, dźwięki i zestawy klocków. Źródła są ułożone w drzewie po lewej stronie ekranu.
- Ustawienia – Opcje gry i ustawień pozwalają dostosować działanie mechaniki gry, w tym sterowanie, grawitację, awarie, ładowanie ekranu i nie tylko.
Krok 6. Stwórz aktorów
Aktorem jest dowolny obiekt, który się porusza lub z którym można wchodzić w interakcje w grze (gracze, wrogowie, drzwi itp.). Będziesz musiał stworzyć aktora dla każdego obiektu w grze. Aby utworzyć aktora, kliknij opcję "Typy aktorów" w menu Zasoby. Wybierz aktora, którego chcesz z listy (lista jest określana na podstawie wybranego zestawu).
- Przypisz aktorów do grup (gracze, wrogowie). Pomoże to określić właściwości kolizyjne aktora. Wybierz swojego aktora, aby otworzyć edytor aktorów. Następnie kliknij kartę Właściwości i wybierz odpowiednią grupę z menu rozwijanego.
- Wybierz zachowanie (skakanie, wchodzenie, chodzenie). Zachowanie pozwala aktorowi coś zrobić. Kliknij Zachowania i kliknij przycisk „+ Dodaj zachowanie” w lewym dolnym rogu. Wybierz zachowanie (np. „Chodzenie”) z listy, a następnie kliknij „Wybierz”.
- Ustaw kontrolę. Jeśli tworzysz postać gracza, będziesz chciał, aby gracz ją przeniósł. Po dodaniu zachowania chodu zostaniesz przeniesiony do ekranu atrybutów chodzenia. Możesz użyć menu, aby wybrać klawisz, który przeniesie aktora w lewo iw prawo. Możesz również zainstalować animacje, jeśli zestaw, z którego korzystasz, je zawiera.
- Możesz dodać wiele zachowań i ustawić, co mogą robić aktorzy.
Krok 7. Utwórz scenę
Scena jest tym, co gracz widzi podczas gry. To jest tło, a także wszelkie widoczne obiekty i aktorzy. Aby utworzyć nową scenę, kliknij opcję Sceny w drzewie Zasoby, a następnie kliknij pole z linią. Nadaj swojej nowej scenie nazwę, aby kontynuować.
- Tło – Twoja scena zostanie automatycznie zmieniona, więc na razie nie musisz się o to martwić. Możesz wybrać kolor jako tło, które zostanie na nim nałożone. Możesz także wybierać spośród kolorów jednolitych lub gradientowych. Po zakończeniu kliknij „Utwórz”. To otworzy projektanta scen.
- Umieść kafelki - zestawy kafelków zawarte w twoim zestawie zostaną załadowane 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 położyć płytki na swojej scenie. Kliknij i przeciągnij myszą, aby ułożyć podwójne płytki.
- Umieść aktora. Kliknij kartę Aktorzy nad zestawem kafelków, aby przełączyć się na dostępnych aktorów. Musisz go wcześniej utworzyć, aby pojawił się na tej liście. Kliknij aktora, którego chcesz umieścić, i kliknij scenę, w której ma się pojawić. Jeśli naciśniesz Shift, aktor się tam przeniesie.
- Dodano grawitację. Kliknij kartę „Fizyka” u góry okna, a następnie wprowadź wartość w polu „Grawitacja (pion)”. Wpisanie 85 zasymuluje prawdziwą grawitację ziemską.
Krok 8. Przetestuj grę
Po utworzeniu sceny i dodaniu kilku aktorów możesz przetestować grę. Kliknij przycisk „Przetestuj grę” u góry ekranu, aby zagrać w to, co właśnie stworzyłeś. Możesz użyć klawiszy, które ustawiłeś, aby kontrolować swoją postać gracza.
Poszukaj dowolnego aspektu, który nie działa, i spróbuj go naprawić. Na przykład, czy wróg zachowuje się właściwie? Czy możesz pokonać wroga? Czy istnieją niedostępne platformy lub nieprzekraczalne przepaście? Wróć do odpowiedniego obszaru edytora gry, aby naprawić znalezione problemy. Może to zająć trochę czasu, ale efekt końcowy będzie fajniejszy i łatwiejszy do grania
Krok 9. Dodaj więcej
Teraz, gdy masz działającą i grywalną scenę, nadszedł czas, aby zbudować całą grę. Dodawaj poziomy i wyzwania oraz testuj swoje dodatki, aby upewnić się, że są zabawne i działają prawidłowo.
Krok 10. Strona Zablokuj swoją grę
Jeśli będziesz przesyłać grę na stronę, która obsługuje gry Flash, lub przesyłać ją na własną stronę, powinieneś użyć „Blokady witryny”. Uniemożliwi to granie w twoją grę, jeśli nie ma jej na liście dozwolonych witryn.
- Otwórz „Ustawienia gry” z drzewa „Zasoby”. Wybierz sekcję „Ładowarka”. Wprowadź dozwolone witryny w polu „Blokada witryny”, oddzielone przecinkami i bez spacji. Na przykład newgrounds.com, kongregate.com.
- Będąc nadal na tym ekranie, wprowadź swoją stronę główną w polu „Twoja strona główna”, jeśli takie posiadasz. Pozwoli to graczom grającym w Twoją grę na link do Twojej witryny/
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 na stronę, na której znajdują się gry Flash, lub na własną stronę internetową. Kliknij „Publikuj” (Publikuj) wybierz „Sieć”, 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 wybranej witryny. Istnieje kilka witryn internetowych, które udostępniają gry Flash, a niektóre mogą nawet pozwalać na zarabianie pieniędzy z przychodów z reklam. Możesz także przesyłać gry na własną stronę internetową, ale upewnij się, że masz przepustowość, aby pomieścić graczy, jeśli gra stanie się popularna.
- Zapoznaj się z tym przewodnikiem dotyczącym przesyłania gier na własną stronę internetową.
- Jeśli chcesz przesłać swoją grę na stronę taką jak Newgrounds lub Kongregate, musisz utworzyć konto, a następnie przejść przez proces przesyłania dla tych stron. Warunki będą się różnić dla każdej witryny.
- Jeśli chcesz opublikować swoją grę w Stencyl Arcade, możesz to zrobić z poziomu programu Stencyl. Kliknij „Publikuj” wybierz „Stencyl”, a następnie kliknij „Arcade”. Gra zostanie automatycznie załadowana, więc zanim to zrobisz, upewnij się, że jesteś zadowolony z nazwy. Stencyl Arcade ma limit rozmiaru pliku do MB.
Metoda 3 z 3: Korzystanie z Konstrukcji 2
Krok 1. Pobierz i zainstaluj Construct 2
Ten program pozwala tworzyć gry HTML5 z bardzo małym kodowaniem. Będziesz musiał ustawić kilka zmiennych, ale wszystko to odbywa się za pomocą menu bez konieczności kodowania.
Construct 2 jest darmowy, chociaż niektóre funkcje są ograniczone, z wyjątkiem aktualizacji. Darmowa wersja nie może publikować na platformach innych niż HTML5
Krok 2. Utwórz nowy projekt
Gdy po raz pierwszy uruchomisz Konstrukt 2, wita Cię menu powitalne. Kliknij link „Nowy projekt”, aby rozpocząć nową grę. Istnieje również kilka przykładów, których możesz użyć, aby zobaczyć, jak zbudować podstawową grę.
Rozpoczynając nowy projekt, zostanie wyświetlona lista szablonów. W przypadku pierwszego projektu zalecamy rozpoczęcie od pustego projektu. Pozwoli ci to przyzwyczaić się do podstaw bez przeszkadzania szablonom
Krok 3. Dostosuj ustawienia projektu
Po lewej stronie okna projektu zobaczysz serię obiektó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. Wprowadź 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 kilku lokalizacji online.
- Ustaw tło na rozmiar układu. Zrób to, wybierając obiekt tła i zmieniając jego rozmiar w ramce Właściwości.
- Zmień nazwę warstwy i zablokuj ją. Powinieneś zablokować warstwę, aby uniknąć przypadkowego przesunięcia jej podczas umieszczania innych obiektów. Kliknij zakładkę „Warstwy” po prawej stronie ekranu. Wybierz warstwę i kliknij przycisk Ołówek. Nazwij warstwę „Tło”, a następnie kliknij przycisk „Kłódka”, aby zablokować tło.
Krok 5. Utwórz nową warstwę
Na karcie warstw kliknij przycisk „+”, aby utworzyć nową warstwę. Nazwij go „Główny”. Będzie to warstwa, w której będzie znajdować się większość twoich obiektów w grze. Upewnij się, że warstwa główna jest zaznaczona przed kontynuowaniem.
Krok 6. Dodaj dane wejściowe dla swojej gry
W Construct 2 twoje dane wejściowe muszą zostać dodane jako obiekt do twojej gry. Jest niewidoczny i umożliwi korzystanie z klawiatury i myszy w projekcie.
Kliknij dwukrotnie układ, a następnie wybierz "Mysz" z sekcji wejściowej. Zrób to samo, aby wstawić obiekt „Klawiatura”
Krok 7. Dodaj obiekty
Teraz nadszedł czas, aby dodać kilka obiektów gry do swojego układu. Kliknij dwukrotnie układ i wybierz „Sprite” z sekcji ogólnej. Użyj krzyżyka, aby wybrać, gdzie chcesz umieścić duszki. Otworzy się edytor obrazów, umożliwiający załadowanie istniejącego duszka lub utworzenie nowego.
Kiedy wybierzesz duszka w układzie, właściwość duszka zostanie załadowana w lewej ramce. Zmień nazwy duszków, aby łatwiej je identyfikować i odwoływać się do nich
Krok 8. Dodaj zachowanie do swojego obiektu
Aby dodać zachowanie, kliknij obiekt, do którego chcesz dodać zachowanie, aby go zaznaczyć. Kliknij link „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 pozwalają szybko zwiększyć użyteczność obiektów. Możesz wybierać spośród szerokiej gamy gotowych zachowań, które mogą zapewnić szeroką gamę zastosowań. Na przykład, aby stworzyć solidną podłogę, nadaj jej zachowanie „Solidne”. Aby poruszać postacią w 8 kierunkach, daj zachowanie „Ruch w 8 kierunkach”
Krok 9. Zmień właściwości zachowania
Możesz edytować zachowanie, aby pasowało do sposobu działania obiektu. 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, przed którymi gra ucieka. Jeśli warunek zostanie osiągnięty, nastąpi zdarzenie. Jeśli warunek nie jest spełniony, zdarzenie nie występuje. Strona wydarzenia zwykle wyświetla się około 60 razy na sekundę. Każdy bieg nazywany jest „kleszczem”.
Krok 11. Utwórz wydarzenie
Kliknij dwukrotnie stronę Wydarzenia. Pojawi się lista dostępnych obiektów. Wybierz obiekt, dla którego chcesz utworzyć zdarzenie, lub możesz utworzyć System.
- Wybierz, kiedy ma nastąpić akcja. Po wybraniu obiektu zostaniesz poproszony o wybranie, kiedy zdarzenie miało miejsce. Może to być oparte na innych wydarzeniach lub w określonym czasie. „Każdy tik” zawsze.
- Dodaj akcję. Zostaniesz poproszony o wybranie jednego ze swoich obiektów. Wybierz z listy działań. Na przykład, jeśli tworzysz strzelankę i chcesz, aby postać gracza była zawsze zwrócona w stronę myszy, utworzysz akcję „Punkt widzenia do pozycji” na każdym zaznaczeniu ustawionym na obiekcie gracza. Gdy pojawi się monit o podanie współrzędnych, wpisz „Mouse. X” dla X i „Mouse. Y” dla Y. Dzięki temu statek gracza będzie zawsze zwrócony w stronę kursora.
Krok 12. Dodaj więcej zdarzeń i zachowań
To jest podstawa twojej gry. Dodawanie i ulepszanie zachowań i wydarzeń pomoże ci stworzyć unikalne i zabawne gry, w które ludzie będą chcieli grać. Eksperymentuj z różnymi wydarzeniami, aby uzyskać grę, której naprawdę chcesz.
Krok 13. Dodaj zmienne
W Construct istnieją dwa typy zmiennych 2: zmienne instancji i zmienne globalne. Umożliwia tworzenie wyników dla obiektów i gier, takich jak zdrowie, limit czasu, wynik i inne.
- Zmienna instancji – zmienna instancji jest przypisana do pojedynczego obiektu. Jest to używane do rzeczy takich jak wrogowie i zdrowie gracza. Możesz dodać zmienną instancji po wybraniu obiektu, klikając łącze „Dodaj/edytuj” w sekcji Zmienne w ramce Właściwości. Nadaj zmiennej nazwę, która może odnosić się do zdarzenia, a także wartość początkową.
- Zmienna globalna - zmienne globalne to zmienne przypisane do całej gry. Jest używany do takich rzeczy, jak wyniki graczy. Aby utworzyć zmienną globalną, przejdź do strony Zdarzenia i kliknij prawym przyciskiem myszy puste miejsce. Kliknij „Przypisz zmienną globalną”, nadaj jej nazwę, aby można było się do niej odwoływać w zdarzeniu, a następnie wprowadź wartość początkową.
Krok 14. Utwórz interfejsy
Tworząc interfejsy, zwykle najlepiej zrobić to na nowej warstwie. Dzieje się tak, ponieważ interfejs bardzo rzadko się przesuwa lub zmienia, więc lepiej umieścić go na zablokowanej warstwie. W ramce Właściwości nowej warstwy ustaw „Paralaksę” na 0. Spowoduje to przesunięcie warstwy w miarę przesuwania się ekranu.
Użyj pól tekstowych i zmiennych, aby stworzyć swój interfejs. Możesz ustawić pole tekstowe tak, aby wyświetlało zdrowie, wynik, amunicję lub cokolwiek, co gracz musi okresowo 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 treści. Kliknij przycisk „Graj” u góry ekranu, aby pomóc i przetestować grę. Zanotuj wszystko, co nie działa, i spróbuj to naprawić, aby gra była grywalna i przyjemna.
Krok 16. Wyeksportuj swoją 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ć przez każdego. Aby wyeksportować grę, kliknij menu „Plik” i wybierz „Eksportuj”. Zapisz projekt w lokalizacji, którą łatwo znajdziesz.
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 dodawać gry do swojej własnej strony internetowej. Zapoznaj się z tym przewodnikiem, aby dowiedzieć się, jak przesyłać gry do własnej witryny.
Porady
- Jeśli jesteś bardziej zainteresowany nauką kodu gier Flash, możesz użyć Flash Builder i kodu ActionScript3 do tworzenia gier. Potrwa to dłużej, ale może zapewnić bardziej wyjątkowe wrażenia. Zobacz przewodnik po programie w ActionsScript3.
- Oddaj hołd każdemu źródłu, z którego czerpałeś pomysły i treści, a także każdemu, kto pomógł ci stworzyć grę.
