Happy Accidents, Genuine Surprise!: Experiment Part 1

For this project, I will be using a various of application to produce a work which explores ways digital media can incorporate chance, generative and/or emergent behaviour to produce unpredictable results.

I will be experiencing the following applications as a starting point in order to understand the concept of generative art in terms of how to create an interactive art piece and using codes to generative art. The idea of this concept is in relation to create an artefact to produce unpredictable outcomes. After that, I will be using this concept to brainstorming and build the final project.

  • Silk
  • Bomomo
  • Paper.js
  • FORM+CODE

Silk is an interactive generative art which allows user to create something which is entirely random in terms of the movements of the ball is unpredictable even if the user is moving the cursor across the screen, the line is not straight because it moves up, down and curve. I am using this application to try develop something abstract and yet very colourful and attractive. (Figure 1, 2)

Bomomo is an  interactive generative art  which is similar to Silk as it allows user to create something which is entirely random in terms of the movements of the ball is unpredictable even if the user is moving the cursor across the screen, the line is not straight because it moves up, down and curve. However, for this application it has more options to chose from such as different lines, bubbles and shapes. I am using this application to try develop something abstract and yet very colourful and attractive. (Figure 3, 4)

Paper.js is an open source vector graphics scripting application which allows user to write java script code in order to work with vector graphics and bezier curves. However, I will be using some of the examples provided by Paper.js and alter some variables to see what changes has been make to the programme when run the code. In this case, I am using bouncing balls as an example to experiencing what does it do. So when the user click anywhere on the screen it will automatically add one ball to the screen also at the same time the rest of the balls are react to the mouse click which makes them all bouncing around up and down the screen. (Figure 5)

So in bouncing balls source code I have decided to increase the gravity from 3 to 10, decrease the bounce from -0.6 to -0.3 and changed the gradient from black to blue. After those changed have been made and recompile the source code. The outcome is noticeable when clicking on the mouse the ball does not bounce anymore as if those balls are dragged by gravity as well as less bounce. Also the outline of the ball is changed and displaying more blue colour compared with the rest of the coloured balls. (Figure 6)

This is the rounded rectangles example, when the cursor is moving around on the screen it follows the cursor’s position also even if the mouse is not moving around the rounded rectangles itself is still self spin ti left and right. (Figure 7)

So I decided to change some of the variables to see what happen when compile the code. The colour was changed from red, white, blue and white to blue, orange, white and red. The fill colour was increased from 4 to 5 and the scale has been increased from 20 to 30. Next, recompile code and see what happen and compared with before alter. (Figure 8)

FORM+CODE allows user to explore an in-depth look at the use of software in a wide range of creative disciplines. This websites contains examples of code ad how it was writing in such a way  that enable the programme to start create an generative art based on the code expression. (Figure 9)

Decided to look into a particular example called “Repeat: Embedded Iteration” and trying to understand how it create the same shape over and over again by using if statements to explore many kinds of patterns. (Figure 10)

All in all, had a lot of fun in experiencing those applications and start to understand what it mean by interactive generative art. I will continue to explore and experiencing other interactive applications in Experiment Part 2.

interactive-art
Silk (Figure 1)
Silk_2.JPG
Silk (Figure 2)
bomomo
Bomomo (Figure 3)
bomomo_2
Bomomo (Figure 4)
paperjs
Bouncing Balls (Figure 5)
paperjs_2
Bouncing Balls (Figure 6)
Rounded Rectangles.JPG
Rounded Rectangles (Figure 7)
rounded-rectangles_2
Rounded Rectangles (Figure 8)
formcode
FORM+CODE (Figure 9)
formcode-code
FORM+CODE (Figure 10)

Reference:

Silk – Interactive Generative Art. [ONLINE] Available at: http://weavesilk.com/. [Accessed: 11 November 2016].

Bomomo [ONLINE] Available at: http://bomomo.com/. [Accessed: 11 November 2016].

Paper.js — Bouncing Balls [ONLINE] Available at: http://paperjs.org/examples/bouncing-balls/. [Accessed: 11 November 2016].

FORM+CODE in design, art, and architecture by Casey Reas, Chandler McWilliams, and LUST(2010) [ONLINE] Available at: http://formandcode.com/code-examples/repeat-embedded. [Accessed: 11 November 2016].

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s