# \#customshadermaterial

**URL:** https://discourse.threejs.org/tag/customshadermaterial/1220.md

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

---

## [Advanced 3D Effects: Particle Morphing](https://discourse.threejs.org/t/advanced-3d-effects-particle-morphing/88359)

<div class="topic-metadata">

**Author:** [@Parisa\_Shahbazi](https://discourse.threejs.org/u/Parisa_Shahbazi)\
**Replies:** 0\
**Last updated:** [November 30, 2025, 7:50pm UTC](https://discourse.threejs.org/t/advanced-3d-effects-particle-morphing/88359 "2025-11-30T19:50:26Z")

</div>

In this project, which has been one of the most challenging ones for me recently, I have utilized custom shaders, particles, GLSL, and Three.js to create unique visual effects. Below, I will explain the details of these …

---

## [How to control a particle morph (custom shader) with mouse scroll instead of automatic animation?](https://discourse.threejs.org/t/how-to-control-a-particle-morph-custom-shader-with-mouse-scroll-instead-of-automatic-animation/86338)

<div class="topic-metadata">

**Author:** [@Parisa\_Shahbazi](https://discourse.threejs.org/u/Parisa_Shahbazi)\
**Replies:** 2\
**Last updated:** [August 18, 2025, 8:23pm UTC](https://discourse.threejs.org/t/how-to-control-a-particle-morph-custom-shader-with-mouse-scroll-instead-of-automatic-animation/86338 "2025-08-18T20:23:09Z")

</div>

I have a Three.js project where I use particles + morphing with a custom shader. Right now, the morph animation plays automatically (e.g., particles transform from a circle into an image, and from one image into another…

---

## [Get vertex position on a postprocessing custom shaderPass](https://discourse.threejs.org/t/get-vertex-position-on-a-postprocessing-custom-shaderpass/64988)

<div class="topic-metadata">

**Author:** [@ventoline](https://discourse.threejs.org/u/ventoline)\
**Replies:** 0\
**Last updated:** [May 3, 2024, 1:51am UTC](https://discourse.threejs.org/t/get-vertex-position-on-a-postprocessing-custom-shaderpass/64988 "2024-05-03T01:51:04Z")

</div>

I am trying to get the world / local position of a vertex but I only get the screenSpace value, what I am missing? vertexShader: /\* glsl \*/ \` varying vec2 vUv; uniform float opacity; varying vec3 p; …

---

## [Adding Depth of Field: Applying Blur Effect to Highlight Close-Up Model Parts](https://discourse.threejs.org/t/adding-depth-of-field-applying-blur-effect-to-highlight-close-up-model-parts/63285)

<div class="topic-metadata">

**Author:** [@Anish\_Kumar](https://discourse.threejs.org/u/Anish_Kumar)\
**Replies:** 5\
**Last updated:** [April 2, 2024, 6:22am UTC](https://discourse.threejs.org/t/adding-depth-of-field-applying-blur-effect-to-highlight-close-up-model-parts/63285 "2024-04-02T06:22:21Z")

</div>

Hello Everyone, I am currently working on developing a product showcasing web application where we are utilizing Three.js to render 3D models of various products within our Three.js scene. As part of enhancing the visua…

---

## [Landscape material shader library](https://discourse.threejs.org/t/landscape-material-shader-library/56215)

<div class="topic-metadata">

**Author:** [@Riwox](https://discourse.threejs.org/u/Riwox)\
**Replies:** 3\
**Last updated:** [September 30, 2023, 11:26am UTC](https://discourse.threejs.org/t/landscape-material-shader-library/56215 "2023-09-30T11:26:54Z")

</div>

Hello. I have an intention to make shaders library as my bachelor’s thesis. There are already some libraries with shaders for object material or effects, but I want to make shaders primarily for landscape . My motive B…

---

## [Shader opacity based on z](https://discourse.threejs.org/t/shader-opacity-based-on-z/43227)

<div class="topic-metadata">

**Author:** [@Darcey](https://discourse.threejs.org/u/Darcey)\
**Replies:** 10\
**Last updated:** [October 5, 2022, 6:39pm UTC](https://discourse.threejs.org/t/shader-opacity-based-on-z/43227 "2022-10-05T18:39:55Z")

</div>

Hi, I’m trying to write a shader which fades in and out at 2 different z values. So step 1 I tried to get it to work with just z passing 0 but the result is the alpha channel of the image is black but the image is disp…

---

## [Opacity property of Custom Shader Material](https://discourse.threejs.org/t/opacity-property-of-custom-shader-material/37066)

<div class="topic-metadata">

**Author:** [@MrOrangeSky](https://discourse.threejs.org/u/MrOrangeSky)\
**Replies:** 3\
**Last updated:** [April 14, 2022, 2:46pm UTC](https://discourse.threejs.org/t/opacity-property-of-custom-shader-material/37066 "2022-04-14T14:46:07Z")

</div>

While using Custom Shaders for Transparent object rendering, there are two sets of opacities/alpha related to the object. Transparency of different sub-layers of the object that custom shader takes into account to cre…