Deploying to gh-pages from @ 0a535a3 🚀

.buildinfo

@@ -1,4 +1,4 @@
 # Sphinx build info version 1
 # This file hashes the configuration used when building these files. When it is not found, a full rebuild will be done.
-config: ce9ec4903baa647eb5c5599d1245f9ea
+config: ef01406a1610c68c74f3b77accc2c5d1
 tags: 645f666f9bcd5a90fca523b33c5a78b7

_modules/drtk/edge_grad_estimator.html

@@ -29,7 +29,7 @@
 
     <link rel="stylesheet" type="text/css" href="../../_static/pygments.css?v=a746c00c" />
     <link rel="stylesheet" type="text/css" href="../../_static/sphinx-design.min.css?v=95c83b7e" />
-    <link rel="stylesheet" type="text/css" href="../../_static/custom.css?v=4b7a9d70" />
+    <link rel="stylesheet" type="text/css" href="../../_static/custom.css?v=723fa940" />
 
   <!-- Pre-loaded scripts that we'll load fully later -->
   <link rel="preload" as="script" href="../../_static/scripts/bootstrap.js?digest=dfe6caa3a7d634c4db9b" />

_modules/drtk/grid_scatter.html

@@ -29,7 +29,7 @@
 
     <link rel="stylesheet" type="text/css" href="../../_static/pygments.css?v=a746c00c" />
     <link rel="stylesheet" type="text/css" href="../../_static/sphinx-design.min.css?v=95c83b7e" />
-    <link rel="stylesheet" type="text/css" href="../../_static/custom.css?v=4b7a9d70" />
+    <link rel="stylesheet" type="text/css" href="../../_static/custom.css?v=723fa940" />
 
   <!-- Pre-loaded scripts that we'll load fully later -->
   <link rel="preload" as="script" href="../../_static/scripts/bootstrap.js?digest=dfe6caa3a7d634c4db9b" />

_modules/drtk/interpolate.html

@@ -29,7 +29,7 @@
 
     <link rel="stylesheet" type="text/css" href="../../_static/pygments.css?v=a746c00c" />
     <link rel="stylesheet" type="text/css" href="../../_static/sphinx-design.min.css?v=95c83b7e" />
-    <link rel="stylesheet" type="text/css" href="../../_static/custom.css?v=4b7a9d70" />
+    <link rel="stylesheet" type="text/css" href="../../_static/custom.css?v=723fa940" />
 
   <!-- Pre-loaded scripts that we'll load fully later -->
   <link rel="preload" as="script" href="../../_static/scripts/bootstrap.js?digest=dfe6caa3a7d634c4db9b" />

_modules/drtk/mipmap_grid_sample.html

@@ -29,7 +29,7 @@
 
     <link rel="stylesheet" type="text/css" href="../../_static/pygments.css?v=a746c00c" />
     <link rel="stylesheet" type="text/css" href="../../_static/sphinx-design.min.css?v=95c83b7e" />
-    <link rel="stylesheet" type="text/css" href="../../_static/custom.css?v=4b7a9d70" />
+    <link rel="stylesheet" type="text/css" href="../../_static/custom.css?v=723fa940" />
 
   <!-- Pre-loaded scripts that we'll load fully later -->
   <link rel="preload" as="script" href="../../_static/scripts/bootstrap.js?digest=dfe6caa3a7d634c4db9b" />

_modules/drtk/msi.html

@@ -29,7 +29,7 @@
 
     <link rel="stylesheet" type="text/css" href="../../_static/pygments.css?v=a746c00c" />
     <link rel="stylesheet" type="text/css" href="../../_static/sphinx-design.min.css?v=95c83b7e" />
-    <link rel="stylesheet" type="text/css" href="../../_static/custom.css?v=4b7a9d70" />
+    <link rel="stylesheet" type="text/css" href="../../_static/custom.css?v=723fa940" />
 
   <!-- Pre-loaded scripts that we'll load fully later -->
   <link rel="preload" as="script" href="../../_static/scripts/bootstrap.js?digest=dfe6caa3a7d634c4db9b" />

_modules/drtk/rasterize.html

@@ -29,7 +29,7 @@
 
     <link rel="stylesheet" type="text/css" href="../../_static/pygments.css?v=a746c00c" />
     <link rel="stylesheet" type="text/css" href="../../_static/sphinx-design.min.css?v=95c83b7e" />
-    <link rel="stylesheet" type="text/css" href="../../_static/custom.css?v=4b7a9d70" />
+    <link rel="stylesheet" type="text/css" href="../../_static/custom.css?v=723fa940" />
 
   <!-- Pre-loaded scripts that we'll load fully later -->
   <link rel="preload" as="script" href="../../_static/scripts/bootstrap.js?digest=dfe6caa3a7d634c4db9b" />

_modules/drtk/render.html

@@ -29,7 +29,7 @@
 
     <link rel="stylesheet" type="text/css" href="../../_static/pygments.css?v=a746c00c" />
     <link rel="stylesheet" type="text/css" href="../../_static/sphinx-design.min.css?v=95c83b7e" />
-    <link rel="stylesheet" type="text/css" href="../../_static/custom.css?v=4b7a9d70" />
+    <link rel="stylesheet" type="text/css" href="../../_static/custom.css?v=723fa940" />
 
   <!-- Pre-loaded scripts that we'll load fully later -->
   <link rel="preload" as="script" href="../../_static/scripts/bootstrap.js?digest=dfe6caa3a7d634c4db9b" />

_modules/drtk/transform.html

@@ -29,7 +29,7 @@
 
     <link rel="stylesheet" type="text/css" href="../../_static/pygments.css?v=a746c00c" />
     <link rel="stylesheet" type="text/css" href="../../_static/sphinx-design.min.css?v=95c83b7e" />
-    <link rel="stylesheet" type="text/css" href="../../_static/custom.css?v=4b7a9d70" />
+    <link rel="stylesheet" type="text/css" href="../../_static/custom.css?v=723fa940" />
 
   <!-- Pre-loaded scripts that we'll load fully later -->
   <link rel="preload" as="script" href="../../_static/scripts/bootstrap.js?digest=dfe6caa3a7d634c4db9b" />

_modules/drtk/utils/geometry.html

@@ -29,7 +29,7 @@
 
     <link rel="stylesheet" type="text/css" href="../../../_static/pygments.css?v=a746c00c" />
     <link rel="stylesheet" type="text/css" href="../../../_static/sphinx-design.min.css?v=95c83b7e" />
-    <link rel="stylesheet" type="text/css" href="../../../_static/custom.css?v=4b7a9d70" />
+    <link rel="stylesheet" type="text/css" href="../../../_static/custom.css?v=723fa940" />
 
   <!-- Pre-loaded scripts that we'll load fully later -->
   <link rel="preload" as="script" href="../../../_static/scripts/bootstrap.js?digest=dfe6caa3a7d634c4db9b" />

_modules/drtk/utils/indexing.html

@@ -29,7 +29,7 @@
 
     <link rel="stylesheet" type="text/css" href="../../../_static/pygments.css?v=a746c00c" />
     <link rel="stylesheet" type="text/css" href="../../../_static/sphinx-design.min.css?v=95c83b7e" />
-    <link rel="stylesheet" type="text/css" href="../../../_static/custom.css?v=4b7a9d70" />
+    <link rel="stylesheet" type="text/css" href="../../../_static/custom.css?v=723fa940" />
 
   <!-- Pre-loaded scripts that we'll load fully later -->
   <link rel="preload" as="script" href="../../../_static/scripts/bootstrap.js?digest=dfe6caa3a7d634c4db9b" />

_modules/drtk/utils/projection.html

@@ -29,7 +29,7 @@
 
     <link rel="stylesheet" type="text/css" href="../../../_static/pygments.css?v=a746c00c" />
     <link rel="stylesheet" type="text/css" href="../../../_static/sphinx-design.min.css?v=95c83b7e" />
-    <link rel="stylesheet" type="text/css" href="../../../_static/custom.css?v=4b7a9d70" />
+    <link rel="stylesheet" type="text/css" href="../../../_static/custom.css?v=723fa940" />
 
   <!-- Pre-loaded scripts that we'll load fully later -->
   <link rel="preload" as="script" href="../../../_static/scripts/bootstrap.js?digest=dfe6caa3a7d634c4db9b" />

_modules/index.html

@@ -29,7 +29,7 @@
 
     <link rel="stylesheet" type="text/css" href="../_static/pygments.css?v=a746c00c" />
     <link rel="stylesheet" type="text/css" href="../_static/sphinx-design.min.css?v=95c83b7e" />
-    <link rel="stylesheet" type="text/css" href="../_static/custom.css?v=4b7a9d70" />
+    <link rel="stylesheet" type="text/css" href="../_static/custom.css?v=723fa940" />
 
   <!-- Pre-loaded scripts that we'll load fully later -->
   <link rel="preload" as="script" href="../_static/scripts/bootstrap.js?digest=dfe6caa3a7d634c4db9b" />

_sources/index.md.txt

@@ -26,6 +26,14 @@ DRTK provides a set of differentiable components to build custom differentiable
 * **edge_grad**: Computes gradients at discontinuities.
 * **CUSTOM SHADING** and **LOSS FUNCTION**: User-defined components for shading and loss calculation.
 
+```{video} _static/teaser_video.mp4
+  :loop:
+  :autoplay:
+  :class: full-width
+```
+Fitting of a simple hand model with simple lambertian material to a single photo. See tutorial [Single Image Hand Fitting](tutorials/DRTK_Tutorial_hand_fitting).
+
+
 ## Hello Triangle!
 
 Here's a simple "Hello Triangle" example with DRTK:

_sources/tutorials/index.rst.txt

@@ -13,6 +13,21 @@ Tutorials
    DRTK_Tutorial_2_optimizing_geometry
    DRTK_Tutorial_3_geometry_intersection
 
+.. toctree::
+   :maxdepth: 4
+   :caption: Mesh Rendering
+   :hidden:
+
+   DRTK_Tutorial_rendering_meshes
+
+
+.. toctree::
+   :maxdepth: 4
+   :caption: Computing Gradients and Fitting
+   :hidden:
+
+   DRTK_Tutorial_hand_fitting
+
 .. grid::
 
     .. grid-item-card:: :doc:`DRTK_Tutorial_1_hello_triangle`
@@ -35,3 +50,21 @@ Tutorials
 
         .. image:: ../_static/tutorial_3_animation.gif
           :width: 400
+
+.. grid::
+
+    .. grid-item-card:: :doc:`DRTK_Tutorial_rendering_meshes`
+
+        In this tutorial, we demonstrate how to rendering simple meshes with DRTK.
+
+        .. image:: ../_static/tutorial_rendering_meshes.png
+          :width: 400
+
+.. grid::
+
+    .. grid-item-card:: :doc:`DRTK_Tutorial_hand_fitting`
+
+        In this tutorial, we demonstrate fitting of a simple hand model with simple lambertian material to a single photo.
+
+        .. image:: ../_static/tutorial_hand_fitting.gif
+          :width: 400

_static/custom.css

@@ -1,3 +1,9 @@
+/* Copyright (c) Meta Platforms, Inc. and affiliates.
+
+   This source code is licensed under the MIT license found in the
+   LICENSE file in the root directory of this source tree.
+*/
+
 #rtd-footer-container {
     margin-top: 0px !important;
     margin-bottom: 0px !important;
@@ -76,3 +82,7 @@ p.bd-links__title {
   font-size: 0.75em;
   margin-left: 0.3em;
 }
+
+.full-width {
+  width: 100%
+}

api_reference/edge_grad_estimator.html

@@ -30,7 +30,7 @@
 
     <link rel="stylesheet" type="text/css" href="../_static/pygments.css?v=a746c00c" />
     <link rel="stylesheet" type="text/css" href="../_static/sphinx-design.min.css?v=95c83b7e" />
-    <link rel="stylesheet" type="text/css" href="../_static/custom.css?v=4b7a9d70" />
+    <link rel="stylesheet" type="text/css" href="../_static/custom.css?v=723fa940" />
 
   <!-- Pre-loaded scripts that we'll load fully later -->
   <link rel="preload" as="script" href="../_static/scripts/bootstrap.js?digest=dfe6caa3a7d634c4db9b" />

api_reference/geometry.html

@@ -30,7 +30,7 @@
 
     <link rel="stylesheet" type="text/css" href="../_static/pygments.css?v=a746c00c" />
     <link rel="stylesheet" type="text/css" href="../_static/sphinx-design.min.css?v=95c83b7e" />
-    <link rel="stylesheet" type="text/css" href="../_static/custom.css?v=4b7a9d70" />
+    <link rel="stylesheet" type="text/css" href="../_static/custom.css?v=723fa940" />
 
   <!-- Pre-loaded scripts that we'll load fully later -->
   <link rel="preload" as="script" href="../_static/scripts/bootstrap.js?digest=dfe6caa3a7d634c4db9b" />

api_reference/grid_scatter.html

@@ -30,7 +30,7 @@
 
     <link rel="stylesheet" type="text/css" href="../_static/pygments.css?v=a746c00c" />
     <link rel="stylesheet" type="text/css" href="../_static/sphinx-design.min.css?v=95c83b7e" />
-    <link rel="stylesheet" type="text/css" href="../_static/custom.css?v=4b7a9d70" />
+    <link rel="stylesheet" type="text/css" href="../_static/custom.css?v=723fa940" />
 
   <!-- Pre-loaded scripts that we'll load fully later -->
   <link rel="preload" as="script" href="../_static/scripts/bootstrap.js?digest=dfe6caa3a7d634c4db9b" />

api_reference/index.html

@@ -30,7 +30,7 @@
 
     <link rel="stylesheet" type="text/css" href="../_static/pygments.css?v=a746c00c" />
     <link rel="stylesheet" type="text/css" href="../_static/sphinx-design.min.css?v=95c83b7e" />
-    <link rel="stylesheet" type="text/css" href="../_static/custom.css?v=4b7a9d70" />
+    <link rel="stylesheet" type="text/css" href="../_static/custom.css?v=723fa940" />
 
   <!-- Pre-loaded scripts that we'll load fully later -->
   <link rel="preload" as="script" href="../_static/scripts/bootstrap.js?digest=dfe6caa3a7d634c4db9b" />
@@ -48,7 +48,7 @@
     <link rel="index" title="Index" href="../genindex.html" />
     <link rel="search" title="Search" href="../search.html" />
     <link rel="next" title="drtk.transform" href="transform.html" />
-    <link rel="prev" title="Optimizing Intersecting Geometry" href="../tutorials/DRTK_Tutorial_3_geometry_intersection.html" />
+    <link rel="prev" title="Single image hand fitting" href="../tutorials/DRTK_Tutorial_hand_fitting.html" />
   <meta name="viewport" content="width=device-width, initial-scale=1"/>
   <meta name="docsearch:language" content="en"/>
   </head>

api_reference/indexing.html

@@ -30,7 +30,7 @@
 
     <link rel="stylesheet" type="text/css" href="../_static/pygments.css?v=a746c00c" />
     <link rel="stylesheet" type="text/css" href="../_static/sphinx-design.min.css?v=95c83b7e" />
-    <link rel="stylesheet" type="text/css" href="../_static/custom.css?v=4b7a9d70" />
+    <link rel="stylesheet" type="text/css" href="../_static/custom.css?v=723fa940" />
 
   <!-- Pre-loaded scripts that we'll load fully later -->
   <link rel="preload" as="script" href="../_static/scripts/bootstrap.js?digest=dfe6caa3a7d634c4db9b" />

api_reference/interpolate.html

@@ -30,7 +30,7 @@
 
     <link rel="stylesheet" type="text/css" href="../_static/pygments.css?v=a746c00c" />
     <link rel="stylesheet" type="text/css" href="../_static/sphinx-design.min.css?v=95c83b7e" />
-    <link rel="stylesheet" type="text/css" href="../_static/custom.css?v=4b7a9d70" />
+    <link rel="stylesheet" type="text/css" href="../_static/custom.css?v=723fa940" />
 
   <!-- Pre-loaded scripts that we'll load fully later -->
   <link rel="preload" as="script" href="../_static/scripts/bootstrap.js?digest=dfe6caa3a7d634c4db9b" />

api_reference/mipmap_grid_sample.html

@@ -30,7 +30,7 @@
 
     <link rel="stylesheet" type="text/css" href="../_static/pygments.css?v=a746c00c" />
     <link rel="stylesheet" type="text/css" href="../_static/sphinx-design.min.css?v=95c83b7e" />
-    <link rel="stylesheet" type="text/css" href="../_static/custom.css?v=4b7a9d70" />
+    <link rel="stylesheet" type="text/css" href="../_static/custom.css?v=723fa940" />
 
   <!-- Pre-loaded scripts that we'll load fully later -->
   <link rel="preload" as="script" href="../_static/scripts/bootstrap.js?digest=dfe6caa3a7d634c4db9b" />

api_reference/msi.html

@@ -30,7 +30,7 @@
 
     <link rel="stylesheet" type="text/css" href="../_static/pygments.css?v=a746c00c" />
     <link rel="stylesheet" type="text/css" href="../_static/sphinx-design.min.css?v=95c83b7e" />
-    <link rel="stylesheet" type="text/css" href="../_static/custom.css?v=4b7a9d70" />
+    <link rel="stylesheet" type="text/css" href="../_static/custom.css?v=723fa940" />
 
   <!-- Pre-loaded scripts that we'll load fully later -->
   <link rel="preload" as="script" href="../_static/scripts/bootstrap.js?digest=dfe6caa3a7d634c4db9b" />

api_reference/projection.html

@@ -30,7 +30,7 @@
 
     <link rel="stylesheet" type="text/css" href="../_static/pygments.css?v=a746c00c" />
     <link rel="stylesheet" type="text/css" href="../_static/sphinx-design.min.css?v=95c83b7e" />
-    <link rel="stylesheet" type="text/css" href="../_static/custom.css?v=4b7a9d70" />
+    <link rel="stylesheet" type="text/css" href="../_static/custom.css?v=723fa940" />
 
   <!-- Pre-loaded scripts that we'll load fully later -->
   <link rel="preload" as="script" href="../_static/scripts/bootstrap.js?digest=dfe6caa3a7d634c4db9b" />

api_reference/rasterize.html

@@ -30,7 +30,7 @@
 
     <link rel="stylesheet" type="text/css" href="../_static/pygments.css?v=a746c00c" />
     <link rel="stylesheet" type="text/css" href="../_static/sphinx-design.min.css?v=95c83b7e" />
-    <link rel="stylesheet" type="text/css" href="../_static/custom.css?v=4b7a9d70" />
+    <link rel="stylesheet" type="text/css" href="../_static/custom.css?v=723fa940" />
 
   <!-- Pre-loaded scripts that we'll load fully later -->
   <link rel="preload" as="script" href="../_static/scripts/bootstrap.js?digest=dfe6caa3a7d634c4db9b" />

api_reference/render.html

@@ -30,7 +30,7 @@
 
     <link rel="stylesheet" type="text/css" href="../_static/pygments.css?v=a746c00c" />
     <link rel="stylesheet" type="text/css" href="../_static/sphinx-design.min.css?v=95c83b7e" />
-    <link rel="stylesheet" type="text/css" href="../_static/custom.css?v=4b7a9d70" />
+    <link rel="stylesheet" type="text/css" href="../_static/custom.css?v=723fa940" />
 
   <!-- Pre-loaded scripts that we'll load fully later -->
   <link rel="preload" as="script" href="../_static/scripts/bootstrap.js?digest=dfe6caa3a7d634c4db9b" />

api_reference/transform.html

@@ -30,7 +30,7 @@
 
     <link rel="stylesheet" type="text/css" href="../_static/pygments.css?v=a746c00c" />
     <link rel="stylesheet" type="text/css" href="../_static/sphinx-design.min.css?v=95c83b7e" />
-    <link rel="stylesheet" type="text/css" href="../_static/custom.css?v=4b7a9d70" />
+    <link rel="stylesheet" type="text/css" href="../_static/custom.css?v=723fa940" />
 
   <!-- Pre-loaded scripts that we'll load fully later -->
   <link rel="preload" as="script" href="../_static/scripts/bootstrap.js?digest=dfe6caa3a7d634c4db9b" />

genindex.html

@@ -29,7 +29,7 @@
 
     <link rel="stylesheet" type="text/css" href="_static/pygments.css?v=a746c00c" />
     <link rel="stylesheet" type="text/css" href="_static/sphinx-design.min.css?v=95c83b7e" />
-    <link rel="stylesheet" type="text/css" href="_static/custom.css?v=4b7a9d70" />
+    <link rel="stylesheet" type="text/css" href="_static/custom.css?v=723fa940" />
 
   <!-- Pre-loaded scripts that we'll load fully later -->
   <link rel="preload" as="script" href="_static/scripts/bootstrap.js?digest=dfe6caa3a7d634c4db9b" />

index.html

@@ -31,7 +31,7 @@
 
     <link rel="stylesheet" type="text/css" href="_static/pygments.css?v=a746c00c" />
     <link rel="stylesheet" type="text/css" href="_static/sphinx-design.min.css?v=95c83b7e" />
-    <link rel="stylesheet" type="text/css" href="_static/custom.css?v=4b7a9d70" />
+    <link rel="stylesheet" type="text/css" href="_static/custom.css?v=723fa940" />
 
   <!-- Pre-loaded scripts that we'll load fully later -->
   <link rel="preload" as="script" href="_static/scripts/bootstrap.js?digest=dfe6caa3a7d634c4db9b" />
@@ -370,6 +370,7 @@ <h1>DRTK – Differentiable Rendering Toolkit<a class="headerlink" href="#drtk-d
 <li><p><strong>edge_grad</strong>: Computes gradients at discontinuities.</p></li>
 <li><p><strong>CUSTOM SHADING</strong> and <strong>LOSS FUNCTION</strong>: User-defined components for shading and loss calculation.</p></li>
 </ul>
+<video autoplay="True" controls="True" loop="True" preload="auto" class="full-width"><source src="_images/teaser_video.mp4" type="video/mp4"></video><p>Fitting of a simple hand model with simple lambertian material to a single photo. See tutorial <a class="reference internal" href="tutorials/DRTK_Tutorial_hand_fitting.html"><span class="doc std std-doc">Single Image Hand Fitting</span></a>.</p>
 <section id="hello-triangle">
 <h2>Hello Triangle!<a class="headerlink" href="#hello-triangle" title="Link to this heading">#</a></h2>
 <p>Here’s a simple “Hello Triangle” example with DRTK:</p>

installation/index.html

@@ -30,7 +30,7 @@
 
     <link rel="stylesheet" type="text/css" href="../_static/pygments.css?v=a746c00c" />
     <link rel="stylesheet" type="text/css" href="../_static/sphinx-design.min.css?v=95c83b7e" />
-    <link rel="stylesheet" type="text/css" href="../_static/custom.css?v=4b7a9d70" />
+    <link rel="stylesheet" type="text/css" href="../_static/custom.css?v=723fa940" />
 
   <!-- Pre-loaded scripts that we'll load fully later -->
   <link rel="preload" as="script" href="../_static/scripts/bootstrap.js?digest=dfe6caa3a7d634c4db9b" />

py-modindex.html

@@ -29,7 +29,7 @@
 
     <link rel="stylesheet" type="text/css" href="_static/pygments.css?v=a746c00c" />
     <link rel="stylesheet" type="text/css" href="_static/sphinx-design.min.css?v=95c83b7e" />
-    <link rel="stylesheet" type="text/css" href="_static/custom.css?v=4b7a9d70" />
+    <link rel="stylesheet" type="text/css" href="_static/custom.css?v=723fa940" />
 
   <!-- Pre-loaded scripts that we'll load fully later -->
   <link rel="preload" as="script" href="_static/scripts/bootstrap.js?digest=dfe6caa3a7d634c4db9b" />

search.html

@@ -28,7 +28,7 @@
 
     <link rel="stylesheet" type="text/css" href="_static/pygments.css?v=a746c00c" />
     <link rel="stylesheet" type="text/css" href="_static/sphinx-design.min.css?v=95c83b7e" />
-    <link rel="stylesheet" type="text/css" href="_static/custom.css?v=4b7a9d70" />
+    <link rel="stylesheet" type="text/css" href="_static/custom.css?v=723fa940" />
 
   <!-- Pre-loaded scripts that we'll load fully later -->
   <link rel="preload" as="script" href="_static/scripts/bootstrap.js?digest=dfe6caa3a7d634c4db9b" />