Hi
does anyone know what’s the correct way to create a HUD layer (2d sprites, UI) over a 3d scene with THREE.js ? I want emulate a mouse-cursor and render some images over scene. My idea is creating an ortho-camera and using of sprites. but i don’t know how i can layer this renderings over the main rendering. On the examples i found some “postprocessing”, but i don’t think this is the way to go.
Thanks
Remo
I was working on a WebVR project and DOM solution wasn’t an option. I ended up doing the HUD with pure Three.js. I created a separate scene and rendered that on top of my original scene.
You can see the live example here:
http://codepen.io/jaamo/pen/MaOGZV
And blog post about the solution here:
http://www.evermade.fi/pure-three-js-hud/
I am actually working on a HUD tool for webVR.
It’s based on the StereoEffect.js that you can find in three.js examples.
It renders the two part of the first scene, then the two part of the HUD scene on overlay all with StereoEffectCamera that are PerspectiveCamera.
There is a demo with a crosshair and interaction with some elements in the scene.
https://github.com/trinketmage/three.js-vr-hud/
I am currently working on a “label” feature within the frustum of the HUD scene, i would appreciate any tips or any help.
Thanks
@sylwesterdigital You can use the three.js forum if you need help.