如何将图像作为纹理加载到three.js中的层模型中

Question

我试图展示一个具有各自纹理的3D模型，我如何加载一个层模型的纹理？

这是在一个html文件中，我使用带有plyloader.js的three.js来加载模型，但我没有设法正确加载纹理，当我尝试使用我在文档中找到的方法加载它时它只加载纹理的颜色，而不是图像的颜色。

我正在尝试这个：

 var loader = new THREE.PLYLoader();
            loader.load('head3d.ply', function (geometry) {

                geometry.computeVertexNormals();
                var texture = new THREE.TextureLoader().load('head3d.jpg');
                var material = new THREE.MeshStandardMaterial({ map: texture, flatShading: true });
                var mesh = new THREE.Mesh(geometry, material);

                mesh.position.x = 0;
                mesh.position.y = 0;
                mesh.position.z = 0;
                mesh.scale.multiplyScalar(0.006);

                mesh.castShadow = true;
                mesh.receiveShadow = true;

                scene.add(mesh);

            });

我希望你向我展示加载了纹理的模型，但只向我展示了主导图像的颜色的模型

Answer 1

使用THREE.MeshNormalMaterial 。 出于某种原因，它似乎在使用MeshNormalMaterial时加载纹理。