How to drag a css2Object attached to a 3D object with the mouse?

[Mugen87]

@CharlieWhite

But the problem is how to apply a 2D position (mouse position) to a 3d position (Css2 Object in a 3D world) ?

This question should be answered here:

The object disappear from the screen while trying to change its position

Just assigning the even data to the model’s position does not work. The correct computation of mouse coordinates in NDC space is: mouse.x = ( event.clientX / window.innerWidth ) * 2 - 1; mouse.y = - ( event.clientY / window.innerHeight ) * 2 + 1; You can unproject this vector like so (unprojecting means converting from NDC to world space): worldPosition.set( mouse.x, mouse.y, 0.5 ).unproject( camera ); Live demo: https://jsfiddle.net/rk27L4oh/ However, this approach might not be ideal for y…