Skip to content

Commit

Permalink
Deploying to gh-pages from @ 9c58439 🚀
Browse files Browse the repository at this point in the history
  • Loading branch information
toji committed Mar 8, 2024
1 parent 7ecd235 commit 066550e
Show file tree
Hide file tree
Showing 3 changed files with 21 additions and 18 deletions.
19 changes: 10 additions & 9 deletions main.js
Original file line number Diff line number Diff line change
Expand Up @@ -340,14 +340,16 @@ var resizeObserverHDDPI = {
var reversedZ = {
name: 'Reversed Z',
description: `This example shows the use of reversed z technique for better utilization of depth buffer precision.
The left column uses regular method, while the right one uses reversed z technique.
Both are using depth32float as their depth buffer format. A set of red and green planes are positioned very close to each other.
Higher sets are placed further from camera (and are scaled for better visual purpose).
To use reversed z to render your scene, you will need depth store value to be 0.0, depth compare function to be greater,
and remap depth range by multiplying an additional matrix to your projection matrix.
Related reading:
https://developer.nvidia.com/content/depth-precision-visualized
https://web.archive.org/web/20220724174000/https://thxforthefish.com/posts/reverse_z/
The left column uses regular method, while the right one uses reversed z technique.
Both are using depth32float as their depth buffer format. A set of red and green planes are positioned very close to each other.
Higher sets are placed further from camera (and are scaled for better visual purpose).
To use reversed z to render your scene, you will need depth store value to be 0.0, depth compare function to be greater,
and remap depth range by multiplying an additional matrix to your projection matrix.

Related reading:
- https://developer.nvidia.com/content/depth-precision-visualized
- https://web.archive.org/web/20220724174000/
- https://thxforthefish.com/posts/reverse_z/
`,
filename: "sample/reversedZ",
sources: [
Expand Down Expand Up @@ -523,7 +525,6 @@ const pageCategories = [
samplerParameters,
reversedZ,
renderBundles,
spookyball,
},
},
// Samples that demonstrate the GPGPU functionality of WebGPU. These samples generally provide some
Expand Down
Loading

0 comments on commit 066550e

Please sign in to comment.