javascript - 如何在Three.js中使3d模型的边框平滑

Question

渲染 3D 模型时出现问题，因为网格的边框不平滑。我添加了使用 Three.js 加载的模型图像，在 Blender 中也是如此。 是3d模型的问题吗？

 Loader = new THREE.JSONLoader(true);
 Loader.load("models/test.json", function (geometry) {
    geometry.mergeVertices();
    geometry.computeVertexNormals();
    geometry.computeFaceNormals();
    Material = new THREE.MeshLambertMaterial();
    Material.side = THREE.DoubleSide;
    Material.shading = THREE.SmoothShading;
    Mesh= new THREE.Mesh(geometry,Material);
    Mesh.doubleSided = true;
    Material.map = new THREE.ImageUtils.loadTexture("textures/pattern3.jpg");
    Material.map.wrapS = THREE.RepeatWrapping;
    Material.map.wrapT = THREE.RepeatWrapping;
    Material.map.repeat.set(2,2);
     Scene.add(Mesh);

});

Answer 1

添加 { antialias: true } 作为渲染器的参数。