Herramienta para Babylon.js

Personaje de Mixamo en Babylon.js WebGPU.

Genera un controlador JavaScript limpio para un personaje 3D con WebGPU y fallback automático a WebGL.

Paso 1

Configurar personaje

✧

Ingresa la URL pública del archivo GLB. Si la dejas vacía, se mostrará una cápsula de prueba.

URL del modelo Mixamo (.glb) Ej. https://mi-sitio.com/jugador.glb

Nombres de las animaciones

Después de cargar el modelo, estas animaciones aparecerán como botones directamente en la escena.

Reposo Caminar

Correr Salto

Caída Animaciones extendidas

Asigna nombres adicionales de Animation Groups del modelo de Mixamo a los botones en la escena.

Baile Saludar

Golpe Patada

Sigilo Agacharse

Celebración Muerte

Movimiento

Velocidad de caminata Velocidad de carrera

✦Generar JS

Paso 2 · Salida

babylon_controller.js

JS TS

0 řádků

JavaScript · Babylon.js

▣Copiar al Playground ↓Descargar .js ↓Descargar .ts ↗Descargar HTML listo

La prueba más rápida: copia el JS al Babylon.js Playground, descarga el TS a tu proyecto o usa el HTML listo.

Antes de presionar Ejecutar

Del código a la escena 3D en un momento

La salida utiliza Babylon.js WebGPU desde CDN, un suelo procedimental de madera de cerezo y cambia a WebGL si no es compatible.

Exporta el modelo de Mixamo como GLB y usa una URL que el navegador pueda cargar. El suelo se crea a partir de una textura procedimental de madera de cerezo sin una imagen externa. WebGPU funciona en navegadores compatibles a través de HTTPS o localhost; si no es compatible, se utiliza WebGL. Al abrir a través de file://, el navegador puede bloquear la carga del modelo: utiliza un servidor local simple.