You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
<!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 = "2021-08-15T16:52:25.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" >
< link rel = "preload" href = "/learn-wgpu/assets/css/0.styles.e2608c6d.css" as = "style" > < link rel = "preload" href = "/learn-wgpu/assets/js/app.68e9d3e2.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.5e2c93e5.js" as = "script" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/10.de8cadfb.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/11.fdda3025.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/12.a3244b3f.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/13.2da6599a.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/14.3139647c.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/15.4800fa06.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/16.8cb7b62f.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/17.d3375cb5.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/18.83accaf9.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/19.bee0cfc3.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/20.17c44988.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/21.fed3f353.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.5c4d11d0.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/26.745a2634.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.ee149516.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/30.dc887be9.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/4.a1927191.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/5.5061acf7.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/6.3afd850a.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/7.88810c81.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/8.a23f98ec.js" > < link rel = "prefetch" href = "/learn-wgpu/assets/js/9.ecb6e79c.js" >
< link rel = "stylesheet" href = "/learn-wgpu/assets/css/0.styles.e2608c6d.css" >
< / head >
< body >
< 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 > < li class = "sidebar-sub-header" > < a href = "/learn-wgpu/#special-thanks-to-these-patrons" class = "sidebar-link" > Special thanks to these patrons!< / 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 = "i
Dependencies and the window
< / a >
→
< / span > < / p > < / div > < / main > < / div > < / div > < div class = "global-ui" > <!-- --> < / div > < / div >
< script src = "/learn-wgpu/assets/js/app.68e9d3e2.js" defer > < / script > < script src = "/learn-wgpu/assets/js/2.da3fd46f.js" defer > < / script > < script src = "/learn-wgpu/assets/js/24.5e2c93e5.js" defer > < / script >
< / body >
< / html >
