I set out to create simple black and white plane objects. There are two lights in the scene, an ambient light and a point light:
...
this.ambientLight = new THREE.AmbientLight(0xFFFFFF, 0.1);
this.light = new THREE.PointLight( 0xFFFFFF, 0.1 );
...
Next, I created and added the planes to the scene:
...
let plane1 = this.create('plane', this.white);
let plane2 = this.create('plane', this.black);
plane2.position.x = 3;
this.scene.add(plane1);
this.scene.add(plane2);
...
The resulting image can be seen here (link to picture):
https://i.sstatic.net/FcBfn.jpg
Distinguishing between which plane is white and which is black proves difficult. I suspect I made an error.
I believe the issue lies in my use of PhongMaterial for both planes. I chose this material type as I want the lighting to affect them while also retaining their shading. However, I wish to lessen the colorization effect that renders them both black.
Details of my materials for white and black planes:
white = new THREE.MeshPhongMaterial(<any>{
...
});
black = new THREE.MeshPhongMaterial(<any>{
...
});
If anyone with experience could assist me with this issue, I would greatly appreciate it! Thank you for your time!