metal playground

I made Metal Playground because tweaking shader parameters meant editing code and recompiling every time. I built it for myself, then put it on TestFlight for others to play with.

Live preview, sliders for every parameter. This made me iterate and fine-tune my shaders faster without touching the code.

A pixelation effect that washes over the image like a wave. The edge is slightly uneven, with a glow that lingers as the image transforms. It would look really cool as a reveal shader.

The sliders let you play with the size of the pixels, how fast the wave moves, and how much glow trails behind it.

As you scroll, images dissolve into particles that drift downward and fade away. It feels like the content is gently breaking apart and floating off the screen.

The sliders control how tall the dissolve zone is where the magic happens and how fine or chunky the particles are as they break apart.

When you tap the button, a ripple spreads outward like dropping a pebble in water. The whole screen warps gently around it. It really feels like an elastic button.

The sliders control how strong the ripple is, how tight the waves are, and how fast they travel outward from your tap.

The UI looks like it's submerged underwater. Gentle waves ripple across the surface, bending the light with soft caustics dancing over everything.

The sliders control how fast the water moves, how wide the ripples are, and how much the image bends and warps beneath the surface.

seeing how parameters affect shader helps you fine-tune the interaction to perfection. and also teaches you how different values interact with each other

i'll be adding more shaders for sure, for now you can try it out on test flight.