3D Fundamentals Tutorial 11 - Revision history

R vdw: /* Video */

2020-06-14T18:31:17Z

‎Video

R vdw: /* Video */

2020-06-14T18:27:14Z

‎Video

R vdw: /* Downloads */

2020-06-14T17:59:48Z

‎Downloads

Chili: Created page with "Things that are behind get covered up by things that are in front. == Video == The tutorial video is on YouTube [https://youtu.be/HyVc0X9JKpg here]. == Downloads == The Gi..."

2017-11-04T15:44:48Z

Created page with "Things that are behind get covered up by things that are in front. == Video == The tutorial video is on YouTube [https://youtu.be/HyVc0X9JKpg here]. == Downloads == The Gi..."

New page

Things that are behind get covered up by things that are in front.

== Video ==

The tutorial video is on YouTube [https://youtu.be/HyVc0X9JKpg here].

== Downloads ==

The GitHub repository for the tutorial code is [https://github.com/planetchili/3D_Fundamentals here].

== See also ==
* [https://www.patreon.com/planetchili Planet Chili Patreon]
* [[3D Fundamentals Tutorial 12|Next in series (Tutorial 12)]]
* [[3D Fundamentals Series]]

@@ Line 6: / Line 6: @@
 <div class="mw-collapsible mw-collapsed"><br />
-* Occlusion for multiple objects [https://youtu.be/HyVc0X9JKpg?t=0m24s 0:24]
+* The need for occlusion in scenes with multiple objects [https://youtu.be/HyVc0X9JKpg?t=0m24s 0:24]
 <div class="mw-collapsible-content">
 :* We used culling of triangles when drawing convex shapes

← Older revision		Revision as of 18:27, 14 June 2020
Line 4:		Line 4:

	The tutorial video is on YouTube [https://youtu.be/HyVc0X9JKpg here].		The tutorial video is on YouTube [https://youtu.be/HyVc0X9JKpg here].
		+
		+	<div class="mw-collapsible mw-collapsed"><br />
		+	* Occlusion for multiple objects [https://youtu.be/HyVc0X9JKpg?t=0m24s 0:24]
		+	<div class="mw-collapsible-content">
		+	:* We used culling of triangles when drawing convex shapes
		+	:* But this doen't solve our problem with occlusion (e.g. multiple meshes in the same scene)
		+	:* One could considers the painter's algorithm, but that's inefficient and of limited use
		+	</div>
		+	* Solution: the z-buffer: simple, elegant & performant [https://youtu.be/HyVc0X9JKpg?t=2m27s 2:27]
		+	<div class="mw-collapsible-content">
		+	:* Essentially sorts triangles based on their depth at the pixel level
		+	:* Uses two 2D-arrays (for x,y coordinates): a back-buffer (of colors, in <code>gfx</code> in our case) as a render target, and a z-buffer (of floats) to store depth
		+	:* We initialize the z-buffer with infinity
		+	:* Whenever we want to write to the back-buffer, we check to see if z-value of the pixel we are drawing is smaller (and set the z-buffer in that case)
		+	:* This is a special sorting case [https://youtu.be/HyVc0X9JKpg?t=6m26s 6:26]
		+	</div>
		+	* Implementation in code [https://youtu.be/HyVc0X9JKpg?t=7m06s 7:06]
		+	<div class="mw-collapsible-content">
		+	:* The <code>ZBuffer</code> class
		+	:* Changes to the <code>Pipeline</code> class, <code>if (zb.TestAndSet(x,y,z))</code> before the <code>PutPixel</code> call
		+	</div>
		+	* If done well, Z-testing can reduce rendering time [https://youtu.be/HyVc0X9JKpg?t=9m54s 9:54]
		+	<div class="mw-collapsible-content">
		+	:* Works best if geometries are sorted and drawn from front to back (more Z-test rejections)
		+	:* This is contrary to intuition and old/other techniques (e.g. in 2D: drawing sprites and tilemaps)
		+	</div>
		+	* Scene definitions and demo [https://youtu.be/HyVc0X9JKpg?t=10m58s 10:58]
		+	* Differences with Hardware APIs [https://youtu.be/HyVc0X9JKpg?t=11m50s 11:50]
		+	<div class="mw-collapsible-content">
		+	:* These provide more options for configuring the z-buffer, such as depth comparison operators, choice of formats/types
		+	:* These typically store 1/z in the buffer, requiring corrections for depth precision (high in the near plane, low in the far plane)
		+	</div>
		+	* Dealing with translucent pixels and depth [https://youtu.be/HyVc0X9JKpg?t=13m58s 13:58]
		+	<div class="mw-collapsible-content">
		+	:* You will need to store the order of all the translucent pixels up until the first opaque one
		+	</div>
		+	* Stencil Buffers [https://youtu.be/HyVc0X9JKpg?t=14m28s 14:28]
		+	<div class="mw-collapsible-content">
		+	:* Provide more flexibility to reject pixels & have more control (general purpose bufffers)
		+	:* E.g. for UIs, HUDs, mirrors, shadow effects etc.
		+	</div>
		+	* Next up: vertex shaders and working towards dynamic lighting effects [https://youtu.be/HyVc0X9JKpg?t=15m00s 15:00]
		+	</div>

	== Downloads ==		== Downloads ==

← Older revision		Revision as of 17:59, 14 June 2020
Line 8:		Line 8:

	The GitHub repository for the tutorial code is [https://github.com/planetchili/3D_Fundamentals here].		The GitHub repository for the tutorial code is [https://github.com/planetchili/3D_Fundamentals here].
		+
		+	Paper on [https://developer.nvidia.com/content/depth-precision-visualized depth precision]

	== See also ==		== See also ==