I am study render 3Dtexture with a unity demo ===> Unity - Manual: 3D textures , the unity demo render result is [image] by my result is [image] I seems three.js data3dTexture only read Red Pixel And here is my code :slight_smile: Blockquote three.js webgl2 - volume <body> <…

The changes are marked below. Generally, I switched to floating point: [image] Here is a live demo, you can check the full source code there: https://codepen.io/boytchev/full/XWQYmmb [image]

Without the possibility to debug and test the code, it is hard to guess. I can see at least two things, that might require additional attention: When you calculate index, are you sure it steps by 3: e.g. its values are 0, 3, 6, … n, n+3,… etc? const index = x + yOffset + zOffset; data[index] = ..…

I use glsl3.0, it not have gl_FragColor, it use “out vec4 color”…, the code edit from three.js example “three.js webgl2 - volume”

You also have this: texture.format = THREE.RedFormat; Could it be the reason? According to the docs RedFormat discards the green and blue components and reads just the red component.

yes, I think it is reason, but i if dont set it , it will render all black… I must set it :cold_sweat: :cold_sweat: :cold_sweat:

And I find almost All three.js docs Data3DTexture Demo All set It “RedFormat”, I dont know why…

Got it working. Will share a link here, after I make some other tests. [image]

Thank you very much!:face_holding_back_tears: :face_holding_back_tears:

Thank you again ,And I find change your code at [image] The resut more like unity demo: [image]

@PavelBoytchev Its wrong ,I find it not your code reason, the reason is I use Unity demo shader code… const box = new Mesh(new BoxGeometry(1, 1, 1), new ShaderMaterial({ side: 2, uniforms: { cameraPos: { value: this.camera.position …

[image] yi_lu: texture.format = THREE.RedFormat; should be RGBAFormat

Who can tell me how to render Data3DTexture RGB in three.js

Questions

PavelBoytchev April 11, 2024, 7:09am 9

The changes are marked below. Generally, I switched to floating point:

Here is a live demo, you can check the full source code there:

https://codepen.io/boytchev/full/XWQYmmb

Topic		Replies	Views
Cant't read Data3DTexture inside shader Questions textures , shaders	3	1280	September 11, 2022
How to render coloured volume with Data3DTexture and RGBAFormat? Questions shaders , texture	2	783	February 29, 2024
Use class Data3Texture in R3F Questions r3f	0	50	January 25, 2025
Three.js powered browser game where you fist your friends Showcase	1	257	April 5, 2026
THREE.DataTexture is not sampled (or rendered) through ShaderMaterial Questions shaders	4	294	October 6, 2024

Who can tell me how to render Data3DTexture RGB in three.js

Related topics