Babylon JS & ReadyPlayerMe -- Demo Talking Animation
Used animations from:
https://github.com/readyplayerme/animation-library
And converted from FBX to GLB using this simple NodeJS APP:
https://github.com/crazyramirez/FBX2GLB-Batch-Convert-Optimizer
Of course, current Player is from ReadyPlayerMe
Animations use Blending, Morphing using BJS Morph Targets
Download your ReadyPlayerMe Model using GET values ?morphTargets=ARKit&lod=1&textureFormat=webp
https://docs.readyplayer.me/ready-player-me/api-reference/rest-api/avatars/get-3d-avatars
✓ Setup NPM and Install BJS
- Install NodeJS from https://nodejs.org/en
- Download or Clone this Repository
- Open a Terminal (Usign for example VSCode)
- RUN: npm install (To Install BJS Libraries from NPM)
✓ Main Code
- Everything is in main.js in js folder.
- I use Blending function to smooth the movement between animations.
- Very simple, take a look and I hope you enjoy it
✓ Try the Live DEMO