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>
|
2022-03-26 00:21:57 +00:00
|
|
|
<meta name="generator" content="VuePress 1.9.7">
|
|
|
|
|
|
2020-11-24 06:49:43 +00:00
|
|
|
<meta name="description" content="">
|
2022-05-14 19:02:30 +00:00
|
|
|
<meta property="article:modified_time" content="2022-05-14T18:41:38.000Z">
|
2022-03-26 00:21:57 +00:00
|
|
|
<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:data1" content="Benjamin Hansen">
|
|
|
|
|
<meta name="twitter:creator" content="https://twitter.com/sotrh760">
|
2020-11-24 06:49:43 +00:00
|
|
|
|
2022-05-14 19:02:30 +00:00
|
|
|
<link rel="preload" href="/learn-wgpu/assets/css/1.styles.a99e0ea1.css" as="style"><link rel="preload" href="/learn-wgpu/assets/js/app.e24d24f8.js" as="script"><link rel="preload" href="/learn-wgpu/assets/js/17.7a15a658.js" as="script"><link rel="preload" href="/learn-wgpu/assets/js/40.014bbfe2.js" as="script"><link rel="prefetch" href="/learn-wgpu/assets/js/0.538bc9f6.js"><link rel="prefetch" href="/learn-wgpu/assets/js/10.734d87da.js"><link rel="prefetch" href="/learn-wgpu/assets/js/11.41034c46.js"><link rel="prefetch" href="/learn-wgpu/assets/js/12.a4ce281e.js"><link rel="prefetch" href="/learn-wgpu/assets/js/13.50f08c5b.js"><link rel="prefetch" href="/learn-wgpu/assets/js/14.65041ede.js"><link rel="prefetch" href="/learn-wgpu/assets/js/15.576af98e.js"><link rel="prefetch" href="/learn-wgpu/assets/js/18.e74dc361.js"><link rel="prefetch" href="/learn-wgpu/assets/js/19.69a9ea7e.js"><link rel="prefetch" href="/learn-wgpu/assets/js/2.63a2358e.js"><link rel="prefetch" href="/learn-wgpu/assets/js/20.295c559d.js"><link rel="prefetch" href="/learn-wgpu/assets/js/21.e284d6f3.js"><link rel="prefetch" href="/learn-wgpu/assets/js/22.ae08829d.js"><link rel="prefetch" href="/learn-wgpu/assets/js/23.9d07c0eb.js"><link rel="prefetch" href="/learn-wgpu/assets/js/24.6982a462.js"><link rel="prefetch" href="/learn-wgpu/assets/js/25.32361a22.js"><link rel="prefetch" href="/learn-wgpu/assets/js/26.9b876ccf.js"><link rel="prefetch" href="/learn-wgpu/assets/js/27.a15a4eb1.js"><link rel="prefetch" href="/learn-wgpu/assets/js/28.9fe49a03.js"><link rel="prefetch" href="/learn-wgpu/assets/js/29.c212a80a.js"><link rel="prefetch" href="/learn-wgpu/assets/js/3.e2a96752.js"><link rel="prefetch" href="/learn-wgpu/assets/js/30.b61fde25.js"><link rel="prefetch" href="/learn-wgpu/assets/js/31.25585faa.js"><link rel="prefetch" href="/learn-wgpu/assets/js/32.acd07b95.js"><link rel="prefetch" href="/learn-wgpu/assets/js/33.a51ea3c5.js"><link rel="prefetch" href="/learn-wgpu/assets/js/34.41e9897b.js"><link rel="prefetch" href="/learn-wgpu/assets/js/35.2d445b19.js"><link rel="prefetch" href="/learn-wgpu/assets/js/36.9b4d649e.js"><link rel="prefetch" href="/learn-wgpu/assets/js/37.e0f57de3.js"><link rel="prefetch" href="/learn-wgpu/assets/js/38.155fa5a2.js"><link rel="prefetch" href="/learn-wgpu/assets/js/39.1c5b4548.js"><link rel="prefetch" href="/learn-wgpu/assets/js/4.3c71cf5e.js"><link rel="prefetch" href="/learn-wgpu/assets/js/41.d3e6544b.js"><link rel="prefetch" href="/learn-wgpu/assets/js/42.82e26587.js"><link rel="prefetch" href="/learn-wgpu/assets/js/43.2bed1539.js"><link rel="prefetch" href="/learn-wgpu/assets/js/44.9a3ae8d9.js"><link rel="prefetch" href="/learn-wgpu/assets/js/45.4d927984.js"><link rel="prefetch" href="/learn-wgpu/assets/js/46.bcb97198.js"><link rel="prefetch" href="/learn-wgpu/assets/js/47.04026fdc.js"><link rel="prefetch" href="/learn-wgpu/assets/js/48.b66ca2b7.js"><link rel="prefetch" href="/learn-wgpu/assets/js/49.a7984c3a.js"><link rel="prefetch" href="/learn-wgpu/assets/js/5.bb0f1b1e.js"><link rel="prefetch" href="/learn-wgpu/assets/js/50.3f70b0bd.js"><link rel="prefetch" href="/learn-wgpu/assets/js/51.3dddd985.js"><link rel="prefetch" href="/learn-wgpu/assets/js/52.d210553f.js"><link rel="prefetch" href="/learn-wgpu/assets/js/53.d8a00d81.js"><link rel="prefetch" href="/learn-wgpu/assets/js/54.dee38fb1.js"><link rel="prefetch" href="/learn-wgpu/assets/js/55.1203faa5.js"><link rel="prefetch" href="/learn-wgpu/assets/js/56.b08678b1.js"><link rel="prefetch" href="/learn-wgpu/assets/js/57.8a33a691.js"><link rel="prefetch" href="/learn-wgpu/assets/js/58.0b75502d.js"><link rel="prefetch" href="/learn-wgpu/assets/js/59.9487d6c9.js"><link rel="prefetch" href="/learn-wgpu/assets/js/6.11fcad8b.js"><link rel="prefetch" href="/learn-wgpu/assets/js/60.8f0e7ac5.js"><link rel="prefetch" href="/learn-wgpu/assets/js/61.a146a907.js"><link rel="prefetch" href="/learn-wgpu/assets/js/7.769bb1c1.js"><link rel="prefetch" href="/learn-wgpu/assets/js/8.dac8f9bf.js"><link rel="prefetch" href="/learn-wgpu/assets/js/9.1150195e.js">
|
2022-03-26 17:08:17 +00:00
|
|
|
<link rel="stylesheet" href="/learn-wgpu/assets/css/1.styles.a99e0ea1.css">
|
2020-11-24 06:49:43 +00:00
|
|
|
</head>
|
|
|
|
|
<body>
|
2022-05-14 19:02:30 +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/" aria-current="page" 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/" aria-current="page" 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-surface/" class="sidebar-link">The Surface</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></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><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading"><span>News</span> <span class="arrow right"></span></p> <!----></section></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<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" wid
|
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>
|
2022-05-14 19:02:30 +00:00
|
|
|
<script src="/learn-wgpu/assets/js/app.e24d24f8.js" defer></script><script src="/learn-wgpu/assets/js/17.7a15a658.js" defer></script><script src="/learn-wgpu/assets/js/40.014bbfe2.js" defer></script>
|
2020-11-24 06:49:43 +00:00
|
|
|
</body>
|
|
|
|
|
</html>
|
