Three-js将OBJ渲染为线框(应该是渲染面和着色)

<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/110/three.min.js"></script>

var scene = new THREE.Scene();

var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);

var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

var loader = new THREE.OBJLoader();
loader.load('path/to/model.obj', function(object) {
    scene.add(object);
});

function animate() {
    requestAnimationFrame(animate);
    // 在这里添加自定义的渲染逻辑
    renderer.render(scene, camera);
}
animate();

// 将模型渲染为线框
var wireframeMaterial = new THREE.MeshBasicMaterial({ wireframe: true });
object.traverse(function(child) {
    if (child instanceof THREE.Mesh) {
        child.material = wireframeMaterial;
    }
});

// 将模型渲染为面和着色
var defaultMaterial = new THREE.MeshStandardMaterial({ color: 0xffffff });
object.traverse(function(child) {
    if (child instanceof THREE.Mesh) {
        child.material = defaultMaterial;
    }
});