Javascript 使用Three.js将外部模型导入ARToolKit

我正在尝试使用three.js将外部模型导入一个官方ARToolKit项目。我使用的项目是“pattern_threejs.html”，可以在这里找到：

到目前为止，我只设法改变原来的球体显示反刍动物，而不是当标记被检测到。我试图导入的模型是一个.fbx模型，但我使用Blender将其转换为Collada和JSON模型。我尝试了几种方法来导入它，但每次尝试导入时，当标记显示在相机上时，都不会显示任何内容。 科拉达代码：

var loader = new THREE.ColladaLoader();
            loader.options.convertUpAxis = true;
            loader.load( 'pump.dae', function ( collada ) {
                var object = collada.scene;
                object.scale.set( 1, 1, 1 );
                object.position.set( 0, 0, 0.5
            } );

arController.loadMarker('Data/patt.hiro', function(markerId) {
            var markerRoot = arController.createThreeMarker(markerId);
            markerRoot.add(loader);
            arScene.scene.add(markerRoot);
        });

JSON代码：

arController.loadMarker('Data/patt.hiro', function(markerId) {
        var markerRoot = arController.createThreeMarker(markerId);
        var loader = new THREE.JSONLoader();
        loader.load( 'pump.json', function ( geometry, materials ) {
        var mesh = new THREE.Mesh( geometry, new THREE.MeshFaceMaterial( materials ) );
        markerRoot.add(loader);
});
        arScene.scene.add(markerRoot);
    });

有什么建议吗？这将是一个很大的帮助！谢谢