Graphics with WebGPU Part1: Intro Concepts

Support the channel here: https://www.patreon.com/cw/timidautomaton This video is (hopefully) the first in a series on graphics programming. We'll be using Rust, WGPU, and WGSL (eventually). 00:00 Introduction 0:36 What are Shaders? 1:11 Vertices and Vertex Data 1:56 Normal Vectors 2:41 Indices 2:58 Topology 3:39 Textures 4:25 3D Models 6:18 Coordinate Systems 8:47 Perspective and Orthographic Projection 10:14 Outro Resources: I'm not affiliated with any of the following people or organizations. The World Wide Web Consortium (W3C) is the parent group that facilitated the creation of the WebGPU and WGSL standards. Their "GPU for the Web" group consists of most of a long list of individuals and hardware and software companies, like Mozilla, Apple, Intel, and Microsoft(1). They organize most of the specifications and references for internet standardization. https://www.w3.org/TR/webgpu/ https://www.w3.org/TR/WGSL/ A very thorough look through WebGPU and its capabilities written with examples in JavaScript. https://webgpufundamentals.org/ A guide through the Rust library WGPU (User has a Patreon in the introduction if you find it helpful and are able to support them!) https://sotrh.github.io/learn-wgpu/ An OpenGL tutorial written in C++ that's a classic for learning about computer graphics. https://learnopengl.com/ Clip Space and NDC https://carmencincotti.com/2022-11-28/from-clip-space-to-ndc-space/ Points and Lines on GPU https://webgpufundamentals.org/webgpu/lessons/webgpu-points.html https://mattdesl.svbtle.com/drawing-lines-is-hard Perspective Matrix https://www.youtube.com/watch?v=gHoNefv6Qw4&t=2s https://www.youtube.com/watch?v=mpTl003EXCY ShaderToy and Technical Art with Fragment Shaders: A site that conveniently allows users to write shader code in the browser (shaders are fragment shaders written in GLSL, OpenGL Shading Language) https://www.shadertoy.com/ Inigo Quilez is a technical artist and software engineer (among other titles) who has created educational material for creating art with fragment shaders. https://iquilezles.org/ Succinct and well produced videos about techniques for making fragment shader art An introduction to Shader Art Coding - kishimisu (https://www.youtube.com/watch?v=f4s1h2YETNY) An introduction to Raymarching - kishimisu (https://www.youtube.com/watch?v=khblXafu7iA) ComputeToy A site that conveniently allows users to write shader code in the browser (shaders are compute shaders written in WGSL, WebGPU Shading Language) https://compute.toys/ Obj File https://www.loc.gov/preservation/digital/formats/fdd/fdd000507.shtml 3D Modeling A very good series of Blender tutorials to learn the basics of 3D modeling (It's only about 4.5 hours of content in ~20 minute videos. Give it a shot if you're at all interested!) Blender Guru (Youtube) - https://www.youtube.com/watch?v=B0J27sf9N1Y&list=PLjEaoINr3zgEPv5y--4MKpciLaoQYZB1Z Joey Carlino - A self taught 3d animator who works with Blender. These tutorials are pretty fast paced and cover a lot in a couple hours. It starts with making a model and then rigging an animation for the model. https://www.youtube.com/watch?v=O6HQhs-gk50 https://www.youtube.com/watch?v=m-Obo_nC3SM #webgpu #wgpu #rust #3d #projections #orthographic_projection #perspective_projections #textures #vertex #righthandrule