How can I get world space position in shaderPass?

Mugen87 · January 24, 2025, 6:23pm

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

github.com/mrdoob/three.js

src/nodes/utils/PostProcessingUtils.js

0d34438c3


      
          /**
           * Computes a position in view space based on a fragment's screen position expressed as uv coordinates, the fragments
           * depth value and the camera's inverse projection matrix.
           *
           * @method
           * @param {Node<vec2>} screenPosition - The fragment's screen position expressed as uv coordinates.
           * @param {Node<float>} depth - The fragment's depth value.
           * @param {Node<mat4>} projectionMatrixInverse - The camera's inverse projection matrix.
           * @return {Node<vec3>} The fragments position in view space.
           */
          export const getViewPosition = /*@__PURE__*/ Fn( ( [ screenPosition, depth, projectionMatrixInverse ], builder ) => {

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

Topic		Replies	Views
WorldPosition in shader Questions shaders	3	102	January 23, 2025
Reconstruct world position in screen-space from depth buffer Questions post-processing	1	4663	December 30, 2018
Get depth in fragment shader Questions depth-texture , fragment-shader	3	7400	February 13, 2018
World Point projection in a Shader Pass Questions shaders	7	131	January 29, 2025
Screen position accuracy problem in shader Questions glsl	4	1604	January 25, 2021

How can I get world space position in shaderPass?

Related topics