shader
https://i.ytimg.com/vi/_CNfrFk7r98/mqdefault.jpg
Creating a Stepped Gradient Shader in Unity
· ☕ 2 min read
Let’s build a stepped gradient in Unity! This a form of gradient with hard transitions between the different keyframes in the gradient which creates clear blocks of color like you might see on a flag or logo.

https://i.ytimg.com/vi/4xR46-YI828/mqdefault.jpg
A World Space Grid Snapped Shader
· ☕ 2 min read
Expanding upon our exploration of a shader that snaps vertices to a grid. This time we’re moving things into world space!

https://i.ytimg.com/vi/e8NItqF_9hQ/mqdefault.jpg
What Happens When You Snap Vertices To A Grid?
· ☕ 3 min read
In this video I get to play with madness. We’ll be exploring what happens if you try to “pixelate” a 3D mesh using a vertex shader.

https://i.ytimg.com/vi/moR3wly4S5Y/mqdefault.jpg
Exploring a Trochoidal Wave Shader
· ☕ 1 min read
Let’s try to craft some trochoidal waves - a type of fluid simulation that is both fairly simple and also looks pretty good for creating basic waves in an ocean or other fluid.

https://i.ytimg.com/vi/i100RhwZUnQ/mqdefault.jpg
Embedding Shadertoy in Hugo Websites - Custom Hugo Shortcodes
· ☕ 2 min read
Hugo Shortcodes are a way to use short snippets in your Hugo site that embed custom parameterized objects. Some built-in shortcodes can embed GitHub Gist code snippets, YouTube videos or Twitter posts.

https://i.ytimg.com/vi/bY7r6blL1K8/mqdefault.jpg
Writing a Snow Covered Shader
· ☕ 1 min read
Lets write a custom snow covered surface shader in Unity that can procedurally generate snow and place it on top of any object in our scene.

https://i.ytimg.com/vi/4XfXOEDzBx4/mqdefault.jpg
Writing Our Own Diffuse Lighting Shader
· ☕ 4 min read
Lets explore how to build diffuse lighting onto our meshes. This is intended as somewhat of an introduction to some of the magic behind shaders.

https://i.ytimg.com/vi/u5PGfxHjYo0/mqdefault.jpg
Turning Circular Pixels Into Diamond Pixels
· ☕ 2 min read
In previous videos we’ve built a pixel shader that renders circles instead of the traditional squares. You can rotate the pixels so that the circles can be oriented at any angle to one another.

https://i.ytimg.com/vi/RD9qvXO_Ha4/mqdefault.jpg
Making Our Pixels Round - Circle Pixel Shader - Part 3
· ☕ 1 min read
In the past two episodes we’ve created a pixelating shader that divides an image into a lower resolution grid of pixels and a second shader which renders a circle inside of a 1x1 area.

https://i.ytimg.com/vi/BVPfcI-O83s/mqdefault.jpg
Lets Draw A Circle - Circle Pixel Shader - Part 2
· ☕ 1 min read
Last time we built a grid of pixels for our circular pixel shader. In this video, part 2, we’re going to be figuring out how to draw a circle.

https://d33wubrfki0l68.cloudfront.net/158943e08389568b8172d1e2b2f32290d4719dd3/bed54/images/posts/shadertoy/infinite-grid.jpg
Shadertoy: Grid Shader
· ☕ 1 min read
A Shadertoy shader creating a grid. This makes it possible to create an infintely scalable grid pattern that is fairly light-weight.

https://i.ytimg.com/vi/FeL4uWGdtUY/mqdefault.jpg
Building a Custom Node in Unity's Shader Graph
· ☕ 2 min read
With the introduction of Shader Graph Unity also added support for Custom Nodes you can build yourself by creating custom CodeFunctionNode.

https://i.ytimg.com/vi/-vGNd8pnbYs/mqdefault.jpg
Learning How To Use Step and Smoothstep in Shaders
· ☕ 1 min read
A number of people have commented that we should be using step or smoothstep instead of some of the branching if/else blocks we’ve used in other videos (branches in shaders tend to perform worse than other functions).