Skip to content
Zurück zum Blog
Wie Javascript-Minecraft Weltgenerierung lehrt

Wie Javascript-Minecraft Weltgenerierung lehrt

Alexandru Maftei
Alexandru Maftei
@ice
Updated
2 Aufrufe
TL;DR:Ein im Browser ausführbarer Minecraft-Klon mit JavaScript und three.js, der dir prozedurale Weltgenerierung, Block-Mechaniken und Game-Engine-Konzepte durch praktisches Experimentieren beibringt. Ideal für Entwickler, die 3D-Webgrafiken lernen möchten, und für Spieler, die neugierig sind, wie Minecraft unter der Haube funktioniert.

"webbasierter Minecraft-Klon gebaut mit three.js"

ashish0kumar/Minecraft-Javascript-Edition - github.com
⭐ 13 stars💻 JavaScript📄 MIT

Hast du dich schon mal gefragt, wie Minecraft seine Welten eigentlich generiert? Dieser JavaScript-Klon läuft vollständig in deinem Browser und vermittelt prozedurale Generierung, Block-Physik und Terrain-Manipulation durch praktisches Experimentieren. Keine Mods, kein Launcher, kein Setup-Aufwand.

Worum geht es bei diesem Projekt

Minecraft-Javascript-Edition ist ein webbasiertes Spiel, das mit three.js (eine beliebte JavaScript 3D-Bibliothek) gebaut wurde und Minecrafts Kernmechaniken in deinem Browser nachbildet. Es ist kein vollständiges Spiel und will es auch gar nicht sein. Mit nur 13 Stars auf GitHub ist es ein relativ kleines Projekt, aber genau das macht es für Entwickler und Spieler interessant, die sich für Game-Architektur interessieren.

Der Maintainer, Ashish Kumar, hat dieses Projekt unter der MIT-Lizenz veröffentlicht, daher ist der Code offen zum Inspizieren, Modifizieren und Lernen.


Warum das für Erbauer und Lerner wichtig ist

Wenn du schon mal Minecraft 26.2 gespielt und dich gefragt hast, "Wie handhabt der Algorithmus wohl unendliche Welten?", dann beantwortet dir dieses Projekt genau diese Frage. Das Procedural-Generation-System ist vollständig im Browser sichtbar - du kannst es beobachten, anpassen und verändern, ohne Konsequenzen zu fürchten. Du spielst nicht einfach nur - du verstehst die Engine dahinter.

Für Game-Entwickler, die three.js lernen, ist das eine Referenz-Implementierung, die zeigt, wie man Terrain-Chunking, Block-Picking und Kamera-Steuerung in 3D-Webräumen handhabt. Spieler, die neugierig sind, wie Biome und Ressourcen entstehen, sehen es in Echtzeit funktionieren.

Es macht auch einfach Spaß, damit herumzuspielen.


Lokal zum Laufen bringen

Das Projekt befindet sich auf GitHub und läuft auf deinem Computer über einen Entwicklungsserver. Das brauchst du:

bash
git clone https://github.com/ashish0kumar/Minecraft-Javascript-Edition.git
cd Minecraft-Javascript-Edition

Nachdem du es geklont hast, installiere die Dependencies mit npm (Node.js muss installiert sein):

bash
npm install

Dann startest du den Entwicklungsserver:

bash
npm run dev

Öffne deinen Browser auf http://localhost:5173 und du bist drin.

Es gibt auch eine Live-Demo auf Netlify, wenn du einfach nur herumschauen möchtest, ohne etwas zu installieren, aber wenn du es lokal ausführst, kannst du den Terrain-Generierungs-Algorithmus ändern und die Änderungen sofort sehen.


Die Mechaniken, die es zum Laufen bringen

Die Werkzeugleiste lässt dich zwischen verschiedenen Block-Typen und einem Spitzhacken-Werkzeug wechseln. Ehrlich gesagt: platziere Blöcke mit Rechtsklick und zerstöre sie mit der Spitzhacke. Es klingt einfach, aber das zugrunde liegende Procedural-System ist das Interessante.

Prozedurale Generierung bedeutet, dass die Welt sich selbst algorithmisch erschafft, anstatt von Hand erstellt zu werden. Das Projekt generiert Gelände unendlich, während du es erkundest, und teilt die Welt in Chunks auf, damit dein Browser nicht alles gleichzeitig laden muss - derselbe Ansatz wie bei Minecraft Java Edition. Erkunde weit genug und du wirst auf Kohle- und Eisenvorkommen stoßen, die über die Landschaft verstreut sind, genau wie im echten Spiel.

Du kannst frei terraformen, deinen Weltzustand speichern und später neu laden. Deine Änderungen werden lokal in deinem Browser gespeichert, sodass deine Terraforming-Experimente nicht verloren gehen, wenn du die Seite aktualisierst.

Wenn du dich für Pixel-Art oder detailliertes Terraforming interessierst, kann dir der minecraft.how Text-Generator helfen, textbasierte Strukturen zu entwerfen, um sie in deiner Klon-Welt nachzubilden. Es ist eine schöne Möglichkeit, die Lücke zwischen Planung und Bau zu überbrücken.


Einschränkungen und Browser-Realität

Das ist kein Ersatz für Minecraft. Es fehlen Multiplayer, der Nether, die End-Dimension, Mobs, Crafting und etwa tausend andere Dinge, die Minecraft zu Minecraft machen.

Die Leistung hängt vollständig von deiner Hardware und deinem Browser ab. Ältere Maschinen oder Browser könnten Probleme haben, wenn du eine massive Welt generierst. Die Sichtweite ist nicht unendlich - du wirst sehen, wie sich das Gelände an den Chunk-Grenzen ein- und ausblenden, was für Bildungszwecke in Ordnung ist, aber spürbar, wenn du an Minecrafts Rendering gewöhnt bist.

Das ist ein Single-Player-Browser-Projekt. Wenn du Multiplayer-Server-Mechaniken testen möchtest oder sehen möchtest, wie echte Minecraft-Server Verbindungen handhaben, sieh dir unseren Server-Status-Checker an, um zu erkunden, was im echten Spiel läuft.

Außerdem funktioniert dies auf Mobilgeräten nicht effektiv. Tastatursteuerung und 3D-Perspektive funktionieren am besten auf dem Desktop.


Wie es sich mit ähnlichen Projekten vergleicht

Es gibt mehrere andere Minecraft-inspirierte Projekte im JavaScript-Ökosystem. Babylon.js und Cesium.js bieten beide 3D-Terrain-Generierungs-Bibliotheken, obwohl es breitere Werkzeuge ohne eingebaute Minecraft-Mechaniken sind. PlayCanvas hat von der Community erstellte Minecraft-ähnliche Spiele, aber sie konzentrieren sich weniger auf prozedurale Generierung als Lernwerkzeug.

Rust-basierte Game-Engines wie Bevy haben ähnliche Lern-Klone, und die Minecraft-Modding-Gemeinde hat unzählige technische Deep-Dives in Weltgenerations-Algorithmen. Was dieses Projekt unterscheidet, ist die niedrige Einstiegshürde - es ist nur ein Browser-Tab, kein Download, und der Quellcode ist lesbar, ohne sich durch decompilierten Bytecode arbeiten zu müssen.

Wenn du ein kompletteres Erlebnis möchtest, bleibt offizielles Minecraft der Standard. Wenn du verstehen möchtest, wie die Magie unter der Haube passiert, ist diese JavaScript-Edition dein Ausgangspunkt.


Über den Autor
Alexandru Maftei
Alexandru MafteiHauptautor

Lead writer at minecraft.how. Long-time Minecraft player running a small SMP server, testing every build, mod, and seed before writing about it.

Teile es mit deinen Freunden!