Three.js 加載單個 .obj 模型，如何顯示頂點顏色

Question

我是 Three.js (3D) 的新手，有一個簡單的問題。 我有以下代碼可以正常工作，但我認為結果丟失了顏色，因為我打開了帶有 3D Buidler（WIN10）的 test.obj 文件，模型表面有很多顏色。 為什么？

守則

var loader = new THREE.OBJLoader()
loader.load( 'test.obj', function ( object ) {
    object.position.y = 0;
    scene.add( object );                
} );

我認為它是頂點顏色，如何顯示它的頂點顏色？

var loader = new THREE.OBJLoader2()
loader.load( 'test.obj', function ( object ) {
    object.position.y = 0;
    scene.add( object );                
} );

我已經嘗試過 OBJLoader2.js ，但它不起作用，需要一些設置嗎？

Three.js加載的結果：

3D Builder 加載的結果：

.obj 文件

Answer 1

將 .mtl 文件與 .obj 文件一起使用。

var onProgress = function ( xhr ) {
                if ( xhr.lengthComputable ) {
                    var percentComplete = xhr.loaded / xhr.total * 100;
                    console.log( Math.round(percentComplete, 2) + '% downloaded' );
                }
            };

            var onError = function ( xhr ) { };

            THREE.Loader.Handlers.add( /\.dds$/i, new THREE.DDSLoader() );

            //Car model
            var mtlLoader = new THREE.MTLLoader();
            mtlLoader.setPath( '../materials/car/' );
            mtlLoader.load( 'car.mtl', function( materials ) {

                materials.preload();

                var objLoader = new THREE.OBJLoader();
                objLoader.setMaterials( materials );
                objLoader.setPath( '../materials/car/' );
                objLoader.load( 'car.obj', carObject, onProgress, onError );

            });

            function carObject(object){
                object.rotation.y = 1.55;
                object.position.z = 105;
                object.position.y = 1.15;

                object.scale.x = object.scale.y = object.scale.z = 0.15;
                    //object.rotation.x = 6.5;
                    //object.position.z = 50;

                scene.add( object );
            }
            //end car model

Answer 2

最后我發現了：我將 OBJLoader2.js 的版本更改為 1.3.0。