What stops working
The console shows one not-compatible error per unsupported material, onBeforeCompile ran: false, and the composer's errors. No output: the fallback warning appears in only some browsers. The composer runs on a second renderer so it cannot blank this canvas.
WebGPURenderer does not run ShaderMaterial, ignores onBeforeCompile and cannot use EffectComposer. You see what each one really does, how to translate it to nodes, and port the Phase 12 metal-flake paint to TSL.
Change the code and press Run (Ctrl+Enter). Predict what will happen first, then break it on purpose and read what changes. Your edits are saved and match the lesson page.
Ready for more? This phase has 3 hands-on exercises with automatic checks.
Practice questions
Write the code in the editor, run it, then open the model answer to compare.
A material uses onBeforeCompile to turn the surface red where vWorldPos.y > 1.0. Write the node-material version.
Write the one line that gives a WebGPURenderer scene an HDR environment from a HDRLoader result called hdr.
Explain it without notes
Name the three WebGL features that do not carry over to WebGPURenderer, and what each one does when you try it.
How would you find every place a project needs porting before switching to WebGPURenderer?
Console
Nothing logged yet.