Anti-Aliasing

One high-contrast scene through Off, MSAA 4×, SSAA 2×, and FXAA — pick a mode and watch the edges.

index.tsx controls.tsx types.ts renderer.ts scene.wgsl resolve.wgsl fxaa.wgsl

export const AA_MODE_OFF = 0;
export const AA_MODE_MSAA_4X = 1;
export const AA_MODE_SSAA_2X = 2;
export const AA_MODE_FXAA = 3;
export type AaMode = typeof AA_MODE_OFF | typeof AA_MODE_MSAA_4X | typeof AA_MODE_SSAA_2X | typeof AA_MODE_FXAA;
export interface AntiAliasingControls { readonly mode: AaMode }
export const DEFAULT_ANTI_ALIASING_CONTROLS: AntiAliasingControls = { mode: AA_MODE_FXAA };