# Holy \[JS\] Trinity

**URL:** <https://discourse.threejs.org/t/holy-js-trinity/82698>\
**Category:** Showcase\
**Tags:** shaders\
**Created:** [May 16, 2025, 9:57pm UTC](https://discourse.threejs.org/t/holy-js-trinity/82698 "2025-05-16T21:57:12Z")\
**Posts on this page:** 3\
**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:** [May 16, 2025, 9:57pm UTC](https://discourse.threejs.org/t/holy-js-trinity/82698/1 "2025-05-16T21:57:12Z")

</div>

Hi community!

Here is what happens, when you code just following your inner voice, kind of “I want this/I need that”.

Picture:

 ![изображение](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/e/d/ed4418e204fc9199533690159845302700d84b0b.jpeg)

Video:

Demo: [https://codepen.io/prisoner849/full/yyyZPoK](https://codepen.io/prisoner849/full/yyyZPoK)

---

<div class="post-metadata">

**Author:** ![jrlazz](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/jrlazz/32/64383_2.png) [@jrlazz](https://discourse.threejs.org/u/jrlazz)\
**Post date:** [May 16, 2025, 11:07pm UTC](https://discourse.threejs.org/t/holy-js-trinity/82698/2 "2025-05-16T23:07:52Z")

</div>

…The blink of an eye is the cherry on the cake … 😉

---

<div class="post-metadata">

**Author:** ![Fennec](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/fennec/32/59265_2.png) [@Fennec](https://discourse.threejs.org/u/Fennec)\
**Post date:** [May 17, 2025, 2:56am UTC](https://discourse.threejs.org/t/holy-js-trinity/82698/3 "2025-05-17T02:56:31Z")

</div>

All hail the JS overlord 😂