How to remove the blue plane when using maxZ of the camera?

Questions
1

Hi, everyone.

I’m working on implementing UI changes based on distance.
Fortunately, I found a way to hide using maxZ on the forum.

However, blue planes keep appearing. How do I get rid of them?

My P.G
UI - show/hide/position | Babylon.js Playground (babylonjs.com)

Btw, Is there a way to keep UI Rect floating on top of the box all the time without being affected by the camera? Now, if the camera approaches, it goes into the box.

2

It’s the clear color. Basically, nothing is rendered beyond that distance.
You can change it that way:

3

Thank you reply :slight_smile:
I understand. It wasn’t the way I wanted it to be.

But all the same, I implemented.
https://playground.babylonjs.com/#46U2KW#49

However, what I am worried about is that thousands of ADTs and planes will be created in the future, so this method does not seem to be a good idea. Is there a better way?

4

what is an ADT?

5

It’s AdvancedDynamicTexture.

6

I think there is 1 drawcall per plane. so thousand of planes will be a bottleneck. Maybe rendering texts in a single ADT and then rendering them all at once using particles or mesh+custom shader?

1 Like
7

Sorry, I don’t understand. :sob:

What do you mean by using particles or mesh+custom shader?
Also, Does single ADT mean made using CreateForFullscreenUI method?

8

CreateForFullscreenUI creates one adt
try to create a PG that shows your potential problem.

3 Likes
9

Yes, thank you. I’ll give it a try.

1 Like