Mesh follow mouse pointer

[benjydel]

Hello, i would like to create a selector like this : http://threejs.org/examples/#webgl_interactive_voxelpainter
(I know it's three.js but I don't find it with babylon)

My goal is to allow the user to create a cube at the cursor position.

I manage to move the red mesh which represent the cursor but i don't know how to detect the collision and stop the movement of the mesh.

I tried to use moveWithCollisions but it don't work well when i move fast the pointer.


Do you have an issue ?

Thank you in advance

[eboo]

extract needed parts from this:

http://www.babylonjs-playground.com/#2ILHWS#3

if you have your playground, maybe we can help you

 

 

[amorgan]

Please take a look at picking collisions:

 

http://doc.babylonjs.com/tutorials/11._Picking_Collisions

 

 

If the canvas is not of width: 100% and height: 100%, then you might want to make sure you account for the offsetX and offsetY. (Refer to: https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent for more information). This might have changed, but just in case.

Also for Mac users you will want to also pay attention to window.devicePixelRatio if you are doing any html element manipulation (this shouldn't be relevant for you, but depends what you want to do)

 

Hope this helps further!