three.js-模型线框化

模型线框wireframe

支持线框模式的材质有MeshBasicMaterial、MeshDepthMaterial、
MeshLambertMaterial…

基础模型线框模式：

let sphereGeometry = new THREE.SphereGeometry(10, 30, 30);
let meshMaterial = new THREE.MeshBasicMaterial({
    
    color:0xaaafff});
meshMaterial.wireframe = true;
let sphere = new THREE.Mesh(sphereGeometry,meshMaterial);
sphere.position.set(-20,20,0);
this.scene.add(sphere);

外部载入模型更改线框模式：

let loader = new FBXLoader();
loader.load('resources/demo-models/model/view.fbx', fbx => {
    
    
    console.log(fbx);
    fbx.traverse((item) => {
    
    
        if(item.isMesh){
    
    
            console.log(item);
            item.material.emissive = new THREE.Color(0x482626);
            item.material.wireframe = true;
        }
    });
    that.scene.add(fbx);
}, undefined, function (e) {
    
    
    console.error(e);
});