https://github.com/henriquelalves/SimpleGodotCRTShader

A simple Godot shader that simulates CRT Displays
https://github.com/henriquelalves/SimpleGodotCRTShader

crt godot monitor shader vfx

Last synced: about 1 month ago
JSON representation

A simple Godot shader that simulates CRT Displays

• Host: GitHub
• URL: https://github.com/henriquelalves/SimpleGodotCRTShader
• Owner: henriquelalves
• License: mit
• Created: 2016-02-13T22:39:15.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2024-09-02T21:57:23.000Z (3 months ago)
• Last Synced: 2024-10-27T22:18:08.690Z (about 2 months ago)
• Topics: crt, godot, monitor, shader, vfx
• Language: GDScript
• Size: 2.83 MB
• Stars: 353
• Watchers: 15
• Forks: 23
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-godot - SimpleGodotCRTShader - A simple Godot shader that simulates CRT Displays (Godot 2.x, 3.x). (Plugins and scripts / 3D)
• awesome-godot-3 - SimpleGodotCRTShader - A simple Godot shader that simulates CRT Displays (Godot 2.x, 3.x). (Plugins and scripts / 3D)
• awesome-godot-3 - SimpleGodotCRTShader - A simple Godot shader that simulates CRT Displays (Godot 2.x, 3.x). (Plugins and scripts / 3D)

README

        
# SimpleGodotCRTShader

*For more addons, check [my GitHub](https://github.com/henriquelalves) and [my itch.io](https://perons.itch.io/) page.*

A simple Godot shader that simulates CRT Displays.

![Without Shader](sample.png)

![With Shader](withshader.png)

## How to install (Godot 4.x)

You can copy simply copy the CRTShader.shader to any ColorRect.

You can also just add the `CRTScreen` node to your project (a node that sets some of the shader parameters automatically).

### For Godot 2.x and 3.x

There are separate branches for Godot 2.x and 3.x versions.

## How the Shader works

This Shader is made of 3 main components:

* Distortion: It is the effect that causes the '3D'-like monitor effect.

* Color Bleeding: Creates a small 'color bleeding' on the Red and Blue channel of close pixels.

* Scanlines: Creates a strip of black, alpha lines that moves constantly on the screen.

All the effects have Uniform variables, so they can be controlled without changing the code.

The effects are based on these articles:

* Distortion: http://www.geeks3d.com/20140213/glsl-shader-library-fish-eye-and-dome-and-barrel-distortion-post-processing-filters/2/

* Color Bleeding and Scanlines: http://www.magneticrealms.com/posts/2014/02/03/a-crt-filter-without-shaders/

## Credits

The screen sample was made by 'ansimuz' - the art is in public domain (CC0), and can be found in: http://opengameart.org/content/country-side-platform-tiles.

Character was made by EdwoodNigma - the spritesheet is in public domain (CC0), and can be found in: https://opengameart.org/content/platformer-character-0