# See Also - [[Godot - Shader Language]] - [[Shaders]] # By Type ## Basics ```cardlink url: https://youtu.be/N9ilhL8JFes title: "Common VFX Shader Techniques ft. Godot" description: "A couple of shaders that I use a lot when I make VFX :) A project containing all my samples is available over at my patreon for free :DPatreon:https://www.pa..." host: youtu.be favicon: https://www.youtube.com/s/desktop/2253fa3d/img/logos/favicon_32x32.png image: https://i.ytimg.com/vi/N9ilhL8JFes/maxresdefault.jpg ``` ## VFX ### VFX Projectiles #### Fireball General design: ```cardlink url: https://youtu.be/3QKK2o5rWSQ title: "So You Wanna Make Games?? | Episode 7: Game VFX" description: "Ensuring that a visual effect accurately communicates gameplay and is thematically cohesive and exciting for players is already a challenge. But their job ex..." host: youtu.be favicon: https://www.youtube.com/s/desktop/6d463d26/img/logos/favicon_32x32.png image: https://i.ytimg.com/vi/3QKK2o5rWSQ/maxresdefault.jpg ``` The exact fireball described in the above video as built in Godot: ```cardlink url: https://youtu.be/74XywaLGO5Q title: "[New] GODOT 4 - Projectiles VFX ( FIRE BALL )" description: "In this Godot 4 tutorial, we dive into the enchanting world of magic projectiles! Discover how to build mesmerizing fireball effects from scratch, including ..." host: youtu.be favicon: https://www.youtube.com/s/desktop/e1f1fadb/img/logos/favicon_32x32.png image: https://i.ytimg.com/vi/74XywaLGO5Q/maxresdefault.jpg ``` ```cardlink url: https://github.com/metanoia83/Godot-4.0-Motion-Trail title: "GitHub - metanoia83/Godot-4.0-Motion-Trail: A simple motion trail effect." description: "A simple motion trail effect. Contribute to metanoia83/Godot-4.0-Motion-Trail development by creating an account on GitHub." host: github.com favicon: https://github.githubassets.com/favicons/favicon.svg image: https://opengraph.githubassets.com/3470cf8f2a370bdbc8500db47b80d76e9574a78c55a70fcf8c17f066bb9b9fbb/metanoia83/Godot-4.0-Motion-Trail ``` #### Energy Beam Effect ```cardlink url: https://youtu.be/N8bRwCvhH6g title: "Godot 4 Game Beam Effect VFX" description: "This beginner friendly Godot tutorial will teach you more about the Particle System and the Visual Shader from scratch, while we create a cool magic beam eff..." host: youtu.be favicon: https://www.youtube.com/s/desktop/5e42dd8a/img/favicon_32x32.png image: https://i.ytimg.com/vi/N8bRwCvhH6g/maxresdefault.jpg ``` ### Smoke ```cardlink url: https://www.youtube.com/watch?v=e_6ZA-xa_DQ title: "GODOT 4 - Reallistic Smoke Effect" description: "🔥 Take your game visuals to the next level! Learn how to create jaw-dropping 3D smoke effects in Godot Engine with this step-by-step tutorial. Whether you'r..." host: www.youtube.com favicon: https://www.youtube.com/s/desktop/6d463d26/img/logos/favicon_32x32.png image: https://i.ytimg.com/vi/e_6ZA-xa_DQ/maxresdefault.jpg ``` ### Fire ```cardlink url: https://youtu.be/W2dmKcHymWk title: "GODOT VFX - Stylized Fire Effect Tutorial" description: "In this beginner-friendly tutorial, we’ll dive into the fascinating world of visual effects (VFX) in Godot. Join me as we explore the Particle System and Vis..." host: youtu.be favicon: https://www.youtube.com/s/desktop/5e42dd8a/img/favicon_32x32.png image: https://i.ytimg.com/vi/W2dmKcHymWk/maxresdefault.jpg ``` ### Frost / Snow ```cardlink url: https://godotshaders.com/shader/screen-space-frost-with-volumetric-snow/ title: "Screen Space Frost, with volumetric Snow - Godot Shaders" description: "Requires quad attached to camera, face z, faces flipped.Make sure..." host: godotshaders.com favicon: https://godotshaders.com/wp-content/uploads/2021/01/favicon-150x150.png image: http://godotshaders.com/wp-content/uploads/2021/01/Screenshot-2024-03-19-014726.jpg ``` ### Lightning ```cardlink url: https://youtu.be/C5g3Zdvitg4 title: "Godot VFX - Electric Lightning Tutorial" description: "In this video, I will show you how to create a stylized and dynamic lightening effect using visual shaders in Godot Engine. We first create the meshes, then ..." host: youtu.be favicon: https://www.youtube.com/s/desktop/5e42dd8a/img/favicon_32x32.png image: https://i.ytimg.com/vi/C5g3Zdvitg4/maxresdefault.jpg ``` ## Speed Lines ```cardlink url: https://godotshaders.com/shader/motion-lines/ title: "Motion Lines - Godot Shaders" description: "Simple Godot 3 motion lines. Put it on a ColorRect...." host: godotshaders.com favicon: https://godotshaders.com/wp-content/uploads/2021/01/favicon-150x150.png ``` ```cardlink url: https://godotshaders.com/shader/speed-lines-shader-for-godot-4/ title: "Speed Lines Shader for Godot 4 - Godot Shaders" description: "I made this following a unity tutorial." host: godotshaders.com favicon: https://godotshaders.com/wp-content/uploads/2021/01/favicon-150x150.png image: http://godotshaders.com/wp-content/uploads/2021/01/image-2.png ``` ## Noise ### Cellular Noise [[Cellular Noise]] ```cardlink url: https://godotshaders.com/snippet/voronoi/ title: "Voronoi and Worley (cellular) noise - Godot Shaders" description: "Worley noise/cellular noise Worley noise, or cellular noise, is a distance value pattern where every pixel gets a value based on the distance to the closest point from a defined set. This creates a pattern like the one above. vec2 random(vec2 uv) { return vec2(fract(sin(dot(uv.xy, vec2(12.9898,78.233))) * 43758.5453123)); } float worley(vec2 uv, float columns, float..." host: godotshaders.com favicon: https://godotshaders.com/wp-content/uploads/2021/01/favicon-150x150.png image: https://godotshaders.com/wp-content/uploads/2021/02/voronoi_top.png ``` ## Edge Detection ### Sobel Filter ```cardlink url: https://godotshaders.com/shader/edge-detection-sobel-filter-and-gaussian-blur/ title: "Edge Detection (Sobel Filter and Gaussian Blur) - Godot Shaders" description: "A shader that can be used for interesting post-processing effects..." host: godotshaders.com favicon: https://godotshaders.com/wp-content/uploads/2021/01/favicon-150x150.png image: http://godotshaders.com/wp-content/uploads/2021/01/Sobel-2.jpg ``` ## Scene ### Jungle Lighting (is this even a shader though??) ```cardlink url: https://youtu.be/i60bdY1Y90I title: "Jungle Demo V2 - Godot Engine 4" description: "Download from https://wrobot.itch.io/jungledemoGodot Engine Logo Copyright (c) 2017 Andrea CalabróThis work is licensed under a Creative Commons Attribution ..." host: youtu.be favicon: https://www.youtube.com/s/desktop/e1f1fadb/img/logos/favicon_32x32.png image: https://i.ytimg.com/vi/i60bdY1Y90I/maxresdefault.jpg ``` ```cardlink url: https://github.com/WrobotGames/Jungle-Demo-Setup title: "GitHub - WrobotGames/Jungle-Demo-Setup: The source code for my jungle demo scene with all copyrighted material removed." description: "The source code for my jungle demo scene with all copyrighted material removed. - GitHub - WrobotGames/Jungle-Demo-Setup: The source code for my jungle demo scene with all copyrighted material rem..." host: github.com favicon: https://github.githubassets.com/favicons/favicon.svg image: https://opengraph.githubassets.com/57898899298d6ae878fde8a012948dfad8d60ac6a1e473ede19e67480953aea1/WrobotGames/Jungle-Demo-Setup ``` ## Portals ```cardlink url: https://github.com/Donitzo/godot-simple-portal-system title: "GitHub - Donitzo/godot-simple-portal-system: A simple portal system for viewport-based portals in Godot 4." description: "A simple portal system for viewport-based portals in Godot 4. - Donitzo/godot-simple-portal-system" host: github.com favicon: https://github.githubassets.com/favicons/favicon.svg image: https://opengraph.githubassets.com/cdc9a94fc3aae2c19e3750cdc91a551d4a7e64f9ab06c25784afd3311c0b6c2d/Donitzo/godot-simple-portal-system ``` ## Surfaces ### Topographical Contour Lines ```cardlink url: https://godotshaders.com/shader/surface-contour-lines/ title: "Surface contour lines - Godot Shaders" description: "Shows lines similar to map elevation lines on any model..." host: godotshaders.com favicon: https://godotshaders.com/wp-content/uploads/2021/01/favicon-150x150.png ``` ### Texture Blending ```cardlink url: https://youtu.be/7Rq0LehSFiE?t=750 title: "How Good Can I Make Godot Look - Desert" description: "Join me on Patreon: patreon.com/arnklitJoin my discord: https://discord.gg/mjGvWwQwv2I hope this will be the first in a series of 3D test scenes to test mine..." host: youtu.be favicon: https://www.youtube.com/s/desktop/30100020/img/logos/favicon_32x32.png image: https://i.ytimg.com/vi/7Rq0LehSFiE/maxresdefault.jpg ``` - https://github.com/Arnklit/godot_desert/blob/main/assets/shaders/terrain_blend.shader ### World Normal Moss ```cardlink url: https://youtu.be/OvHNg4-Ueng title: "World Normal Mix Shader in Godot" description: "Project: https://github.com/Arnklit/TutorialResources/tree/main/world_normal_mix_shaderGodot 4 version of the shader: https://github.com/Arnklit/TutorialReso..." host: youtu.be favicon: https://www.youtube.com/s/desktop/30100020/img/logos/favicon_32x32.png image: https://i.ytimg.com/vi/OvHNg4-Ueng/maxresdefault.jpg ``` - https://github.com/Arnklit/TutorialResources/blob/main/world_normal_mix_shader_4/world_normal_mix_4.gdshader ## Volumetrics ```cardlink url: https://godotshaders.com/shader/distance-checker/ title: "Distance Checker - Godot Shaders" description: "A shader that checks the distance between a pixel and..." host: godotshaders.com favicon: https://godotshaders.com/wp-content/uploads/2021/01/favicon-150x150.png ``` ## Particles ### Dust Motes ```cardlink url: https://youtu.be/75M8bOnZNVU title: "How Good Can I Make Godot Look 2 - The Cellar" description: "Join me on Patreon: https://www.patreon.com/arnklitJoin my discord: https://discord.gg/mjGvWwQwv2https://github.com/Arnklit/godot_cellarhttps://github.com/Ar..." host: youtu.be favicon: https://www.youtube.com/s/desktop/30100020/img/logos/favicon_32x32.png image: https://i.ytimg.com/vi/75M8bOnZNVU/maxresdefault.jpg ``` - https://github.com/Arnklit/godot_cellar ## CRT Effect ```cardlink url: https://godotshaders.com/shader/vhs-and-crt-monitor-effect/ title: "VHS and CRT monitor effect - Godot Shaders" description: "An effect to simulate a CRT monitor or an old..." host: godotshaders.com favicon: https://godotshaders.com/wp-content/uploads/2021/01/favicon-150x150.png image: https://godotshaders.com/wp-content/uploads/2021/02/crt_top-cc1c56aa.jpg ``` ## Flow Maps ### Animated Clouds I don't think this looks great in the end, but maybe slowed down and layered with something else it could be something. ```cardlink url: https://youtu.be/DNbJX5T0eLk title: "Animated Clouds with Flow Maps in Godot" description: "Project: https://github.com/Arnklit/godot-flow-map-skyboxSoftware Used: Godot 3.4.3, Krita 5.0.2Consider joining my patreon: patreon.com/arnklitJoin my Disco..." host: youtu.be favicon: https://www.youtube.com/s/desktop/30100020/img/logos/favicon_32x32.png image: https://i.ytimg.com/vi/DNbJX5T0eLk/maxresdefault.jpg ``` - https://github.com/Arnklit/godot-flow-map-skybox # Collections ```cardlink url: https://godotshaders.com title: "Godot Shaders - Make your games beautiful!" description: "Godot Shaders is a community-driven shader library for the Godot game engine. Free shaders to use in any project – personal and commercial." host: godotshaders.com favicon: https://godotshaders.com/wp-content/uploads/2021/01/favicon-150x150.png image: https://godotshaders.com/wp-content/uploads/2021/01/conifer-179-1.png ``` ```cardlink url: https://github.com/gtibo/VFX-sketchbook-Godot-4.x title: "GitHub - gtibo/VFX-sketchbook-Godot-4.x: A collection of VFX created with Godot 4.x, exploring the software’s visual capabilities." description: "A collection of VFX created with Godot 4.x, exploring the software’s visual capabilities. - gtibo/VFX-sketchbook-Godot-4.x" host: github.com favicon: https://github.githubassets.com/favicons/favicon.svg image: https://opengraph.githubassets.com/1672143c91597a421e8ffabdc63845bda882cf36ceefa5a682f2184f21012c3e/gtibo/VFX-sketchbook-Godot-4.x ``` ```cardlink url: https://www.youtube.com/@KasperFrandsen/videos title: "Kasper Frandsen" description: "My channel is mostly used to post videos about game development in FOSS like Godot, Blender and Krita.If you want to support my work you can join me on Patreon. https://www.patreon.com/arnklit" host: www.youtube.com favicon: https://www.youtube.com/s/desktop/30100020/img/logos/favicon_32x32.png image: https://yt3.googleusercontent.com/ytc/AIdro_nAeejNWwVsU519kXctOMjNyVqhtP7xOdZGmYjgiWVTMjU=s900-c-k-c0x00ffffff-no-rj ``` # Tips ## Texture Blending - https://godotshaders.com/shader/double-texture-blend-2d/ - https://www.reddit.com/r/godot/comments/xypovl/blending_materials_via_textures/ - https://youtu.be/g87ov35zvjE (semi-related) ## Flow Maps This version is from Godot 3, but with the help of [[Godot - Shaders v3 to v4 Conversion]] it might be possible to resurrect it. - https://github.com/JaccomoLorenz/godot-flow-map-shader - Flow maps are used for water and smoke