Important: Please read the Qt Code of Conduct -

Dynamic Text Rendering in Canvas3D Using three.js

  • I'm new to WebGl and three.js. I have a QML based application that has approximately 400 2D text labels that need to be updated at 20 fps. I have looked at THREE.TextGeometry, but it seems like it is too inefficient to use and the text is only set in the constructor which makes it static (instead of dynamic which is my use case). I know QML has Canvas 2D, but I've found it inefficient when trying to implement things like text outlining. The only other avenue that I can think of pursuing is using Qt Quick items as a texture source for Qt Canvas3D textures (via Canvas3DTextureProvider), but I don't know how efficient that may be.

    Can you please give me some direction here? Should I drop the use of three.js?

  • Lifetime Qt Champion

    Hi and welcome to devnet,

    Did you already saw this article about three.js and Canvas3D ?

    Hope it helps

Log in to reply