Fine detail under SMAA and FXAA
Sharpness is the average jump between neighbouring pixels on one row: 128 for 1-pixel white lines, 3 black pixels apart.
Slanted edges on a pixel grid look like steps. MSAA smooths them while drawing, FXAA and SMAA smooth the finished picture. The catch: the canvas's MSAA does not reach a composer's pictures unless you ask for it.
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 4 hands-on exercises with automatic checks.
Practice questions
Write the code in the editor, run it, then open the model answer to compare.
Create a composer whose pictures keep 4-sample MSAA.
Add FXAA at the right place in the chain Render, Bloom, Output.
Explain it without notes
Why do edges become jagged when you add a composer to a renderer created with antialias: true?
Compare MSAA, SMAA and FXAA for a showroom page for phones.
Console
Nothing logged yet.Expected console output
no pass sharpness 128
SMAA sharpness 128
FXAA sharpness 58