Outil pour Babylon.js

Personnage Mixamo dans Babylon.js WebGPU.

Générez un contrôleur JavaScript propre pour un personnage 3D avec WebGPU et un repli automatique vers WebGL.

Étape 1

Configurer le personnage

✧

Entrez l'URL publique du fichier GLB. Si vous la laissez vide, une capsule de test sera affichée.

URL du modèle Mixamo (.glb) Par ex. https://mon-site.fr/joueur.glb

Noms des animations

Une fois le modèle chargé, ces animations apparaîtront sous forme de boutons directement dans la scène.

Repos Marcher

Courir Saut

Chute Animations étendues

Associez des noms de groupes d'animation supplémentaires du modèle Mixamo aux boutons de la scène.

Danse Faire signe

Coup de poing Coup de pied

Se faufiler Accroupissement

Célébration Mort

Mouvement

Vitesse de marche Vitesse de course

✦Générer le JS

Étape 2 · Sortie

babylon_controller.js

JS TS

0 řádků

JavaScript · Babylon.js

▣Copier vers le Playground ↓Télécharger .js ↓Télécharger .ts ↗Télécharger le HTML complet

Test le plus rapide : copiez le JS dans le Babylon.js Playground, téléchargez le TS dans votre projet, ou utilisez le HTML prêt à l'emploi.

Avant d'appuyer sur Exécuter

Du code à la scène 3D en un instant

La sortie utilise Babylon.js WebGPU depuis un CDN, un sol procédural en bois de cerisier et bascule sur WebGL en cas de non-support.

Exportez le modèle Mixamo en tant que GLB et utilisez une URL que le navigateur peut charger. Le sol est créé à partir d'une texture procédurale en bois de cerisier sans image externe. WebGPU fonctionne dans les navigateurs pris en charge via HTTPS ou localhost ; en cas de non-support, WebGL est utilisé. Lors de l'ouverture via file://, le navigateur peut bloquer le chargement du modèle — utilisez un serveur local simple.