Archive for the tinkering Category

[tinkering] bouncing circles

Playing around with some simple constraints on an array of moving circles. Click the canvas to start/stop the animation.

Continue reading [tinkering] bouncing circles

[tinkering] swirls

Another iteration of the previous canvas circle demos. Felix recommended trying to fade out the progression of the drawing to make the new circles pop a bit more (btw, Felix has some rad OpenGL demos!). Finally, just added some really simple swirling to the circles.


There is probably a ‘better’ way to do fade out the drawing over time, but I stuck with the simple. I am just drawing a slightly opaque black box on to the canvas every tick.
Continue reading [tinkering] swirls

[tinkering] splotches

Here is another iteration of my first canvas circles post. This one is more like Fall colored acid rain :). This time, we lose the strokes, introduce a handy getRGBA function, and just let the drawing continue on indefinitely (toggleable of course).


Click the canvas to pause/resume the drawing.
Continue reading [tinkering] splotches

[tinkering] circles

Repeating circles without clearing the canvas. It’s like fall colored soft-serve.


Click anywhere on the canvas to restart the drawing.

Continue reading [tinkering] circles

[tinkering] is it Fall yet?

The calendar says no, but the temperature and my canvas tag say yes! Here is a toast to my favorite season of the year. Dark beer, hoodies, crisp air, and colorful trees!


mouse over to draw tree. mouse’s x controls angle, mouse’s y controls recursion

This is actually just a simple drawing exercise using fractals (simpler than you might think!). It’s a canvas tag, with a little bit of JS to handle the drawing.

Let’s take a look at the code:

Continue reading [tinkering] is it Fall yet?