razh/webgpu-best-practices

A series of docs detailing best practices for developing with WebGPU

WebGPU Best Practices

This repo contains several articles that describe best practices for working with various aspects of the WebGPU API.

It should be noted that these pages are NOT a tutorial for getting started with WebGPU, and instead are focused on the most effective patterns for working with specific parts of the API, especially if you are a developer that's familiar with WebGL or one of the native APIs. If you're interested in learning WebGPU, check out the following resources first (and be sure to come back when you've figured out the basics!)

• Raw WebGPU - A beautifully presented tutorial
• WebGPU Samples - Good for those that learn by example
• WebGPU Spec - Heavy reading, but a good reference

Best Practices

• WebGPU <img>, <canvas>, and <video> texture best practices - Covers loading textures from images, canvases, and video elements.