mirror of https://github.com/sotrh/learn-wgpu
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.
27 lines
9.9 KiB
HTML
27 lines
9.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en-US">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>Foreword | Learn Wgpu</title>
|
|
<meta name="generator" content="VuePress 1.9.10">
|
|
|
|
<meta name="description" content="">
|
|
|
|
<link rel="preload" href="/learn-wgpu/assets/css/0.styles.81cb5453.css" as="style"><link rel="preload" href="/learn-wgpu/assets/js/app.2d18f32e.js" as="script"><link rel="preload" href="/learn-wgpu/assets/js/3.28addd83.js" as="script"><link rel="preload" href="/learn-wgpu/assets/js/2.476d94c5.js" as="script"><link rel="preload" href="/learn-wgpu/assets/js/65.6a397c3e.js" as="script"><link rel="prefetch" href="/learn-wgpu/assets/js/1.13a921cc.js"><link rel="prefetch" href="/learn-wgpu/assets/js/10.2742fe3e.js"><link rel="prefetch" href="/learn-wgpu/assets/js/11.9f2fc759.js"><link rel="prefetch" href="/learn-wgpu/assets/js/12.3382fa25.js"><link rel="prefetch" href="/learn-wgpu/assets/js/13.48059ad1.js"><link rel="prefetch" href="/learn-wgpu/assets/js/14.36e08989.js"><link rel="prefetch" href="/learn-wgpu/assets/js/15.e5d3ef55.js"><link rel="prefetch" href="/learn-wgpu/assets/js/16.19b2f095.js"><link rel="prefetch" href="/learn-wgpu/assets/js/17.cd04c3eb.js"><link rel="prefetch" href="/learn-wgpu/assets/js/18.bb0e8a29.js"><link rel="prefetch" href="/learn-wgpu/assets/js/19.0400ce5d.js"><link rel="prefetch" href="/learn-wgpu/assets/js/20.90ed33c8.js"><link rel="prefetch" href="/learn-wgpu/assets/js/21.93434775.js"><link rel="prefetch" href="/learn-wgpu/assets/js/22.1d414c6a.js"><link rel="prefetch" href="/learn-wgpu/assets/js/23.135f61fb.js"><link rel="prefetch" href="/learn-wgpu/assets/js/24.305cc4a8.js"><link rel="prefetch" href="/learn-wgpu/assets/js/25.2210e145.js"><link rel="prefetch" href="/learn-wgpu/assets/js/26.4aeedb6a.js"><link rel="prefetch" href="/learn-wgpu/assets/js/27.2e49293f.js"><link rel="prefetch" href="/learn-wgpu/assets/js/28.03f4c3e8.js"><link rel="prefetch" href="/learn-wgpu/assets/js/29.6cd16b0e.js"><link rel="prefetch" href="/learn-wgpu/assets/js/30.012653c7.js"><link rel="prefetch" href="/learn-wgpu/assets/js/31.0a5bbc37.js"><link rel="prefetch" href="/learn-wgpu/assets/js/32.434ebe6e.js"><link rel="prefetch" href="/learn-wgpu/assets/js/33.9a25868b.js"><link rel="prefetch" href="/learn-wgpu/assets/js/34.fcaa929e.js"><link rel="prefetch" href="/learn-wgpu/assets/js/35.47482af5.js"><link rel="prefetch" href="/learn-wgpu/assets/js/36.44479039.js"><link rel="prefetch" href="/learn-wgpu/assets/js/37.3e7e42c1.js"><link rel="prefetch" href="/learn-wgpu/assets/js/38.82c286c7.js"><link rel="prefetch" href="/learn-wgpu/assets/js/39.ed02f6c0.js"><link rel="prefetch" href="/learn-wgpu/assets/js/4.6f3b7a64.js"><link rel="prefetch" href="/learn-wgpu/assets/js/40.c0c4b7ba.js"><link rel="prefetch" href="/learn-wgpu/assets/js/41.e4b468ad.js"><link rel="prefetch" href="/learn-wgpu/assets/js/42.e5269b06.js"><link rel="prefetch" href="/learn-wgpu/assets/js/43.e83b795c.js"><link rel="prefetch" href="/learn-wgpu/assets/js/44.54657354.js"><link rel="prefetch" href="/learn-wgpu/assets/js/45.b542a42c.js"><link rel="prefetch" href="/learn-wgpu/assets/js/46.28b6cc30.js"><link rel="prefetch" href="/learn-wgpu/assets/js/47.c9da6d8d.js"><link rel="prefetch" href="/learn-wgpu/assets/js/48.cd6f9d86.js"><link rel="prefetch" href="/learn-wgpu/assets/js/49.a5085325.js"><link rel="prefetch" href="/learn-wgpu/assets/js/5.42813bbd.js"><link rel="prefetch" href="/learn-wgpu/assets/js/50.c80edf30.js"><link rel="prefetch" href="/learn-wgpu/assets/js/51.36c8060c.js"><link rel="prefetch" href="/learn-wgpu/assets/js/52.af8ddd46.js"><link rel="prefetch" href="/learn-wgpu/assets/js/53.97298d29.js"><link rel="prefetch" href="/learn-wgpu/assets/js/54.6fbf6ede.js"><link rel="prefetch" href="/learn-wgpu/assets/js/55.5eb9e278.js"><link rel="prefetch" href="/learn-wgpu/assets/js/56.17bb62c1.js"><link rel="prefetch" href="/learn-wgpu/assets/js/57.e7aa9e7e.js"><link rel="prefetch" href="/learn-wgpu/assets/js/58.4fee0641.js"><link rel="prefetch" href="/learn-wgpu/assets/js/59.8015b796.js"><link rel="prefetch" href="/learn-wgpu/assets/js/6.4fe3cb8c.js"><link rel="prefetch" href="/learn-wgpu/assets/js/60.cf694c42.js"><link rel="prefetch" href="/learn-wgpu/assets/js/61.7d58a2ea.js"><link rel="prefetch" href="/learn-wgpu/assets/js/62.bbd8b8a0.js"><link rel="prefetch" href="/learn-wgpu/assets/js/63.4bebe325.js"><link rel="prefetch" href="/learn-wgpu/assets/js/64.be578c78.js"><link rel="prefetch" href="/learn-wgpu/assets/js/66.6a7583a2.js"><link rel="prefetch" href="/learn-wgpu/assets/js/67.bf0b7353.js"><link rel="prefetch" href="/learn-wgpu/assets/js/68.6be0d6f9.js"><link rel="prefetch" href="/learn-wgpu/assets/js/69.4b4e133e.js"><link rel="prefetch" href="/learn-wgpu/assets/js/9.a663a9a2.js"><link rel="prefetch" href="/learn-wgpu/assets/js/vendors~docsearch.c367c814.js">
|
|
<link rel="stylesheet" href="/learn-wgpu/assets/css/0.styles.81cb5453.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-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="sidebar-link">Introduction</a></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><li><a href="/learn-wgpu/intermediate/tutorial13-hdr/" class="sidebar-link">High Dynamic Range Rendering</a></li></ul></section></li><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading open"><span>Showcase</span> <span class="arrow down"></span></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/learn-wgpu/showcase/" aria-current="page" class="active sidebar-link">Foreword</a></li><li><a href="/learn-wgpu/showcase/windowless/" class="sidebar-link">Wgpu without a window</a></li><li><a href="/learn-wgpu/showcase/gifs/" class="sidebar-link">Creating gifs</a></li><li><a href="/learn-wgpu/showcase/pong/" class="sidebar-link">Pong</a></li><li><a href="/learn-wgpu/showcase/compute/" class="sidebar-link">Compute Example: Tangents and Bitangents</a></li><li><a href="/learn-wgpu/showcase/alignment/" class="sidebar-link">Memory Layout in WGSL</a></li></ul></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="foreword"><a href="#foreword" class="header-anchor">#</a> Foreword</h1> <p>The articles in this section are not meant to be tutorials. They are showcases of the various things you can do with <code>wgpu</code>. I won't go over the specifics of creating <code>wgpu</code> resources, as those will be covered elsewhere. The code for these examples is still available however and will be accessible on Github.</p></div> <footer class="page-edit"><!----> <div class="last-updated"><span class="prefix">Last Updated: </span> <span class="time">6/12/2024, 6:38:41 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
|
|
←
|
|
<a href="/learn-wgpu/intermediate/tutorial13-hdr/" class="prev">
|
|
High Dynamic Range Rendering
|
|
</a></span> <span class="next"><a href="/learn-wgpu/showcase/windowless/">
|
|
Wgpu without a window
|
|
</a>
|
|
→
|
|
</span></p></div> </main></div></div><div class="global-ui"><!----></div></div>
|
|
<script src="/learn-wgpu/assets/js/app.2d18f32e.js" defer></script><script src="/learn-wgpu/assets/js/3.28addd83.js" defer></script><script src="/learn-wgpu/assets/js/2.476d94c5.js" defer></script><script src="/learn-wgpu/assets/js/65.6a397c3e.js" defer></script>
|
|
</body>
|
|
</html>
|