Three.js导入的模型抗锯齿
特里翁
我将OBJ模型导入到场景中，但是它没有抗锯齿并且无法弄清楚如何使其平滑。和搅拌器打开它平滑。
内置几何图形（例如new THREE.SphereGeometry(4, 20, 20);）也是平滑的。
渲染器：
var renderer = new THREE.WebGLRenderer({antialias: true, alpha: true});
材料：
var modelMaterial = new THREE.MeshPhongMaterial({
color: 0xb9d5ff,
ambient: 0xfff660,
shininess: 100,
wireframe: false,
transparent: true,
opacity: 0.8,
side: THREE.DoubleSide,
combine: THREE.MixOperation
});
进口：
var manager = new THREE.LoadingManager();
manager.onProgress = function(item, loaded, total) {
console.log(item, loaded, total);
};
var loader = new THREE.OBJLoader(manager);
loader.load('BlondeElexis-nude.obj', function(object) {
object.traverse(function(child) {
if (child instanceof THREE.Mesh) {
console.log(child);
child.material = modelMaterial;
}
});
object.position.y = 0;
object.scale.x = 6;
object.scale.y = 6;
object.scale.z = 6;
human = object;
scene.add(human);
});
结果：
特里翁
成立：
child.geometry.computeVertexNormals();
结果不是最好的，但是没有更好。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
Three.js导入的模型抗锯齿
- 2
three.js中的自定义抗锯齿设置
- 3
Three.js抗锯齿无法在Chrome上运行
- 4
在three.js中使用基本纹理材料时出现异常的抗锯齿
- 5
在Three.js中使用OBJMTLoader导入WebGL模型失败
- 6
THREE.js导入的模型不应用面部纹理
- 7
Three.js | 通过Blender光线投射导入的.obj模型
- 8
将JSON模型导入Three.js-没有显示
- 9
在three.js中使用OBJMTLoader导入WebGL模型失败
- 10
Three.js-比例模型
- 11
Fabric.js画布图像抗锯齿
- 12
如何从Blender导入模型和关联的纹理到three.js中？
- 13
为什么我的three.js模型在导入后会丢失面孔？
- 14
THREE.js-将渐变颜色应用于导入的GLTF模型
- 15
在运行时从 localfile 导入 Three.js 中的 3d 模型
- 16
three.js从图像导入svg路径
- 17
Three.js最复杂的模型
- 18
Three.js透明模型纹理错误
- 19
如何绘制Three.js模型？
- 20
Three.js模型质量很差
- 21
使用Three.js加载Maya模型
- 22
如何绘制Three.js模型？
- 23
THREE.js 加载 json 模型失败
- 24
THREE.ObjectLoader的Three.js错误
- 25
在Three.js中导入的FBX模型的另一个网格周围的网格旋转问题
- 26
Three.js导入Blender模型：未被捕获的TypeError：无法读取未定义的属性“ length”
- 27
SVG和D3.JS无法获得抗锯齿
- 28
Three.js：SVGRenderer？
- 29
Three.js /交集
我来说两句