After successfully creating a 3D animated model and running it in Three.js, I am now looking to use it in A-Frame for an AR app.
var loader = new THREE.FBXLoader();
loader.load( 'model.fbx', function ( object ) {
object.mixer = new THREE.AnimationMixer( object );
mixers.push( object.mixer );
console.log(object.animations.length);
var action = object.mixer.clipAction( object.animations[ 0 ] );
action.play();
object.traverse( function ( child ) {
if ( child.isMesh ) {
child.castShadow = true;
child.receiveShadow = true;
}
});
scene.add( object );
});
While the model works flawlessly in Three.js, I'm having trouble implementing it in A-Frame for my AR project. The documentation is lacking, and even though I can display obj models on markers in A-Frame, aframe-extras doesn't seem to be working as expected. However, the Three.js FBX loader functions correctly. I am seeking assistance in showcasing the Three.js scene on marker scans within A-Frame.