Jak projektować gry HTML5
HTML5 i termin "cross platform" to słowa buzz i nie bez powodu. Technologia działa na smartfony, tablety, laptopy i komputery stacjonarne. Agencje uwielbiają tę koncepcję, ponieważ każdy projektant stron internetowych znający HTML zrozumie HTML5. Co to oznacza dla Ciebie , projektanta stron internetowych?
- Więcej projektów związanych z HTML5
- Więcej projektów związanych z interaktywnością
- Tworzenie doświadczeń dla interakcji z użytkownikiem końcowym
Sercem tego interaktywnego doświadczenia są gry casual. W tym artykule pokażę, jak uzyskać pożądane wrażenia z gry. Cel? W swoim życiorysie zamieść "projekt gry HTML5".
Gram w gry, ale ...
Powszechnym błędem wśród projektantów stron internetowych jest to, że projektowanie gier jest wyspecjalizowaną umiejętnością. Nie musisz chodzić do szkoły projektowania gier, projektować gier. Każdy może projektować gry. Najpierw podzielmy to na części. Budowa gry wymaga 3 głównych kroków:
- projektowanie gry;
- wytwarzanie zasobów wizualnych i dźwiękowych;
- programowanie gry.
Jako projektant stron internetowych najprostszym sposobem na zdobycie doświadczenia jest zaprojektowanie samej gry. W punktach 2 i 3 agencja zwykle ma już wyznaczonych artystów i programistów do pracy. Jeśli jesteś dobry w dziełach sztuki, 2 jest bardzo osiągalne. Na potrzeby tego artykułu omówimy krok 1. od czego się zaczynamy? Oto 10 kroków, które każdy projektant gry musi przejść, aby zarobić swoje paski.
1) Graj w wiele gier casual
Masz iPhone'a lub telefon z Androidem? Idź do App Store, udaj się na najwyższy darmowy wykres gier. Pobierz i graj w każdą grę na liście 20 najlepszych. Zrób to co najmniej raz na 2 tygodnie.
Kiedy grasz, bądź świadomy tego, jak zaprojektowana jest każda gra. Z jakich technik animacji i mechaniki korzysta? Czy bohaterowie wyróżniają się dla ciebie? Czy ma fabułę? Co sprawiła ci gra? Po 20-30 grach zaczniesz dostrzegać wzory.
Zauważysz, że niektóre gry, rdzeń, są naprawdę o tym samym. Np .: Clash of Clans, Boom Beach i Hay Day dotyczą budowania, obrony i atakowania.
Zauważysz, że proste gry, takie jak Flappy Bird czy Swing copters, skupiają się na naprawdę trudnych wyzwaniach, które można powtarzać nieskończoną liczbę razy.
Zauważysz, że niektóre gry skupiają się na fascynujących opowieściach ze starannie zaprojektowanymi postaciami.
Zauważysz także kilka dziwnych gier indie, które są po prostu przypadkowe, ale naprawdę zabawne!
2) Twórz szkice ... dużo ich
Twórz szkice rzeczy, które lubisz z gier, w które grałeś. Szkicuj postacie, mapy, menu i interfejsy użytkownika. Czy była jakaś postać, którą lubiłeś? Czy podekscytowany był pewien kąt gry?
Oto postać o nazwie "Matt". Jest znudzonym urzędnikiem przyklejonym do krzesła:
3) Sporządź schematy przepływów
Diagramy przepływu opisują krok po kroku proces gry. Opisują punkt, w którym użytkownik rozpoczyna grę, aż do ważnych wydarzeń, takich jak zwycięstwo lub strata. Zacznij od prostych schematów takich jak to:
Gdy zdobędziesz większą pewność siebie, po prostu przeprowadź prostą analizę, aby uzyskać bardziej złożone przepływy.
4) Napisz dokument projektowy gry
Korzystając z tego, czego nauczyłeś się w krokach 1-3, zaprojektuj i pisz uproszczony dokument projektowy gry (GDD). GDD zasadniczo mówi czytelnikowi, o czym jest gra.
Szybki przykład: Weźmy naszą postać o nazwie "Matt" w Kroku 2 i załóżmy, że jest uwięziony w nudnej pracy biurowej. On chce uciec. Połów jest, może to zrobić tylko z jego toczącego się krzesła. Stworzyliśmy zgrabny szkic ekranu gry. Pokazuje labirynt biurowych spisków, które blokują ucieczkę Matta.
Jako przykład, stworzyliśmy prosty cel gry. Przejdź labirynt biura, aby uciec.
To wszystko, dla bardzo podstawowej GDD. Oto pełny schemat przepływu dla naszej gry Escape The Office .
5) Trenuj swój sposób myślenia na wielu platformach
W grach HTML5 spora część z nich sprowadza się do możliwości wydajnego uruchamiania gry na różnych rozmiarach ekranu. Oto zestawienie różnych urządzeń, które mamy na rynku: iPhone, iPad, iPod Touch, Samsung Galaxy Note3, tablet Samsung Galaxy, Google Nexus, LG, Xiaomi, Windows Phone, laptop z systemem Windows, komputery Mac, lista jest długa ... ? Tak właśnie robią duże firmy. Jako niezależny projektant, jak projektujesz grę, która pasuje do różnych rozmiarów ekranu?
- Napraw orientację gry. Zaprojektuj swoją grę tak, aby działała w trybie pionowym lub tylko w trybie poziomym.
- Znajdź najczęstszą rozdzielczość gry, która działa na większości urządzeń. Zachowaj proporcje. Następnie skaluj w górę lub w dół, w zależności od rozdzielczości urządzenia. Uważamy, że proporcje 3: 4 (portret) lub 4: 3 (krajobraz) są najbardziej popularne i skuteczne.
- Projektuj lekkie, codzienne gry. Nie idź na obszerną grę 3D MMO. Zamiast tego idźcie na zabawne, lekkie przygody. Gra może być tak prosta jak walnięcie kretów lub skakanie po platformach. Wszystko pod niebem to uczciwa gra (gra słów nie jest przeznaczona).
- Zawsze rysuj grafiki o wysokiej rozdzielczości. Przy szerokości co najmniej 2048 pikseli jako linii bazowej. Skalowanie jest łatwiejsze niż skalowanie.
6) Rozpocznij pitching
Zapytaj swoją firmę (lub klientów), czy są zainteresowani projektami związanymi z grą. Pokaż im swoje projekty. Rozbij swoje serce. Przejdź przez GDD.
Twój pierwszy pomysł na grę nie będzie taki jak Shark Tank, nie martw się! Możliwe, że przeznaczą niewielki budżet na grę. Jeśli nie ma budżetu, kontynuuj tworzenie lepszych projektów i docieraj do innych firm. Jeśli masz zasoby, sfinansuj własne projekty gier na tanie.
7) Znajdź programistę
Gdy masz już budżet, zacznij szukać programistów specjalizujących się w tworzeniu gier. Pokaż im swoje projekty, podziel się budżetem i powiedz im wizję. Większość twórców gier jest bardzo pomocna. Potrzebny jest programista dobrze zorientowany w grach HTML5. Ta osoba musi wiedzieć, jak kodować coś, co ładnie skaluje się dla wszystkich rodzajów czynników. Omów z "programistą" sposób myślenia na różnych platformach.
8) Szlifuj
Sam rozwój gry potrwa tygodnie, jeśli nie miesiące, początkowo. Będzie pot i łzy krwi, ale wszystko będzie warte tego doświadczenia. Bardzo ważne jest, aby zakres swojego projektu gry był bardzo, bardzo mały, przynajmniej dla pierwszego projektu.
9) Zakończ projekt
Kluczowym słowem jest tutaj "zakończyć" projekt. Często jako projektanci chcemy idealnej gry. Zero błędów. Pięknie zaprojektowane dzieło sztuki, z idealnymi zasadami. Wyrzuć ten sposób myślenia przez okno. Wybierz "wystarczająco dobre". Uwolnij grę na wolność. Nic nie mówi, że to gra na żywo, w rękach użytkowników. Zawsze możesz dopracować grę po uruchomieniu. Zrobione jest lepsze niż idealne.
10) Mierz sprzężenie zwrotne
Sprawdź odpowiedzi użytkowników na twoją grę. Korzystaj z bezpłatnych narzędzi, takich jak Google Analytics, do śledzenia wyświetleń, odtwarzania i wydarzeń w grze.
Jeśli projektujesz gry, aby zdobyć zainteresowanie mediów społecznościowych, przeanalizuj, jakie są ulubione strony na Facebooku, Tweety i polubienia na Instagramie. Sprawdź, jak użytkownicy zareagowali na Twoją grę.