Bone , skeleton animation , armature , blender export

John_Smith · May 9, 2019, 9:43am

I have attached a blender 2.8 scene file with some simple bone/armature animation on a cube + .glb file + some code I am using. I see the animation working nicely in the babylon sandbox (https://sandbox.babylonjs.com/) but cannot figure out what code I should be using … everything I am doing is attached in the zip file, if anyone could help I would be eternally grateful.

blender_simple_armature.zip (145.9 KB)

Deltakosh has given this link as an example for how the playground handles animations but I do not see anything in the code that will help me to play a skeleton animation in my own scene file. Any other suggestions or links?

github.com

BabylonJS/Babylon.js/blob/master/sandbox/animation.js

// Animations
var animationBar = document.getElementById("animationBar");
var dropdownBtn = document.getElementById("dropdownBtn");
var chevronUp = document.getElementById("chevronUp");
var chevronDown = document.getElementById("chevronDown");
var dropdownLabel = document.getElementById("dropdownLabel");
var dropdownContent = document.getElementById("dropdownContent");
var playBtn = document.getElementById("playBtn");
var slider = document.getElementById("slider");
var clickInterceptor = document.getElementById("click-interceptor");

clickInterceptor.addEventListener("mousedown", function() {
    displayDropdownContent(false);
    displayDropdownContentEnv(false);
});

// event on the dropdown
function formatId(name) {
    return "data-" + name.replace(/\s/g, '');
}

This file has been truncated. show original

John_Smith · May 9, 2019, 10:25am

I figured it out.
To play skeleton animations exported from blender take a look here - https://www.babylonjs-playground.com/#TH16ID#10

Or just use this code below to import your glb or gltf file and then play a skeleton/bone/armature animation.
// import glb
var exampleGLB = BABYLON.SceneLoader.Append(
“filePathToYourGLTF”,
“fileName.glb”,
scene,
function(scene) {
// Play animation
scene.animationGroups[0].play(true);
}
);

I love babylon sometimes … this is so simple and freaking awesome!