Quiz

Graphics NotesGraphics + Rust/WASM concept knowledge base

Twelve concepts taught in conversational walkthroughs during Web-Motion-Grapher development. Built for interview prep.

SDF / ray-marching

How the march loop works, why min() composes, gradient-as-normal, box half-extents, smin blending. Foundational to this engine and to most modern stylized renderers.

💎

BRDF / shading

Disney microfacet BRDF — GGX distribution, Smith height-correlated G (with the double-divide bug to watch for), Schlick Fresnel + F0 derivation, energy conservation.

🦀

Rust ↔ Web bridge

wgpu pipeline model, wasm-bindgen architectural rule (one wasm crate), serde-wasm-bindgen for structured data, panic hooks for actually-debuggable wasm.

🤝

Collaboration / data

Yrs/CRDT for "from day 1" multiplayer-ready state. The transaction/observer pattern that makes single-user code multiplayer-additive later.

Why this exists

Each concept here was taught during a real teaching session — analogy first, then named steps with prose between, worked numerical examples with real values from the codebase, mental-model summaries, and an explain-back question with my actual answer + the judgment it received.

Each concept follows the same shape: opening framing, named steps with prose between, worked numerical examples, mental-model summary, then an explain-back question with my recorded answer.

How to use this for interview prep

Skim the milestone sidebar to find the concept you want to brush up on
Read the walkthrough — the "Step N" prose is the actual teaching
Cover the explain-back answer and try the question yourself first
Compare your answer to the one logged below — these were on-the-record passes

Search (top-right or /) covers all 12 concepts. Code blocks are syntax-highlighted for Rust, WGSL, TypeScript.