Click behind an object or make the object "non clickable" css equivalent would be pointer-events: none

So like the title says, click behind an object or make the object “non clickable”
the reason:
well basically i have a “cloud” mesh which is basically a plane with a few png’s of a cloud repeating
which is positioned close to the camera so when you raycast and try to click on anything under the plane it won’t get clicked because the plane is on top…
here’s some video of the cloud on top of everything:

any idea’s of what i can do for a work around?

Maybe my best bet is taking advantage of css3renderer that is already going on in my scene … or two scenes but how closely would that be on performance ?

Or put clickable objects into an array and use it with raycaster’s .intersectObjects() method.

1 Like