Beste Open-Source-JavaScript-Spiel-Engines

Blog

Beste Open-Source-JavaScript-Spiel-Engines

Beste Open-Source-JavaScript-Spiel-Engines

Spiele mit JavaScript zu entwickeln ist keine verrückte Idee. Moderne Browser haben die Fähigkeiten, die wir uns vor 5 oder 10 Jahren nie hätten vorstellen können. Durch die Nutzung der JavaScript API WebGL können sie komplexe 2D- und 3D-Grafiken vollständig rendern, ohne auf Browser-Plug-Ins von Drittanbietern angewiesen zu sein. Wir möchten nur hervorheben, dass Javascript für die Entwicklung von Webspielen verwendet werden kann! nicht nur 2D-Spiele, sondern auch 3D-Spiele. Der Beginn mit reinem JavaScript ist der beste Weg, um solide Kenntnisse in der Entwicklung von Webspielen zu erlangen.

Aber warum das Rad neu erstellen, um unser Spiel von 0 aus zu bauen (Entwurf der Steuerung, Manipulation von Assets, sich um die Optimierung kümmern und viele endlose Probleme, deren Lösung viel Zeit in Anspruch nehmen kann), wenn wir diesen Prozess beschleunigen können? eine in Javascript geschriebene Game-Engine verwenden? In diesem Artikel werden wir unserer Meinung nach die besten Javascript-Spiele-Engines für die Entwicklung von Webspielen vorstellen.

1. MeloneJS

Das ist der Bildtitel

melonJS ist ein leichtes, aber dennoch leistungsstarkes HTML5-Framework, das von Grund auf entwickelt wurde, um eine echte Plugin-freie, spielorientierte Bibliothek zu bieten, die einmal geschrieben und überall ausgeführt werden kann. melonJS ist ein Open-Source-Projekt und wird von einer Community von Enthusiasten unterstützt. Melon JS unterstützt die aktuellen Funktionen:

  • Eine frische und leichte 2D-Sprite-basierte Engine
  • Eigenständige Bibliothek (verlässt sich auf nichts anderes, außer auf einen HTML5-fähigen Browser)
  • Kompatibel mit den meisten gängigen Browsern (Chrome, Safari, Firefox, Opera, IE) und mobilen Geräten
  • Unterstützung für Gerätebewegung und Beschleunigungsmesser
  • Hohe DPI & automatische Skalierung
  • Unterstützung von Mehrkanal-HTML5-Audio und Web-Audio auf unterstützten Geräten
  • Leichte Physikimplementierung für niedrige CPU-Anforderungen
  • Polygon (SAT)-basierter Kollisionsalgorithmus für genaue Erkennung und Reaktion
  • Schnelle Breitphasen-Kollisionserkennung durch räumliche Aufteilung
  • Unterstützung von Tools von Drittanbietern für die Definition des physischen Körpers (PhysicEditor, Physic Body Editor)
  • Erweiterte mathematische API für Vektor und Matrix
  • Tween-Effekte
  • Übergangseffekte
  • Ein grundlegender Satz von Objektentitäten (zu erweitern)
  • Objektpooling
  • Grundlegendes Partikelsystem
  • Grundlegendes Animationsmanagement
  • Unterstützung für Standard-Spritesheet und gepackte Texturen (Texture Packer, ShoeBox)
  • Ein Statusmanager (um das Laden, das Menü, die Optionen und den Status im Spiel einfach zu verwalten)
  • Gekacheltes Kartenformat Version +0.9.x Integration für einfaches Leveldesign
  • Unkomprimiertes Plain-, Base64-, CSV- und JSON-codiertes XML-Tilemap-Laden
  • Unterstützung von orthogonalen, isometrischen und perspektivischen Tilemaps
  • Mehrere Ebenen (mehrere Hintergrund-/Vordergrund-, Kollisions- und Bildebenen)
  • Unterstützung für mehrere Tilesets
  • Tileset-Transparenzeinstellungen
  • Alpha-Einstellungen für Ebenen
  • Unterstützung von Rechteck-, Ellipsen-, Polygon- und Polylinien-Objekten
  • Gekachelte Objekte
  • Gespiegelte und gedrehte Kacheln
  • Dynamische Ebenen- und Objekt-/Gruppen-Reihenfolge
  • Dynamisches Laden von Entitäten
  • Formbasierte Unterstützung von Kachelkollisionen
  • System- und Bitmap-Schriften
  • Unterstützung für Maus- und Touch-Geräte (mit Mausemulation)
  • Integrierte Unterstützung für CocoonJS und Ejecta
  • Unterstützung für asynchrones Messaging (minPubSub)
  • Grundlegende GUI-Elemente enthalten
  • Anpassbarer Lader

2. Babylon.js

Das ist der Bildtitel

Babylon.js ist ein Open-Source-JavaScript-Framework, mit dem Sie mit Hilfe von WebGL, HTML5 und Web Audio 3D-Spiele in einem Browser erstellen und rendern können. Beim Zeichnen eines einfachen 3D-Objekts im Rohformat WebGL erfordert, dass Sie mit einer großen Menge an JavaScript-Code umgehen müssen, können Sie mit Babylon.js dasselbe mit einer minimalen Menge an Code und sehr geringer Komplexität tun.

Babylon.js kann aufgrund seiner leistungsstarken Funktionen als weiteres Three.js bezeichnet werden, mit denen Sie fast alles in Ihrem Browser erstellen können, von vollständig interaktiven 3D-Spielen bis hin zu animierten Logos. Dieses JavaScript-Framework befindet sich zwar derzeit noch in einem frühen Stadium, aber selbst es bietet Entwicklern eine solide Grundlage für die Erstellung funktionsreicher WebGL-Kreationen, die fast überall verwendet werden können.

3. GDevelop

Das ist der Bildtitel

Mit dem Fokus darauf, ein großartiges Werkzeug für alle Arten von Benutzern zu sein (von Neulingen bis zu Fortgeschrittenen), bietet GDevelop eine Reihe von nützlichen Werkzeugen, die Ihnen bei der Entwicklung des gewünschten Spiels helfen.
Und obwohl sie für die Möglichkeit werben, jede Art von Spiel zu erstellen, ist diese Spiel-Engine darauf ausgerichtet, 2D-Spiele wie Plattformer, Shoot'em-Ups und Ihre allgemeinen 8-Bit-Spiele zu erstellen.
Als zusätzlichen Bonus können Sie Ihre Spiele mit GDevelop auf verschiedene Plattformen wie Android, iOS, Facebook Instant Games und mehr exportieren.

Dies ist definitiv eine Option für diejenigen, die daran interessiert sind, ein praktikables Spiel zu erstellen, das Sie dann exportieren und auf verschiedene Plattformen verteilen können, aber nicht daran interessiert sind, zu tief in die Spieleentwicklung einzutauchen.

Vier. Phaser.js

Das ist der Bildtitel

Aber Moment mal, Phaser.js ist besser als Babylon.js, ist das ein Witz? Sie wissen, was die Leute sagen, das Fleisch des einen ist das Gift des anderen. Sie werden wahrscheinlich nicht gerne mit der Entwicklung von Webspielen mit fortschrittlichen Technologien wie WebGL beginnen, weil Sie bald frustriert sein werden, da die Erstellung von Spielen nicht einfach ist, wie Sie denken. Und hier wird Phaser.js wahrscheinlich Ihre erste Option sein, um mit der Spieleentwicklung zu beginnen, da es sehr einfach zu bedienen ist, viele Beispiele bietet und nicht viel Codebasis erfordert, um Ihr erstes Spiel zu erstellen.

Phaser ist ein unterhaltsames, kostenloses und schnelles 2D-Spiele-Framework zum Erstellen von HTML5-Spielen für Desktop- und mobile Webbrowser, das Canvas- und WebGL-Rendering unterstützt. Phaser verwendet intern sowohl einen Canvas- als auch einen WebGL-Renderer und kann je nach Browserunterstützung automatisch zwischen ihnen wechseln. Dies ermöglicht ein blitzschnelles Rendern auf Desktop- und Mobilgeräten. Phaser verwendet und trägt zum Rendern der exzellenten Pixi.js-Bibliothek bei.

Phaser wurde verwendet, um Hunderte von Spielen zu erstellen, die jeden Monat Millionen von Spielen erhalten. Und Version 2 ist die bisher stabilste und fehlerfreiste. Die Probleme werden schnell behoben und wir behalten den Überblick über die sich ändernde Browserlandschaft.

5. PixiJS

Das ist der Bildtitel

So wie BabylonJS eine sehr leistungsstarke 3D-Visualisierungsbibliothek war, ist PixiJS eine erstaunlich flexible und leistungsstarke 2D-Visualisierungsbibliothek. Es funktioniert mit WebGL und wurde mit dem Ziel entwickelt, schöne Web-Erlebnisse zu schaffen, die sich nicht unbedingt in Spielen umsetzen lassen. Aus diesem Grund unterstützt die Bibliothek einige spielbezogene Elemente wie Sprits, Text und sogar einige fortgeschrittene Elemente wie Shader.
Davon abgesehen müssen Sie Ihre eigene Physik-Engine bauen, Sie müssen sich um die Kollisionserkennung und andere Spielmechaniken kümmern, z. B. um sicherzustellen, dass Sie eine korrekte Spielschleife erstellen.
Letztendlich ist dies eine gute Option, wenn Sie kein komplexes Spiel erstellen und sich mehr Sorgen um die visuellen Aspekte als über andere komplexere Spielmechaniken machen.

6. PlayCanvas

Das ist der Bildtitel

PlayCanvas ist eine vollständig webbasierte Spieleentwicklungsumgebung. Das bedeutet, dass Sie ihre Plattform verwenden, um Ihren Code zu schreiben, ihn zu testen, Ihre Szenen einzurichten (sie haben eine verrückte detaillierte WebGL 3D-GUI) und sogar Ihre Spiele mit einem einzigen Klick zu exportieren.
Wie einige der anderen Optionen, die ich in dieser Liste beschreibe, ist PlayCanvas vollständig kompatibel und bereit, VR-Erlebnisse zu erstellen, was ein wachsender Trend in der Spieleentwicklung zu sein scheint.
Der kleine Nachteil von PlayCanvas ist, dass es nicht völlig kostenlos ist. Sie können natürlich die kostenlose Stufe verwenden und öffentliche Projekte haben, aber Sie können vergessen, sie privat zu halten oder sogar ihren eigenen Ladebildschirm zu entfernen, es sei denn, Sie zahlen eine monatliche Gebühr.

Wenn Sie der Meinung sind, dass wir eine weitere großartige Game Engine in Javascript vergessen haben, lassen Sie es uns bitte wissen und teilen Sie sie im Kommentarfeld mit der Community.

Danke fürs Lesen .

#js #javascript #spielentwicklung