Tool für Babylon.js

Mixamo-Figur in Babylon.js WebGPU.

Generiere einen sauberen JavaScript-Controller für 3D-Figuren mit WebGPU und automatischem Fallback auf WebGL.

Schritt 1

Charakter konfigurieren

✧

Gib eine öffentliche URL der GLB-Datei ein. Wenn du sie leer lässt, wird eine Testkapsel angezeigt.

Mixamo-Modell-URL (.glb) Z. B. https://meine-seite.de/player.glb

Animationsnamen

Nach dem Laden des Modells erscheinen diese Animationen als Schaltflächen direkt in der Szene.

Leerlauf Gehen

Laufen Sprung

Sturz Erweiterte Animationen

Ordne weitere Animation Group-Namen des Mixamo-Modells den Schaltflächen in der Szene zu.

Tanz Winken

Schlag Tritt

Schleichen Hocken

Jubel Tod

Bewegung

Gehgeschwindigkeit Laufgeschwindigkeit

✦JS generieren

Schritt 2 · Ausgabe

babylon_controller.js

JS TS

0 řádků

JavaScript · Babylon.js

▣In den Playground kopieren ↓.js herunterladen ↓.ts herunterladen ↗Fertiges HTML herunterladen

Schnellster Test: Kopiere JS in den Babylon.js Playground, lade TS für dein Projekt herunter oder verwende das fertige HTML.

Bevor du auf Run klickst

Vom Code zur 3D-Szene in kürzester Zeit

Die Ausgabe verwendet Babylon.js WebGPU via CDN, einen prozeduralen Kirschholzboden und schaltet bei fehlender Unterstützung auf WebGL um.

Exportiere das Mixamo-Modell als GLB und verwende eine URL, die der Browser laden kann. Der Boden wird aus einer prozeduralen Kirschholztextur ohne externes Bild erstellt. WebGPU funktioniert in unterstützten Browsern über HTTPS oder localhost; bei fehlender Unterstützung wird WebGL verwendet. Beim Öffnen über file:// kann der Browser das Laden des Modells blockieren — verwende einen einfachen lokalen Server.