Wispy UI Background

The other day I had a chance to look at the PS3’s UI, and I just couldn’t get over the slowly-moving, wavy shape in the background. So I figured I’d make it in XNA. I was pretty close on my guess about how it worked.

It just uses a constantly deforming plane and a pretty simple shader. The variation is just a lot of math modulated by position on the plane, time, and a random “seed” value. That way, while it has some coherency in its movements, it still has plenty of variation to make it interesting.

Try it out.

One Response to “Wispy UI Background”

  1. Wisp Source » Kyle Schouviller Says:

    [...] Kyle Schouviller « Wispy UI Background [...]

Leave a Reply