Tiling rotated models don't fit

[notMe]

I recently posted a game I was working on at

Brilliant man - pacman clone

I wanted to learn WebGL and decided to make a simple game using babylon.JS. I decided to make a pacman clone instead of something more original because I wanted to learn/practise the different programs/workflow. I was afraid that when I make something more original I would spend more time tweaking the game instead of the programming. I did stay reasonable close to my original goal, only things I added during the development was the camera chase mode and the multiplayer mode. [brilliantman1] P…

It does have a problem I don’t understand. When I tile the rotated objects the reflection doesn’t fit anymore.
I made a playground scene where the problem is isolated and a bit more clear.

Babylon.js Playground

Here you can still see the individual objects (it should look the same as when line 39 (newClone.rotate) is disabled). Does anybody have an idea what I am doing wrong?

[Deltakosh]

Pinging @sebavan

[sebavan]

Actually, it is linked to the presence of the normal map. I guess as David Mentionned our normal are not perfectly 010 and this can translate in way bigger reflection vector errors.

You could then either not rely on bumpMap, or export the tangents of your model.

[notMe]

Thanks for your advice.
I broke the meshes in two parts. A part with the flat pieces and a part with everyting else. With the flat pieces I skip the normal map. For the other part I keep the normal map because I use it for the rounded edges. This does fix the problem.
It is not perfect but thats because my tiling is not perfect. I think I have to build it different to get perfect tiling with substance painter, but I will save that for a next project.

[Deltakosh]

btw your game is amazing!