Wie man HTML5 Spiele gestaltet
HTML5 und der Begriff "plattformübergreifend" sind Schlagworte, und das aus gutem Grund. Die Technologie funktioniert für Smartphones, Tablets, Laptops und Desktops. Agenturen lieben das Konzept, denn jeder Webdesigner, der HTML kennt, wird HTML5 verstehen. Was bedeutet das für Sie , den Webdesigner?
- Weitere Projekte mit HTML5
- Weitere Projekte drehen sich um Interaktivität
- Erstellen von Erfahrungen für die Interaktion mit dem Endbenutzer
Im Mittelpunkt dieses interaktiven Erlebnisses stehen Casual Games. In diesem Artikel zeige ich dir, wie du eine begehrte Game-Design-Erfahrung bekommen kannst. Das Ziel? Haben Sie "HTML5 Game Design" auf Ihrem Lebenslauf.
Ich spiele Spiele, aber ...
Es ist ein häufiger Trugschluss unter Webdesignern, dass das Entwerfen von Spielen eine spezielle Fähigkeit ist. Sie müssen keine Spieleentwicklungsschule besuchen, um Spiele zu entwerfen. Jeder kann Spiele entwerfen. Lasst uns das zuerst in Teile aufteilen. Das Erstellen eines Spiels erfordert 3 wichtige Schritte:
- das Spiel entwerfen;
- Produzieren der visuellen und Audio-Assets;
- Programmieren des Spiels.
Als Webdesigner können Sie am einfachsten Erfahrungen sammeln, indem Sie das Spiel selbst gestalten. Für die Punkte 2 und 3 hat eine Agentur in der Regel bereits designierte Künstler und Programmierer für den Job. Wenn Sie gut in Artwork sind, ist 2 sehr erreichbar. Für die Zwecke dieses Artikels, lassen Sie uns Schritt 1 diskutieren. Wo fangen wir überhaupt an? Hier sind 10 Schritte, die jeder Game Designer durchlaufen muss, um seine Streifen zu verdienen.
1) Spielen Sie viele Casual Games
Haben Sie ein iPhone oder Android-Handy? Gehen Sie zum App Store, gehen Sie zum oberen kostenlosen Spieleschart. Downloaden und spielen Sie jedes einzelne Spiel in der Top-20-Liste. Tun Sie dies mindestens einmal alle 2 Wochen.
Achte beim Spielen darauf, wie jedes Spiel gestaltet ist. Welche Animationstechniken und Mechaniken benutzt es? Sind dir die Charaktere aufgefallen? Hatte es eine Geschichte? Was hat dich das Spiel gefühlt? Nach 20-30 Spielen wirst du Muster erkennen.
Sie werden feststellen, dass einige Spiele im Grunde genommen dasselbe sind. ZB: Clash of Clans, Boom Beach und Hay Day sind zum Bauen, Verteidigen und Angreifen.
Sie werden bemerken, dass einfache Spiele wie Flappy Bird oder Swing Copter sich auf wirklich harte Herausforderungen konzentrieren, die unendlich oft wiederholt werden können.
Sie werden feststellen, dass sich einige Spiele auf fesselndes Storytelling mit sorgfältig gestalteten Charakteren konzentrieren.
Sie werden auch ein paar seltsame Indie-Spiele bemerken, die einfach nur zufällig sind, aber wirklich Spaß machen!
2) Machen Sie Skizzen ... viele von ihnen
Mache Skizzen von Dingen, die dir gefallen, aus den Spielen, die du gespielt hast. Skizzieren Sie Zeichen, Karten, Menüs und Benutzeroberflächen. Gab es einen bestimmten Charakter, den Sie mochten? Gab es einen bestimmten Winkel des Spiels, der dich aufgeregt hat?
Hier ist ein Charakter namens "Matt". Er ist ein gelangweilter Bürotyp, der an seinen Stuhl geklebt ist:
3) Erstellen Sie Flussdiagramme
Flussdiagramme beschreiben den Schritt-für-Schritt-Prozess des Spiels. Sie beschreiben den Punkt, an dem der Benutzer das Spiel beginnt, bis hin zu wichtigen Ereignissen wie Sieg oder Niederlage. Beginnen Sie mit einfachen Diagrammen wie diesem:
Wenn Sie mehr Vertrauen gewinnen, iterieren Sie Ihren einfachen Ablauf, um komplexere Abläufe zu erstellen.
4) Schreiben Sie ein Spieldesign-Dokument
Mit dem, was Sie in den Schritten 1-3 gelernt haben, entwerfen und schreiben Sie ein vereinfachtes Game Design Document (GDD). Ein GDD erzählt dem Leser im Grunde, worum es in dem Spiel geht.
Kurzes Beispiel: Nehmen wir in Schritt 2 unseren Charakter namens "Matt" und sagen wir, er ist in einem langweiligen Bürojob gefangen. Er möchte fliehen. Der Haken ist, er kann es nur von seinem Rollstuhl aus machen. Wir haben eine saubere Skizze des Spielbildschirms erstellt. Es zeigt ein Labyrinth von Bürotischen, die sich verschwören, um Matts Flucht zu verhindern.
Als ein Beispiel haben wir das Ziel des Spiels einfach gemacht. Navigiere durch das Bürolabyrinth, um ihm zu entkommen.
Das ist es, für eine sehr einfache GDD. Hier ist das komplette Flussdiagramm für unser Spiel Escape The Office .
5) Trainiere deine plattformübergreifende Denkweise
Bei HTML5-Spielen läuft vieles darauf hinaus, dass das Spiel effizient auf verschiedenen Bildschirmgrößen ausgeführt werden kann. Hier ist eine Übersicht über verschiedene Geräte, die wir auf dem Markt haben: iPhone, iPad, iPod Touch, Samsung Galaxy Note3, Samsung Galaxy, Google Nexus, LG, Xiaomi, Windows Phone, Windows Laptop, Mac, die Liste geht weiter und weiter ... Lächerlich ? Aber das tun große Unternehmen. Wie entwirfst du als unabhängiger Designer ein Spiel, das zu verschiedenen Bildschirmgrößen passt?
- Korrigiere die Ausrichtung des Spiels. Entwirf dein Spiel so, dass es nur im Hochformat oder im Querformat funktioniert.
- Finde die gängigste Spielauflösung, die für die meisten Geräte funktioniert. Pflegen Sie das Seitenverhältnis. Skalieren Sie dann je nach Geräteauflösung nach oben oder unten. Wir finden Seitenverhältnisse von 3: 4 (Hochformat) oder 4: 3 (Querformat) am beliebtesten und effizient.
- Entwerfen Sie leichte, lässige Spiele. Gehen Sie nicht für das sperrige 3D-MMO-Spiel. Stattdessen, gehen Sie für Spaß, leichte beiläufige Erfahrungen. Das Spiel könnte so einfach sein wie Maulwürfe zu schlagen oder um Plattformen herum zu springen. Alles unter dem Himmel ist faires Spiel (kein Wortspiel beabsichtigt).
- Zeichne immer hochauflösendes Artwork. Mindestens 2048 Pixel breit als Basislinie. Es ist einfacher zu skalieren als zu skalieren.
6) Starten Sie das Pitching
Fragen Sie Ihre Firma (oder Ihre Kunden), ob sie an irgendwelchen spielbezogenen Projekten interessiert sind. Zeig ihnen deine Designs. Nimm dein Herz raus. Begleite sie durch die GDD.
Deine erste Spielidee wird nicht wie Shark Tank sein, sei versichert! Wahrscheinlich werden sie ein kleines Budget für das Spiel bereitstellen. Wenn es kein Budget gibt, mache weiter bessere Designs und erreiche andere Unternehmen. Wenn Sie die Ressourcen haben, finanzieren Sie Ihre eigenen Spiele-Projekte auf die billige.
7) Finde einen Programmierer
Sobald Sie ein Budget haben, suchen Sie nach Programmierern, die sich auf Spieleentwicklung spezialisiert haben. Zeigen Sie ihnen Ihre Entwürfe, teilen Sie das Budget und erzählen Sie ihnen die Vision. Die meisten Spieleentwickler sind sehr hilfreich. Was Sie brauchen, ist ein Programmierer, der sich mit HTML5-Spielen auskennt. Diese Person muss wissen, wie man etwas codiert, das für alle Arten von Formfaktoren gut skaliert. Diskutieren Sie die "plattformübergreifende Denkweise" mit dem Programmierer.
8) schleifen
Die Entwicklung des Spiels selbst wird zunächst Wochen, wenn nicht sogar Monate dauern. Es wird Blutschweiß und Tränen geben, aber es wird die Erfahrung wert sein. Es ist sehr wichtig, den Umfang Ihres Spieldesigns sehr, sehr klein zu halten, zumindest für Ihr erstes Projekt.
9) Beenden Sie das Projekt
Das Schlüsselwort hier ist "beende" das Projekt. Oft wollen wir als Designer ein perfektes Spiel. Null Fehler. Schön gestaltete Spielkunst, mit idealen Regeln. Wirf diese Denkweise aus dem Fenster. Gehen Sie für "gut genug". Das Spiel in die Wildnis entlassen. Nichts sagt es wie ein Spiel, das live ist, in den Händen der Benutzer. Sie können das Spiel immer nach dem Start aufpolieren. Fertig ist besser als perfekt.
10) Feedback messen
Überprüfen Sie die Nutzerantworten auf Ihr Spiel. Verwenden Sie kostenlose Tools wie Google Analytics, um die Aufrufe, Spiele und Ereignisse Ihres Spiels zu verfolgen.
Wenn Sie Spiele entwickeln, um Aufmerksamkeit in den sozialen Medien zu erhalten, analysieren Sie die Likes auf Facebook, die Tweets und die Likes auf Instagram. Studieren Sie, wie die Nutzer auf Ihr Spiel reagiert haben.