2020-11-24 06:49:43 +00:00
<!DOCTYPE html>
< html lang = "en-US" >
< head >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width,initial-scale=1" >
< title > Introduction | Learn Wgpu< / title >
< meta name = "description" content = "" >
< meta name = "generator" content = "VuePress 1.4.0" >
< meta property = "article:modified_time" content = "2020-11-24T06:29:52.000Z" > < meta property = "og:site_name" content = "Learn Wgpu" > < meta property = "og:title" content = "Introduction" > < meta property = "og:type" content = "website" > < meta property = "og:url" content = "/" > < meta name = "twitter:title" content = "Introduction" > < meta name = "twitter:url" content = "/" > < meta name = "twitter:card" content = "summary_large_image" > < meta name = "twitter:label1" content = "Written by" > < meta name = "twitter:data2" content = "Benjamin R Hansen" > < meta name = "twitter:creator" content = "https://twitter.com/sotrh760" >
2021-01-03 21:39:43 +00:00
< link rel = "preload" href = "/learn-wgpu/assets/css/0.styles.7acc6ef6.css" as = "style" > < link rel = "preload" href = "/learn-wgpu/assets/js/app.70f3eb65.js" as = "script" > < link rel = "preload" href = "/learn-wgpu/assets/js/2.da3fd46f.js" as = "script" > < link rel = "preload" href = "/learn-wgpu/assets/js/24.585372be.js" as = "script" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/10.de8cadfb.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/11.c7578bf2.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/12.4f1bf5a0.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/13.7bbdc3ca.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/14.f852c057.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/15.9e24e3cf.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/16.c7356fb1.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/17.8d0c6c00.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/18.bd274f60.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/19.1095b69a.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/20.70e640cc.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/21.e1893fb6.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/22.2132e362.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/23.1a88f225.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/25.2166e585.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/26.462b84fd.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/27.04f788d9.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/28.a3ac06e2.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/29.281013fa.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/3.94d0aff7.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/30.dc887be9.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/4.1a5062fd.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/5.8c5056b6.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/6.395995ac.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/7.3b9d8029.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/8.cffb95fd.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/9.ecb6e79c.js" >
2020-11-24 06:49:43 +00:00
< link rel = "stylesheet" href = "/learn-wgpu/assets/css/0.styles.7acc6ef6.css" >
< / head >
< body >
2020-12-13 03:05:43 +00:00
< div id = "app" data-server-rendered = "true" > < div class = "theme-container" > < header class = "navbar" > < div class = "inner" > < div class = "sidebar-button" > < svg xmlns = "http://www.w3.org/2000/svg" aria-hidden = "true" role = "img" viewBox = "0 0 448 512" class = "icon" > < path fill = "currentColor" d = "M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z" > < / path > < / svg > < / div > < a href = "/learn-wgpu/" class = "home-link router-link-exact-active router-link-active" > <!-- --> < span class = "site-name" > Learn Wgpu< / span > < / a > < div class = "links" > <!-- --> < div class = "search-box" > < input aria-label = "Search" autocomplete = "off" spellcheck = "false" value = "" > <!-- --> < / div > < / div > < / div > < / header > < div class = "sidebar-mask" > < / div > < div class = "docs-layout" > < aside class = "sidebar" > <!-- --> < ul class = "sidebar-links" > < li > < a href = "/learn-wgpu/" class = "active sidebar-link" > Introduction< / a > < ul class = "sidebar-sub-headers" > < li class = "sidebar-sub-header" > < a href = "/learn-wgpu/#what-is-wgpu" class = "sidebar-link" > What is wgpu?< / a > < / li > < li class = "sidebar-sub-header" > < a href = "/learn-wgpu/#why-rust" class = "sidebar-link" > Why Rust?< / a > < / li > < li class = "sidebar-sub-header" > < a href = "/learn-wgpu/#contribution-and-support" class = "sidebar-link" > Contribution and Support< / a > < / li > < / ul > < / li > < li > < section class = "sidebar-group depth-0" > < p class = "sidebar-heading" > < span > Beginner< / span > <!-- --> < / p > < ul class = "sidebar-links sidebar-group-items" > < li > < a href = "/learn-wgpu/beginner/tutorial1-window/" class = "sidebar-link" > Dependencies and the window< / a > < / li > < li > < a href = "/learn-wgpu/beginner/tutorial2-swapchain/" class = "sidebar-link" > The Swapchain< / a > < / li > < li > < a href = "/learn-wgpu/beginner/tutorial3-pipeline/" class = "sidebar-link" > The Pipeline< / a > < / li > < li > < a href = "/learn-wgpu/beginner/tutorial4-buffer/" class = "sidebar-link" > Buffers and Indices< / a > < / li > < li > < a href = "/learn-wgpu/beginner/tutorial5-textures/" class = "sidebar-link" > Textures and bind groups< / a > < / li > < li > < a href = "/learn-wgpu/beginner/tutorial6-uniforms/" class = "sidebar-link" > Uniform buffers and a 3d camera< / a > < / li > < li > < a href = "/learn-wgpu/beginner/tutorial7-instancing/" class = "sidebar-link" > Instancing< / a > < / li > < li > < a href = "/learn-wgpu/beginner/tutorial8-depth/" class = "sidebar-link" > The Depth Buffer< / a > < / li > < li > < a href = "/learn-wgpu/beginner/tutorial9-models/" class = "sidebar-link" > Model Loading< / a > < / li > < / ul > < / section > < / li > < li > < section class = "sidebar-group depth-0" > < p class = "sidebar-heading" > < span > Intermediate< / span > <!-- --> < / p > < ul class = "sidebar-links sidebar-group-items" > < li > < a href = "/learn-wgpu/intermediate/tutorial10-lighting/" class = "sidebar-link" > Working with Lights< / a > < / li > < li > < a href = "/learn-wgpu/intermediate/tutorial11-normals/" class = "sidebar-link" > Normal Mapping< / a > < / li > < li > < a href = "/learn-wgpu/intermediate/tutorial12-camera/" class = "sidebar-link" > A Better Camera< / a > < / li > < li > < a href = "/learn-wgpu/intermediate/tutorial13-threading/" class = "sidebar-link" > Multi-threading with Wgpu and Rayon< / a > < / li > < / ul > < / section > < / li > < li > < section class = "sidebar-group collapsable depth-0" > < p class = "sidebar-heading" > < span > Showcase< / span > < span class = "arrow right" > < / span > < / p > <!-- --> < / section > < / li > < li > < a href = "/learn-wgpu/news/" class = "sidebar-link" > News< / a > < / li > < / ul > < / aside > < main class = "page" > < div class = "theme-default-content content__default" > < h1 id = "introduction" > < a href = "#introduction" class = "header-anchor" > #< / a > Introduction< / h1 > < h2 id = "what-is-wgpu" > < a href = "#what-is-wgpu" class = "header-anchor" > #< / a > What is wgpu?< / h2 > < p > < a href = "https://github.com/gfx-rs/wgpu" target = "_blank" rel = "noopener noreferrer" > Wgpu< svg xmlns = "http://www.w3.org/2000/svg" aria-hidden = "true" x = "0px" y = "0px" viewBox = "0 0 100 100" width = "15" height = "15" class = "icon outbound" > < path fill = "currentColor" d = "M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1
2020-11-24 06:49:43 +00:00
Dependencies and the window
< / a >
→
< / span > < / p > < / div > < / main > < / div > < / div > < div class = "global-ui" > <!-- --> < / div > < / div >
2021-01-03 21:39:43 +00:00
< script src = "/learn-wgpu/assets/js/app.70f3eb65.js" defer > < / script > < script src = "/learn-wgpu/assets/js/2.da3fd46f.js" defer > < / script > < script src = "/learn-wgpu/assets/js/24.585372be.js" defer > < / script >
2020-11-24 06:49:43 +00:00
< / body >
< / html >
