Playing around with some simple constraints on an array of moving circles. Click the canvas to start/stop the animation.
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
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
Repeating circles without clearing the canvas. It’s like fall colored soft-serve.
Click anywhere on the canvas to restart the drawing.
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: