I'm encountering an issue where shadows aren't being received on the faces within an Object3D group.
Although the shadows are cast from the objects and received by the ground, they don't interact with each other as expected.
I've looked for similar problems online but haven't found anything that matches my situation, leading me to believe that I may have set something up incorrectly.
Is there anyone willing to help troubleshoot? I have provided a working example in the JSFiddle link below. My suspicion is that the issue lies in how I've configured the faces of the objects.
var createObject = function(width, height, depth){
console.log('createObject called');
var geometry = new THREE.BoxGeometry( width, height, depth );
var materials = [
new THREE.MeshLambertMaterial({ color: 0xffffff }),
new THREE.MeshLambertMaterial({ color: 0xffcc00 }),
new THREE.MeshLambertMaterial({ color: 0xffffff }),
new THREE.MeshLambertMaterial({ color: 0xffcc00 }),
new THREE.MeshLambertMaterial({ color: 0xffffff }),
new THREE.MeshLambertMaterial({ color: 0xffcc00 })
];
var texture = new THREE.MeshFaceMaterial( materials );
texture.minFilter = THREE.LinearFilter;
var object = new THREE.Mesh(geometry,texture);
object.recieveShadow = true;
object.castShadow = true;
return object;
}