Touch sphere with Image

[haired]

Hello guys,

I'm doing an app to control objects via a Kinect sensor. I finally managed to control two hands (they are just images) on the screen, and the next step is to be able to put a Hand in front of a sphere and allow this sphere to follow the position of the hand.

 

My hand is just an Image on the screen I move it by changing his left and top css properties, and my problem is how to know when my hand "touched" the sphere.

 

I've tried with BABYLON.Ray(hand.x,hand.y) but it's like the ray is pointing somewhere I don't know, and the "touch" occurs somewhere far from the sphere.

 

Any ideas ? Thank you in advance.

[celian-garcia]

Did you try something like 

var pickResult = scene.pick (hand.x, hand.y);var pickedMesh = pickResult.pickedMesh;if (pickResult.hit && pickedMesh.id == "YourSphere") {   /////////   Do what you want   /////////}

Placing it in an event like onMove of your kinect (I don't know how it works)

 

[haired]

Thank you Kostar, it does exactly the trick

I found that Ray nor Pick technics didn't worked because my hands images were into a div and the renderCanvas into an another one, so the pick never worked. I don't really understand why, by it works now .

Thank you again.