Three.js Spieleengine für Single- & Multiplayer
MavonEngine ist eine Three.js-Spieleengine für Echtzeit-Browserspiele — die einzige mit serverautoritativer Physik von Anfang an. Baue Single- oder Multiplayer-3D-Spiele mit einer einheitlichen Server-Client-Architektur, integrierter Physik und Echtzeit-Netzwerkfunktionen.
import { MavonServer, MavonClient, Entity } from '@mavonengine/core' // Server-seitige Spielwelt const server = new MavonServer() server.onPlayerJoin((player) => { const entity = new Entity({ position: [0, 1, 0] }) server.world.add(entity) server.sync(player, entity) }) server.start(3000)
Alles in einem zusammenhängenden Paket
Kein Zusammenstückeln mehr von Bibliotheken. MavonEngine liefert Rendering, Physik, Netzwerk, Animation, Partikel und Debugging als einheitliches Ganzes.
Full-Stack-Multiplayer-Architektur
Gemeinsames Entity-System — einmal schreiben, auf Server und Client ausführen. Automatische Zustandssynchronisierung mit Bandbreitenoptimierung, entfernungsbasiertem Culling für Entity-Sichtbarkeit und hash-basierter Änderungserkennung zur Minimierung des Netzwerkverkehrs.
Integrierte 3D-Physik mit Rapier
Kinematischer Character-Controller mit Hanganstieg und -abgleitung. Konfigurierbare Parameter — 45° Anstieg, 30° Auto-Abgleitung. Vollständige Körper- & Collider-Verwaltung und Physik-Debug-Visualisierung in Echtzeit.
Erweitertes 3D-Rendering mit Three.js
MavonEngine ist im Kern eine Three.js-Spieleengine — mit der vollen Leistung von Three.js, Unterstützung für benutzerdefinierte GLSL-Shader und Debug-Rendering-Modi wie Wireframe-, Armatur- und Physik-Overlays.
Echtzeit-Multiplayer-Netzwerk
WebRTC-basierte Kommunikation für Echtzeit-Datenkanäle. Bandbreitenverfolgung & -überwachung, Befehls-Pufferung & -Verarbeitung über Netzwerklatenz hinweg, und Server-Gesundheitsüberwachung mit integrierten HTTP-Endpunkten.
Skelett-Animationssystem
Animationszustandsverwaltung mit logischer Organisation. Sanfte Übergangs-Animationen mit konfigurierbarer Dauer, GLTF-Modellunterstützung mit Draco-Komprimierung und effizientes Skeleton-Klonen für instanziierte Modelle.
Partikeleffekte-Framework
Eingebaute Effekte — Regen und Rauch sofort einsatzbereit. Unterstützung für benutzerdefinierte Shader für einzigartige Partikelvisualisierungen.
Level-Editor
Sehr frühes WIP — ein Level-Editor, der direkt aus der laufenden Spielinstanz auf der Seite lädt.
Prefabs
Sofort einsatzbereite Prefabs, die von der Community erstellt wurden — von Umgebungs-Assets bis hin zu Gameplay-Elementen. Lade beliebige Prefabs direkt in den Editor, passe sie an und veröffentliche. Jeder kann Prefabs im Community-Registry veröffentlichen.
Gras — Üppige, performante Grasfelder mit Windsimulation und LOD-Unterstützung. Füge es in deine Szene ein und konfiguriere Dichte, Schwingung und Farbe in Sekunden.
Wasser — Einfacher Wasser-Shader. 3 LODs + Grundanpassungen — sofort einsatzbereit.
Anders gebaut
Die meisten Multiplayer-Browserspiele werden mit Klebeband zusammengehalten. MavonEngine ist eine Three.js-Spieleengine, die von Grund auf als einheitliches System konzipiert wurde — damit alles von Anfang an zusammenarbeitet.
Komplettlösung
Rendering, Physik, Netzwerk, Entity-Verwaltung, Asset-Laden, Animation, Partikel und Debugging-Tools in einem zusammenhängenden Paket.
Server + Client-Einheit
Schreibe Spiellogik einmal und sie funktioniert auf Server und Client. Das gemeinsame Entity-System eliminiert Duplikation und Drift. Der Server betreibt eine vereinfachte Hitbox-Szene neben der vollständigen Three.js-Welt des Clients — für autoritativen Treffernachweis, Raycasting und räumliche Abfragen, ohne dem Client zu vertrauen.
Netzwerk integriert
Entfernungsbasiertes Culling, hash-basierte Änderungserkennung, Bandbreitenüberwachung und automatische Zustandssynchronisierung — alles integriert, nichts angeschraubt.
Entwicklererfahrung
Tweakpane-Integration, Debug-Visualisierung, Performance-Überwachung und umfassende TypeScript-Typen. Fehler schnell finden, schneller ausliefern.
Erweiterbare Architektur
Abstrakte Basisklassen ermöglichen die Anpassung von Servern, Entities und Spiellogik, ohne gegen das Framework ankämpfen zu müssen. Entwickelt, um mit deinem Projekt zu wachsen.
Was kannst du bauen?
MavonEngine ist eine Three.js-Spieleengine für Browserspiele — Single-Player oder Multiplayer. Alles, was Spieler, Physik und eine Welt im Browser benötigt.
Action-RPGs
PvP-Kampfspiele
Open-World-Multiplayer
Physikbasierte Spiele
Single-Player-3D-Spiele
Häufig gestellte Fragen
Eine Three.js-Spieleengine baut auf dem Rendering von Three.js auf und fügt die Systeme hinzu, die jedes Spiel braucht — Physik, Netzwerk, Entity-Verwaltung, Animationen und Tooling. Statt separate Bibliotheken selbst zusammenzuführen, liefert eine Spieleengine all das integriert und funktionierend. MavonEngine ist eine Three.js-Spieleengine für Browserspiele — mit serverautoritativer Physik und Multiplayer-Netzwerk von Anfang an.
Three.js ist eine Rendering-Bibliothek — sie zeichnet 3D-Szenen im Browser. Eine Three.js-Spieleengine wie MavonEngine ergänzt alles Weitere: ein Entity-System, State Machines, Physiksimulation, Echtzeit-Multiplayer-Netzwerk, Asset-Loading, Animationen, Partikel und einen Level-Editor. Du schreibst weniger Boilerplate und konzentrierst dich auf die Spiellogik.
Ja, aber Three.js allein hat kein Netzwerk und keine Physik — du musst beides selbst integrieren. MavonEngine löst das, indem es Rapier3D-Physik auf dem Server neben der Three.js-Szene des Clients betreibt, mit WebRTC-basierter Zustandssynchronisierung. Es übernimmt die schwierigen Teile von Multiplayer, damit du dich auf das Gameplay konzentrieren kannst.
MavonEngine ist die einzige Three.js-Spieleengine, die speziell für Multiplayer-Browserspiele entwickelt wurde. Sie betreibt eine serverautoritäre Physiksimulation parallel zur Three.js-Welt des Clients — für präzise Treffererkennung, Anti-Cheat und Echtzeit-Zustandssynchronisierung, ohne es selbst aufbauen zu müssen.
MavonEngine enthält Rapier3D-Physik auf Server und Client. Der Server führt die autoritäre Simulation aus — Kollision, Treffererkennung, räumliche Abfragen — während der Client Physik für visuelles Feedback nutzt. Diese Aufteilung verhindert Cheating und sorgt für konsistentes Gameplay bei allen Spielern.
Ja. MavonEngine ist kostenlos und Open Source. Es enthält Rendering, Physik, Multiplayer-Netzwerk, Entity-Verwaltung, Animationen, Partikel und einen Level-Editor — alles kostenlos.
Der schnellste Weg ist, ein Projekt mit npx @mavonengine/create-bootstrap zu erstellen. Das richtet ein funktionierendes Three.js-Spieleengine-Projekt mit Physik und Multiplayer-Unterstützung in unter einer Minute ein. Folge dem Erste-Schritte-Leitfaden, um von null zu einem laufenden Spiel zu kommen.