Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/etopuz/shadernotes

Shaders created in unity for learning and experimenting purposes
https://github.com/etopuz/shadernotes

cg shader shader-development shader-programming shaderlab shaders unity unity-3d unity-shader unity-shaders unity-tutorial unity2d unity3d unity3d-script unityshader

Last synced: about 14 hours ago
JSON representation

Shaders created in unity for learning and experimenting purposes

Host: GitHub
URL: https://github.com/etopuz/shadernotes
Owner: etopuz
Created: 2024-06-21T12:20:03.000Z (3 months ago)
Default Branch: main
Last Pushed: 2024-09-25T17:29:40.000Z (2 days ago)
Last Synced: 2024-09-26T23:23:47.618Z (about 14 hours ago)
Topics: cg, shader, shader-development, shader-programming, shaderlab, shaders, unity, unity-3d, unity-shader, unity-shaders, unity-tutorial, unity2d, unity3d, unity3d-script, unityshader
Language: C#
Homepage:
Size: 34.6 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        ## Shaders And CG Notes On Unity

Experiments and notes based on different sources. This page shows the effects and key points of shaders created. Also for each experiment, there is a link to see full codes. Shaders are created in [cg](https://developer.download.nvidia.com/cg/Cg_language.html) for now.

## Sources

- [The Unity Shaders Bible](https://www.jettelly.com/store/books/the-unity-shaders-bible/)

- [Freya Holmér's Shader Video Series](https://www.youtube.com/watch?v=kfM-yu0iQBk&list=PLImQaTpSAdsCnJon-Eir92SZMl7tPBS4Z)

- [Minions Art's Shader Tutorials](https://www.patreon.com/minionsart)

## Assets

- [FREE Animated Isometric Prototyping Hero by Engvee](https://engvee.itch.io/animated-isometric-prototyping-hero)

- [Kenney's Prototype Textures](https://www.kenney.nl/assets/prototype-textures)

Many thanks to the creators of these valuable sources.

## Experiments

### Experiment_002 Stencil Shader

![Hole Mechanic From Donut County](media/exp002_stencil/stencil_hole_donut_county.gif)

![StencilMask Shader](media/exp002_stencil/StencilMask.png)

![StencilBlocked Shader](media/exp002_stencil/StencilBlocked.png)

[See Full Stencil Shader Codes](Assets/Experiments/Experiment2_Stencil/Code/Shaders)

### Experiment_003 Kaleidoscope Effect

![Kaleidoscope Effect](media/exp003_kaleidoscope/kaleidoscope.gif)

![Kaleidoscope Shader](media/exp003_kaleidoscope/kaleidoscope_shader.png)

[See Full Kaleidoscope Effect Shader Codes](Assets/Experiments/Experiment3_Kaleidoscope/Code/Shaders/Kaleidoscope.shader)

**Note**: Unity_Rotate_Degrees_float is a function written by Unity included in Shader Graph. The function rotates the value of input UV around a reference point defined by the input Center by the amount of input rotation. [See in Shader Graph Manual](https://docs.unity3d.com/Packages/[email protected]/manual/Rotate-Node.html)

### Experiment_004 Zoom Effect

![Zoom Effect](media/exp004_zoom/ZoomEffect.gif)

![Kaleidoscope Shader](media/exp004_zoom/ZoomEffectShader.png)

\

[See Full Zoom Effect Shader Codes](Assets/Experiments/Experiment4_Zoom/Code/Shaders/ZoomShader.shader)

### Experiment_005 Health Bar

#### Experiment_005.1 Simple Health Bar

![Simple Health Bar](media/exp005_healthbar/SimpleHealthBar.gif)

![Simple Health Bar Shader](media/exp005_healthbar/SimpleHealthBarCode.png)

#### Experiment_005.2 Fancy Health Bar

![Fancy Health Bar](media/exp005_healthbar/FancyHealthBar_.gif)

![Fancy Health Bar Shader](media/exp005_healthbar/FancyHealthBarCode.png)

[See Full Healthbar Shader Codes](Assets/Experiments/Experiment5_HealthBar/Code/Shaders)

\

\

**Note**: My implementation for roundness and border is overcomplex. It can be easily made with SDF. Please watch [this part from Freya Holmér's Shader Video](https://youtu.be/mL8U8tIiRRg?t=4737) if you'd like to see a clean implementation.

### Experiment_006 Sprite Outline Effect

![Sprite Outline](media/exp006_sprite_outline/SpriteOutline.gif)

![Sprite Outline Shader](media/exp006_sprite_outline/spriteOutlineShader.png)

\

[See Full Sprite Outline Shader Codes](Assets/Experiments/Experiment6_SpriteOutline/Code/Shaders/SpriteOutlineShader.shader)

### Experiment_007 Lighting 

![Lambertian Phong](media/exp007_lighting/lambertianPhongAll.gif)

![Lambertian Phong Shader](media/exp007_lighting/lambertianPhongShader.png)

\

[See Full Lighting codes](Assets/Experiments/Experiment7_Lighting/Code/Shaders)

\

\

**Note 1**: _LightColor0, _WorldSpaceLightPos0 and _WorldSpaceCameraPos are built-in shader variables in Unity. See document [here](https://docs.unity3d.com/Manual/SL-UnityShaderVariables.html).

\

**Note 2**: reflect is a cg function that returns the reflection vector given an incidence vector i and a normal vector n. See document [here](https://developer.download.nvidia.com/cg/reflect.html).

\

**Note 3**: We used Tags{"LightMode" = "ForwardBase"} in code because we want to use Forward rendering. This rendering target is the default in Unity. See document [here](https://docs.unity3d.com/560/Documentation/Manual/SL-PassTags.html).

### Experiment_008 Fresnel Effect

![Fresnel Effect](media/exp008_fresnel/fresnel.gif)

![Fresnel Shader](media/exp008_fresnel/fresnelCode.png)

[See Full Fresnel Effect Shader Codes](Assets/Experiments/Experiment8_Fresnel/Code/Shaders/Fresnel.shader)

\

**Note**: This effect only works properly on rounded objects due to its nature. It is a popular technique used in many games.

### Experiment_009 Gradient Effect

![Gradient Effect](https://github.com/etopuz/ShaderNotes/blob/main/media/exp009_gradient_vertex/gradientVertex.gif)

![Gradient Shader](https://github.com/etopuz/ShaderNotes/blob/main/media/exp009_gradient_vertex/vertexGradientCode.png)

[See Full Gradient Effect Shader Codes](https://github.com/etopuz/ShaderNotes/blob/main/Assets/Experiments/Experiment9_Gradient/Code/Shaders/VertexGradient.shader)