How to place an image on a wall by picking the normal?

Hi, I’m trying to create a tool which allows a user to place an image on the wall of a glb model. I want the image to be moved to the correct position and rotation depending on the wall the user is aiming at… The position works, but I can’t seem to get it to rotate correctly… Here’s a playground showing the issue, if you stroke the sphere with the mouse you can see that the image does not fit to the curve correctly…

Is there another or better way to do this?

You could use lookAt for that:

Place on Wall test | Babylon.js Playground (babylonjs-playground.com)

Just look at a point that is “normal” away from the position of the collided object.

3 Likes

Thanks! This is far easier…

1 Like