computer-vision-course/pr_425/en/unit8/introduction/introduction.html

<meta charset="utf-8" /><meta name="hf:doc:metadata" content="{&quot;title&quot;:&quot;Introduction&quot;,&quot;local&quot;:&quot;introduction&quot;,&quot;sections&quot;:[{&quot;title&quot;:&quot;Unit Overview&quot;,&quot;local&quot;:&quot;unit-overview&quot;,&quot;sections&quot;:[],&quot;depth&quot;:2}],&quot;depth&quot;:1}">
		<link href="/docs/computer-vision-course/pr_425/en/_app/immutable/assets/0.e3b0c442.css" rel="modulepreload">
		<link rel="modulepreload" href="/docs/computer-vision-course/pr_425/en/_app/immutable/entry/start.a6a68c50.js">
		<link rel="modulepreload" href="/docs/computer-vision-course/pr_425/en/_app/immutable/chunks/scheduler.35aab934.js">
		<link rel="modulepreload" href="/docs/computer-vision-course/pr_425/en/_app/immutable/chunks/singletons.99ae4ef4.js">
		<link rel="modulepreload" href="/docs/computer-vision-course/pr_425/en/_app/immutable/chunks/paths.ee54b42d.js">
		<link rel="modulepreload" href="/docs/computer-vision-course/pr_425/en/_app/immutable/entry/app.65606c9d.js">
		<link rel="modulepreload" href="/docs/computer-vision-course/pr_425/en/_app/immutable/chunks/preload-helper.8c15b939.js">
		<link rel="modulepreload" href="/docs/computer-vision-course/pr_425/en/_app/immutable/chunks/index.de17b971.js">
		<link rel="modulepreload" href="/docs/computer-vision-course/pr_425/en/_app/immutable/nodes/0.c0b76ec8.js">
		<link rel="modulepreload" href="/docs/computer-vision-course/pr_425/en/_app/immutable/chunks/each.e59479a4.js">
		<link rel="modulepreload" href="/docs/computer-vision-course/pr_425/en/_app/immutable/nodes/84.1dbf4a40.js">
		<link rel="modulepreload" href="/docs/computer-vision-course/pr_425/en/_app/immutable/chunks/CopyLLMTxtMenu.9243a142.js">
		<link rel="modulepreload" href="/docs/computer-vision-course/pr_425/en/_app/immutable/chunks/MermaidChart.svelte_svelte_type_style_lang.5c689431.js"><!-- HEAD_svelte-u9bgzb_START --><meta name="hf:doc:metadata" content="{&quot;title&quot;:&quot;Introduction&quot;,&quot;local&quot;:&quot;introduction&quot;,&quot;sections&quot;:[{&quot;title&quot;:&quot;Unit Overview&quot;,&quot;local&quot;:&quot;unit-overview&quot;,&quot;sections&quot;:[],&quot;depth&quot;:2}],&quot;depth&quot;:1}"><!-- HEAD_svelte-u9bgzb_END -->      <p></p>  <div class="items-center shrink-0 min-w-[100px] max-sm:min-w-[50px] justify-end ml-auto flex" style="float: right; margin-left: 10px; display: inline-flex; position: relative; z-index: 10;"><div class="inline-flex rounded-md max-sm:rounded-sm"><button class="inline-flex items-center gap-1 h-7 max-sm:h-7 px-2 max-sm:px-1.5 text-sm font-medium text-gray-800 border border-r-0 rounded-l-md max-sm:rounded-l-sm border-gray-200 bg-white hover:shadow-inner dark:border-gray-850 dark:bg-gray-950 dark:text-gray-200 dark:hover:bg-gray-800" aria-live="polite"><span class="inline-flex items-center justify-center rounded-md p-0.5 max-sm:p-0 hover:text-gray-800 dark:hover:text-gray-200"><svg class="sm:size-3.5 size-3" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" fill="currentColor" focusable="false" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 32 32"><path d="M28,10V28H10V10H28m0-2H10a2,2,0,0,0-2,2V28a2,2,0,0,0,2,2H28a2,2,0,0,0,2-2V10a2,2,0,0,0-2-2Z" transform="translate(0)"></path><path d="M4,18H2V4A2,2,0,0,1,4,2H18V4H4Z" transform="translate(0)"></path><rect fill="none" width="32" height="32"></rect></svg></span> <span>Copy page</span></button> <button class="inline-flex items-center justify-center w-6 max-sm:w-5 h-7 max-sm:h-7 disabled:pointer-events-none text-sm text-gray-500 hover:text-gray-700 dark:hover:text-white rounded-r-md max-sm:rounded-r-sm border border-l transition border-gray-200 bg-white hover:shadow-inner dark:border-gray-850 dark:bg-gray-950 dark:text-gray-200 dark:hover:bg-gray-800" aria-haspopup="menu" aria-expanded="false" aria-label="Open copy menu"><svg class="transition-transform text-gray-400 overflow-visible sm:size-3.5 size-3 rotate-0" width="1em" height="1em" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L6 6L11 1" stroke="currentColor"></path></svg></button></div> </div>  <h1 class="relative group"><a id="introduction" class="header-link block pr-1.5 text-lg no-hover:hidden with-hover:absolute with-hover:p-1.5 with-hover:opacity-0 with-hover:group-hover:opacity-100 with-hover:right-full" href="#introduction"><span><svg class="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"><path d="M167.594 88.393a8.001 8.001 0 0 1 0 11.314l-67.882 67.882a8 8 0 1 1-11.314-11.315l67.882-67.881a8.003 8.003 0 0 1 11.314 0zm-28.287 84.86l-28.284 28.284a40 40 0 0 1-56.567-56.567l28.284-28.284a8 8 0 0 0-11.315-11.315l-28.284 28.284a56 56 0 0 0 79.196 79.197l28.285-28.285a8 8 0 1 0-11.315-11.314zM212.852 43.14a56.002 56.002 0 0 0-79.196 0l-28.284 28.284a8 8 0 1 0 11.314 11.314l28.284-28.284a40 40 0 0 1 56.568 56.567l-28.285 28.285a8 8 0 0 0 11.315 11.314l28.284-28.284a56.065 56.065 0 0 0 0-79.196z" fill="currentColor"></path></svg></span></a> <span>Introduction</span></h1> <p data-svelte-h="svelte-flk9gz">Apart from videos, about which we talked in the last chapter, another common form of visual data comes in the 3-dimensional form.
While for 2D images we usually have the two dimensions, commonly labelled as <em>x</em> and <em>y</em>, for 3D images we have three dimensions, referred to as <em>x</em>, <em>y</em> and <em>z</em>.</p> <p data-svelte-h="svelte-khwo5c">“But wait,” I hear you say, “videos also have three dimensions!” That is completely correct - videos have the two spatial dimensions, <em>x</em> and <em>y</em>, and the temporal dimension, <em>t</em>. The difference with 3D data is that here all three dimensions are of a spatial nature. This helps us to create a better model of our world and our perceptive capabilities. That is why one very common field for 3D applications nowadays is Mixed Reality applications, in which we try to merge the digital and analog worlds.</p>  <h2 class="relative group"><a id="unit-overview" class="header-link block pr-1.5 text-lg no-hover:hidden with-hover:absolute with-hover:p-1.5 with-hover:opacity-0 with-hover:group-hover:opacity-100 with-hover:right-full" href="#unit-overview"><span><svg class="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"><path d="M167.594 88.393a8.001 8.001 0 0 1 0 11.314l-67.882 67.882a8 8 0 1 1-11.314-11.315l67.882-67.881a8.003 8.003 0 0 1 11.314 0zm-28.287 84.86l-28.284 28.284a40 40 0 0 1-56.567-56.567l28.284-28.284a8 8 0 0 0-11.315-11.315l-28.284 28.284a56 56 0 0 0 79.196 79.197l28.285-28.285a8 8 0 1 0-11.315-11.314zM212.852 43.14a56.002 56.002 0 0 0-79.196 0l-28.284 28.284a8 8 0 1 0 11.314 11.314l28.284-28.284a40 40 0 0 1 56.568 56.567l-28.285 28.285a8 8 0 0 0 11.315 11.314l28.284-28.284a56.065 56.065 0 0 0 0-79.196z" fill="currentColor"></path></svg></span></a> <span>Unit Overview</span></h2> <p data-svelte-h="svelte-1fddmko">You will learn more about applications of 3D Computer Vision in the first chapter after this introduction. Right after that, we will take a look at the historical developments of 3D applications - all the way from the 19th century to today.</p> <p data-svelte-h="svelte-l6a1od">After these general topics, we’ll dive right into the terminologies and concepts with three chapters about camera models, linear algebra and different representations.</p> <p data-svelte-h="svelte-1xp2eml">We are following up the theory with some proper fields of use for 3D Computer Vision. Starting off with Novel View Synthesis, followed by Stereo Vision and finishing this unit (for now) with one of the most popular applications right now - Neural Radiance Fields (NeRFs).</p> <p data-svelte-h="svelte-fyqqws">Ready? Then get out your 3D goggles and lets learn! 🌟</p> <a class="!text-gray-400 !no-underline text-sm flex items-center not-prose mt-4" href="https://github.com/huggingface/computer-vision-course/blob/main/chapters/en/unit8/introduction/introduction.mdx" target="_blank"><svg class="mr-1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" fill="currentColor" focusable="false" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 32 32"><path d="M31,16l-7,7l-1.41-1.41L28.17,16l-5.58-5.59L24,9l7,7z"></path><path d="M1,16l7-7l1.41,1.41L3.83,16l5.58,5.59L8,23l-7-7z"></path><path d="M12.419,25.484L17.639,6.552l1.932,0.518L14.351,26.002z"></path></svg> <span data-svelte-h="svelte-zjs2n5"><span class="underline">Update</span> on GitHub</span></a>  <p></p> 
			
			<script>
				{
					__sveltekit_1un4wjj = {
						assets: "/docs/computer-vision-course/pr_425/en",
						base: "/docs/computer-vision-course/pr_425/en",
						env: {}
					};

					const element = document.currentScript.parentElement;

					const data = [null,null];

					Promise.all([
						import("/docs/computer-vision-course/pr_425/en/_app/immutable/entry/start.a6a68c50.js"),
						import("/docs/computer-vision-course/pr_425/en/_app/immutable/entry/app.65606c9d.js")
					]).then(([kit, app]) => {
						kit.start(app, element, {
							node_ids: [0, 84],
							data,
							form: null,
							error: null
						});
					});
				}
			</script>