Book Image

Become a Unity Shaders Guru

By : Mina Pêcheux
5 (1)
Book Image

Become a Unity Shaders Guru

5 (1)
By: Mina Pêcheux

Overview of this book

Do you really know all the ins-and-outs of Unity shaders? It’s time to step up your Unity game and dive into the new URP render pipeline, the Shader Graph tool, and advanced shading techniques to bring out the beauty of your 2D/3D game projects! Become a Unity Shaders Guru is here to help you transition from the built-in render pipeline to the SRP pipelines and learn the latest shading tools. With it, you’ll dive deeper into Unity shaders by understanding the essential concepts through practical examples. First, you’ll discover how to create a simple shading model in the Unity built-in render pipeline, and then in the Unity URP render pipeline and Shader Graph while learning about the practical applications of both. You’ll explore common game shader techniques, ranging from interior mapping to adding neon outlines on a sprite or simulating the wobble of a fish. You’ll also learn about alternative rendering techniques, like Ray Marching. By the end of this book, you’ll have learned to create a wide variety of 2D and 3D shaders with Unity’s URP pipeline (both in HLSL code and with the Shader Graph tool), and be well-versed with some optimization tricks to make your games friendly for low-tier devices as well.
Table of Contents (23 chapters)
Part 1: Creating Shaders in Unity
Part 2: Stepping Up to URP and the Shader Graph
Part 3: Advanced Game Shaders
Part 4: Optimizing Your Unity Shaders
Part 5: The Toolbox

Making a fullscreen box blur

Up until now, we’ve seen how to implement some screen effect shaders thanks to the URP Sample Buffer node, and we’ve played around with the original render image in various ways. In this last section, we’re going to discuss another method for creating fullscreen shaders with the Shader Graph tool and apply it to a box blur filter effect.

We will start by getting a quick reminder of how the box blur effect works; then, we’ll see how to implement it thanks to a Sub Graph asset; and finally, we’ll re-integrate this Sub Graph into a fullscreen URP shader to apply our box blur filter to the whole render.

What is a box blur?

The box blur is a very simple low-pass filter that lets us easily blur an image thanks to a few mathematical operations. It relies on a basic idea, which is to replace the initial value of each pixel in the image with the average of their neighbor pixel values.

This technique is far from perfect...