Using layers for raycasting

Questions
,
1

hello,

I’m trying to use layers to manage my intersect objects but I’m lost!

Let’s say I have a box that I intersect with raycast, I want to “disable” and “enable” it when needed. But the problem is I can’t understand the layers system, how do I use it? is there any other way to manage toggling triggers on and off?

Thanks.

Note: I’ve searched the forums for similar issue and found many, but the questions and answers are beyond me! my apologies if I created a duplicate question.

2
  1. Create a constant for the intersection layer:
const INTERSECTION_LAYER = 1;
  1. Set the raycaster to only intersect with objects on INTERSECTION_LAYER:
raycaster.layers.set(INTERSECTION_LAYER);
  1. Enable the INTERSECTION_LAYER on the object you want to be interactive:
box.layers.enable(INTERSECTION_LAYER);
  1. Disable the intersection layer when it’s no longer needed:
box.layers.disable(INTERSECTION_LAYER);

set and enable are not the same. When you set a layer, the object will only be visible on that specific layer. While enable and disable let you add or remove multiple layers, making the object visible or hidden on those layers.

Here’s a working jsFiddle. Only the blue cube is clickable.

4 Likes
3

Perfect! many thanks … one thing, I think it’s easier for me to give each set of triggers a layer (there are like 3-4) and switch the raycast.layers.set is that ok? to keep switching layers for raycast? thanks again!

1 Like
4

It work both ways, it’s up to you to use what suits you best!

2 Likes
5

Thanks, much appreciated <3

2 Likes