4 ms·
Three.js stuff always impresses me, I've been learning blender for about a month now as a hobby. Thanks for another thing to put on my list to learn from.
by cdevs 10y ago
Three.js stuff always impresses me, I've been learning blender for about a month now as a hobby. Thanks for another thing to put on my list to learn from.
- chinedufn 10y agoAnd 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 agoThree.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 agoOh 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 agoI'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 agoThree.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.