Mesmerizing Rotating Things

Screenshot 2016-03-22 11.16.48

Here is another thing I made that is relaxing to watch with music… It involves rotating shapes.  The shapes are part of an artificial world whose components slowly fade into existence on the left, then move and fade out from existence on the right. In between, they “experience” what they can. A “camera” follows some of these shapes with an animated zoom perspective.

https://dnassler.github.io/p5/creative-coding/spinningLinkedCircles1/

Here is a reference to a capture of an earlier version of this that I made without the changing perspectives and put on youtube:

Mesmerizing Rotating Things

Creative Coding – Colourful Rotating Attractors And Paths

Here is something I felt inspired to do recently… Possibly the idea was seeded by the patterns within a photo I took a week ago of a city intersection from above:

Intersection From Above (with dotted lines and approaching cloud)

Here is the creative coding experiment:

https://dnassler.github.io/p5/creative-coding/exp_arcs1/index.html

It shows a constantly animated set of arcs that pop into and out of existence forever as various “particles” are attracted to them. The paths created are determined by properties including their speed and mass and distance from the currently active “attractor”. The particles spin and orbit and are sometimes quickly flung out if they get too close to the attractor’s centre. The history of the “attractors” is encoded in the paths as a kind of memory. However these memories eventually disappear soon after the particles they are created by fall off the visual space. The whole visual is transient and its beauty (or not) can only be grasped fleetingly. If you let yourself watch it without distraction and combine it with an ambient atmospheric soundtrack (maybe like “Space Finale 2.2” by BJ Nilsen & Stilluppsteypa https://itunes.apple.com/ca/album/space-finale-2.2/id388407355?i=388407435) it can be hypnotizing and can sometimes allow moments of interesting self-reflection.

I consider this work to be a kind-of metaphor for life. You can think of the particles as thoughts of a single person or as different individuals chasing after different goals or interests. The path could represent the unique perspective of a thought’s line of reasoning as it’s pulled to some idea or belief, or it could represent the unique story and context of an individual being pulled to some imagined goal or place. Sometimes the pull is mostly ignored, sometimes it has great influence and sometimes it completely changes the path’s history and time remaining.

AttractorAndPathsCanvas0001 (9)

AttractorAndPathsCanvas (93)

Creative Coding – Colourful Rotating Attractors And Paths

My Game – Lazor Reflektor

Screenshot 2014-12-07 10.00.48

Here is a link to play the game:

http://lazor-reflektor.herokuapp.com/

To play you just have to (carefully) fire a laser (by pushing the FIRE button in the screen or by pressing the SPACEBAR on a laptop/computer) to hit as many green dots or other coloured “prizes” and avoid getting killed by your own laser reflections. Watch out for the BLUE boxes as they reverse the laser direction back towards you.

http://lazorreflektor.wordpress.com/

It should work on any device, laptop or desktop browser but I prefer playing it on a large desktop screen with the volume turned up to better appreciate the 8-bit sounds coming from it.

Here is a screen capture of the game as it appears in-between games…

 

My Game – Lazor Reflektor

Stars Falling Through Space

Screenshot 2014-11-16 21.00.06

I like looking up at the night sky in contemplation. Back when I was six years old I remember going to Toronto’s planetarium for the first time and being amazed. I was so glad that I was just old enough to get in (the limit was 6 years of age). When I sat in the deeply reclined seats with face upwards looking at the slowly blackening dome and pin sized spots of bright white light from the strange projector structure in the center along with the transporting music I WAS IN AWE! Maybe that was inspiration for this creative coding exercise…

You can view the live running code here:

https://dnassler.github.io/p5/graphics-exp/exp15/index.html

Stars Falling Through Space

Creaky Doors Animation

Screenshot 2014-11-16 20.01.08

A few weeks ago I’d went around my house to record various door and drawer sounds then edited them with Audacity and applied a reverb effect realtime using javascript sound libraries. I searched for mathematical easing formulas that best matched the duration and character of each door/drawer type. Then I put together a choreography of simple shapes to bring them to life in interesting patterns. Each time this code is run there will be a different character to its viewing. The overall complete set of potential patterns will be revealed only to viewers with patience.

You can view the live running code here:

https://dnassler.github.io/creative-coding/squeakyDoors/

Here is a capture of an example run:

Creaky Doors Animation

Triangle Patterns in Grid Of Time-Delayed Frames

Screenshot 2014-11-16 17.32.47

I wanted to experiment with image buffers and repetition and movement with simple geometric shapes. So I built this javascript, p5js, HTML5 canvas thing.

You can view the live running code here:

https://dnassler.github.io/p5/graphics-exp/exp6/index.html

Here is a capture of a run:

Triangle Patterns in Grid Of Time-Delayed Frames

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:

https://dnassler.github.io/p5/graphics-exp/exp4/index.html

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:

https://dnassler.github.io/p5/graphics-exp/exp3b/index.html

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:

https://dnassler.github.io/p5/graphics-exp/expWave1/index.html

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:

https://dnassler.github.io/p5/graphics-exp/exp13b/index.html

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:

https://dnassler.github.io/p5/graphics-exp/exp13/

Overlapping Shifting Boxes With Shadows