hiulit / Godot 3 2d Crt Shader
Licence: mit
A 2D shader for Godot 3 simulating a CRT
Stars: ✭ 183
Labels
Projects that are alternatives of or similar to Godot 3 2d Crt Shader
Godot Realistic Water
Godot - Realistic Water Shader
Stars: ✭ 235 (+28.42%)
Mutual labels: godot-engine, glsl, shader
Godot Particle Dof
Bokeh-esque particle depth of field in Godot 3.0
Stars: ✭ 77 (-57.92%)
Mutual labels: godot-engine, glsl, shader
Spriteglow
A sprite glow effect for Unity game engine
Stars: ✭ 1,287 (+603.28%)
Mutual labels: shader, 2d
Unlitclouds
A unity cloud shader, using vertex colors and tessellation for a simple stylized look.
Stars: ✭ 110 (-39.89%)
Mutual labels: glsl, shader
Creature godot
2D Skeletal Animation Creature Runtime for Godot Engine
Stars: ✭ 70 (-61.75%)
Mutual labels: godot-engine, 2d
Unity Lowpoly Shader
Unity Shader for mesh rendering in lowpoly style
Stars: ✭ 116 (-36.61%)
Mutual labels: glsl, shader
Glslang
Khronos-reference front end for GLSL/ESSL, partial front end for HLSL, and a SPIR-V generator.
Stars: ✭ 2,034 (+1011.48%)
Mutual labels: glsl, shader
3d Game Shaders For Beginners
🎮 A step-by-step guide to implementing SSAO, depth of field, lighting, normal mapping, and more for your 3D game.
Stars: ✭ 11,698 (+6292.35%)
Mutual labels: glsl, shader
Shaderconductor
ShaderConductor is a tool designed for cross-compiling HLSL to other shading languages
Stars: ✭ 1,146 (+526.23%)
Mutual labels: glsl, shader
Glsl Worley
Worley noise implementation for WebGL shaders
Stars: ✭ 66 (-63.93%)
Mutual labels: glsl, shader
Godot Hair Shader
My attempt at a hair shader in Godot
Stars: ✭ 91 (-50.27%)
Mutual labels: godot-engine, shader
Glsl Godrays
This module implements a volumetric light scattering effect(godrays)
Stars: ✭ 155 (-15.3%)
Mutual labels: glsl, shader
Curtainsjs
curtains.js is a lightweight vanilla WebGL javascript library that turns HTML DOM elements into interactive textured planes.
Stars: ✭ 1,039 (+467.76%)
Mutual labels: glsl, shader
Glsl Grid
Draws an antialiased grid along the X/Y/Z direction of a mesh.
Stars: ✭ 57 (-68.85%)
Mutual labels: glsl, shader
Godot Motion Blur
A motion blur shader for Godot 3.0
Stars: ✭ 115 (-37.16%)
Mutual labels: godot-engine, glsl
Godot 3 2D CRT Shader
A 2D shader for Godot 3 simulating a CRT.
Usage
- Create a
CanvasLayer. - Add a
ColorRectas a child node of theCanvasLayer. - In the
ColorRectproperties:- Go to the Material section.
- Click on the
[empty]dropdown from Material and loadcrt_material.tres.
Note
If for some reason, when loading the crt_material.tres, the crt_shader.shader is empty, just open it with any text editor, copy the code in the Shader editor and save it.
Shader Parameters
Screen size
| Name | Type | Default | Description |
|---|---|---|---|
screen_size |
vec2 |
vec2(320.0, 180.0) |
The size of your project's display/window/size. |
Show curvature
| Name | Type | Default | Description |
|---|---|---|---|
show_curvature |
bool |
true |
Enables/disables the curvature effect. |
Works best in window/stretch/mode="2d".
Curvature X amount
| Name | Type | Default | Description |
|---|---|---|---|
curvature_x_amount |
float |
6.0 |
Controls the curvature on the X axis. The lower the amount, the lower distortion. Range from 3.0 to 15.0 with 0.01 steps. |
Curvature Y amount
| Name | Type | Default | Description |
|---|---|---|---|
curvature_y_amount |
float |
6.0 |
Controls the curvature on the Y axis. The lower the amount, the lower distortion. Range from 3.0 to 15.0 with 0.01 steps. |
Corner color
| Name | Type | Default | Description |
|---|---|---|---|
corner_color |
vec4 |
vec4(0.0, 0.0, 0.0, 1.0) |
The color of the blank space on the corners left by the curvature. |
Show vignette
| Name | Type | Default | Description |
|---|---|---|---|
show_vignette |
bool |
true |
Enables/disables the vignette effect. |
Vignette opacity
| Name | Type | Default | Description |
|---|---|---|---|
vignette_opacity |
float |
0.2 |
Controls the opacity of the vignette. Range from 0.0 to 1.0 with 0.01 steps. |
Show horizontal scan lines
| Name | Type | Default | Description |
|---|---|---|---|
show_horizontal_scan_lines |
bool |
true |
Enables/disables the horizontal scan lines. |
Horizontal scan lines amount
| Name | Type | Default | Description |
|---|---|---|---|
horizontal_scan_lines_amount |
float |
180.0 |
Controls how many horizontal scan lines appear. Range from 0.0 to 180.0 with 0.1 steps. |
Setting it to your project's windows/size/height should work fine, but you can play with it to get the results best fitted to your liking.
Having fewer scan lines will make them larger, which makes it harder for the moire effect to appear.
Horizontal scan lines opacity
| Name | Type | Default | Description |
|---|---|---|---|
horizontal_scan_lines_opacity |
float |
1.0 |
Controls the opacity of the horizontal scan lines. 0.0 is complete opaque. Range from 0.0 to 1.0 with 0.01 steps. |
Show vertical scan lines
| Name | Type | Default | Description |
|---|---|---|---|
show_vertical_scan_lines |
bool |
true |
Enables/disables the vertical scan lines. |
Vertical scan lines amount
| Name | Type | Default | Description |
|---|---|---|---|
vertical_scan_lines_amount |
float |
320.0 |
Controls how many vertical scan lines appear. Range from 0.0 to 320.0 with 0.1 steps. |
Setting it to your project's windows/size/width should work fine, but you can play with it to get the results best fitted to your liking.
Having fewer scan lines will make them larger, which makes it harder for the moire effect to appear.
Vertical scan lines opacity
| Name | Type | Default | Description |
|---|---|---|---|
vertical_scan_lines_opacity |
float |
1.0 |
Controls the opacity of the vertical scan lines. 0.0 is complete opaque. Range from 0.0 to 1.0 with 0.01 steps. |
Boost
| Name | Type | Default | Description |
|---|---|---|---|
boost |
float |
1.2 |
Gives extra brightness to compensate the scanlines and the vignette. Range from 1.0 to 2.0 with 0.01 steps. |
Aberration amount
| Name | Type | Default | Description |
|---|---|---|---|
aberration_amount |
float |
0.0 |
Controls the amount of chromatic aberration. Range from 0.0 to 10.0 with 0.01 steps. |
Changelog
See CHANGELOG.
Authors
- Me 😛 hiulit.
Credits
Thanks to:
- knarkowicz - For the orginal shader code, taken from https://www.shadertoy.com/view/XtlSD7.
- CowThing - For helping a lot in bringing actual distortion and many other improvements to the shader with #1.
- uheartbeast - For the amazing chromatic aberration shader video tutorial.
- Miltage - For helping in fixing an issue with the scan lines opacity #5.
- Tom (Let's GameDev) - For the amazing CRT shader video tutorial, which I took the scan lines from.
License
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].