tag:blogger.com,1999:blog-4301545062211714401.post7721589139114881224..comments2023-06-17T01:40:02.174-07:00Comments on Rusthon: WebGL CSS3D UI Prototyperaptorhttp://www.blogger.com/profile/14287416587600419675noreply@blogger.comBlogger6125tag:blogger.com,1999:blog-4301545062211714401.post-74114688727987551862015-05-13T22:13:31.300-07:002015-05-13T22:13:31.300-07:00Yeah that's what I was afraid of. But with the...Yeah that's what I was afraid of. But with the increasing popularity of VR, I'm sure it won't be too long.Anonymoushttps://www.blogger.com/profile/04591793650061427856noreply@blogger.comtag:blogger.com,1999:blog-4301545062211714401.post-62502381531354856442015-05-13T21:58:48.947-07:002015-05-13T21:58:48.947-07:00that's too bad, keeping cloned DOM nodes insyn...that's too bad, keeping cloned DOM nodes insync will break with anything complex like: scroll bars, iframes, videos, etc. My first implementation used two css3d layers, and I had tried to keep the DOM nodes insync with hacks that easily broke. I guess its up to the browser vendors to allow css3d to rendered properly for stereo with a proper API for it.raptorhttps://www.blogger.com/profile/14287416587600419675noreply@blogger.comtag:blogger.com,1999:blog-4301545062211714401.post-75954652200626344002015-05-13T21:15:56.510-07:002015-05-13T21:15:56.510-07:00You are right, its not hard to do in three.js. (se...You are right, its not hard to do in three.js. (see here: http://threejs.org/examples/#css3dstereo_periodictable ) But the current implementation simply clones all the dom nodes for each camera. I couldn't figure out a way to keep the left and right sides in sync during user input events. I think these demos you've created would be amazing on the oculus.Anonymoushttps://www.blogger.com/profile/04591793650061427856noreply@blogger.comtag:blogger.com,1999:blog-4301545062211714401.post-39110561041327881062015-05-13T21:15:33.381-07:002015-05-13T21:15:33.381-07:00This comment has been removed by the author.Anonymoushttps://www.blogger.com/profile/04591793650061427856noreply@blogger.comtag:blogger.com,1999:blog-4301545062211714401.post-42018815558710018782015-05-13T20:55:51.206-07:002015-05-13T20:55:51.206-07:00THREE.js should take care of rendering the CSS3D i...THREE.js should take care of rendering the CSS3D in stereo, I haven't actually tried that, but from what I understand it is not too hard to setup with THREE.js.raptorhttps://www.blogger.com/profile/14287416587600419675noreply@blogger.comtag:blogger.com,1999:blog-4301545062211714401.post-30305043049051560172015-05-13T18:31:24.924-07:002015-05-13T18:31:24.924-07:00This is awesome! I have been trying to do somethin...This is awesome! I have been trying to do something similar for WebVR, but couldn't figure out how to render CSS3D in stereo. (see my post: http://michaelstaub.com/2015/05/11/webvr-mixing-html-and-webgl/ ) Do have any ideas on how this could be accomplished? Anonymoushttps://www.blogger.com/profile/04591793650061427856noreply@blogger.com