# \#volume-rendering

**URL:** https://discourse.threejs.org/tag/volume-rendering/584.md

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

---

## [\[WebGPU\] Hashing Spaces: Procedural Volume Noise and Shape generation](https://discourse.threejs.org/t/webgpu-hashing-spaces-procedural-volume-noise-and-shape-generation/94654)

<div class="topic-metadata">

**Author:** [@phoenix](https://discourse.threejs.org/u/phoenix)\
**Replies:** 0\
**Last updated:** [September 25, 2026, 11:50am UTC](https://discourse.threejs.org/t/webgpu-hashing-spaces-procedural-volume-noise-and-shape-generation/94654 "2026-09-25T11:50:14Z")

</div>

Wanted to submit one of my first projects created using ThreeJS and TSL here. Website link: In case you liked it, do like and share: Subroto Biswas on X: "Happy to share one of my first full-fledged web apps: h…

---

## [ThreeVolumetricFire: A library for spline-deformable volumetric fire](https://discourse.threejs.org/t/threevolumetricfire-a-library-for-spline-deformable-volumetric-fire/88529)

<div class="topic-metadata">

**Author:** [@Housz](https://discourse.threejs.org/u/Housz)\
**Replies:** 1\
**Last updated:** [February 5, 2026, 6:17pm UTC](https://discourse.threejs.org/t/threevolumetricfire-a-library-for-spline-deformable-volumetric-fire/88529 "2026-02-05T18:17:56Z")

</div>

Hi everyone, I’d like to share a small library I’ve been working on called ThreeVolumetricFire, which allows the fire’s shape to be interactively deformed using a spline. \[ Live Demo \] GitHub Pages \[ GitHub Repo \] (…

---

## [Raytracing and volume render in vanilla webgpu](https://discourse.threejs.org/t/raytracing-and-volume-render-in-vanilla-webgpu/87684)

<div class="topic-metadata">

**Author:** [@Oserebameh](https://discourse.threejs.org/u/Oserebameh)\
**Replies:** 0\
**Last updated:** [October 22, 2025, 11:35am UTC](https://discourse.threejs.org/t/raytracing-and-volume-render-in-vanilla-webgpu/87684 "2025-10-22T11:35:15Z")

</div>

Hi all, just wanted to share something I’ve been working on. It’s a volume render of an entire mri scan in nifti format. I wrote a tissue segmentation algorithm to automatically identify different brain tissues( gray…

---

## [A fairly customizable volumetric renderer (MRIs and such)](https://discourse.threejs.org/t/a-fairly-customizable-volumetric-renderer-mris-and-such/87212)

<div class="topic-metadata">

**Author:** [@Donitz](https://discourse.threejs.org/u/Donitz)\
**Replies:** 1\
**Last updated:** [September 29, 2025, 5:10pm UTC](https://discourse.threejs.org/t/a-fairly-customizable-volumetric-renderer-mris-and-such/87212 "2025-09-29T17:10:28Z")

</div>

Hello! I recently updated the volumetric renderer I’ve been working on. It’s just a basic raymarcher, but I’ve added a ton of options to it. The shader makes heavy use of defines so it should hopefully not be too heavy. …

---

## [Depth order lost with shader material in Volume Rendering](https://discourse.threejs.org/t/depth-order-lost-with-shader-material-in-volume-rendering/79941)

<div class="topic-metadata">

**Author:** [@gaussix](https://discourse.threejs.org/u/gaussix)\
**Replies:** 7\
**Last updated:** [April 7, 2025, 6:31am UTC](https://discourse.threejs.org/t/depth-order-lost-with-shader-material-in-volume-rendering/79941 "2025-04-07T06:31:39Z")

</div>

Hello everyone, I’m trying to implement a Volume Rendering using Medical Images (DICOM & NIFTI). I’m using a custom ShaderMaterial to execute the VR. All is OK, but when I add other objects l(ROIs) the order is lost. H…

---

## [Best way to render volume](https://discourse.threejs.org/t/best-way-to-render-volume/78306)

<div class="topic-metadata">

**Author:** [@yesbird](https://discourse.threejs.org/u/yesbird)\
**Replies:** 1\
**Last updated:** [February 18, 2025, 8:14pm UTC](https://discourse.threejs.org/t/best-way-to-render-volume/78306 "2025-02-18T20:14:00Z")

</div>

Greetings ! I am choosing instruments for volume rendering in my next project - VolView and little bit confused while exploring following samples: webgl\_texture3d webgl\_texture3d\_partialupdate webgpu\_rendertarget\_2d-a…

---

## [High quality volume rendering with WebGPU](https://discourse.threejs.org/t/high-quality-volume-rendering-with-webgpu/71183)

<div class="topic-metadata">

**Author:** [@yesbird](https://discourse.threejs.org/u/yesbird)\
**Replies:** 6\
**Last updated:** [January 27, 2025, 4:35am UTC](https://discourse.threejs.org/t/high-quality-volume-rendering-with-webgpu/71183 "2025-01-27T04:35:22Z")

</div>

Hi, all ! One of my current pilot projects is a server-side volume rendering with old-good Povray: POV-Lab. The idea is to make scene control and preview in three.js, then pass scene parameters to the server for render…

---

## [How to Create a 3D Texture with Depth from Slices for KTX2 in Three.js?](https://discourse.threejs.org/t/how-to-create-a-3d-texture-with-depth-from-slices-for-ktx2-in-three-js/75439)

<div class="topic-metadata">

**Author:** [@Abdullah\_zafar](https://discourse.threejs.org/u/Abdullah_zafar)\
**Replies:** 9\
**Last updated:** [January 9, 2025, 1:44am UTC](https://discourse.threejs.org/t/how-to-create-a-3d-texture-with-depth-from-slices-for-ktx2-in-three-js/75439 "2025-01-09T01:44:34Z")

</div>

Hi everyone, I’m trying to create a 3D texture with depth using KTX2 files for volume rendering in Three.js. I have a KTX2 file that, when extracted using ktx extract --all x.ktx2, produces 64 slices named output\_depth\*…

---

## [About VoxelConeTracing](https://discourse.threejs.org/t/about-voxelconetracing/73008)

<div class="topic-metadata">

**Author:** [@L\_ng\_Tu\_n\_Anh](https://discourse.threejs.org/u/L_ng_Tu_n_Anh)\
**Replies:** 15\
**Last updated:** [October 23, 2024, 9:31am UTC](https://discourse.threejs.org/t/about-voxelconetracing/73008 "2024-10-23T09:31:16Z")

</div>

Hello everyone, I am learning to implement Voxel Cone Tracing. I still haven’t figured out how to visualize voxels based on textureLod from mipmap (stored in texture2D or 3D). I usually use RayMarching to visualize voxel…

---

## [How to Correctly Convert Depth Texture Value in a Volume Shader?](https://discourse.threejs.org/t/how-to-correctly-convert-depth-texture-value-in-a-volume-shader/56729)

<div class="topic-metadata">

**Author:** [@himose](https://discourse.threejs.org/u/himose)\
**Replies:** 0\
**Last updated:** [October 6, 2023, 6:02pm UTC](https://discourse.threejs.org/t/how-to-correctly-convert-depth-texture-value-in-a-volume-shader/56729 "2023-10-06T18:02:32Z")

</div>

Hello everyone, I’ve taken the volume rendering example with Perlin noise from the Three.js documentation and I’m trying to extend it by integrating a depth texture with the volume shader. My goal is to add an extra cub…

---

## [Clipping in Volume rendering view](https://discourse.threejs.org/t/clipping-in-volume-rendering-view/49166)

<div class="topic-metadata">

**Author:** [@ldsrogan](https://discourse.threejs.org/u/ldsrogan)\
**Replies:** 0\
**Last updated:** [March 16, 2023, 9:47am UTC](https://discourse.threejs.org/t/clipping-in-volume-rendering-view/49166 "2023-03-16T09:47:01Z")

</div>

I’m trying to use the example code to do volume rendering, but some how the entire volume is clipping when I’m moving the camera position as below. The result from the example (https://threejs.org/examples/#webgl2\_ma…

---

## [Volume data format](https://discourse.threejs.org/t/volume-data-format/49076)

<div class="topic-metadata">

**Author:** [@ldsrogan](https://discourse.threejs.org/u/ldsrogan)\
**Replies:** 1\
**Last updated:** [March 14, 2023, 10:06am UTC](https://discourse.threejs.org/t/volume-data-format/49076 "2023-03-14T10:06:05Z")

</div>

I’m trying to use Data3DTexture and vertex/fragment shader to render the volume. I have the volume data that look like this. const data = \[ 123,2, 4, 142, 4, 5, ... \]; // R, G, B, R, G, B ... What should I use the tex…

---

## [Voxel rgb data doesn't work when the z extent go above 2000](https://discourse.threejs.org/t/voxel-rgb-data-doesnt-work-when-the-z-extent-go-above-2000/48904)

<div class="topic-metadata">

**Author:** [@ldsrogan](https://discourse.threejs.org/u/ldsrogan)\
**Replies:** 1\
**Last updated:** [March 9, 2023, 7:08pm UTC](https://discourse.threejs.org/t/voxel-rgb-data-doesnt-work-when-the-z-extent-go-above-2000/48904 "2023-03-09T19:08:43Z")

</div>

I used random rgb voxel data in Uint8Array to create texture and apply it by using ShaderMaterial. It seems working except the z value goes above 2000. It becomes all black. Do anyone have any idea what’s going on? va…

---

## [How can I use RGB Voxel data to visualize the volume in Three.js?](https://discourse.threejs.org/t/how-can-i-use-rgb-voxel-data-to-visualize-the-volume-in-three-js/48877)

<div class="topic-metadata">

**Author:** [@ldsrogan](https://discourse.threejs.org/u/ldsrogan)\
**Replies:** 3\
**Last updated:** [March 9, 2023, 2:30am UTC](https://discourse.threejs.org/t/how-can-i-use-rgb-voxel-data-to-visualize-the-volume-in-three-js/48877 "2023-03-09T02:30:34Z")

</div>

I’m trying to render the volume with RGB voxel information, but it is not working properly. What should I do in order to render the correct RGB value in the scene? The below code in the scene only gives a red colored cu…

---

## [I made a volumetric audio snippet visualizer](https://discourse.threejs.org/t/i-made-a-volumetric-audio-snippet-visualizer/44262)

<div class="topic-metadata">

**Author:** [@RealitySlice](https://discourse.threejs.org/u/RealitySlice)\
**Replies:** 1\
**Last updated:** [November 2, 2022, 5:19pm UTC](https://discourse.threejs.org/t/i-made-a-volumetric-audio-snippet-visualizer/44262 "2022-11-02T17:19:31Z")

</div>

I’m working on a spatial language for music production called Hyperstep. As I was building a tool to visualize drum samples and tones, I realized it could be good enough to share on its own. You can try it here: https:/…

---

## [Understanding volumetric models in Three JS](https://discourse.threejs.org/t/understanding-volumetric-models-in-three-js/40541)

<div class="topic-metadata">

**Author:** [@Jeff\_Boker](https://discourse.threejs.org/u/Jeff_Boker)\
**Replies:** 0\
**Last updated:** [July 20, 2022, 4:06pm UTC](https://discourse.threejs.org/t/understanding-volumetric-models-in-three-js/40541 "2022-07-20T16:06:13Z")

</div>

I have been working with this volume rendering example and uploading my own models. I have worked primarily with meshes before so this has been a new avenue and I can’t seem to find too much info on volume rendering in …

---

## [Hiring Computer Graphics, Image Processing Engineer](https://discourse.threejs.org/t/hiring-computer-graphics-image-processing-engineer/37900)

<div class="topic-metadata">

**Author:** [@MFSY](https://discourse.threejs.org/u/MFSY)\
**Replies:** 1\
**Last updated:** [May 11, 2022, 7:14pm UTC](https://discourse.threejs.org/t/hiring-computer-graphics-image-processing-engineer/37900 "2022-05-11T19:14:36Z")

</div>

The Swiss based EPFL Blue Brain Project (BBP) is looking for a developer with hands-on command on three.js, WebGL, React to work on building next generation of web based interactive 3D rendering, exploration and visualis…

---

## [Scientific visualization and rendering](https://discourse.threejs.org/t/scientific-visualization-and-rendering/37186)

<div class="topic-metadata">

**Author:** [@Dan\_Toloudis](https://discourse.threejs.org/u/Dan_Toloudis)\
**Replies:** 0\
**Last updated:** [April 18, 2022, 6:08pm UTC](https://discourse.threejs.org/t/scientific-visualization-and-rendering/37186 "2022-04-18T18:08:13Z")

</div>

We are looking for a developer who is good with React and CSS front ends, typescript, and 3d graphics! We use threejs but lower level knowledge (e.g. 3d math and gpu rendering fundamentals) is VERY desired. Possibility…

---

## [Rendering multiple Volume Blocks transparency issues and artifacts at block edges](https://discourse.threejs.org/t/rendering-multiple-volume-blocks-transparency-issues-and-artifacts-at-block-edges/34239)

<div class="topic-metadata">

**Author:** [@Schnitzelwilli](https://discourse.threejs.org/u/Schnitzelwilli)\
**Replies:** 0\
**Last updated:** [January 28, 2022, 2:24pm UTC](https://discourse.threejs.org/t/rendering-multiple-volume-blocks-transparency-issues-and-artifacts-at-block-edges/34239 "2022-01-28T14:24:16Z")

</div>

Hey, we are trying to render a large volume by rendering multiple smaller volume blocks. A 1024x1024x1024 volume would be rendered using 64 256x256x256 blocks. We encountered two issues and are out of ideas. The first…

---

## [Fragment shader w/ perspective camera - How do I convert from clip space to world space? (for volumetric rendering)](https://discourse.threejs.org/t/fragment-shader-w-perspective-camera-how-do-i-convert-from-clip-space-to-world-space-for-volumetric-rendering/31129)

<div class="topic-metadata">

**Author:** [@SINePrime](https://discourse.threejs.org/u/SINePrime)\
**Replies:** 1\
**Last updated:** [October 24, 2021, 7:11pm UTC](https://discourse.threejs.org/t/fragment-shader-w-perspective-camera-how-do-i-convert-from-clip-space-to-world-space-for-volumetric-rendering/31129 "2021-10-24T19:11:46Z")

</div>

To convert from clip space to world space, I am simply multiplying my clip space point by the matrix mat4 clipToWorldMatrix = inverse(projectionMatrix \* viewMatrix \* modelMatrix);. This strategy works for orthographic ca…

---

## [3D Brain Reconstruction with High Resolution MRI](https://discourse.threejs.org/t/3d-brain-reconstruction-with-high-resolution-mri/17966)

<div class="topic-metadata">

**Author:** [@dipterix](https://discourse.threejs.org/u/dipterix)\
**Replies:** 0\
**Last updated:** [August 18, 2020, 5:46am UTC](https://discourse.threejs.org/t/3d-brain-reconstruction-with-high-resolution-mri/17966 "2020-08-18T05:46:36Z")

</div>

Hey everyone, Thanks for developing such an amazing library. I’m working on a neuroscience project that visualizes reconstructed high-resolution MRI image. Here is a demo of its 3D viewer: https://dipterix.github.io/

---

## [Is there more examples about materials / texture3d / volume for webgl2](https://discourse.threejs.org/t/is-there-more-examples-about-materials-texture3d-volume-for-webgl2/6202)

<div class="topic-metadata">

**Author:** [@zhudongwork](https://discourse.threejs.org/u/zhudongwork)\
**Replies:** 4\
**Last updated:** [June 24, 2020, 8:21pm UTC](https://discourse.threejs.org/t/is-there-more-examples-about-materials-texture3d-volume-for-webgl2/6202 "2020-06-24T20:21:54Z")

</div>

There is only one example of webgl2/materials / texture3d / volume. Is there an example of handling volume data in raw format?

---

## [Question related to volume rendering using nrrd file](https://discourse.threejs.org/t/question-related-to-volume-rendering-using-nrrd-file/8278)

<div class="topic-metadata">

**Author:** [@Samarth\_Varma](https://discourse.threejs.org/u/Samarth_Varma)\
**Replies:** 0\
**Last updated:** [June 27, 2019, 4:40pm UTC](https://discourse.threejs.org/t/question-related-to-volume-rendering-using-nrrd-file/8278 "2019-06-27T16:40:08Z")

</div>

I’ve been using this example : https://threejs.org/examples/#webgl2\_materials\_texture3d as a basis for a nrrd file. Is there any way to increase the distance between the consecutive layers of the loaded texture? Also, is…