# See Also - [[Godot - Shader Language]] - [[Shaders]] - [[Godot Add-ons]] # 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 ``` ```cardlink url: https://youtu.be/pLyp9MR6FVM title: "MORE VFX Shader Techniques ft. Godot" description: "More shaders that I use (or want to use more) when I make VFX :) A project containing all my samples is available over at my patreon for free :DFirst Shader ..." host: youtu.be favicon: https://www.youtube.com/s/desktop/2253fa3d/img/logos/favicon_32x32.png image: https://i.ytimg.com/vi/pLyp9MR6FVM/maxresdefault.jpg ``` ```cardlink url: https://youtu.be/MkLRaIZauAA title: "Night Elf Scythe - VFX Breakdown ft. Godot" description: "A small gift to you for the holidays 🎄 I hope yall had a good one this year and that you have a better one next year! :)Patreon:https://www.patreon.com/onet..." host: youtu.be favicon: https://www.youtube.com/s/desktop/2253fa3d/img/logos/favicon_32x32.png image: https://i.ytimg.com/vi/MkLRaIZauAA/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 ``` #### Earth/Ice Spike Growth ```cardlink url: https://youtu.be/fe1bjORXeBg title: "Godot 3D VFX - Stunning Earth Effects Tutorial (Step by Step)" description: "Are you ready to level up your visual effects in Godot? In this tutorial, I’ll show you how to create breathtaking 3D Earth effects, perfect for cinematic sh..." host: youtu.be favicon: https://www.youtube.com/s/desktop/2253fa3d/img/logos/favicon_32x32.png image: https://i.ytimg.com/vi/fe1bjORXeBg/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 ``` ### Tornados ```cardlink url: https://youtu.be/thOuxupumtI title: "GODOT 3D VFX - Tornado Effect (Wind)" description: "\"Bring chaos to your game world with this step-by-step guide on creating a jaw-dropping 3D tornado effect in Godot! Whether you’re working on a stormy enviro..." host: youtu.be favicon: https://www.youtube.com/s/desktop/2253fa3d/img/logos/favicon_32x32.png image: https://i.ytimg.com/vi/thOuxupumtI/maxresdefault.jpg ``` ## Water - Realistic Water Shader - [Original](https://github.com/godot-extended-libraries/godot-realistic-water) (3.x only) - Robagar [fork](https://github.com/robagar/godot-realistic-water) (4.x support) - DecryptedChaos [fork](https://github.com/decryptedchaos/godot-realistic-water) (partial 4.x support) - OceanLift - Another water shader - Lots of great references - https://github.com/tessarakkt/godot4-oceanfft ### Cutouts This is a hack that grabs the screen texture before transparency is added to make water invisible in front of the texture. This is a workaround until Godot fully supports [[Godot - Stencil Buffer|stencil buffers]]. ```cardlink url: https://youtu.be/xif8S9LOxrE title: "Godot 4: Mesh Masks To See-through Other Objects" description: "Here's a quick one for an technique I figured out while working on a buoyancy tutorial. The effect seemed useful enough to warrant it's own short video!Hope ..." host: youtu.be favicon: https://www.youtube.com/s/desktop/1aed4864/img/logos/favicon_32x32.png image: https://i.ytimg.com/vi/xif8S9LOxrE/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 ``` ## Destruction ### Holes ```cardlink url: https://youtu.be/01GYTa38Kp0 title: "Shader Based Holes (Quick Tutorial in Godot 4)" description: "Discard based holes made in Godot, but it does not really matter which engine is used. Works pretty much in unity and all the other the same way.Maybe FAQ:Is..." host: youtu.be favicon: https://www.youtube.com/s/desktop/2253fa3d/img/logos/favicon_32x32.png image: https://i.ytimg.com/vi/01GYTa38Kp0/maxresdefault.jpg ``` ## 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 Flow maps are used for making water and smoke move without creating giant texture animations on disk by using displacement 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 ### 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. Also it is interesting because the flow map is hand painted in [[Krita]]. ```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 ## Volumetrics ### Volumetric Fog See also: - [[#Smoke]] - [[#Flow Maps]] - [[Godot Tutorials#Brigz Vs Game Dev]] - Using `FogVolume`s with shaders - Wildly simpler than most other options, unsure about performance but it is supposed to be good ## Post-Processing See also: [[Godot - Post-Processing Shaders]] ### Film Grain ```cardlink url: https://www.youtube.com/watch?v=x6dOxJa3zXY title: "Godot full screen shader tutorial" description: "An crash course on how to set up shaders that affect your entire screen, as well as creating a gray-scale effect, getting a hold of pre-made Godot shaders, i..." host: www.youtube.com favicon: https://www.youtube.com/s/desktop/1218a75e/img/logos/favicon_32x32.png image: https://i.ytimg.com/vi/x6dOxJa3zXY/maxresdefault.jpg ``` ```cardlink url: https://github.com/MrBrideau/Film-Grain-for-Godot-4.1 title: "GitHub - MrBrideau/Film-Grain-for-Godot-4.1: Simulate film grains" description: "Simulate film grains. Contribute to MrBrideau/Film-Grain-for-Godot-4.1 development by creating an account on GitHub." host: github.com favicon: https://github.githubassets.com/favicons/favicon.svg image: https://opengraph.githubassets.com/a7b1a0cc638968c703759808c992894fc96f5d8429b0facd51a2fcc79f27a405/MrBrideau/Film-Grain-for-Godot-4.1 ``` ```cardlink url: https://godotshaders.com/shader/film-grain-shader/ title: "Film Grain Shader - Godot Shaders" description: "Full code for the film grain shader tutorial that I..." host: godotshaders.com favicon: https://godotshaders.com/wp-content/uploads/2021/01/favicon-150x150.png ``` ### Depth Map Fog ```cardlink url: https://godotassetlibrary.com/asset/nbtLnE/depth-fog-screen-space-postfx title: "Depth Fog Screen Space PostFX | Godot Asset Library" description: "Godot 4 volumetric fog replaced Godot 3 depth fog.But depth fog feels more retro and is suitable for PSX / N64 style graphics.This impliments the camera setup required to create a Post Processing with depth-sampling fragment shader in Godot 4 ala this guide: https://docs.godotengine.org/en/4.0/tutorials/shaders/advanced_postprocessing.htmlIt contains a scene with a 3D Camera Setup for with a Quad mesh stretched in front and uses a fragment shader to create a Distance/Depth based fog effect. The Fog also has a 2 color noise effect. The shader has input paramters to set the distance, colors and timescale of the noise. The second effect is a 2D Canvas shader that fades in from black, controlled by a script tweeen." host: godotassetlibrary.com favicon: https://godotassetlibrary.com/favicon.ico image: https://img.godotassetlibrary.com/mJmYSk1RR0D5wv6BXiaZvNFOB-uX_BWKl_C15yPzxL8/rs:fit:640:360:0/g:no/aHR0cHM6Ly9yYXcuZ2l0aHVidXNlcmNvbnRlbnQuY29tL3p2b2RkL0dvZG90NC1TY3JlZW5TcGFjZVBvc3RGWC1EZXB0aEZvZy9tYWluL3NjcmVlbnNob3QuanBn.webp ``` - https://github.com/zvodd/Godot4-ScreenSpacePostFX-DepthFog ### Outlines ```cardlink url: https://youtu.be/DpuTtYK0m6A title: "Edge Outliner in Godot!" description: "I created a shader in Godot that draws outlines based on data collected in the viewport. It can determine edges based on the curvature of surfaces (ie, the ..." host: youtu.be favicon: https://www.youtube.com/s/desktop/fba944d3/img/logos/favicon_32x32.png image: https://i.ytimg.com/vi/DpuTtYK0m6A/maxresdefault.jpg ``` # 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)