# Create bloom or glowing effect on GLTF component

**URL:** <https://discourse.threejs.org/t/create-bloom-or-glowing-effect-on-gltf-component/44173>\
**Category:** Questions\
**Tags:** materials\
**Created:** [October 31, 2022, 12:57pm UTC](https://discourse.threejs.org/t/create-bloom-or-glowing-effect-on-gltf-component/44173 "2022-10-31T12:57:48Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![mdar](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mdar/32/25105_2.png) [@mdar](https://discourse.threejs.org/u/mdar)\
**Post date:** [October 31, 2022, 12:57pm UTC](https://discourse.threejs.org/t/create-bloom-or-glowing-effect-on-gltf-component/44173/1 "2022-10-31T12:57:48Z")

</div>

Hello,

I am importing a .glTF model – and i would like a small circle on it to glow with blue color.

I’ve tried adding Bloom in the following way here,

```nohighlight
      <Canvas camera={{fov: 30}}>
        <color attach="background" args={['#000000']} />
        <Suspense fallback={null}>
             <Effects disableGamma>
                <unrealBloomPass threshold={1} strength={1.5} radius={1} />
             </Effects>
        <OrbitControls minDistance={5} maxDistance={15} enablePan={false}/>
        <ProductLine models={models} position={{x: position.x, y: 0, z: 0}}/>
        <spotLight intensity={1.3} angle={0.3} penumbra={0.5} position={[0, 15, 10]} castShadow/>
        <ambientLight intensity={1}/>
        </Suspense>
      </Canvas>

```

And in the component setting the color in this way,

```nohighlight
  <mesh name="Power_Button_O" geometry={nodes.Power_Button_O.geometry} position={[0.03, 0.675, -0.26]} scale={0.16}>
           <meshBasicMaterial color={[1, 1, 20]} toneMapped={false}/>
           </mesh>

```

However, all I can achieve is a white glowing bloom effect. How can I give it color?

![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/5/8/58e0e72b3cc7f94c9f4a3cc6d3b06b343c82f8b8.png)

---

<div class="post-metadata">

**Author:** ![drcmda](https://avatars.discourse-cdn.com/v4/letter/d/91b2a8/32.png) [@drcmda](https://discourse.threejs.org/u/drcmda)\
**Post date:** [October 31, 2022, 3:37pm UTC](https://discourse.threejs.org/t/create-bloom-or-glowing-effect-on-gltf-component/44173/2 "2022-10-31T15:37:06Z")

</div>

either reduce the other values, for instance a pink would be 7, 0, 0.5. a bit of tweaking. or meshstandardmaterial and give both color and emissive the color you want, then emissiveIntensity higher than 1.

> **[bloom hdr workflow, GLTF - CodeSandbox](https://codesandbox.io/s/bloom-hdr-workflow-gltf-whnhyr)**
>
> bloom hdr workflow, GLTF by drcmda using @react-three/drei, @react-three/fiber, @splinetool/loader, @splinetool/r3f-spline, react, react-dom, react-scripts, three

just like in blender emissive bloom will wash out the original color a bit, it’s like bright or hot light

---

<div class="post-metadata">

**Author:** ![mdar](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mdar/32/25105_2.png) [@mdar](https://discourse.threejs.org/u/mdar)\
**Post date:** [October 31, 2022, 3:46pm UTC](https://discourse.threejs.org/t/create-bloom-or-glowing-effect-on-gltf-component/44173/3 "2022-10-31T15:46:35Z")

</div>

Thank you. Changing to standard from basic worked. Hilariously I seem to only be able to make pink and light green colors though even if I make the color = {[0, 0.5, 7}] I can’t generate a blue glow