UI
Unity
Shaders

A short investigation on Animal Crossing: New Horizons UI

This is a small UI exploration of Animal Crossing: New Horizons, more specifically of this bubbly effect and stripe pattern:

I created the following two shaders.

First, the bubbly effect applied to a sprite, which I achieved by displacing the UVs by a modified sine function:

Second, I made the animated stripe effect applied to a circle, where both the stripes and the shape are procedural:

The circle shape is based on a distance function, but instead of using a floor function to pick the pixels to render, I divided each pixel by the partial derivative of itself. It sounds complex, but it's simply a method to make anti-aliased edges. The pattern is created with a modified and tinted sine wave, and it uses the anti-aliasing method of the circle.