# Robeast (selective bloom)

**URL:** <https://discourse.threejs.org/t/robeast-selective-bloom/11098>\
**Category:** Showcase\
**Tags:** buffergeometry, bloom, shaders\
**Created:** [November 28, 2019, 12:52pm UTC](https://discourse.threejs.org/t/robeast-selective-bloom/11098 "2019-11-28T12:52:44Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![prisoner849](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/prisoner849/32/535_2.png) [@prisoner849](https://discourse.threejs.org/u/prisoner849)\
**Post date:** [November 28, 2019, 12:52pm UTC](https://discourse.threejs.org/t/robeast-selective-bloom/11098/1 "2019-11-28T12:52:44Z")

</div>

Hi community!

This is evolving of my thoughts on working with [selective bloom](https://threejs.org/examples/?q=bloom#webgl_postprocessing_unreal_bloom_selective).  
My previous steps on that field:

1. [Instancing + selective bloom](https://discourse.threejs.org/t/instancing-selective-bloom/7506)
2. [Totentanz (Selective Bloom)](https://discourse.threejs.org/t/totentanz-selective-bloom/8329)

This time I enhanced the approach from Totentanz and made it possible to control glowing within a single material. I mean, that if you have, for example, a plane mesh with a single `THREE.PlaneBufferGeometry()` and a single material (I used `THREE.ShaderMaterial()`, but you can do the same thing with enhancing of built-in materials), then you can control glowing of certain parts of the plane in the material.

Here it is: [https://codepen.io/prisoner849/full/YzzbNbZ](https://codepen.io/prisoner849/full/YzzbNbZ)  
Just a short instruction:

1. Wait till it loads to 100%
2. See soundcloud widget
3. Click its “Play” button
4. Enjoy 🙂

 ![Robest_codepen](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/2X/0/03279b29384b2c118d4f5e37e9cfbaa3cd6e8fa3.jpeg)

PS ❗ First time of working with GSAP library, so try not to rotate scene whilst intro before the scene starts glowing 🤞👼  
PPS Tested with Firefox and Chrome on Windows, and with Chrome on some Android phones (thanks to my colleagues 🍻)

---

<div class="post-metadata">

**Author:** ![Usnul](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/usnul/32/2355_2.png) [@Usnul](https://discourse.threejs.org/u/Usnul)\
**Post date:** [November 28, 2019, 6:10pm UTC](https://discourse.threejs.org/t/robeast-selective-bloom/11098/2 "2019-11-28T18:10:54Z")

</div>

haha, looks great, have you looked into MMD? You might find it up your alley

---

<div class="post-metadata">

**Author:** ![prisoner849](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/prisoner849/32/535_2.png) [@prisoner849](https://discourse.threejs.org/u/prisoner849)\
**Post date:** [November 28, 2019, 7:43pm UTC](https://discourse.threejs.org/t/robeast-selective-bloom/11098/3 "2019-11-28T19:43:18Z")

</div>

@Usnul  
Do you mean that MMD? 😄 [three.js examples](https://threejs.org/examples/?q=loader#webgl_loader_mmd_audio)

---

<div class="post-metadata">

**Author:** ![Usnul](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/usnul/32/2355_2.png) [@Usnul](https://discourse.threejs.org/u/Usnul)\
**Post date:** [November 28, 2019, 10:29pm UTC](https://discourse.threejs.org/t/robeast-selective-bloom/11098/4 "2019-11-28T22:29:14Z")

</div>

yas, that’s exactly it 😃  
Even the music is similar!

---

<div class="post-metadata">

**Author:** ![duhaime](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/duhaime/32/715_2.png) [@duhaime](https://discourse.threejs.org/u/duhaime)\
**Post date:** [November 30, 2019, 1:06am UTC](https://discourse.threejs.org/t/robeast-selective-bloom/11098/5 "2019-11-30T01:06:21Z")

</div>

So many great pens on your profile! Awesome work!

---

<div class="post-metadata">

**Author:** ![Thomas\_Patrick](https://avatars.discourse-cdn.com/v4/letter/t/8e7dd6/32.png) [@Thomas\_Patrick](https://discourse.threejs.org/u/Thomas_Patrick)\
**Post date:** [November 30, 2019, 1:26am UTC](https://discourse.threejs.org/t/robeast-selective-bloom/11098/6 "2019-11-30T01:26:45Z")

</div>

WOW very nice work!

---

<div class="post-metadata">

**Author:** ![prisoner849](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/prisoner849/32/535_2.png) [@prisoner849](https://discourse.threejs.org/u/prisoner849)\
**Post date:** [November 30, 2019, 8:45am UTC](https://discourse.threejs.org/t/robeast-selective-bloom/11098/7 "2019-11-30T08:45:06Z")

</div>

@duhaime @Thomas_Patrick Thanks, guys 🍻

---

<div class="post-metadata">

**Author:** ![GlifTek](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/gliftek/32/13131_2.png) [@GlifTek](https://discourse.threejs.org/u/GlifTek)\
**Post date:** [September 7, 2020, 1:11pm UTC](https://discourse.threejs.org/t/robeast-selective-bloom/11098/8 "2020-09-07T13:11:51Z")

</div>

that is so freaking amazing. EXACTLY the type of thing I’ve been thinking.  
very nice job.

---

<div class="post-metadata">

**Author:** ![prisoner849](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/prisoner849/32/535_2.png) [@prisoner849](https://discourse.threejs.org/u/prisoner849)\
**Post date:** [September 7, 2020, 1:13pm UTC](https://discourse.threejs.org/t/robeast-selective-bloom/11098/9 "2020-09-07T13:13:03Z")

</div>

@GlifTek Thanks 🍻