# Projektgrundlagen

Entdecke Repositories nach Projektziel oder Zielplattform. Vergleiche Unternehmensanwendungen, App-Grundlagen, Game-Engines und ergänzende Bibliotheken vor der Auswahl.

Seite 1 von 1

## Babylon.js

Referenzprojekt

JavaScript/TypeScript-Engine für 3D-Browserspiele und interaktive Szenen.

### Warum wir es empfehlen

Babylon.js liefert Szenen, Kameras, Materialien und Asset-Werkzeuge für Web-3D. Im Playground kannst du eine Idee prüfen und anschließend in deine eigene versionierte Anwendung übernehmen.

### Wann du es wählen solltest

- 3D-Browserspiele, interaktive Produktwelten und Trainingsanwendungen.
- TypeScript-Teams mit eigenem Web-Workflow und Bedarf an einer Szenen-Engine.

### Was du beachten solltest

- Spielregeln, Speicherung und Multiplayer-Autorität bleiben eigene Anwendungslogik. Eine gerenderte Szene ist noch kein vollständiges Onlinespiel.
- Das öffentliche Lern-CDN ist nicht für Produktionshosting gedacht. Fixiere Pakete, liefere Assets selbst aus und prüfe die GPU-Unterstützung der Browser.

### Mit diesem Projekt starten

Beginne mit einem offiziellen Playground-Beispiel und erstelle dann eine separate Anwendung mit den dokumentierten npm/ES-Modulen. Ergänze Kamera, Eingabe, Asset-Laden und eine Interaktion. Prüfe WebGL oder WebGPU auf deinen Zielbrowsern.

Technologie: TypeScript, JavaScript, WebGL, WebGPU

Lizenz: Apache-2.0

Standardbranch: master

Quellen geprüft: 2026-10-26

[Projekt kennenlernen](https://orqestria.com/de/catalog/repositories/babylonjs)

[Projekt in Orqestria starten](orqestria://catalog/project?repository=babylonjs)

Wähle Name und Speicherort in Orqestria, um diese Quellen zu klonen und das empfohlene Team zuzuweisen. Lies die Anleitung: Engine- oder Bibliotheksquellen benötigen ein separates Spiel- oder Anwendungsprojekt. Es werden keine Abhängigkeiten installiert und keine Anwendungen gestartet.

### Offizielle Quellen

- [https://github.com/BabylonJS/Babylon.js](https://github.com/BabylonJS/Babylon.js)
- [https://github.com/BabylonJS/Babylon.js/blob/master/license.md](https://github.com/BabylonJS/Babylon.js/blob/master/license.md)
- [https://github.com/BabylonJS/Babylon.js/blob/master/readme.md](https://github.com/BabylonJS/Babylon.js/blob/master/readme.md)


## Phaser

Referenzprojekt

JavaScript/TypeScript-Framework für 2D-Browserspiele mit Szenen, Eingabe, Animation und Physik.

### Warum wir es empfehlen

Phaser eignet sich für einen spielbaren 2D-Ablauf mit Sprites, Tilemaps und Punkten oder Zeitlimit. Offizielle Vorlagen lassen dir die Wahl bei Frontend und Build-Werkzeugen, während die Spielgrundfunktionen vorhanden sind.

### Wann du es wählen solltest

- Plattform-, Puzzle-, Karten- und Arcadespiele für Desktop- und Mobilbrowser.
- Kleine Spiele als Bestandteil eines bestehenden Webprodukts.

### Was du beachten solltest

- Es ist ein 2D-Framework. Native Pakete benötigen zusätzliche Werkzeuge und entstehen nicht automatisch durch den Web-Build.
- Fixiere die Phaser-Hauptversion und passende Beispiele; Szenen-, Renderer- und Physik-APIs können sich ändern. Assets und eigene Spielsysteme bleiben Entwicklungsarbeit.

### Mit diesem Projekt starten

Erzeuge mit der offiziellen Create-Game-Anleitung ein separates JavaScript- oder TypeScript-Projekt. Baue Preload, Szene, Tastatur-/Touch-Eingabe, Kollision und Neustart; prüfe generierte Skripte vor der Ausführung.

Technologie: TypeScript, JavaScript, 2D

Lizenz: MIT

Standardbranch: master

Quellen geprüft: 2026-10-26

[Projekt kennenlernen](https://orqestria.com/de/catalog/repositories/phaser)

[Projekt in Orqestria starten](orqestria://catalog/project?repository=phaser)

Wähle Name und Speicherort in Orqestria, um diese Quellen zu klonen und das empfohlene Team zuzuweisen. Lies die Anleitung: Engine- oder Bibliotheksquellen benötigen ein separates Spiel- oder Anwendungsprojekt. Es werden keine Abhängigkeiten installiert und keine Anwendungen gestartet.

### Offizielle Quellen

- [https://github.com/phaserjs/phaser](https://github.com/phaserjs/phaser)
- [https://github.com/phaserjs/phaser/blob/master/LICENSE.md](https://github.com/phaserjs/phaser/blob/master/LICENSE.md)
- [https://github.com/phaserjs/phaser/blob/master/README.md](https://github.com/phaserjs/phaser/blob/master/README.md)


## Three.js

Referenzprojekt

3D-Grafikbibliothek für individuelle Browserspiele, visuelle Erlebnisse und interaktive Welten.

### Warum wir es empfehlen

Three.js gibt dir direkte Kontrolle über Szenen, Kameras, Geometrien und Materialien. Es passt, wenn du deine Spielarchitektur selbst zusammensetzt und Physik sowie Netzwerk separat auswählst.

### Wann du es wählen solltest

- Individuelle Web-3D-Darstellung und kleine interaktive Spielprototypen.
- Produkte mit speziellen Grafik-Anforderungen und eigener Spielarchitektur.

### Was du beachten solltest

- Es ist kein vollständiges Spieleframework: Gameplay, Physik, Netzwerk, Spielstände und Levelwerkzeuge benötigen eigene Planung.
- Der Standardzweig dev enthält Entwicklungscode. Wähle eine Veröffentlichung mit passenden Addons; gemischte Versionen und ungenutzte GPU-Ressourcen verursachen Integrationsprobleme.

### Mit diesem Projekt starten

Folge in einer separaten Webanwendung dem offiziellen Installationshandbuch. Erstelle Szene, Kamera und Renderloop, danach Eingabe und eine Interaktion. Verwende gleiche Versionen für Kern und Addons und gib ersetzte GPU-Ressourcen ausdrücklich frei.

Technologie: JavaScript, TypeScript, WebGL, WebGPU

Lizenz: MIT

Standardbranch: dev

Quellen geprüft: 2026-10-26

[Projekt kennenlernen](https://orqestria.com/de/catalog/repositories/threejs)

[Projekt in Orqestria starten](orqestria://catalog/project?repository=threejs)

Wähle Name und Speicherort in Orqestria, um diese Quellen zu klonen und das empfohlene Team zuzuweisen. Lies die Anleitung: Engine- oder Bibliotheksquellen benötigen ein separates Spiel- oder Anwendungsprojekt. Es werden keine Abhängigkeiten installiert und keine Anwendungen gestartet.

### Offizielle Quellen

- [https://github.com/mrdoob/three.js](https://github.com/mrdoob/three.js)
- [https://github.com/mrdoob/three.js/blob/dev/LICENSE](https://github.com/mrdoob/three.js/blob/dev/LICENSE)
- [https://github.com/mrdoob/three.js/blob/dev/README.md](https://github.com/mrdoob/three.js/blob/dev/README.md)


## PlayCanvas Engine

Referenzprojekt

Web-3D-Engine für JavaScript/TypeScript-Spiele mit WebGL, WebGPU und Browsereingabe.

### Warum wir es empfehlen

PlayCanvas Engine bietet einen Entitäts-/Komponenten-Workflow und Grafikfunktionen für interaktive Webwelten. Du kannst die Engine unabhängig vom gehosteten Editor in deiner eigenen Anwendung einsetzen.

### Wann du es wählen solltest

- 3D-Browserspiele und interaktive Szenen mit Entitäts-/Komponentenstruktur.
- Webteams mit glTF-Assets und eigenständigem Engine-Workflow.

### Was du beachten solltest

- Das MIT-Engine-Repository ist vom gehosteten Editor und seinen Tarifen getrennt. Die Engine enthält kein gehostetes Projekt oder kostenpflichtige Editorfunktionen.
- Gameplay, Netzwerk und Asset-Auslieferung bleiben eigene Umsetzung. Prüfe Zielbrowser und Grafik-Fallback vor WebGPU- oder XR-Zusagen.

### Mit diesem Projekt starten

Nutze die offizielle Standalone-Anleitung oder den dokumentierten create-playcanvas-Generator für ein separates Projekt. Fixiere die Engine, erstelle Entitäten und Komponenten, lade ein Modell und prüfe Kamera, Eingabe, Größenänderung und Grafikbackend.

Technologie: JavaScript, TypeScript, WebGL, WebGPU

Lizenz: MIT

Standardbranch: main

Quellen geprüft: 2026-10-26

[Projekt kennenlernen](https://orqestria.com/de/catalog/repositories/playcanvas)

[Projekt in Orqestria starten](orqestria://catalog/project?repository=playcanvas)

Wähle Name und Speicherort in Orqestria, um diese Quellen zu klonen und das empfohlene Team zuzuweisen. Lies die Anleitung: Engine- oder Bibliotheksquellen benötigen ein separates Spiel- oder Anwendungsprojekt. Es werden keine Abhängigkeiten installiert und keine Anwendungen gestartet.

### Offizielle Quellen

- [https://github.com/playcanvas/engine](https://github.com/playcanvas/engine)
- [https://github.com/playcanvas/engine/blob/main/LICENSE](https://github.com/playcanvas/engine/blob/main/LICENSE)
- [https://github.com/playcanvas/engine/blob/main/README.md](https://github.com/playcanvas/engine/blob/main/README.md)

