首页 > 解决方案 > ThreeJS - 加载 FBX 文件时遇到问题

问题描述

我有一些相当简单的 ThreeJS,只是想在我的场景中添加一个 FBX 对象。但是,每当我运行它时,我都会在第 15 行得到“未捕获的 TypeError:THREE.fbxloader 不是构造函数”,这是我调用 FBXLoader 的地方。我尝试用最新版本替换 FBXLoader.js 和 Three.js 文件,但没有任何效果。

这是我的代码:

var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera( 75, window.innerWidth/window.innerHeight, 0.1, 1000 );

var renderer = new THREE.WebGLRenderer();
renderer.setSize( window.innerWidth, window.innerHeight );
document.body.appendChild( renderer.domElement );

var loader = new THREE.FBXLoader();
loader.load( 'thrown.fbx', function ( object ) {
    mixer = new THREE.AnimationMixer( object );
    var action = mixer.clipAction( object.animations[ 0 ] );
    action.play();
    object.traverse( function ( child ) {
        if ( child.isMesh ) {
            child.castShadow = true;
            child.receiveShadow = true;
        }
    } );
    scene.add( object );
} );


var gridHelper = new THREE.GridHelper( 50, 50 );
scene.add( gridHelper );

camera.position.z = 20;
camera.position.y = 10;

var animate = function () {
    requestAnimationFrame( animate );
    renderer.render( scene, camera );
};

animate();

任何帮助将非常感激!已经为此工作了几个小时无济于事。

标签: javascripthtmlthree.js

解决方案


推荐阅读