Search code examples
aframe

AFrame Text component does not render with 'logarithmicDepthBuffer=true'

When I set logarithmicDepthBuffer: true; in the AFrame renderer component, all instances of the text component no longer render at all.

To troubleshoot this, I removed all other entities from the scene, the text still did not render. I also tried using the wrapped <a-text> component, I tried alphaTest: 0.5 , setting depthTest: true and setting sortObjects: false just to see if I could get any kind of result, but found nothing that would produce any results.

<a-scene renderer="logarithmicDepthBuffer: true;">
    <a-text value="The quick Brown Fox Jumps over the Lazy Dog"></a-text>
</a-scene>

The text does not appear at all. There are no rendering artifacts, or errors in the console.

Solution

  • Try using [] around renderer

    <a-scene [renderer]="logarithmicDepthBuffer: true;">
    <a-text value="The quick Brown Fox Jumps over the Lazy Dog"></a-text>
</a-scene>