Archive for the javascript Category

[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?

SVG animation made (pretty) easy with Raphael

Making some circles move with Raphael.js – which generates SVG DOM elements:

(click the background to start/stop the animation)

Raphael is not new. It’s been around for a while, but I first started with it a few months back for some work stuff. I though I might share.

Continue reading SVG animation made (pretty) easy with Raphael

Processing.js – Processing to the Canvas

As I may have mentioned, I have been playing around with my Arduino microcontroller, these days, which has exposed me to this fun Java framework called Processing. It’s got a simple syntax that is great for teaching people the basics of programming, yet it’s powerful enough to build some really cool stuff.

Continue reading Processing.js – Processing to the Canvas