// the find
akira-cn/graphics
一些图形系统相关的小例子
A collection of ~100 standalone HTML demos covering WebGL, Canvas, SVG, noise, lighting, animation, and data visualization — built as companion examples for a graphics programming course. Each file is self-contained and runs directly in the browser with no build step. It's for developers learning the fundamentals of 2D/3D graphics from scratch.
The breadth is real: you get Phong lighting, Simplex noise, Bezier easing, SDF shapes, normal maps, and Mercator projections all in one place. Every demo is a single HTML file you can open, read, and modify in 10 minutes — no webpack, no framework, no ceremony. The common/lib math library (Vec2–4, Mat3–4, Quat, Euler) is a clean, readable from-scratch implementation worth studying on its own. The WebGL particle and GPU raffle demos show non-trivial use of fragment shaders for compute-adjacent work.
Abandoned since October 2022 — WebGL2 and WGSL/WebGPU are not here at all, so you're learning an API that browsers are moving past. The README is a flat link dump with no explanation of what each demo teaches or how they relate to each other; you have to click around blindly. Nearly everything is in plain ES5-style globals loaded via script tags, so the code patterns don't transfer to any modern module-based project. The Chinese-only docs and comments will shut out a large chunk of the audience who'd otherwise benefit most from this kind of worked example collection.