Новый модуль three-mediapipe-rig помогает быстро связать скелет персонажа с движениями, отслеживаемыми через веб-камеру. Он использует Google MediaPipe для трекинга лица, тела и рук и применяет данные к скелету в Three.js.

Модуль отслеживает все основные кости и даже пальцы рук. Можно использовать веб-камеру или видеофайл, а также записывать движения в файл формата .glb. Для работы достаточно минимум кода и базовых настроек.

Установка проста:

npm install three-mediapipe-rig

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

Есть готовые примеры на GitHub и несколько демонстраций:

• Characters
• Hands Demo
• Видео в геометрию лица

Если надо наладить быстрый захват движений для веб-проекта на Three.js, этот модуль стоит попробовать.

Подробнее и инструкции по использованию доступны в репозитории на GitHub.