Css3d with threejs

[LeenAlfalah]

Hello community

• I wonder if there a way to get for example a plane position and copy it to html div !

• next issue is: can i make some animation to the css element from js?

• I need to make swipe animation on a 3d plane but when i add camera position and plane the html
  element become too huge , i try to scale them but messed up everything

demo: http://jsfiddle.net/0hpvgo3s/8/

[mjurczyk]

@LeenAlfalah

[…] if there a way to get for example a plane position and copy it to html div […]

Do you mean something like Object3D.getWorldPosition plus Vector3.toString() ? Or to place a div in the same position as the plane?

@LeenAlfalah

can i make some animation to the css element from js?

Yes.

@LeenAlfalah

I need to make swipe animation on a 3d plane but when i add camera position and plane the html element become too huge , i try to scale them but messed up everything

That ain’t no question. But instead of scaling - try adding some more offset to the position. Things in 3D do become huge if you move close enough to them.

[hofk]

Maybe there is something useful to find

Do we need the intermediate object. (.css3dObject.)
GradientsMaterialColor
MixedHtmlCssWebGl
WebGLRenderer & CSS3DRenderer in one

[LeenAlfalah]

@mjurczyk

That ain’t no question. But instead of scaling - try adding some more offset to the position. Things in 3D do become huge if you move close enough to them.

thank you for replay , i will try

[LeenAlfalah]

@hofk

Maybe there is something useful to find

That’s sounds helpful , hope i can make what i want !