# Glowing Icoshadron Geometry

**URL:** <https://discourse.threejs.org/t/glowing-icoshadron-geometry/52640>\
**Category:** Questions\
**Tags:** post-processing\
**Created:** [June 10, 2023, 7:22am UTC](https://discourse.threejs.org/t/glowing-icoshadron-geometry/52640 "2023-06-10T07:22:36Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ayush\_Samantaray](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/ayush_samantaray/32/37071_2.png) [@Ayush\_Samantaray](https://discourse.threejs.org/u/Ayush_Samantaray)\
**Post date:** [June 10, 2023, 7:22am UTC](https://discourse.threejs.org/t/glowing-icoshadron-geometry/52640/1 "2023-06-10T07:22:36Z")

</div>

I wanted to create a brightly glowing Icoshadron Geometry in Three.js. I could not get any code to create such a glow. So i appended the Icoshadron Geometry (using MeshStandardMaterial with opacity .5) into a Group & added 27 lights on it using a for loop. It gave me a nice result but it is insanely slow. I want to rotate the Icoshadron so i am rotating the Group but it is animating at \<1fps. I am sure that the lights must be removed but what should i do instead to get the glow. (somewhat like infinity stones but even brighter & enlarged)

---

<div class="post-metadata">

**Author:** ![PavelBoytchev](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/pavelboytchev/32/38639_2.png) [@PavelBoytchev](https://discourse.threejs.org/u/PavelBoytchev)\
**Post date:** [June 10, 2023, 7:31am UTC](https://discourse.threejs.org/t/glowing-icoshadron-geometry/52640/2 "2023-06-10T07:31:39Z")

</div>

Maybe you need a bloom effect?

[https://threejs.org/examples/?q=bloom#webgl\_postprocessing\_unreal\_bloom](https://threejs.org/examples/?q=bloom#webgl_postprocessing_unreal_bloom)

If you only need brightness, but not blooming, you may use excessive colors (above (1,1,1)), emission, textures (maps, light maps, environment maps).

---

<div class="post-metadata">

**Author:** ![Ayush\_Samantaray](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/ayush_samantaray/32/37071_2.png) [@Ayush\_Samantaray](https://discourse.threejs.org/u/Ayush_Samantaray)\
**Post date:** [June 10, 2023, 7:33am UTC](https://discourse.threejs.org/t/glowing-icoshadron-geometry/52640/3 "2023-06-10T07:33:50Z")

</div>

Can you give me a minimal code to implement it on a Icoshadron geometry. I am a beginner & dont understand what is for what in that example.

---

<div class="post-metadata">

**Author:** ![PavelBoytchev](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/pavelboytchev/32/38639_2.png) [@PavelBoytchev](https://discourse.threejs.org/u/PavelBoytchev)\
**Post date:** [June 10, 2023, 9:17am UTC](https://discourse.threejs.org/t/glowing-icoshadron-geometry/52640/4 "2023-06-10T09:17:26Z")

</div>

I would highly recommend to study the code of the official example and to try to make a bloom effect by yourself. This is the best way to learn this technique.

Anyway, here is some minimal code (with Three.js r153):

[https://codepen.io/boytchev/full/LYXVVgJ](https://codepen.io/boytchev/full/LYXVVgJ)

[![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/8/9/891046a58db446be52d2b93ee15db74cf438d7a1.jpeg)](https://codepen.io/boytchev/full/LYXVVgJ)

---

<div class="post-metadata">

**Author:** ![Ayush\_Samantaray](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/ayush_samantaray/32/37071_2.png) [@Ayush\_Samantaray](https://discourse.threejs.org/u/Ayush_Samantaray)\
**Post date:** [June 15, 2023, 3:26pm UTC](https://discourse.threejs.org/t/glowing-icoshadron-geometry/52640/5 "2023-06-15T15:26:41Z")

</div>

Thank you. I have finally implemented it.