# How can I make something glow?

**URL:** <https://discourse.threejs.org/t/how-can-i-make-something-glow/66212>\
**Category:** Questions\
**Tags:** bloom\
**Created:** [May 30, 2024, 6:25pm UTC](https://discourse.threejs.org/t/how-can-i-make-something-glow/66212 "2024-05-30T18:25:44Z")\
**Posts on this page:** 1\
**Showing post:** 4

<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:** [May 30, 2024, 6:43pm UTC](https://discourse.threejs.org/t/how-can-i-make-something-glow/66212/4 "2024-05-30T18:43:27Z")

</div>

react is the de-complication of threejs. all it does is allow people to take something that cost a lot of effort to make and wrap it into a re-usable. classes can’t do that. learn it if you want to make quick progress with threejs.

btw, the official bloom examples are imo convoluted, perhaps wrong. a better (and easer) way is this: [Selective Bloom not working in react function with vanilla js wrapped in useeffect - #2 by drcmda](https://discourse.threejs.org/t/selective-bloom-not-working-in-react-function-with-vanilla-js-wrapped-in-useeffect/42767/2) though no longer 100% up to date because threejs has changed, some of it has to be adapted.

in react it’s just this

```jsx
<EffectComposer>
  <Bloom mipmapBlur luminanceThreshold={1} />
</EffectComposer>

// this will glow red
<mesh>
  <boxGeometry />
  <meshBasicMaterial color={[10, 0, 0]} />
</mesh>

// this won't, it will just be red
<mesh>
  <boxGeometry />
  <meshBasicMaterial color={[1, 0, 0]} />
</mesh>

```

all the complicated code has been put into a component, nobody has to struggle with again. demo: [https://codesandbox.io/p/sandbox/bloom-hdr-workflow-gnn4yt](https://codesandbox.io/p/sandbox/bloom-hdr-workflow-gnn4yt)

---

_[View the full topic](https://discourse.threejs.org/t/how-can-i-make-something-glow/66212)._