WebGL: How do I make an interactive div (like text input) drawn on some kind of web 3D object and still be interactive?

So, I look at the https://github.com/mrdoob/three.js/ samples, but I see no way to draw html interactive forms (using CSS, etc.) on some gl objects web pages ... So can it Does anyone provide a sample of how to draw some kind of interactive html input form on a sphere or cube?

Update:

Actually there is a good example with a video example http://mrdoob.github.com/three.js/examples/canvas_materials_video.html

Thus, you can try it on some real world html div with style ...

+3
source share
3

, <input type="text"/> . Canvas. , , - , , , render(). :

HTML

:

http://mrdoob.github.com/three.js/examples/canvas_interactive_voxelpainter.html

Canvas , , ...

+4

HTML- WebGL ( Firefox). 3D-, CSS 3D-, HTML WebGL.

(: ) .

+5

This is not WebGL, but here is a good iframe example / tutorial in 3D space. http://www.html5rocks.com/tutorials/3d/css/

You can use the same CSS 3D transforms to create a simple “3D” world around it.

+3
source

All Articles