three.js - 如何在从搅拌机导出为 wrl 并使用 VRMLLoader 导入到 Threejs 的网格上应用纹理

Question

我已经从搅拌机导出了一个简单的盒子网格作为 wrl。我也对网格进行了“智能紫外线解包”。我仅将这个网格用于它的几何形状，并通过threejs 应用材料。然后我将纹理与导入的网格绑定，并且我还将材质 (MeshPhongMaterial) 的需求更新属性设置为 true。

结果如下：

应用的纹理：

代码摘录如下：

function generateCustomTHREEMeshFromWRL(name) {
    return vrmlLoader.parse(getResource(name).content).children[0]
    //the getResource(name).content returns the entire wrl file content
}
mesh = generateCustomTHREEMeshFromWRL('unwrapped.wrl')  
mesh.material.map = textureLoader.load('lavatile.jpg')
mesh.material.needsUpdate = true;
scene.add(mesh)

WRL 文件如下：

#VRML V2.0 utf8
#modeled using blender3d http://blender.org

# 'Cube'
Shape {
    appearance Appearance {
        material Material {
        }
    }
    geometry IndexedFaceSet {
        coord Coordinate {
            point [ -1.000000 -1.000000 1.000000 -1.000000 -1.000000 -1.000000 1.000000 -1.000000 -1.000000 1.000000 -1.000000 1.000000 -1.000000 1.000000 0.999999 -0.999999 1.000000 -1.000001 1.000000 1.000000 -1.000000 1.000000 1.000000 1.000000 ]
        }
        colorPerVertex FALSE
        color Color {
            color [ 0.80 0.80 0.80 ]
        }
        colorIndex [ 0 0 0 0 0 0 0 0 0 0 0 0 ]
        coordIndex [ 1 3 0 -1 7 5 4 -1 4 1 0 -1 5 2 1 -1 2 7 3 -1 0 7 4 -1 1 2 3 -1 7 6 5 -1 4 5 1 -1 5 6 2 -1 2 6 7 -1 0 3 7 -1 ]
    }
}

这是我在搅拌机中执行的操作的一瞥