Glow

Glow effects in Babylon.js create a bright, halo-like effect around objects, enhancing visual appeal. It is especially useful for objects like lights, magical effects, or to emphasize specific meshes by adding an outer luminous effect.

By default the glow layer will use emissive texture and emissive color to generate the glow color of every active mesh but this behaviour can be overridden.

useEffect(() => {
  const loadNeonPipe = async () => {
    await SceneLoader.AppendAsync(`${process.env.NEXT_PUBLIC_BABYLON_URL}/Assets/NeonPipe/glTF/`, `NeonPipe.gltf`);
  };
  loadNeonPipe();
}, []);
 
// ...
 
<glowLayer name='glow' intensity={0.5} />

⚠️

Make sure you have imported the proper loader to handle .glTF assets. Take a look at Loaders section if you are having issues.

Learn More

For properties, meshes inclusion/exclusion and additional context, please refer to Babylon.js documentation: https://doc.babylonjs.com/features/featuresDeepDive/mesh/glowLayer.

Highlight Curves