I've created a sphere with a background image, and placed the camera inside to create a panoramic effect when the sphere rotates.
Now I'm looking to detect when a user clicks on the sphere using a three.js example:
var intersects = ray.intersectObject(sphere);
if(intersects.length > 0){
console.log("intersect");
}
Unfortunately, this only works when clicking on the outer part of the sphere (when the camera is not inside). Clicking inside the sphere is not being detected.
Do you have any ideas on how I can achieve this?
Thank you.