Инструмент для Babylon.js

Персонаж Mixamo в Babylon.js WebGPU.

Сгенерируйте чистый JavaScript-контроллер для 3D-персонажа с WebGPU и автоматическим переходом на WebGL.

Шаг 1

Настройка персонажа

✧

Введите публичный URL-адрес GLB-файла. Если оставить поле пустым, отобразится тестовая капсула.

URL модели Mixamo (.glb) Напр. https://moje-stranka.cz/player.glb

Названия анимаций

После загрузки модели эти анимации появятся в виде кнопок прямо в сцене.

Ожидание Ходьба

Бег Прыжок

Падение Расширенные анимации

Привяжите дополнительные названия групп анимаций из модели Mixamo к кнопкам в сцене.

Танец Махание

Удар Удар ногой

Красться Приседание

Празднование Смерть

Движение

Скорость ходьбы Скорость бега

✦Сгенерировать JS

Шаг 2 · Вывод

babylon_controller.js

JS TS

0 řádků

JavaScript · Babylon.js

▣Скопировать в Playground ↓Скачать .js ↓Скачать .ts ↗Скачать готовый HTML

Самый быстрый тест: Скопируйте JS в Babylon.js Playground, скачайте TS в свой проект или используйте готовый HTML.

Перед тем как нажать Run

От кода к 3D-сцене за мгновение

Вывод использует Babylon.js WebGPU из CDN, процедурный пол из вишневого дерева и при отсутствии поддержки переключается на WebGL.

Экспортируйте модель Mixamo как GLB и используйте URL, который браузер может загрузить. Пол создается из процедурной текстуры вишневого дерева без внешнего изображения. WebGPU работает в поддерживаемых браузерах через HTTPS или localhost; при отсутствии поддержки используется WebGL. При открытии через file:// браузер может блокировать загрузку модели — используйте простой локальный сервер.