How can I retrieve data from shaders without OES_texture_float?

ja212 · July 9, 2020, 3:12pm

I already checked the GPGPU examples provided by three.js (water, birds, …) but the problem is my browser does not support OES_texture_float. Is there another way to read any data from the shaders (whether GPGPU, FBO’s, …) without using the extension “OES_texture_float” ?

Mugen87 · July 9, 2020, 3:38pm

OES_texture_float only provides the ability for floating point textures. It has nothing to do with reading data. I suggest you render into a render target and then use WebGLRenderer.readRenderTargetPixels().

ja212 · July 9, 2020, 3:50pm

Any example code you can please direct me to ?

Mugen87 · July 9, 2020, 3:58pm

For instance the following demo uses the method: https://threejs.org/examples/webgl_gpgpu_water

Right here:

github.com

mrdoob/three.js/blob/8702272905df5a979e2e99ecf73fc16c8f5bdc15/examples/webgl_gpgpu_water.html#L599


					var sphere = spheres[ i ];

					if ( sphere ) {

						// Read water level and orientation
						var u = 0.5 * sphere.position.x / BOUNDS_HALF + 0.5;
						var v = 1 - ( 0.5 * sphere.position.z / BOUNDS_HALF + 0.5 );
						readWaterLevelShader.uniforms[ "point1" ].value.set( u, v );
						gpuCompute.doRenderTarget( readWaterLevelShader, readWaterLevelRenderTarget );

						renderer.readRenderTargetPixels( readWaterLevelRenderTarget, 0, 0, 4, 1, readWaterLevelImage );
						var pixels = new Float32Array( readWaterLevelImage.buffer );

						// Get orientation
						waterNormal.set( pixels[ 1 ], 0, - pixels[ 2 ] );

						var pos = sphere.position;

						// Set height
						pos.y = pixels[ 0 ];

ja212 · July 9, 2020, 4:04pm

My error is:
No OES_texture_float support for float textures. ***.js:221:21
***initComputeRenderer .js?:221.

This error stems from:
var error = this.gpuCompute.init();
if (error !== null) {
** console.error(error);**
}

So my concern is the same with the code of the gpgpu with water. We are using the GPUComputationRenderer and that is why I am trying to use the OES_texture_float extension.

Mugen87 · July 9, 2020, 4:29pm

Well, if floating point textures are not supported, there is not much what you can do about it. It’s a hardware issue.

Topic		Replies	Views
Read pixels from render to target texture Questions textures	3	848	July 15, 2020
Send data into float texture without clamping Questions shaders	3	712	October 8, 2022
What is the best way to pass a float map to the shader? Questions textures , materials , shaders	6	788	May 23, 2022
Fragmentshader/Pixelshader, can't compare float values that have gotten from uniform Questions textures , materials , shaders , fragment-shader	1	734	January 5, 2022
Is it possible to retrieve the `WebGLTexture` from a `THREE.WebGLRenderTarget`? Questions	3	492	May 16, 2022

How can I retrieve data from shaders without OES_texture_float?

Related Topics