Triangular Patterns With Animation

Screenshot 2016-03-09 16.23.29

http://dereknassler.com/creative-coding/triangles2/build/

This P5 sketch involves constantly shifting triangle patterns with an invisible grid of possible triangle positions where only a single triangle may occupy a particular grid location at a given moment.

Various attributes can be changed with the control panel on the right but the changes will not be applied until the user clicks on the ‘resetScene’ button in the same control panel. There are a few exceptions including: the scale of the scene can be modified in realtime and the sounds are controllable with immediate affect (i.e. try changing sounds by modifying the ‘useAlternateSounds’ control, by changing the volume or muting it entirely).

Decreasing the number of rows or columns will increase the size of the triangles. Increasing the number of rows/columns will decrease their size and will result in a more sparse layout of shapes unless the ‘numBlocksOnReset’ attribute is increased as well.

To get a feel for some of the possibilities, try clicking on the ‘randomConfiguration’ button.

Also try changing the colour mode before changing or resetting the configuration to see its effect.

 

Advertisements
Triangular Patterns With Animation

Another Abstract Animated 2D Sketch

Screenshot 2016-02-24 09.01.26

This is sketch shows an animated perspective panning and zooming in and out from a scene of frequently changing coloured squares. It works well when paired with droning abstract electronic style music such as this song (https://itun.es/ca/5Sz7P?i=703437800) by The Field called 20 Seconds of Affection from their album Cupid’s Head. Or maybe this song (https://itun.es/ca/5Sz7P?i=703437698): ¬†Black Sea, from the same album. And if those aren’t sufficiently interesting then try this song by Monolake (https://itun.es/ca/7Ln1q?i=282385327)¬†called Arte.

Click below to see the sketch live:

http://dereknassler.com/creative-coding/expSquares2/

And here are a few examples of the application running:

Another Abstract Animated 2D Sketch

3d Animated Blocks With “Intelligent” Movement

Screenshot 2015-12-20 17.38.07.png

This is another p5 experiment with floating objects that constantly reposition themselves atop different towers while avoiding conflicts with other moving objects that are attempting to land at the same spot. The colours and scene change periodically and there are subtle changes to how the floaters arrange themselves on the towers initially.

Some floaters come “from space” and some launch themselves back “into space”. Other floaters rotate and flip their way around the landscape’s “sky” to land on some other tower top that is available.

I find the animation interesting especially if you have patience watching.

http://dereknassler.com/p5/creative-coding/exp_5/index.html

Screenshot 2015-12-21 13.32.50.png

Here is a screen recording of an example 10minutes:

3d Animated Blocks With “Intelligent” Movement