How can I get world space position in shaderPass?

Questions
, ,
1 
float depthTx = texture2D(tDepth,vUv).r;
float viewZ = getViewZ( depthTx );
float clipW = cameraProjectionMatrix[2][3] * viewZ + cameraProjectionMatrix[3][3];
vec4 e = getViewPosition(vUv,depthTx,clipW);
vec4 wPos = CameraMatrixWorld*e;
gl_FragColor = wPos;

i try to render worldPosition,but look still like eye space position.

2

ok,I know,I forget reset camera.matrixWorld when I move camera position.

1 Like
3

new question.How do I want to handle this precision problem?

4

How do you configure your depth texture?

5 
    function setupRenderTargetLight() {
        var target = new THREE.WebGLRenderTarget( window.innerWidth, window.innerHeight );
        target.texture.minFilter = THREE.NearestFilter;
        target.texture.magFilter = THREE.NearestFilter;
        target.stencilBuffer = ( THREE.DepthFormat === THREE.DepthStencilFormat ) ? true : false;
        target.depthTexture = new THREE.DepthTexture();
        target.depthTexture.format = THREE.DepthFormat;
        target.depthTexture.type = THREE.UnsignedShortType;
        target.setSize( window.innerWidth, window.innerHeight );
        return target
    }

Your reminder helped me find a solution.thank you!

target.depthTexture.type = THREE.FloatType;
3 Likes
6

Correct! THREE.FloatType is the highest possible precision for a depth texture and usually mitigates such issues.

7

could you share the full code, specially getViewPosition()

8

is it a built in function? i dont have it :confused:

9

The function usually looks like so:

In this file, you fine related code like getViewZ().

2 Likes
10

I am just startign to work with all the built in functions around spaces and perpectives, is there a documentation specific to THREE shaders / passes?

11

No, there isn’t. But with WebGPURenderer and NodeMaterial we have started to implement such functions only once with TSL and provide proper documentation:

If you really start from scratch, consider to use WebGPURenderer with its new post processing system right from the beginning. It is more performant and flexible than the previous composer. A collection of demos is available here: three.js examples

4 Likes