Three.js - mixing WebGL and CSS3D with iFrame

Question

I prepared a work page that mixes WebGLand CSS3D(with a little help from SO here ), and it works great. I enter the iframe for a good estimate:

But he lacks the ability to interact with iframes.

In mrdoobs pure CSS3D demo you can even scroll through pages and mark text, etc.

It seems that the combination WebGLin front of the renderer CSS3Dinterferes with the interaction. Is there any way around this?

Thanks Dirk

Answer 1

CSS -: none WebGL node, , CSS3D iframe.

THREE.TrackballControls , .

, iframe iframe. , , . , , iframe. Mousewheel Google Chrome (forked WebKit), , , (2016-). , , iframe (, ) div, " ". , , iframe, - , . , , iframe, - , , iframed , mousedown.

Answer 2

, , iframe, , ( css3d div ).

1

, webgl, css3d, . mousewheel, raycaster (. mr doob), , . , , , , webgl, . , .

2

, iframe, iframe, THREE.Vector3(). distanceTo (otherVector3). , iframe. .

.. iframe FULLY , , , /.

. iframes...

Answer 3

, , , . WEB GL RENDER.

Three.Vector2(), . , .

http://adndevblog.typepad.com/cloud_and_mobile/2015/07/embedding-webpages-in-a-3d-threejs-scene.html