Create xr postprocessing page

Author: devloglogan

tutorials/xr/img/xr_postprocessing_quad.webp

@@ -29,6 +29,7 @@ Advanced topics
    openxr_settings
    xr_action_map
    xr_room_scale
+   xr_postprocessing
    openxr_composition_layers
    openxr_hand_tracking
    openxr_body_tracking

tutorials/xr/img/xr_postprocessing_vignette_before_after.webp

@@ -0,0 +1,61 @@
+.. _doc_xr_postprocessing:
+
+XR post-processing
+==================
+
+When adding custom post-processing effects to your XR application, the full screen quad
+method used in the :ref:`advanced post-processing tutorial <doc_advanced_postprocessing>`
+is very useful. However, when creating an effect that is centered straight ahead in the user's view
+(such as a vignette effect), the end result may look incorrect.
+
+Applying the projection matrix
+------------------------------
+
+Below shows two captures of the right-eye view with a vignette shader. The left capture is an
+unmodified shader; the right capture adjusts the full screen quad using the projection matrix.
+This adjustment is what we're looking for.
+
+.. image:: img/xr_postprocessing_vignette_before_after.webp
+
+To properly center the post-processing effect, the ``POSITION`` of the full screen quad
+needs to take the asymmetric field of view into account. To do this while also ensuring the quad
+has full coverage of the entire render target, we can subdivide the quad and apply the projection matrix
+to the inner vertices. Let's increase the subdivide width and depth of the quad.
+
+.. image:: img/xr_postprocessing_quad.webp
+
+Then, in the vertex function of our shader, we apply an offset from the projection matrix to
+the inner vertices. Here's an example of how you might do this with a simple vignette shader:
+
+.. code-block:: glsl
+
+  shader_type spatial;
+  render_mode depth_test_disabled, skip_vertex_transform, unshaded, cull_disabled;
+
+  void vertex() {
+	  vec2 vert_pos = VERTEX.xy;
+
+	  if (length(vert_pos) < 0.99) {
+		  vec4 offset = PROJECTION_MATRIX * vec4(0.0, 0.0, 1.0, 1.0);
+		  vert_pos += (offset.xy / offset.w);
+	  }
+
+	  POSITION = vec4(vert_pos, 1.0, 1.0);
+  }
+
+  void fragment() {
+	  ALBEDO = vec3(0.0);
+	  ALPHA = dot(UV * 2.0 - 1.0, UV * 2.0 - 1.0) * 2.0;
+  }
+
+
+.. note:: For more info on asymmetric FOV and its purpose, see this
+          `Meta Asymmetric Field of View FAQ <https://developers.meta.com/horizon/documentation/unity/unity-asymmetric-fov-faq/>`_.
+
+Limitations
+-----------
+
+Currently, custom post-processing effects that require reading from the screen texture effectively disable all
+rendering performance optimizations in XR. This is because, when reading from the screen texture,
+Godot makes a full copy of the render buffer. Since this may create performance issues, it is recommended
+that custom effects be limited to per-pixel ones such as the above vignette shader.