Blog

Unity UI Gradient Shader v2

Some time ago, I shared a Unity shader for coloring a Unity UI element with a 2D gradient. That post seems to get a lot of traffic, so I thought I should share my improved version as well.

The original shader uses the first UV channel to distribute the gradient color, which means it only works well with the Simple image type. The other Image types do funny things with that UV channel. To solve this, I created a special version of the Image component that also produces a second UV channel. The second channel is always evenly distributed over the entire image, regardless of the Image Type.

Get the new component and shader here on GitHib. My shader and modifications are free to use, but the Image source code is subject to the Unity Reference-Only License.

Future work could add support for the Tiled and Filled image types as well.

Infinite Sword and Blade Sprites

A few years ago, I made a web app that generated unlimited procedural potion icons. I've just expanded that with a new module that generates swords (well...bladed weapons, anyway). Generated icons are free for your use!

Unity UI Gradient Shader

EDIT: An updated version of this shader that supports Sliced images is available here.

I created a variant of Unity's default UI shader; instead of using a solid tint color across the entire element, it uses a four-color gradient. The source is MIT-licensed and available on GitHub.

Unfair (Board Game) Card Blanks

In a departure from my usual medium of digital games, I've created blank card templates for every type of card in the game Unfair. These are based on the print-and-play version of the game, so they have some compression artifacts and Print-And-Play watermarks, but they do nicely for personal use. They're in Photoshop PSD format. Click this image to download.

Procedural Potion Icon Generator

Randomly inspired by a coworker, I took a weekend afternoon and made a webpage that procedurally generates 32px potion icons.

Make potions here