webgpu

Bilingual

Solving poker in custom WebGPU kernels
2 months ago
- Author needed a tensor library for poker model in WebGPU but found custom kernels were sufficient, achieving over 10x speedup.
- Poker solvers find approximate Nash equilibria; commercial solvers are expensive, motivating an open-source in-browser version.
- Using PyTorch as a correctness oracle, Codex generated WebGPU kernels that passed parity tests and optimized overnight.
- When code generation is cheap and verifiable, custom kernels can outperform general libraries, flipping the traditional tradeoff.
- The project uses counterfactual regret minimization (CFR) with a neural network for re-solving, a modern approach to equilibrium solving.
- LLM capabilities have evolved significantly; they can now implement entire papers from scratch but still lack planning and judgment.
- Conclusion: library and language choice are less binding; rewrites are no longer forbidden; the solver is available at holdem.computer.
WebGPU Unleashed: A Practical Tutorial
2 months ago
- This free book teaches graphics programming in JavaScript using WebGPU, drawing from the author's personal learning journey.
- WebGPU is a new graphics API that wraps Vulkan, Metal, and DirectX 12, making it simpler, cross-platform, and ideal for beginners.
- The tutorial starts with GPU driver and pipeline overviews, then covers drawing triangles, 2D/3D rendering, and advanced GPU computing.
- It includes interactive online features like videos, linked references, a code playground, and reader feedback via GitHub.
- The final tutorial implements Gaussian splatting rendering, a complex technique combining GPU compute and realistic 3D scene rendering.
Building the Grace Cathedral Experience
2 months ago
- The Grace Cathedral experience was built using PlayCanvas Engine with a WebGPU hybrid renderer and streamed SOG format.
- WebGPU compute shaders handle culling, projection, and sorting of Gaussian splats on the GPU, outperforming the WebGL 2 CPU-based sorting method.
- Splat data is delivered via streamed SOG format with chunked LODs, allowing progressive loading and per-device budgets (3.5 million splats on desktop, 1.4 million on mobile).
- Optimizations include on-demand rendering, resolution caps, and depth pre-pass occlusion for performance on modest hardware and phones.
- The peek effect uses shader chunks to carve wall sections near the camera, with compute and fragment stages for efficient cutout rendering and a glowing rim.
- A hidden flag animation is implemented via shader chunks that move splats along a traveling wave with amplitude and tilting effects.
- Moving traffic is created by isolating and duplicating parked cars from the original capture, spawning at intervals with randomized speeds.
- Camera navigation uses an exterior orbit controller with a rounded-box envelope and interior routing via waypoint graphs and collision mesh for smooth flights.
- Interactive features include a layered soundscape (city loops, cathedral ambience, footsteps) and a CSS-drawn rose window loading screen.
- The project is built on open source foundations: PlayCanvas Engine, SuperSplat Editor, and SOG format, with resources for developers to create similar experiences.
Learn WebGPU for C++
2 months ago
- This guide teaches WebGPU for native graphics in C++ from scratch on Windows, Linux, and macOS.
- Users can choose to write WebGPU code from scratch or skip initial boilerplate, and can opt for a C++ styled wrapper (webgpu.hpp) or raw C API (webgpu.h).
- Backend options include wgpu-native (default) or Dawn, selectable via CMake.
- Base code examples range from a simple triangle to a 3D mesh viewer with basic interaction, with additional support for running on the Web.
- Chapter status symbols indicate update level: up-to-date, older version, work in progress, or TODO.
- Contents include Introduction, Getting Started, Basic 3D Rendering, Basic Compute, Advanced Techniques, and Appendices.
Rendering Fonts Quickly on the GPU
2 months ago
- The author is developing a WebGPU animation renderer for web-based animations and implemented a technique for rendering TTF fonts, which recently expired from a Microsoft patent.
- TTF fonts use glyphs composed of paths and quadratic splines defined by start, end, and control points, with paths having clockwise or counterclockwise directions for filling or cutouts.
- The rendering technique by Loop and Blinn uses triangles to represent splines on the GPU, allowing shaders to efficiently determine pixel inclusion based on UV coordinates, enabling high-resolution font rendering without complex calculations.

webgpu

Solving poker in custom WebGPU kernels

WebGPU Unleashed: A Practical Tutorial

Building the Grace Cathedral Experience

Learn WebGPU for C++

Rendering Fonts Quickly on the GPU