Godot 3 2D CRT Shader

A 2D shader for Godot 3 simulating a CRT.

Usage

• Create a CanvasLayer.
• Add a ColorRect as a child node of the CanvasLayer.
• In the ColorRect properties:
  • Go to the Material section.
  • Click on the [empty] Material and load crt_material.tres.

If, for for reason, when loading the crt_material.tres, the crt.shader is empty, just open it with any text editor, copy the code in the Shader editor and save it.

Shader Parameters

Blend Color

Name	Type	Default	Description
blend_color	vec4	vec4(1.0, 1.0, 1.0, 1.0)	White is complete transparent. Black is complete opaque. The in-between colors get blended with the canvas.

Boost

Name	Type	Default	Description
boost	float	1.2	Gives extra brightness to compensate for the scanlines and the vignette. Range from 1.0 to 1.5 with 0.05 steps.

Vignette opacity

Name	Type	Default	Description
vignette_opacity	float	0.3	Control the opacity of the vignette. Range from 0.1 to 0.5 with 0.05 steps.

Show grille

Name	Type	Default	Description
show_grille	bool	true	Enable/disable the grille.

Only works in window/stretch/mode="2d".

Show scanlines

Name	Type	Default	Description
show_scanlines	bool	true	Enable/disable the scanlines.

Show vignette

Name	Type	Default	Description
show_vignette	bool	true	Enable/disable the vignette.

Show curvature

Name	Type	Default	Description
show_curvature	bool	true	Enable/disable the curvature.

Changelog

See CHANGELOG.

Authors

• Me 😛 hiulit.

Credits

Orginal code by knarkowicz. Taken from https://www.shadertoy.com/view/XtlSD7 .

License

MIT License.