/babylonjs-ReadyPlayerMe-Animation-Combiner

Babylon JS -- Combining multiple animations to a ReadyPlayerMe Character

Primary LanguageJavaScript

BabylonJS ReadyPlayerMe Animation-Combiner




Babylon JS & ReadyPlayerMe -- Combining multiple animations to a ReadyPlayerMe Character

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

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

https://viseni.com/readyplayer_anim/