Text not rendering when logarithmicDepthBuffer is enabled

[Kershawj]

Creating a scene with just a entity in but then using logarithmicDepthBuffer set to true in the renderer settings works fine so like:

<a-scene renderer="logarithmicDepthBuffer: true;"> <a-text value="Some text please" color="black" position="0 0 -5"></a-text> </a-scene>

However adding a plane behind the text whilst logarithmicDepthBuffer set to true causes text to not render over the plane.

<a-scene renderer="logarithmicDepthBuffer: true;"> <a-plane height="1" width="3" color="red" position="0 0 -5.2"></a-plane> <a-text value="Some text please" color="black" position="0 0 -5"></a-text> </a-scene>

Switching to logarithmicDepthBuffer: false; then works as expected.
I have a scene which really needs this set to true for lots of other entities to render correctly and to reduce z-fighting but also need some generated text in there so I'm kinda stuck.
I'm guessing the text shader isn't aware of how to handle this correctly?

• A-Frame Version: 0.9.2
• Platform / Device: Chrome/Macbook

[Kershawj]

Just to say after more testing, it works as expected when using v0.8.0
<script src="https://aframe.io/releases/0.8.0/aframe.min.js"></script>
However this is not an option for me.

[arpu]

does it work with the master version?
<script src="https://cdn.jsdelivr.net/gh/aframevr/aframe@ab9821761340fd6ee28171fc38f85a45c2ade514/dist/aframe-master.min.js"></script>

[Kershawj]

No, same result.
I've removed logs from here as they were something I was doing incorrectly, but comment that it didn't work still stands.

[arpu]

sorry i have no idea here best waiting for @dmarcos

[dzoech]

Any updates on this issue?
I'm experiencing the same issues with AR.js and A-Frame 1.0.4 that text is not rendered in front of other entities independent from their z-indices.

[arpu]

@dzoech meantime you can try/use https://github.com/lojjic/aframe-troika-text

[dzoech]

Thank you @arpu, works like a charm

[ttguy]

I also have exactly this issue with aframe 1.4.0

[Atlinx]

This is still an issue in aframe 1.4.2

[mrxz]

The problem lies in the fact that logarithmicDepthBuffer requires specific shader chunks in three.js. The text shaders in A-Frame don't include these and as a result will simply write to the depth buffer as if it was a normal z-buffer.

It should be relatively easy to update the shaders. At the same time the correct encoding and tonemapping chunks can be included as well.

[dmarcos]

Fixed by #5409