Einführung in die HTML-Spielentwicklung
Vorteile
- Spiele, die mit HTML erstellt wurden, funktionieren auf Smartphones, Tablets, PCs und Smart TVs.
- Bewerben und vermarkten Sie Ihr Spiel im gesamten Web sowie in anderen Medien.
- Zahlungen. Erheben Sie, was Sie möchten, und nutzen Sie den Zahlungsabwicklungsservice, den Sie bevorzugen.
- Aktualisieren Sie Ihr Spiel, wann immer Sie wollen.
- Sammeln Sie Ihre eigenen Analysen!
- Treten Sie in engeren Kontakt mit Ihren Kunden.
- Spieler können das Spiel überall und jederzeit spielen.
Webtechnologien
| Funktion | Technologie |
|---|---|
| Audio | Web Audio API |
| Grafiken | WebGL (OpenGL ES 2.0) |
| Eingaben | Touch events, Gamepad API, Gerätesensoren, WebRTC, Full Screen API, Pointer Lock API |
| Sprache | JavaScript (oder C/C++ mit Emscripten zu JavaScript kompilieren) |
| Netzwerk | WebRTC und/oder WebSockets |
| Speicherung | IndexedDB oder die "Cloud" |
| Web | HTML, CSS, SVG (und vieles mehr!) |
- Fetch API
-
Senden und Empfangen von beliebigen Daten von einem Webserver, wie das Herunterladen neuer Spielebenen und -grafiken sowie das Übertragen von nicht echtzeitbasierten Spielstatusinformationen hin und her.
- Full Screen API
-
Vollbild-Spielerlebnis.
- Gamepad API
-
Verwendung von Gamepads oder anderen Spielcontrollern.
- HTML und CSS
-
Erstellen, gestalten und layouten Sie die Benutzeroberfläche Ihres Spiels.
- HTML-Audio
-
Einfaches Abspielen von Soundeffekten und Musik.
- IndexedDB
-
Benutzerbezogene Daten auf deren eigenem Computer oder Gerät speichern.
- JavaScript
-
Schnelle Web-Programmiersprache zum Schreiben des Codes für Ihr Spiel. Um bestehende Spiele einfach zu portieren Emscripten oder Asm.js
- Pointer Lock API
-
Die Maus oder ein anderes Zeigegerät innerhalb der Benutzeroberfläche Ihres Spiels sperren.
- SVG (Scalable Vector Graphics)
-
Erstellen von Vektorgrafiken, die unabhängig von Größe oder Auflösung des Displays des Benutzers gleichbleibende Qualität bieten.
- Typed Arrays
-
Zugriff auf rohe Binärdaten aus JavaScript heraus; Manipulation von GL-Texturen, Spieldaten oder anderen Informationen.
- Web Audio API
-
Steuerung der Wiedergabe, Synthese und Manipulation von Audio in Echtzeit.
- WebGL
-
Erstellung von hochleistungsfähigen, hardwarebeschleunigten 3D- (und 2D-)Grafiken. OpenGL ES 2.0.
- WebRTC
-
Echtzeitkommunikation zur Kontrolle von Audio- und Videodaten, inklusive Telefonkonferenzen und Übertragung anderer Anwendungsdaten zwischen zwei Benutzern, wie Chat.
- WebSockets
-
Verbinden Sie Ihre App oder Website mit einem Server, um Daten in Echtzeit zu übertragen. Ideal für Multiplayer-Spiele, Chat-Dienste usw.
- Web Workers
-
Starten Sie Hintergrund-Threads, die ihren eigenen JavaScript-Code für Mehrkernprozessoren ausführen.