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?
Hello mgstauff,
-
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:
https://www.npmjs.com/package/three-screen-quad
Please help provide feedback and help improve if you find it useful.
2 Likes
Thanks a bunch, I’ll look at these options. three-screen-quad looks like it’ll make it easy!