shader
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).

https://i.ytimg.com/vi/R05OYXNDyas/mqdefault.jpg
A Circle Shader in Shader Graph - Ripple in Shader Graph - Part 1
· ☕ 2 min read
Lets learn Shader Graph by building our ripple shader entirely within Shader Graph. The goal of this series is to reproduce the ripple shader we’ve been working on and compare/contrast the process of building the same shader in both tools that Unity makes available to you.