Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

Werkzeuge für die Spieleentwicklung

Auf dieser Seite finden Sie Links zu unseren Artikeln über Spieleentwicklungswerkzeuge, die letztlich Frameworks, Compiler und Debugging-Tools abdecken sollen.

asm.js

asm.js ist ein sehr begrenzter Teil der JavaScript-Sprache, der erheblich optimiert werden kann und in einem Ahead-of-Time (AOT) Compiler-Engines viel schneller ausgeführt werden kann als die typische JavaScript-Performance. Dies ist natürlich großartig für Spiele.

Emscripten

Ein LLVM zu JavaScript Compiler; mit Emscripten können Sie C++ und andere Sprachen, die zu LLVM-Bytecode kompiliert werden können, in hochleistungsfähiges JavaScript umwandeln. Dies ist ein hervorragendes Werkzeug, um Anwendungen ins Web zu portieren! Es gibt ein nützliches Emscripten-Tutorial im Wiki.

Firefox Profiler

Der Firefox Profiler ermöglicht es Ihnen, Ihren Code zu profilieren, um herauszufinden, wo Ihre Performance-Probleme liegen, sodass Sie Ihr Spiel mit Höchstgeschwindigkeit laufen lassen können.

Toolchain für die Entwicklung und das Debuggen von Spielen

Wie unterscheidet sich dies vom normalen Debugging von Web-Apps? Welche speziellen Werkzeuge sind verfügbar? Vieles davon wird von Will in Tools behandelt, aber hier sollten wir eine Art praktisches Toolchain-Tutorial zum Debuggen von Spielen bereitstellen, mit Links zu Wills Materialien:

  • Grundlegende Werkzeuge Übersicht
  • Shader-Editor
  • Performance-Tools (noch in Produktion, geschätzt Anfang 2014)

Web-Technologien

Web-Technologien in der Spieleentwicklung und ihre Funktion
Funktion Technologie
Audio Web Audio API
Grafik WebGL (OpenGL ES 2.0)
Eingabe Touch-Events, Gamepad API, Gerätesensoren, WebRTC, Full Screen API, Pointer Lock API
Sprache JavaScript (oder C/C++ mithilfe von Emscripten, um zu JavaScript zu kompilieren)
Netzwerk WebRTC und/oder WebSockets
Speicher IndexedDB oder die "Cloud"
Web HTML, CSS, SVG (und vieles mehr!)
Fetch API

Senden und empfangen Sie beliebige Daten von einem Webserver, z.B. um neue Spielebenen und Grafiken herunterzuladen oder um nicht in Echtzeit übertragene Spielstatusinformationen hin- und herzuschicken.

Full Screen API

Vollbild-Spiel.

Gamepad API

Verwenden Sie Gamepads oder andere Spielcontroller.

HTML und CSS

Erstellen, gestalten und layouten Sie die Benutzeroberfläche Ihres Spiels.

HTML Audio

Einfach das Abspielen von Soundeffekten und Musik.

IndexedDB

Speichern Sie Benutzerdaten auf dem eigenen Computer oder Gerät des Benutzers.

JavaScript

Schnelle Web-Programmiersprache, um den Code für Ihr Spiel zu schreiben. Um Ihre bestehenden Spiele leicht zu portieren, verwenden Sie Emscripten oder Asm.js.

Pointer Lock API

Sperren Sie die Maus oder ein anderes Zeigegerät innerhalb der Benutzeroberfläche Ihres Spiels.

SVG (Scalable Vector Graphics)

Bauen Sie Vektorgrafiken, die sich unabhängig von Größe oder Auflösung des Benutzerbildschirms reibungslos skalieren.

Typed Arrays

Zugriff auf rohe Binärdaten innerhalb von JavaScript; Manipulieren Sie GL-Texturen, Spieldaten oder alles andere.

Web Audio API

Kontrolle der Wiedergabe, Synthese und Manipulation von Audio in Echtzeit.

WebGL

Erstellen Sie leistungsstarke, hardwarebeschleunigte 3D-Grafiken (und 2D). OpenGL ES 2.0.

WebRTC

Echtzeitkommunikation zur Steuerung von Audio- und Videodaten, einschließlich Videokonferenzen und Übertragung anderer Anwendungsdaten zwischen zwei Benutzern, ähnlich wie Chat.

WebSockets

Verbinden Sie Ihre App oder Website mit einem Server, um Daten in Echtzeit hin- und herzuschicken. Perfekt für Mehrspieler-Spielaktionen, Chat-Dienste usw.

Web Workers

Erzeugen Sie Hintergrundthreads, die ihren eigenen JavaScript-Code für Multicore-Prozessoren ausführen.

Native Spiele ins Web portieren

Wenn Sie ein nativer Entwickler sind (z.B. Spiele in C++ schreiben) und daran interessiert sind, wie Sie Ihre Spiele ins Web portieren können, sollten Sie mehr über unser Emscripten Tool erfahren — dies ist ein LLVM zu JavaScript Compiler, der LLVM-Bytecode (z.B. generiert aus C/C++ mit Clang oder aus einer anderen Sprache) in asm.js kompiliert, das im Web ausgeführt werden kann.

Um loszulegen, siehe: