www.xbdev.net
xbdev - software development
Friday February 6, 2026
Home | Contact | Support | WebGPU Graphics and Compute ... | LearnWebGPU Series Step by step guide with interactive examples.....
     
 

LearnWebGPU
Series

Lights and Rays ...

 



[TOC] Chapter 1: Introduction


Computer Graphics - It's Changing!


How things have changed in the computer graphics world over the past few decades! I mean, really really changed! I think back to the days of when monitors where as big a cuboards and you had to do amazing things with 16k of memory!


Look at the sweet graphics you could hope to achieve in the 80s, not to mention, your monitor could also be used to heat your room
Look at the sweet graphics you could hope to achieve in the 80s, not to mention, your monitor could also be used to heat your room


Programming in the 80s was a real art - it took ninja skills! The internet was still young, and technologies where up in the air - with no real standards - so getting something working and released took a lot of hard work.

If you fast forward to today, it's a totally different world.


The expectations of computer graphics are high! Look at the picture - and see if you can make out which is the original actor a...
The expectations of computer graphics are high! Look at the picture - and see if you can make out which is the original actor and which is the CGI one (fake one).






Software/Examples


All of the examples, plus hundreds more are available online at https://webgpulab.xbdev.net.

Often you'll review the concepts and you'll think you know it - but then you try and implement it - and you realise, you must have mist something - as your version doesn't work!

Then there is the times - that a complex topic is discussed and presented in a couple of pages with some nice pretty diagrams - but the end code is thousands and thousands of lines long.

To help you with the practical - webgpulab.xbdev.net - gives you hundreds of minimal working examples - just the raw code/minimal working samples. Not about forcing you to use a framework or hiding away the underlying mechanics - but cut down code that you can learn from and use as a springboard for moving forward.







101 WebGPU Programming Projects. WebGPU Development Pixels - coding fragment shaders from post processing to ray tracing! WebGPU by Example: Fractals, Image Effects, Ray-Tracing, Procedural Geometry, 2D/3D, Particles, Simulations WebGPU Games WGSL 2d 3d interactive web-based fun learning WebGPU Compute WebGPU API - Owners WebGPU Development Cookbook - coding recipes for all your webgpu needs! WebGPU & WGSL Essentials: A Hands-On Approach to Interactive Graphics, Games, 2D Interfaces, 3D Meshes, Animation, Security and Production Kenwright graphics and animations using the webgpu api 12 week course kenwright learn webgpu api kenwright programming compute and graphics applications with html5 and webgpu api kenwright real-time 3d graphics with webgpu kenwright webgpu for dummies kenwright webgpu wgsl compute graphics all in one kenwright webgpu api develompent a quick start guide kenwright webgpu by example 2022 kenwright webgpu gems kenwright webgpu interactive compute and graphics visualization cookbook kenwright wgsl webgpu shading language cookbook kenwright WebGPU Shader Language Development: Vertex, Fragment, Compute Shaders for Programmers Kenwright WGSL Fundamentals book kenwright WebGPU Data Visualization Cookbook kenwright Special Effects Programming with WebGPU kenwright WebGPU Programming Guide: Interactive Graphics and Compute Programming with WebGPU & WGSL kenwright Ray-Tracing with WebGPU kenwright



 
Advert (Support Website)

 
 Visitor:
Copyright (c) 2002-2025 xbdev.net - All rights reserved.
Designated articles, tutorials and software are the property of their respective owners.