# \#effect

**URL:** https://discourse.threejs.org/tag/effect/1226.md

[Latest](https://discourse.threejs.org/latest.md) · [Categories](https://discourse.threejs.org/categories.md) · [Tags](https://discourse.threejs.org/tags.md)

---

## [Shader Text + Shader Editor](https://discourse.threejs.org/t/shader-text-shader-editor/83643)

<div class="topic-metadata">

**Author:** [@didi\_softwares](https://discourse.threejs.org/u/didi_softwares)\
**Replies:** 0\
**Last updated:** [June 5, 2025, 9:39pm UTC](https://discourse.threejs.org/t/shader-text-shader-editor/83643 "2025-06-05T21:39:16Z")

</div>

Hello young developers. CodePen ShaderText or WebPage ShaderText Codepen ShaderEditor or WebPage ShaderEditor Now that I have more time and after updating the Shader Editor, I also created a class to use the…

---

## [Seeking Help with 3D Lottery Project – Need Ideas for Ball Display](https://discourse.threejs.org/t/seeking-help-with-3d-lottery-project-need-ideas-for-ball-display/81816)

<div class="topic-metadata">

**Author:** [@shadow91102](https://discourse.threejs.org/u/shadow91102)\
**Replies:** 4\
**Last updated:** [April 30, 2025, 11:55am UTC](https://discourse.threejs.org/t/seeking-help-with-3d-lottery-project-need-ideas-for-ball-display/81816 "2025-04-30T11:55:21Z")

</div>

We are currently developing 3D lottery projects and already have core features. But I am facing a challenge to help. Specifically, I am looking for an effective way to visually display the ball when the ball comes…

---

## [Morph Image Particle| Creating a Particle-Based Face Transition Effect](https://discourse.threejs.org/t/morph-image-particle-creating-a-particle-based-face-transition-effect/78794)

<div class="topic-metadata">

**Author:** [@Parisa\_Shahbazi](https://discourse.threejs.org/u/Parisa_Shahbazi)\
**Replies:** 2\
**Last updated:** [March 22, 2025, 12:11pm UTC](https://discourse.threejs.org/t/morph-image-particle-creating-a-particle-based-face-transition-effect/78794 "2025-03-22T12:11:46Z")

</div>

Hi everyone, I’m new to working with particles in Three.js and would appreciate some guidance. I’m trying to create a particle effect with the following sequence: Particles initially form the front view of a person’s …

---

## [Best Approach for Highlighting a Selected Mesh in a Room Planner Project](https://discourse.threejs.org/t/best-approach-for-highlighting-a-selected-mesh-in-a-room-planner-project/78845)

<div class="topic-metadata">

**Author:** [@KHades95](https://discourse.threejs.org/u/KHades95)\
**Replies:** 2\
**Last updated:** [March 2, 2025, 1:46am UTC](https://discourse.threejs.org/t/best-approach-for-highlighting-a-selected-mesh-in-a-room-planner-project/78845 "2025-03-02T01:46:24Z")

</div>

Hello everyone, I’m working on a room planner project using Three.js and React-Three-Fiber, and I’m currently focusing on applying a beautiful highlight effect to a selected mesh. Current Scenario: The scene consists …

---

## [Best Way to Toggle Overlay Layers in React Three Fiber?](https://discourse.threejs.org/t/best-way-to-toggle-overlay-layers-in-react-three-fiber/78107)

<div class="topic-metadata">

**Author:** [@lhb](https://discourse.threejs.org/u/lhb)\
**Replies:** 1\
**Last updated:** [February 16, 2025, 2:31am UTC](https://discourse.threejs.org/t/best-way-to-toggle-overlay-layers-in-react-three-fiber/78107 "2025-02-16T02:31:34Z")

</div>

I want a corresponding layer to appear over the selected area when clicking any button, like in the image. I was thinking of creating extra models and toggling their visibility on click, but that doesn’t seem very effici…

---

## [Portfolio Magic book showcase](https://discourse.threejs.org/t/portfolio-magic-book-showcase/68850)

<div class="topic-metadata">

**Author:** [@Di\_p\_Tr\_n](https://discourse.threejs.org/u/Di_p_Tr_n)\
**Replies:** 5\
**Last updated:** [October 21, 2024, 1:15pm UTC](https://discourse.threejs.org/t/portfolio-magic-book-showcase/68850 "2024-10-21T13:15:09Z")

</div>

Hello everyone, I am really excited to share my personal project. Link: https://tranhogdiep.github.io/ The source code is available on Github. Hope you like it and give me feedback. Thank you very much!!

---

## [Replicate shapes effect on hover using three js](https://discourse.threejs.org/t/replicate-shapes-effect-on-hover-using-three-js/63272)

<div class="topic-metadata">

**Author:** [@karnaukhmx](https://discourse.threejs.org/u/karnaukhmx)\
**Replies:** 2\
**Last updated:** [March 27, 2024, 10:09am UTC](https://discourse.threejs.org/t/replicate-shapes-effect-on-hover-using-three-js/63272 "2024-03-27T10:09:27Z")

</div>

Hi guys! Does anybody knows some examples/links to the docs/any tips how can I make the same shapes hover effect as here https://www.reformcollective.com/ in the hero section? Thanks!

---

## [How do I apply this effect to cylinder geometry?](https://discourse.threejs.org/t/how-do-i-apply-this-effect-to-cylinder-geometry/59705)

<div class="topic-metadata">

**Author:** [@ljm31337](https://discourse.threejs.org/u/ljm31337)\
**Replies:** 1\
**Last updated:** [December 28, 2023, 5:53am UTC](https://discourse.threejs.org/t/how-do-i-apply-this-effect-to-cylinder-geometry/59705 "2023-12-28T05:53:36Z")

</div>

three.js cylinder geometry How to achieve the same effect as in the link above on a cylinder with the lid open? What should I do? https://codepen.io/simeydotme/pen/gOqNxRa

---

## [How to apply water drop effect on screen?](https://discourse.threejs.org/t/how-to-apply-water-drop-effect-on-screen/59513)

<div class="topic-metadata">

**Author:** [@neciszhang](https://discourse.threejs.org/u/neciszhang)\
**Replies:** 1\
**Last updated:** [December 21, 2023, 1:27pm UTC](https://discourse.threejs.org/t/how-to-apply-water-drop-effect-on-screen/59513 "2023-12-21T13:27:23Z")

</div>

Hi, guys, I display this rain effect on a plane, but I want to display the water drop effect on the screen. There is a parameter that needs to be passed in the background image. How should I modify it? Thank you very mu…

---

## [Fireworks in threejs](https://discourse.threejs.org/t/fireworks-in-threejs/56709)

<div class="topic-metadata">

**Author:** [@Tibi](https://discourse.threejs.org/u/Tibi)\
**Replies:** 3\
**Last updated:** [October 6, 2023, 8:02am UTC](https://discourse.threejs.org/t/fireworks-in-threejs/56709 "2023-10-06T08:02:32Z")

</div>

Is there a library or some custom code done to create cool fireworks with threejs? Thank you!

---

## [Explosion Shockwave VFX](https://discourse.threejs.org/t/explosion-shockwave-vfx/54742)

<div class="topic-metadata">

**Author:** [@mjurczyk](https://discourse.threejs.org/u/mjurczyk)\
**Replies:** 0\
**Last updated:** [August 7, 2023, 5:14pm UTC](https://discourse.threejs.org/t/explosion-shockwave-vfx/54742 "2023-08-07T17:14:55Z")

</div>

:memo: Source code :eyes: Step-by-step breakdown gifs A tiny codepen example of a depth-aware, instantiable explosion with a shockwave - inspired by this guide and how a lot of games use broken UVs to create…

---

## [Is it possible to limit OutlineEffect to specific meshes?](https://discourse.threejs.org/t/is-it-possible-to-limit-outlineeffect-to-specific-meshes/51227)

<div class="topic-metadata">

**Author:** [@Nik](https://discourse.threejs.org/u/Nik)\
**Replies:** 8\
**Last updated:** [May 7, 2023, 4:10pm UTC](https://discourse.threejs.org/t/is-it-possible-to-limit-outlineeffect-to-specific-meshes/51227 "2023-05-07T16:10:36Z")

</div>

Is it possible to restrict the effect of OutlineEffect to specific meshes?

---

## [Some question about particles explode](https://discourse.threejs.org/t/some-question-about-particles-explode/49595)

<div class="topic-metadata">

**Author:** [@Lua\_Ga\_Chi\_n\_Th\_n](https://discourse.threejs.org/u/Lua_Ga_Chi_n_Th_n)\
**Replies:** 2\
**Last updated:** [March 26, 2023, 10:38pm UTC](https://discourse.threejs.org/t/some-question-about-particles-explode/49595 "2023-03-26T22:38:12Z")

</div>

with these 2 photos how can i create an effect like that when shooting You can see this video How to do that ? i need example code

---

## [SSAO Pass: Camera Scale affecting SSAO effect](https://discourse.threejs.org/t/ssao-pass-camera-scale-affecting-ssao-effect/46179)

<div class="topic-metadata">

**Author:** [@cabada](https://discourse.threejs.org/u/cabada)\
**Replies:** 0\
**Last updated:** [December 24, 2022, 8:51am UTC](https://discourse.threejs.org/t/ssao-pass-camera-scale-affecting-ssao-effect/46179 "2022-12-24T08:51:48Z")

</div>

I’ve found that if I change the camera scale (literally, camera.scale.set(10,10,10)); the SSAO diminishes it’s effect. I’m using SSAO effect from GitHub - pmndrs/postprocessing: A post processing library that provides t…

---

## [Apply blurry effect to background image](https://discourse.threejs.org/t/apply-blurry-effect-to-background-image/37254)

<div class="topic-metadata">

**Author:** [@Gius](https://discourse.threejs.org/u/Gius)\
**Replies:** 1\
**Last updated:** [April 20, 2022, 2:39pm UTC](https://discourse.threejs.org/t/apply-blurry-effect-to-background-image/37254 "2022-04-20T14:39:57Z")

</div>

Hi, we load a background image simply with this code: private createBackground(backgroundURL) { const textureLoader = new TextureLoader(); this.bgTexture = textureLoader.load(backgroundURL); this.scene.back…