THREE.js中的反光材料

Question

如何创建反映场景中其他形状的材质？我试过了这个reflectivity房产,但没有反映任何东西.

有一个例子似乎有这种效果:http://threejs.org/examples/#webgl_shading_physical

它看起来并不像用于创建它的标准材料.

Answer 1

进入一点理论:反射基本上是从某个位置拍摄的场景图像.因此,如果您希望将平面网格用作镜像,则必须在该位置添加相机,让它将场景渲染到动画循环中的纹理,然后在材质中将该纹理用于平面网格.除了WestLangley提到的示例之外,我还建议查看http://stemkoski.github.io/Three.js/Reflection.html.

另外,玩设置; 例如,为了减少反射效果,请尝试:

var mirrorMaterial = new THREE.MeshBasicMaterial( { color: 0x111111, envMap: mirrorCamera.renderTarget } );

要么

var mirrorMaterial = new THREE.MeshPhongMaterial( { emissive: 0x111111, envMap: mirrorCamera.renderTarget } );