title: Mouse / Canvas X, Y to Three.js World X, Y, Z
body: <p>I've searched around for an example that matches my use case but cannot find one. I'm trying to convert screen mouse co-ordinates into 3D world co-ordinates taking into account the camera.</p>
  
  <p>Solutions I've found all do ray intersection to achieve object picking.</p>
  
  <p>What I am trying to do is position the center of a Three.js object at the co-ordinates that the mouse is currently "over".</p>
  
  <p>My camera is at x:0, y:0, z:500 (although it will move during the simulation) and all my objects are at z = 0 with varying x and y values so I need to know the world X, Y based on assuming a z = 0 for the object that will follow the mouse position.</p>
  
  <p>This question looks like a similar issue but doesn't have a solution: <a href="https://stackoverflow.com/questions/10874539/getting-coordinates-of-the-mouse-in-relation-to-3D-space-in-three-js">Getting coordinates of the mouse in relation to 3D space in THREE.js</a></p>
  
  <p>Given the mouse position on screen with a range of "top-left = 0, 0 | bottom-right = window.innerWidth, window.innerHeight", can anyone provide a solution to move a Three.js object to the mouse co-ordinates along z = 0?</p>