javascript - THREE.js使用背景素材

Question

我的目标是将 3D 对象合成到全景图中。我已经把物体放进去，并以正确的视角将它们排列整齐。我需要的是一种将 Maya 和 Max 等软件中看到的 useBackground 着色器实现到 Three.js 中的方法。

更清楚地说，我想让阴影转换到我创建的代理地面上。地面不应该可见，但转换在其上的阴影应该可见。如果您可以帮助我或引导我走向正确的方向。我是否需要创建一个自定义着色器，或者是否已经有一种方法可以仅渲染对象上转换的阴影。

Answer 1

two.js 皮肤示例使用了类似的阴影。确保对象的castShadow属性设置为true并且灯光位于正确的位置。 http://threejs.org/examples/webgl_animation_skinning_morph.html

// GROUND

var groundMaterial = new THREE.MeshPhongMaterial( { emissive: 0xbbbbbb } );
var planeGeometry = new THREE.PlaneGeometry( 16000, 16000 );

var ground = new THREE.Mesh( planeGeometry, groundMaterial );
ground.position.set( 0, FLOOR, 0 );
ground.rotation.x = -Math.PI/2;
scene.add( ground );

ground.receiveShadow = true;