使用 OBJLoader/Three.js 时在 JavaScript 中加载特定 URL

Question

我在使用three.js OBJloader 中的一些JavaScript 时遇到问题。我必须说我没有那么多经验，我的 WordPress 网站只是从 JS 和 PHP 开始。

通过使用 setPath 和 load 函数，我尝试设置路径 OBJ 和 MTL 文件位置。您可以在下面的代码中看到这一点。但是，此代码的输出是“http://domain.com/product/cherries/wp-content/uploads/obj”，而我希望它是“http://domain.com/wp-content/uploads/obj”。这可能是因为脚本加载在“/product/cherries/”上。

有人知道解决方法吗？

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

                var mtlLoader = new THREE.MTLLoader();
                mtlLoader.setPath( '/wp-content/uploads/obj/' );
                mtlLoader.load( 'male02_dds.mtl', function( materials ) {

                    materials.preload();

                    var objLoader = new THREE.OBJLoader();
                    objLoader.setMaterials( materials );
                    objLoader.setPath( '/wp-content/uploads/obj/' );
                    objLoader.load( 'male02.obj', function ( object ) {

                        object.position.y = - 95;
                        scene.add( object );

                    }, onProgress, onError );

                });

刚刚发现此脚本 (OBJ MTL DDS) 中的所有 URL 都会出错。它们都指向脚本打开的位置（/products/cherries/），但我希望它们指向 domain.com/wp-content/uploads/obj

Answer 1

试试这个：

mtlLoader.setPath( '../../wp-content/uploads/obj/' );