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

时间:2017-05-16 06:55:45

标签: javascript json collada artoolkit

我正在尝试使用three.js将外部模型导入到一个官方的ARToolKit项目中。我正在使用的项目是" pattern_threejs.html",可在此处找到:https://github.com/artoolkit/jsartoolkit5

到目前为止,我只是设法改变原始球体,以便在检测到标记时显示粗糙。我尝试导入的模型是.fbx模型,但我使用Blender将其转换为Collada和JSON模型。我尝试了几种方法来导入它,但每当我尝试这样做时,标记显示在相机上时都不会出现任何内容。 Collada代码:

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);
    });

有什么建议吗?会是一个很大的帮助!谢谢!

0 个答案:

没有答案