{"id":21314644,"url":"https://github.com/josephy5/stylizedgradient-fog-unityurp","last_synced_at":"2025-03-15T21:22:46.722Z","repository":{"id":263511370,"uuid":"890622550","full_name":"Josephy5/StylizedGradient-Fog-UnityURP","owner":"Josephy5","description":"A multicolor/gradient based fog effect created for Serious Point Games","archived":false,"fork":false,"pushed_at":"2024-11-18T23:25:02.000Z","size":1446,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-22T10:23:07.734Z","etag":null,"topics":["effects","image-effect","image-effects","postprocessing","shadergraph","shaders","unity","unity-3d","unity-shader","unity-shader-graph","unity-shaders","unity-urp","unity3d","urp","vfx"],"latest_commit_sha":null,"homepage":"","language":"C#","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Josephy5.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-11-18T22:26:38.000Z","updated_at":"2024-11-18T23:25:06.000Z","dependencies_parsed_at":"2024-11-19T00:27:56.607Z","dependency_job_id":"91e2872e-4bbc-468a-a89e-27b7deb108d8","html_url":"https://github.com/Josephy5/StylizedGradient-Fog-UnityURP","commit_stats":null,"previous_names":["josephy5/stylizedgradient-fog-unityurp"],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Josephy5%2FStylizedGradient-Fog-UnityURP","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Josephy5%2FStylizedGradient-Fog-UnityURP/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Josephy5%2FStylizedGradient-Fog-UnityURP/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Josephy5%2FStylizedGradient-Fog-UnityURP/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Josephy5","download_url":"https://codeload.github.com/Josephy5/StylizedGradient-Fog-UnityURP/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243791136,"owners_count":20348423,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["effects","image-effect","image-effects","postprocessing","shadergraph","shaders","unity","unity-3d","unity-shader","unity-shader-graph","unity-shaders","unity-urp","unity3d","urp","vfx"],"created_at":"2024-11-21T18:14:28.866Z","updated_at":"2025-03-15T21:22:46.702Z","avatar_url":"https://github.com/Josephy5.png","language":"C#","funding_links":[],"categories":[],"sub_categories":[],"readme":"![Fog](https://github.com/user-attachments/assets/47c901e4-3478-4e8d-96be-228a8f614934)\n\n# Gradient-Based Stylized Fog Effect Post Processing\n![Unity Version](https://img.shields.io/badge/Unity-6000.0.27%27LTS%2B-blueviolet?logo=unity)\n![Unity Pipeline Support (Built-In)](https://img.shields.io/badge/BiRP_❌-darkgreen?logo=unity)\n![Unity Pipeline Support (URP)](https://img.shields.io/badge/URP_✔️-blue?logo=unity)\n![Unity Pipeline Support (HDRP)](https://img.shields.io/badge/HDRP_❌-darkred?logo=unity)\n \nA simple gradient based/multicolor fog effect, inspired by Firewatch's gradient based fog effect. It was created for Unity URP (6000.0.27f1) and for Serious Point Games as part of my studies in shader development.\nIt could theoretically run on Unity 2022 since its using the same code I used for the effects's render feature and pass within Unity 2022, but it is untested.\n\nYou can refer to the effect's documentation for more info (should be in the repo and its release as a PDF file).\n\n## Features\n- Can use 5 seperate color inputs or a gradient texture for the fog colors\n- Can adjust overall fog intensity and additional fog intensity for different distance related parts of the fog\n- Support for Unity 6\n- Inlcudes a gradient texture as a demostration example\n\nTo create gradient textures, you can refer to LKHGames's Unity shader graph exposed gradient | Gradient texture generator Youtube Video [YouTube Video Link](https://www.youtube.com/watch?v=YDT9s3nNVj0).\nYou can download his scripts and use it to generate a gradient texture for you to use in the effect.\n\n## Example[s]\n![Fog](https://github.com/user-attachments/assets/48e341d1-7dde-493d-87c2-0081d917a79a)\nThe Fog Effect (using 5 Seperate Color Inputs)\n\u003cbr\u003e\n\u003cbr\u003e\n![image](https://github.com/user-attachments/assets/c0ad7aac-7531-4571-aa63-e40ef5504900)\n\u003cbr\u003e\nThe Fog Effect (using a gradient texture)\n\n## Installation\n1. Clone repo or download the folder and load it into an unity project.\n2. Create a material with the effect's shader graph, or use the provided one.\n3. Ensure that under the project settings \u003e graphics \u003e Render Graph, you enable Compatibility Mode on (meaning you have Render Graph Disabled).\n4. Add the render feature of the multicolor fog effect to the Universal Renderer Data you are using.\n5. Input the effect material (from 2.) into the material field in the effect's renderer feature.\n6. If needed, you can change the effect's render pass event in its render feature under settings.\n7. Adjust the fog's parameter within the material itself or use the volume component of the Multicolor Fog Effect in your volume profile to adjust the parameters.\n\n## Known Issue\nTo enhance immersion, our fog effect can blend with background objects, particularly those that are farther away. However, because the skybox is considered extremely distant\ndue to camera depth, the fog can sometimes overpower it, causing the skybox's color to shift to match that of the fog. To mitigate this effect, the alpha value of the far \nfog color is set to 0 by default.\n\nUsers have the option to adjust the alpha value of the far fog color to a setting greater than 0 to reintroduce the far fog feature. Fine-tuning the fog parameters to make \nthe fog less apparent can help avoid these issues. Additionally, the fog can interfere with certain effects, such as fake volumetric spotlights. However, as mentioned, users \ncan minimize these conflicts by fine-tuning the fog settings.\n\n## Credits/Assets used\nSome of the shadergraph code is based from Paulo Vilela’s take on stylized multi-coloured fog in ShaderGraph Youtube Video [YouTube Video Link](https://www.youtube.com/watch?v=YDT9s3nNVj0).\n\u003cbr\u003e\n\u003cbr\u003e\n\"Mossy/Grassy Landscape\" (https://skfb.ly/6RYvL) by Šimon Ustal is licensed under Creative\nCommons Attribution (http://creativecommons.org/licenses/by/4.0/). No changes made.\n(The mountain landscape that you see in the screenshots for demonstration/screenshot purposes only, not included in the repo files)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjosephy5%2Fstylizedgradient-fog-unityurp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjosephy5%2Fstylizedgradient-fog-unityurp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjosephy5%2Fstylizedgradient-fog-unityurp/lists"}