我需要在画布中识别两个几何图形的重叠区域,并用不同的颜色/纹理显示重叠区域。
示例代码:http: //jsfiddle.net/v4B3d/1/
var 相机、场景、渲染器、几何、材质、网格、mesh2;
在里面(); 动画();
函数初始化(){
scene = new THREE.Scene();
camera = new THREE.PerspectiveCamera(50, window.innerWidth / window.innerHeight, 1, 10000);
camera.position.z = 500;
scene.add(camera);
geometry = new THREE.CubeGeometry(100, 100, 100);
material = new THREE.MeshNormalMaterial();
mesh = new THREE.Mesh(geometry, material);
mesh2 = new THREE.Mesh(geometry, material);
scene.add(mesh);
scene.add(mesh2);
mesh.position.y = -30;
mesh2.position.y = 40;
renderer = new THREE.CanvasRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
}
函数动画(){
requestAnimationFrame(animate);
render();
}
函数渲染(){
mesh.rotation.x += 0.01;
mesh.rotation.y += 0.02;
mesh2.rotation.x += 0.01;
mesh2.rotation.y += 0.02;
renderer.render(scene, camera);
}
请让我知道如何实现这一目标。
提前致谢。