首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Three.js接触人脸伪影

Three.js接触人脸伪影
EN

Stack Overflow用户
提问于 2015-02-25 16:33:38
回答 1查看 860关注 0票数 0

我创造了两个透明的盒子,它的脸可以接触到。除非盒子的脸能接触到,否则效果很好。

代码语言:javascript
运行
复制
// inner object
var mesh2 = new THREE.Mesh(geometry, material); 

mesh2.position.x = 0;
mesh2.position.y = 0;
mesh2.position.z = 0;

mesh2.scale.x = 100;
mesh2.scale.y = 50;
mesh2.scale.z = 100;

scene.add( mesh2 ); 

// outer object
var mesh1 = new THREE.Mesh(geometry, material); 

mesh1.position.x = 0;
mesh1.position.y = 0;
mesh1.position.z = 0;

mesh1.scale.x = 100;
mesh1.scale.y = 100;
mesh1.scale.z = 100; 

scene.add( mesh1 );

下面是代码:http://jsfiddle.net/unkya/14/

我怎样才能把这些手工艺品处理掉,还能摸着脸呢?

另外,有没有一种方法可以添加框到场景中,而不必先插入最内部的框?

非常感谢!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-02-26 05:51:56

这叫做Z格斗

有两种方法可以解决这个问题。

第一种方法是简单地用少量的值来抵消这些值。即使是0.01也可以做到这一点。这里的重要部分是确保相机的近平面和远平面在合理的范围内。

第二种方法是利用polygonOffset材料的THREE.js性能。这将允许您强制对象呈现在其他对象之上或下面,类似于z索引排序。我相信透明度也需要启用,所以你应该把这个放在你的半透明立方体,如果可能的话。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/28724451

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档