Category: Demo

Wolves, Sheep, and Grass

This demo by Lutz Rosema is a fun cellular autonoma (Game of Life) style simulation featuring three different types of “cell”: wolves, sheep, and grass. The demo is based on an old BASIC program (which makes it that much cooler in my book). Try tweaking the variables to modify the probability of each event.

Drawing Crystals (or something?) in Canvas

This little canvas demo grew from a random thought: I wonder how simple it would be to draw a crystal lattice in canvas? The key is I’m too lazy to look up any sort of mathematical property/formulae/anything at all that might help me understand how this stuff works. Instead, I guessed and eyeballed it. This is the result.

Easy Infinite Canvas Snow

This is a little hypnotic: pristine white snowflakes drift across the screen, floating on invisible air currents. It’s easy to change the number of snowflakes, it doesn’t care about your screen size, and it runs smoothly at 60 frames per second.

Tis the Season for Canvas Snowflakes

If you live in the northern third or so of the world, you’re probably used to seeing snowflakes this time of year. These aren’t falling from the sky, but considering I’m not much of a cold weather person, I’m considering that a check mark in the “pro” column.

Cloning an Andriod-esque Live Wallpaper in Canvas

I saw this really cool animated wallpaper on an Android device a while back. I was a little envious, and it got me thinking: I wonder if I could build something like that in canvas? Turns out, it’s not too tough!

A Bloody Awesome Effect

Normally when someone builds something in canvas, they set the canvas to clear between each frame. But that isn’t required. In fact, the default of canvas is to not clear. That’s what’s going on here, and the effect is bloody and awesome.

Bouncing Balls in Sketch.js

Roughly 60 lines of JavasScript to create 200 beautiful particles. The result is something more than a little hypnotic. I love restarting it over and over again to see what different colors I end up with.