24a2 ist eine sehr einfache, aber voll funktionsfähige Spiel-Engine für JavaScript-Programmierer. Es hat ein ungewöhnliches Erscheinungsbild, aber Sie können es verwenden, um die Grundlagen der Spieleprogrammierung zu erlernen.
Mit Unterstützung für eine Spielschleife, farbenfrohen Grafiken und einfacher Eingabe hat 24a2 alles, was Sie brauchen, um kleine Spiele mit minimalem Aufwand zu erstellen.
Probieren Sie 24a2 aus und beginnen Sie noch heute Ihre Reise zur vollständigen Spieleentwicklung.
Was ist 24a2?
24a2 ist eine kleine Open-Source-Engine, mit der Sie grundlegende Spiele erstellen können. Es ist sehr einfach zu erlernen und alles, was Sie brauchen, um mit der Entwicklung Ihrer Spiele zu beginnen, ist ein Webbrowser und ein Texteditor.
24a2 hat seinen Namen von seiner Auflösung: 24 x 24. Auch im Vergleich zu anderen
minimalistische Motoren wie PICO-8, mit seiner Auflösung von 128 x 128 ist das winzig! 24a2 verwendet kreisförmige „Pixel“ mit großen Lücken zwischen ihnen, sodass es ziemlich unverwechselbar aussieht.Sie werden 24a2 wahrscheinlich nicht verwenden, um das nächste erfolgreiche Videospiel zu entwickeln, aber darum geht es nicht wirklich. 24a2 ist perfekt für Anfänger und Sie können es verwenden, um einige der grundlegenden Konzepte hinter der Spieleentwicklung zu lernen.
Es eignet sich auch hervorragend für das Prototyping eines Kernkonzepts. Wenn Sie feststellen, dass Sie von komplexer Spielphysik oder Sprite-Animationen abgelenkt werden, sollte es Ihnen helfen, sich zu konzentrieren, wenn Sie all das entfernen.
Darüber hinaus ist der 24a2-Quellcode a einzelne TypeScript-Datei. Sie können es als Inspiration verwenden oder es sogar modifizieren, um Ihre eigene, fortschrittlichere Spiel-Engine zu erstellen.
Wie verwenden Sie 24a2?
Beginnen Sie mit einer einfachen Vorlage für Ihr Spiel:
<html>
<Kopf>
<Skript
src=" https://cdn.jsdelivr.net/gh/jamesroutley/24a2/build/engine.js">
Skript>
<SkriptQuelle="spiel.js">Skript>
Kopf>
<Körper>Körper>
html>
Beachten Sie, wie dies ein Content Delivery Network (cdn.jsdelivr.net) verwendet, um die engine.js Datei, sodass Sie nicht einmal etwas herunterladen oder installieren müssen.
Das zweite Skript, game.js, ist für Ihren eigenen Spielcode. Beginnen Sie mit dem absoluten Minimum an Arbeitscode, um zu überprüfen, ob alles richtig funktioniert:
neues Spiel({}).run();
Dieses winzige Programm zeigt das standardmäßige 24a2-Raster in Ihrem Webbrowser an:
Als Nächstes sollten Sie sich mit den Callback-Funktionen von 24a2 vertraut machen, die den Kern der Engine bilden. Diese Konzepte sind auf alle Spiel-Engines übertragbar, sodass Sie davon profitieren, wenn Sie lernen, wie sie funktionieren, über Ihre Verwendung von 24a2 hinaus.
Es gibt eine Handvoll wichtiger Funktionen, die Sie definieren und über a an den Game()-Konstruktor übergeben können Konfig Objekt.
lassen Konfiguration = {
erstellen: erstellen,
aktualisieren: aktualisieren,
onKeyPress: onKeyPress,
onDotClicked: onDotClicked
};
lassen Spiel = neu Spiel (Konfiguration);
game.run();
24a2 ruft beim Start die Funktion auf, die Sie in config.create angeben. Damit können Sie Ihre spieleigene Konfiguration initialisieren, Datenstrukturen aufbauen etc.
Funktionerstellen(Spiel) {}Die Update-Funktion wird regelmäßig für die Dauer Ihres Spiels ausgeführt. Das ist die Hauptspielschleife was in anderen Engines normalerweise aus separaten Schritten besteht, um den Spielstatus zu aktualisieren und den Bildschirm neu zu zeichnen. Mit 24a2 behandeln Sie beide Operationen in dieser Funktion.
Funktionaktualisieren(Spiel) {}Um schließlich Eingaben zu erfassen, sollten Sie Pfeiltastendrücke, Mausklicks oder beides verarbeiten. 24a2 übergibt eine Richtung an Ihre onKeyPress-Funktion, wenn der Spieler eine Pfeiltaste drückt. Es übergibt x- und y-Koordinaten an onDotClicked, wenn sie mit der Maus auf einen Punkt klicken.
FunktiononKeyPress(Richtung) {}
FunktiononDotClicked(x, y) {}
Welche Arten von Spielen können Sie mit 24a2 erstellen?
Der 24a2-Website enthält drei Beispielspiele inklusive Tutorial. Die anderen, die es präsentiert, sind ein einfaches Snake-Spiel und eine Ski-Herausforderung.
Der GitHub-Repository enthält Links zu einigen anderen Spielen, darunter Space Invaders, Tic-Tac-Toe und ein minimales Paint-Programm. You Killed a Bear ist fortgeschrittener und Maze Craze ist eine gute Demonstration dafür, wie man zusätzliche Grafiken über das Standardraster legt.
24MadRush ist ein Tetris-Klon, der die Farbpalette hervorragend nutzt. Es beginnt auch mit einem innovativen spielbaren Tutorial, das seine Funktionen demonstriert.
Die technischen Daten von 24a2-Spielen
24a2 ist konstruktionsbedingt sehr begrenzt. Aber dies bietet eine hervorragende Gelegenheit für Kreativität. Einer der Top-Tipps für mehr Kreativität ist es, Einschränkungen anzunehmen.
Neben seiner begrenzten Auflösung beschränkt 24a2 Sie auf:
- Eine Farbpalette von nur neun Farben: die des Regenbogens plus Schwarz und Grau.
- Sehr einfache Eingabe: Pfeiltastendrücke und Mausklicks auf dem Punktraster.
- Stille: Es gibt keinerlei Unterstützung für Musik oder Soundeffekte.
Sie können jedoch jederzeit zusätzlichen JavaScript-Code schreiben, um Ihr Spiel über diese Einschränkungen hinaus zu erweitern. Und da die Engine Open Source ist, können Sie sie so entwickeln, wie Sie es für richtig halten.
Mit 24a2 spornen Sie sich zu Größerem an
Versuchen Sie, sich mit 24a2 zu testen. Erstellen Sie ein klassisches Spiel nach oder erfinden Sie eines Ihrer eigenen. Rundenbasierte Spiele wie Brettspiele funktionieren sehr gut mit der Engine.
Wenn 24a2 Ihre Leidenschaft für Spieleentwickler entfacht, gibt es viele Möglichkeiten, die Reise fortzusetzen. PICO-8, Godot, Unity und GameMaker sind alle beliebte Optionen.