CanvasItem Screen Shader in Godot
Learn how to add a full-screen CanvasItem screen shader in Godot using a CanvasLayer, ColorRect, and ShaderMaterial.
For this example we use a CRT + VHS, but the setup works for other full-screen screen texture shaders too.
You’ll see how to:
CanvasLayer setup
Full Rect ColorRect setup
Mouse Filter Ignore
ShaderMaterial setup
Screen texture shader setup
CRT + VHS effect controls
Clean UI vs affected UI
CanvasLayer and z_index layering basics
Shader Link: godotshaders(dot)com/shader/test-crt-vcr/
Game Engine: godotengine(dot)org
3d Editor: blender(dot)org
CanvasLayer → ColorRect → Full Rect → Mouse Filter Ignore → ShaderMaterial → add shader → done.