Multiple HighlightLayer is used together

My project requires multiple highlighting layers, and may display them at the same time, because one layer needs to change the outerGlow, innerGlow, blurHorizontalSize, blurVerticalSize and other properties, but there are a lot of problems with using both layers. Whether these problems can be avoided.
1 | Babylon.js Playground (babylonjs.com)
1 | Babylon.js Playground (babylonjs.com)

1 | Babylon.js Playground (babylonjs.com)
In a situation like this, can you do it without affecting each other.

As you could see, there can be some interactions between layers because of the technic used, so you will have to use / not use addMesh / addExcludedMesh to achieve what you want. For eg, in your first PG, not calling highLightLayer.addExcludedMesh(sphere) makes it work.

2 Likes