Twirling, rotating, Shifting Structures

Screenshot 2014-11-16 17.22.04

An experiment involving a never ending constantly changing scene of twirling, swaying, shifting and moving structures. This is interesting to watch with music.

You can view the live running sketch from here:

Here is a screen capture of an example 10+ minute run with default speed:

Twirling, rotating, Shifting Structures

Kalimba Bubbles and “Molecules”

Screenshot 2014-10-12 12.21.31

Here is an experiment involving colorful bubbles that expand, pop and join with others before hitting the screen sides to produce a kalimba sound recorded from my real-life kalimba.

You can view the live animation here:

Here is an example run:

Kalimba Bubbles and “Molecules”

Simple Soothing Waves Using Perlin Noise

Screenshot 2014-11-16 13.08.25

I find that watching waves is relaxing at the beach but since a beach is not always accessible I thought I’d try to create that aspect of one programmatically :)

You can control the speed of the waves by clicking anywhere in the waves. If you do you should see a slider control in the upper left part of the screen. Sliding all the way to the left will stop the waves and sliding to the right will speed them up. Clicking again in the waves will hide the slider control.

You can view it here:

And here is a recording of it in action:

Simple Soothing Waves Using Perlin Noise

Overlapping Shifting Boxes With Shadows

Screenshot 2014-10-24 19.32.46

I was experimenting with abstract art and vector maths to simulate shadows from an artificial light source. In this experiment the source of light is controlled by the horizontal position of the mouse cursor. It was inspired by a CD cover I saw somewhere. Here is a sample screen capture:

You can see a unique sequence of the live running code here:

Also here is a black and white variation on the above that has no shadows but is still interesting on its own.

exp13blackandwhiteshapes (4)

Screenshot 2016-03-05 19.59.11

Screenshot 2016-03-05 19.43.22

Screenshot 2016-03-05 19.43.45

Here is the running code for it:

Overlapping Shifting Boxes With Shadows

Artificial Cityscape At Night

Here is a programming sketch done in javascript that invokes a cityscape at night. The scenes are constantly changing and always are unique. It was created in response to a painting I saw somewhere on the internet that has a very different look but has elements I abstracted from to create this.

You can view the live running code here:


Creative Coding Animation Screen Capture

Here is something I worked on last week. It is an animation created with javascript in HTML5 canvas using the p5js library. It involves 2 sets of dancing paths. The programming involves many tweened parameters as well as the use of the Promise programming construct to coordinate some of their behaviours. There is the individual path movement, there is the individual shape movement and there is the sometimes coordinated synchrony of shape movement together.

You can view the live running code here: