I’m using Three.js to create some 3D graphics using webgl in a canvas element. Is there a nice library to draw 2D elements over the top of the 3D graphics. Something like the HUD of a 3D game. I want to draw some images or text on the screen over the 3D stuff. Any ideas? Can it be done with Three.js?
Share
You’ll notice in his examples that when he overlays 2D objects he just uses other HTML elements: http://mrdoob.github.com/three.js/examples/webgl_multiple_canvases_grid.html
It may be worth doing the same for yourself, where an entirely separate 2D canvas on top of the 3D one controls the HUD. There are some mouse-event related problems with that approach though, so it depends more precisely on what you need.