3 ms·

And thank you for the feedback! So, it turns out that this demo doesn't use Three.js, but the idea is that, if you wanted, you totally could :) And I'm a Blen

And thank you for the feedback! So, it turns out that this demo doesn't use Three.js, but the idea is that, if you wanted, you totally could :) And I'm a Blender noob as well, this tutorial series on character modeling, texturing, rigging and animation was super useful for me. Has a nice pace and doesn't skip over any details -> https://m.youtube.com/watch?v=DiIoWrOlIRw https://m.youtube.com/watch?v=DiIoWrOlIRw

bhouston 10y ago
Three.JS has support for pretty flexible "animation clip" blending via "animation actions" btw... https://github.com/mrdoob/three.js/blob/dev/src/animation https://github.com/mrdoob/three.js/blob/dev/src/animation And you can export out animation clips from blender.
- chinedufn 10y ago
  Oh awesome and thanks a lot for the link. I'll definitely need to spend some more time playing with and learning from all of the existing solutions
  - maffydub 10y ago
    I've used the skeletal animation API (exporting from Blender). It's very cool, but the documentation isn't great (or at least wasn't last time I checked). Key points: * if you use the JSON loader, the animation data is in an "animations" array hanging off the geometry object * you need to create an AnimationMixer and pass the elements of the animations array into its "clipAction" method to register these animations with it * to animate a mesh, you need to construct a SkinnedMesh rather than a regular Mesh * you then also need to call the AnimationMixer's "clipAction" method again (for a different purpose this time), giving it the name of the animation and the mesh you want to animate * every frame, you need to call your AnimationMixer's "update()" method. (I used this as part of my last couple of Ludum Dare entries - https://github.com/matt-williams/ld36/ https://github.com/matt-williams/ld36/ and https://github.com/matt-williams/ld37/. https://github.com/matt-williams/ld37/.) Feel free to ask if you hit any problems and I'll try to answer, although I wouldn't call myself an expert on this!
skocznymroczny 10y ago
Three.js is very useful for many cases, however it's popularity is a bit dangerous at times. Three.js is to WebGL what GitHub is to Git, and on many forums, people ask for WebGL advice, when in fact they're asking for Three.js advice.

bhouston 10y ago

Three.JS has support for pretty flexible "animation clip" blending via "animation actions" btw... https://github.com/mrdoob/three.js/blob/dev/src/animation https://github.com/mrdoob/three.js/blob/dev/src/animation And you can export out animation clips from blender.

chinedufn 10y ago
Oh awesome and thanks a lot for the link. I'll definitely need to spend some more time playing with and learning from all of the existing solutions
- maffydub 10y ago
  I've used the skeletal animation API (exporting from Blender). It's very cool, but the documentation isn't great (or at least wasn't last time I checked). Key points: * if you use the JSON loader, the animation data is in an "animations" array hanging off the geometry object * you need to create an AnimationMixer and pass the elements of the animations array into its "clipAction" method to register these animations with it * to animate a mesh, you need to construct a SkinnedMesh rather than a regular Mesh * you then also need to call the AnimationMixer's "clipAction" method again (for a different purpose this time), giving it the name of the animation and the mesh you want to animate * every frame, you need to call your AnimationMixer's "update()" method. (I used this as part of my last couple of Ludum Dare entries - https://github.com/matt-williams/ld36/ https://github.com/matt-williams/ld36/ and https://github.com/matt-williams/ld37/. https://github.com/matt-williams/ld37/.) Feel free to ask if you hit any problems and I'll try to answer, although I wouldn't call myself an expert on this!

skocznymroczny 10y ago

Three.js is very useful for many cases, however it's popularity is a bit dangerous at times. Three.js is to WebGL what GitHub is to Git, and on many forums, people ask for WebGL advice, when in fact they're asking for Three.js advice.