Einführung in Spiele und Animationen

Herzlichen Glückwunsch! Du verstehst jetzt die Sprache JavaScript. Variablen, Schleifen, Strings, Funktionen, Objekte, Arrays, sogar objektorientiertes Design. Aber was nützt es dir, wenn du nicht etwas Cooles mit ihr machen kannst? Es gibt viele Möglichkeiten, wie du dein neues Wissen einsetzen kannst. Eine beliebte ist, JavaScript mit Processing.js zu nutzen. Man kann Spiele und Visualisierungen machen. Was du wahrscheinlich weißt, falls du schon unsere Liste der heißen Programme gesehen hast. Ein Spiel ist etwas Interaktives, bei dem du eine Belohnung bekommst. Normalerweise gibt es einen Gewinnzustand, einen Verlustzustand, einen Punktestand. Eine Visualisierung ist auch sehr interaktiv, aber ohne die Spielmechanik. Schauen wir uns einige der gängigen Komponenten, die wir brauchen. Wir brauchen UI-Controls für alles, was wir tun. Wie Schaltflächen, Schieberegler und Menüs. Und einige davon werden einfache Schaltflächen sein, ein anderes Mal brauchen wir mehrere Schaltflächen, ein anderes Mal brauchen wir Schieberegler und Drop-Downs. Aber alles basiert aber auf den gleichen Grundprinzipien. Neben der Interaktion mit der Maus wollen wir auch Tastatursteuerung, z.B. mit den Pfeiltasten, um unsere Figuren nach oben und unten zu bewegen, oder den Winkel der Animation zu ändern. Oft wollen wir auch die Vorstellung von Szenen. Eine Szene ist wie dein Startbildschirm, dein Optionsbildschirm, dein Hauptbildschirm oder dein Endbildschirm. Die sind normalerweise sehr unterschiedlich, und an jedem beliebigen Punkt wollen wir entweder das eine oder das andere zeigen. Du musst also wirklich deinen Code organisieren, um den Unterschied zwischen den Szenen zu kennen und gekonnt zwischen ihnen zu wechseln. Nun etwas Spezifisches über Spiele. Die Umgebung eines Spiels. Ist es ein Side-Scroller, was bedeutet, dass es eine Art Figur ist, die sich vorwärts durch einen Raum bewegt? Ist es eine Vogelperspektive, wie wenn du durch ein Labyrinth gehst? Ist es eine 3D-Umgebung? Es ist verrückt, aber du kannst es schaffen. Gibt es mehrere Ebenen, und jede von ihnen hat unterschiedliche Umgebungen? Was sind die Figuren im Spiel? Sie haben wahrscheinlich unterschiedliche Verhaltensweisen, Emotionen oder Zustände, wie ein glücklicher Zustand oder ein toter Zustand. Und sie können vom Benutzer gesteuert werden oder manchmal werden sie auch programmgesteuert. Und dein Programm gibt ihm eine Art Logik, der es folgen soll. Es könnte nur eine sein. Es könnten aber auch mehrere sein. Sie könnten während des Spiels gespawnt werden, während es gespielt wird. Sobald wir die Charaktere in einer Umgebung haben, fügen wir normalerweise auch ein paar Gegenstände hinzu. Dann haben wir eine Menge Dinge, die miteinander kollidieren können. Und normalerweise wollen wir wissen, wann die Dinge kollidieren, weil die Dinge normalerweise versuchen, sich gegenseitig anzuziehen oder sich zu vermeiden. Wie wenn du Edelsteine aufhebst oder wenn du fiesen Schildkröten ausweichst. Wir müssen also in der Lage sein, Kollisionen zwischen Objekten zu erkennen. Manchmal ist es ganz einfach. Ein anderes Mal ist es etwas komplexer, wenn die Objekte alle unterschiedliche Formen und Größen haben. Wenn es sich um ein Spiel handelt, hat es normalerweise einen Punktestand. Wie misst du also, wie gut der User ist? Wann sagst du ihm, ob er verloren oder gewonnen hat? Wie spektakulär kannst du den Gewinnbildschirm oder den Verlustbildschirm machen? Wie du also siehst, gibt es viele Aspekte, über die man nachdenken muss, wenn man Spiele und Animationen macht. Wir werden hier einige davon durchgehen, aber wir wissen nicht, was in deinem Kopf ist. Wahrscheinich musst du einfach das, was das du hier gelernt hast, mit den coolen Ideen, die du im Kopf hast, kombinieren.