# Holeographic background

**URL:** <https://discourse.threejs.org/t/holeographic-background/68032>\
**Category:** Questions\
**Tags:** shaders\
**Created:** [July 11, 2024, 1:00pm UTC](https://discourse.threejs.org/t/holeographic-background/68032 "2024-07-11T13:00:41Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![giuliozulian](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/giuliozulian/32/49779_2.png) [@giuliozulian](https://discourse.threejs.org/u/giuliozulian)\
**Post date:** [July 11, 2024, 1:00pm UTC](https://discourse.threejs.org/t/holeographic-background/68032/1 "2024-07-11T13:00:41Z")

</div>

How can i create in three.js a similar effect?  
 ![41Ys6ZeykyL.UX358_FMwebp_QL85](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/b/0/b0e53fb9e6fd00583fc7a1a6de05a4eaf7a74ce6.webp)

---

<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:** [July 11, 2024, 2:10pm UTC](https://discourse.threejs.org/t/holeographic-background/68032/2 "2024-07-11T14:10:16Z")

</div>

I’d use a texture.

For a dynamic holographic effect, I’d use dynamic texture (e.g. written in TSL). Something similar to this:

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

[![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/4/a/4ace31ee082820385ce92d6f0d725cb600febf97.jpeg)](https://codepen.io/boytchev/full/MWMYdwm)

---

<div class="post-metadata">

**Author:** ![manthrax](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/manthrax/32/2596_2.png) [@manthrax](https://discourse.threejs.org/u/manthrax)\
**Post date:** [July 12, 2024, 8:07am UTC](https://discourse.threejs.org/t/holeographic-background/68032/3 "2024-07-12T08:07:23Z")

</div>

Cool sample! How does one view the “tsl-textures/scream.js” script?

edit: i c it’s a cdn link… here it is if anyone is interested:

[https://cdn.jsdelivr.net/npm/tsl-textures@0.6.0/src/scream.js](https://cdn.jsdelivr.net/npm/tsl-textures@0.6.0/src/scream.js)

---

<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:** [July 12, 2024, 9:07am UTC](https://discourse.threejs.org/t/holeographic-background/68032/4 "2024-07-12T09:07:07Z")

</div>

All sources are here:

[https://github.com/boytchev/tsl-textures](https://github.com/boytchev/tsl-textures)

The font page is here:

[https://boytchev.github.io/tsl-textures/](https://boytchev.github.io/tsl-textures/)

---

<div class="post-metadata">

**Author:** ![manthrax](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/manthrax/32/2596_2.png) [@manthrax](https://discourse.threejs.org/u/manthrax)\
**Post date:** [July 12, 2024, 9:08am UTC](https://discourse.threejs.org/t/holeographic-background/68032/5 "2024-07-12T09:08:15Z")

</div>

Awesome 🙂 thanks! Been looking for nice concise tsl examples. Might be time to learn something new for me. 😃

---

<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:** [July 12, 2024, 9:08am UTC](https://discourse.threejs.org/t/holeographic-background/68032/6 "2024-07-12T09:08:51Z")

</div>

Any time is a good time to learn something new.

---

<div class="post-metadata">

**Author:** ![Rex\_Dev](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/rex_dev/32/49380_2.png) [@Rex\_Dev](https://discourse.threejs.org/u/Rex_Dev)\
**Post date:** [July 12, 2024, 9:25am UTC](https://discourse.threejs.org/t/holeographic-background/68032/7 "2024-07-12T09:25:13Z")

</div>

I think you can implement it with only texture.  
With combine two thextures, you can implement it.  
Want more assist?