只需将 Material 分配给加载的 .OBJ - ThreeJS

Question

这三个小时以来，我一直在用这个来打自己的头顶…… 我的问题是，是否有人愿意以这种方式重新组织我的示例，使我加载的对象带有颜色，任何颜色

                var loader = new THREE.OBJLoader()
                loader.load( 'learning/exported1.obj', function ( object ) 
                {
                    object.traverse( function (child)
                    {
                        if ( child instanceof THREE.Mesh )
                        {
                            child.material.color.setHex( 0xffffff );
                        }
                    }
                    var OBJBoundingBox = new THREE.Box3().setFromObject(object);
                    OBJBoundingBox.center(object.position);
                    object.position.multiplyScalar(-1);
                    object.position.x = object.position.x;
                    object.position.y = object.position.y;
                    object.position.z = object.position.z;
                    scene.add( object );

                }, onProgress, onError );

如果我扔掉遍历部分，对象加载成功但是是简单的白色，有了它，对象不会出现在我的屏幕上...

        <script src="../build/three.js"></script>

    <script src="js/loaders/OBJLoader.js"></script>

    <script src="js/controls/OrbitControls.js"></script>

    <script src="js/shaders/CopyShader.js"></script>
    <script src="js/shaders/SMAAShader.js"></script>

    <script src="js/postprocessing/EffectComposer.js"></script>
    <script src="js/postprocessing/SMAAPass.js"></script>
    <script src="js/postprocessing/RenderPass.js"></script>
    <script src="js/postprocessing/MaskPass.js"></script>
    <script src="js/postprocessing/ShaderPass.js"></script>

    <script src="js/libs/dat.gui.min.js"></script>

如果您认为问题出在这里，这些是我的导入

非常感谢，这是一个我正在独立开发的项目，如果我能让它运行的话我会很喜欢的！

Answer 1

我觉得自己像个白痴，但我想念的是

);

在object.traverse函数的末尾

var loader = new THREE.OBJLoader()
            loader.load( 'learning/exported1.obj', function ( object ) 
            {
                object.traverse( function (child)
                {
                    if ( child instanceof THREE.Mesh )
                    {
                        child.material.color.setHex( 0xffffff );
                    }
                });
                // ^This over here^
                var OBJBoundingBox = new THREE.Box3().setFromObject(object);
                OBJBoundingBox.center(object.position);
                object.position.multiplyScalar(-1);
                object.position.x = object.position.x;
                object.position.y = object.position.y;
                object.position.z = object.position.z;
                scene.add( object );

            }, onProgress, onError );

分配 material 现在可以完美地使用此代码。

只需将 Material 分配给加载的 .OBJ - ThreeJS

Simply assign a Material to loaded .OBJ - ThreeJS

three.js

loader

.obj