Tutorial 29: added screenshot; added tutorial to main readme

DiligentGraphics · Jan 6, 2025 · 6ce4f65 · 6ce4f65
1 parent 63f7ad1
commit 6ce4f65
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -59,6 +59,7 @@ and follow the [instructions](https://github.com/DiligentGraphics/DiligentEngine
   - [26 - Render State Cache](#tutorial-26---render-state-cache)
   - [27 - Post-Processing](#tutorial-27---post-processing)
   - [28 - Hello-OpenXR](#tutorial-28---hello-openxr)
+  - [29 - OIT](#tutorial-29---oit)
 - [Samples](#samples)
   - [Atmospheric Light Scattering](#atmospheric-light-scattering-sample)
   - [GLFW Demo](#glfw-demo)
@@ -332,6 +333,15 @@ This tutorial demonstrates how to use post-processing effects from the DiligentF
 This tutorial demonstrates how to use Diligent Engine with OpenXR API to render a simple scene in a VR headset.
 
 
+## [Tutorial 29 - OIT](https://github.com/DiligentGraphics/DiligentSamples/tree/master/Tutorials/Tutorial29_OIT)
+
+![](Tutorials/Tutorial29_OIT/Screenshot.jpg)
+
+This tutorial demonstrates how to implement order-independent transparency (OIT) methods to render transparent objects without sorting.
+
+[:arrow_forward: Run in the browser](https://diligentgraphics.github.io/wasm-modules/Tutorial29_OIT/Tutorial29_OIT.html)
+
+
 # Samples
 
 ## [Atmospheric Light Scattering sample](Samples/Atmosphere)

diff --git a/Tutorials/Tutorial29_OIT/Animation_Small.gif b/Tutorials/Tutorial29_OIT/Animation_Small.gif
diff --git a/Tutorials/Tutorial29_OIT/Screenshot.jpg b/Tutorials/Tutorial29_OIT/Screenshot.jpg
diff --git a/Tutorials/Tutorial29_OIT/readme.md b/Tutorials/Tutorial29_OIT/readme.md
@@ -1,6 +1,8 @@
 # Tutorial29 - Order-Independent Transparency
 
-This tutorial demonstrates how to implement order-independent transparency (OIT).
+This tutorial demonstrates how to implement order-independent transparency (OIT) methods to render transparent objects without sorting.
+
+![](Screenshot.jpg)
 
 
 # Introduction