Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

WebGPU Tutorial - Advanced Graphics on the Web Course

via freeCodeCamp

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Dive into the world of advanced web graphics with this comprehensive WebGPU tutorial. Learn the fundamentals of WebGPU, the next-generation graphics API and future Web standard for graphics and compute, through 10 hands-on projects. Start by setting up your development environment, then progress through creating colorful triangles, squares with GPU buffers, and cubes with distinct face colors. Master animation and camera control techniques, implement light models, and apply lighting effects to cubes. Explore colormaps and create 3D simple surfaces, culminating in a 3D Sinc surface project. Access accompanying code for each project on GitHub, and discover additional WebGPU graphics examples to further enhance your skills. Developed by Dr. Jack Xu, this 2-3 hour course offers a practical, step-by-step approach to mastering WebGPU and adding stunning 3D graphics to your web applications.

Syllabus

) Introduction.
) 1. Development Environment.
) 2. Create a Colorful Triangle.
) 3. Create a Square with GPU Buffer.
) 4. Cube with Distinct Face Colors.
) 5. Animation and Camera Control.
) 6. Light Model.
) 7. Cube with Lighting Effects.
) 8. Colormap.
) 9. 3D Simple Surfaces.
) 10. 3D Sinc Surface.
) More WebGPU graphics examples.

Taught by

freeCodeCamp.org

Reviews

Start your review of WebGPU Tutorial - Advanced Graphics on the Web Course

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.