I have to admit, I have this thing about bezier curves. They're real cool, but a pain to work with.

I have all these fun ideas that use curvy flowing lines to give an organic feel to the otherwise rigid rectangular user interfaces. The first step was to create a 'string' class that could be treated like a line, but animated and manipulated like a loose string while keeping a flowing shape.

Yesterday I threw together an implementation of this, it's a bit of fun to watch. The code has quite a few uses, this first project is merely the first implementation. I'm hoping to get some curly line samples together soon too, but they should be simple.



What you see here are just 25 random points with a white fill. The fun part is that the entire thing is animated, using a new Jitter animation I implemented (derives from DoubleAnimationBase). The jitter animates between random values at a constant rate, a useful little tool. The screenshot above does no justice to the animated version.

If you run the app, the points on the shape are not moving- if you can find them and mouse over them (look for the hand cursor), they can be dragged around.

If Avalon had blend modes, this would be downright psychedelic.

Enjoy.

Source