Rendering artefacts when drawing two close rectangle entities

[ulrichson]

Hi!

When I add two rectangle entities that are close to each other, I see following render issue from certain camera angles:

It seems that there is an invisible wall.

On the other hand, when there is no distance between the rectangles it works:

Or am I missing something when creating the rectangles?

---

Sandcastle example: See here

Browser: Google Chrome Version 116.0.5845.187 (Official Build) (arm64)

(but happens in Safari too)

Operating System: macOS 13.6 (22G120)

[ggetz]

Perhaps related to #11291...

We have a step to combine geometries into one where possible to reduce rendering overhead at runtime. I believe this accounts for why the issue does not occur when there is no gap between two geometries.

After a bit of testing on MacOS in Chrome, I'm not able to easily reproduce. Could you please visit webglreport.com and take a screenshot of your results?

[ulrichson]

@ggetz Thanks for the clarification!

Here's the WebGL report in Chrome:

---

Interestingly, after I upgraded to macOS Sonoma 14.0 with Safari Version 17.0 (19616.1.27.211.1) recently it works normal in Safari. For comparison, here's Safari's report: