How can I remove this 'shading' that's on the blocks?

Questions
1

Hi,

I have this minecraft-like voxel game, with blocks. Unfortunately, on the edge on each block, there seems to be a black ‘shadow’ of sorts. How can I get rid of this? (the shadow acne has been fixed, just the shading)

Code:

textureAtlas = new THREE.MeshPhongMaterial({color: 0xFFFFFF, map: loader.load("textures/atlas.png"), side: THREE.DoubleSide});

ShareX_bFTdp9qPz8
ShareX_bFTdp9qPz81664×1423 294 KB

ShareX_DPJPzcB4Yr
ShareX_DPJPzcB4Yr1920×1061 223 KB

2

Make sure the faces of the 6 sides of the cube geometry are not merged, having their own vertices, otherwise they share the normal leading to wrong surface normals.

3 Likes
3

Hey,
Thanks for the quick response!

I’ll go check if it works right away.

4

Yup, that was the answer.
Thanks, mate!

1 Like