WebGPU Tutorial - Advanced Graphics on the Web Course

Veröffentlicht am: 16 März 2022
auf dem Kanal: freeCodeCamp.org

115,389

2.5k

In this course, you will learn the basics of WebGPU. WebGPU is the next-generation graphics API and future Web standard for graphics and compute. This two-hour video contains 10 WebGPU projects. We create each project based on the previous one from scratch and demonstrate how to add 3D graphics to your web applications.

All the projects presented in this video were taken from Dr. Xu's book "Practical WebGPU Graphics". Please visit his website at https://drxudotnet.com for more WebGPU examples.

✏️ Course developed by Dr. Jack Xu. Check out his YouTube Channel: / practicalprogrammingwithdrxu

⭐️ Course Contents ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:02:35) 1. Development Environment
⌨️ (0:18:09) 2. Create a Colorful Triangle
⌨️ (0:31:12) 3. Create a Square with GPU Buffer
⌨️ (0:43:50) 4. Cube with Distinct Face Colors
⌨️ (1:00:33) 5. Animation and Camera Control
⌨️ (1:09:14) 6. Light Model
⌨️ (1:26:27) 7. Cube with Lighting Effects
⌨️ (1:32:42) 8. Colormap
⌨️ (1:44:57) 9. 3D Simple Surfaces
⌨️ (1:54:51) 10. 3D Sinc Surface
⌨️ (2:03:26) More WebGPU graphics examples

⭐️ Code ⭐️
1. Development Environment: https://github.com/jack1232/webgpu01/...
2. Create a Colorful Triangle: https://github.com/jack1232/webgpu03/...
3. Create a Square with GPU Buffer: https://github.com/jack1232/webgpu07/...
4. Cube with Distinct Face Colors: https://github.com/jack1232/webgpu10/...
5. Animation and Camera Control: https://github.com/jack1232/webgpu11/...
6. Light Model: https://github.com/jack1232/webgpu17/...
7. Cube with Lighting Effects: https://github.com/jack1232/webgpu18/...
8. Colormap: https://github.com/jack1232/webgpu23/...
9. 3D Simple Surfaces: https://github.com/jack1232/webgpu24/...
10. 3D Sinc Surface: https://github.com/jack1232/webgpu25/...

🎉 Thanks to our Champion and Sponsor supporters:
👾 Raymond Odero
👾 Agustín Kussrow
👾 aldo ferretti
👾 Otis Morgan
👾 DeezMaster

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

❤️ Support for this channel comes from our friends at Scrimba – the coding platform that's reinvented interactive learning: https://scrimba.com/freecodecamp

Auf dieser Seite können Sie das Online-Video WebGPU Tutorial - Advanced Graphics on the Web Course mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer freeCodeCamp.org 16 März 2022 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 115,389 Mal angesehen und es wurde von 2.5 tausend den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

133