Einführung in die HTML-Spielentwicklung
Vorteile
- Spiele, die mit HTML erstellt wurden, funktionieren auf Smartphones, Tablets, PCs und Smart-TVs.
- Werben Sie für Ihr Spiel im gesamten Web sowie in anderen Medien.
- Zahlungen. Verlangen Sie, was Sie möchten, und nutzen Sie jeden Zahlungsabwicklungsdienst, den Sie mögen.
- 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 jederzeit und überall spielen.
Web-Technologien
| 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++ unter Nutzung von Emscripten, um in JavaScript zu kompilieren) |
| Netzwerk | WebRTC und/oder WebSockets |
| Speicherung | IndexedDB oder die "Cloud" |
| Web | HTML, CSS, SVG (und vieles mehr!) |
- Fetch API
-
Senden und Empfangen jeglicher Daten von einem Webserver, wie das Herunterladen neuer Spielebenen und Grafiken sowie das Übermitteln von nicht-echtzeitlichen Spielstatusinformationen.
- Full Screen API
-
Vollbild-Spielerlebnis.
- Gamepad API
-
Verwenden Sie Gamepads oder andere Spielsteuerungen.
- HTML und CSS
-
Erstellen, gestalten und layouten Sie die Benutzeroberfläche Ihres Spiels.
- HTML audio
-
Einfaches Abspielen von Soundeffekten und Musik.
- IndexedDB
-
Speichern Sie Benutzerdaten auf ihrem eigenen Computer oder Gerät.
- 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)
-
Erstellen Sie Vektorgrafiken, die unabhängig von der Größe oder Auflösung des Displays des Benutzers reibungslos skaliert werden.
- Typed Arrays
-
Zugriff auf Roh-Binärdaten innerhalb von JavaScript; Manipulieren Sie GL-Texturen, Spieldaten oder alles andere.
- Web Audio API
-
Steuern Sie die Wiedergabe, Synthese und Manipulation von Audio in Echtzeit.
- WebGL
-
Erstellen Sie leistungsstarke, hardwarebeschleunigte 3D- (und 2D-)Grafiken. OpenGL ES 2.0.
- WebRTC
-
Echtzeitkommunikation zur Steuerung von Audio- und Videodaten, einschließlich Videokonferenzen und Übertragung anderer Anwendungsdaten zwischen zwei Benutzern wie Chat.
- WebSockets
-
Verbinden Sie Ihre App oder Website mit einem Server, um Daten in Echtzeit hin und her zu übertragen. Perfekt für Multiplayer-Spiele, Chatdienste und vieles mehr.
- Web Workers
-
Starten Sie Hintergrund-Threads, die ihren eigenen JavaScript-Code für Multicore-Prozessoren ausführen.