Hi. How would I go about making 2D plots (of various runtime time-series parameters, etc) that overlay in the same screen position regardless of my 3D scene? I haven’t found something in three.js itself to do this. I’m thinking of hacking stat-js. Does anyone have suggestions?
the best option may be to create HUD sprites as seen in this example: https://threejs.org/examples/?q=sprite#webgl_sprites
or you may prefer to use 3D planes as seen in this example (press t to toggle the HUD): https://threejs.org/examples/?q=map#webgl_shadowmap
The third option is to create an HTML div and overlay it via the z-index property
Hope it will help you out…
Made a module that you might find helpful:
Please help provide feedback and help improve if you find it useful.
Thanks a bunch, I’ll look at these options. three-screen-quad looks like it’ll make it easy!