**Assignment 1: Rendering Basics with PyTorch3D**

Student name: Kangle Deng

(##) Practicing with Cameras
(###) 360-degree Renders

<img src="./imgs/1_1_360DegreeRenders.gif">

(###) Re-creating the Dolly Zoom

<img src="./imgs/dolly.gif">


(##) Practicing with Meshes

(###) Constructing a Tetrahedron

A tetrahedron has 4 vertices and 4 triangle faces.

<img src="./imgs/2_1_tetrahedron.gif">

(###) Constructing a Cube

A cube has 8 vertices and 12 triangle faces.

<img src="./imgs/2_2_cube.gif">

(##) Re-texturing a mesh

<code>color1 = [0, 0, 1]</code> and <code>color2 = [1, 0, 0]</code>

<img src="./imgs/3_texture.gif">

(##) Camera Transformation

Rotating 90-degree clockwisely about z-axis:

<img src="./imgs/transform1_m.jpg">

Rotating 90-degree anti-clockwisely about y-axis and move to the right side of the cow:

<img src="./imgs/transform2_m.jpg">

Move towards -z-axis:

<img src="./imgs/transform3_m.jpg">

Increase the azimuth and decrease the elevation a little bit:

<img src="./imgs/transform4_m.jpg">

(##) Rendering Generic 3D Representations

(###) Rendering Point Clouds from RGB-D Images

<img src="./imgs/5_1_rgbd1.gif" width="200"> 
<img src="./imgs/5_1_rgbd2.gif" width="200">
<img src="./imgs/5_1_rgbd3.gif" width="200">

(###) Parametric Functions

<img src="./imgs/5_2_torus.gif">

(###) Implicit Surfaces

<img src="imgs/5_3_torus.gif">

(##) Do Something Fun

We can use implicit surfaces the visualize some 2D functions, for example: Gaussians.

<img src="imgs/6_v1.gif">
<img src="imgs/6_v2.gif">
<img src="imgs/6_v3.gif">

(##) Sampling Points on Meshes

Below are results of 10, 100, 1000, and 10000 points respectively:

<img src="imgs/7_1.gif">
<img src="imgs/7_2.gif">

<img src="imgs/7_3.gif">
<img src="imgs/7_4.gif">


<!--- Markdeep & image comparison library - probably no need to change anything below -->
<style class="fallback">body{visibility:hidden;white-space:pre;font-family:monospace}</style><script src="./resources/markdeep.min.js"></script><script>window.alreadyProcessedMarkdeep||(document.body.style.visibility="visible")</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="./resources/jquery.event.move.js"></script>
<script src="./resources/jquery.twentytwenty.js"></script>
<link href="./resources/offcanvas.css" rel="stylesheet">
<link href="./resources/twentytwenty.css" rel="stylesheet" type="text/css" />
<script>
$(window).load(function(){$(".twentytwenty-container").twentytwenty({default_offset_pct: 0.5});});
</script>