Early Development

http://www.openprocessing.org/visuals/?visualID=38679

This is my first experiment with making my application move, i havnt added any interaction yet as i want to make sure it looks right before i add sound. I think i would like to see more, or a wider variation in the stroke width so i will play with that from here on in and add sound to my application. Havnt played with colour yet but im sure i will.

Initial ideas

My 3 initial ideas are centered around the mouse click fucntion, however the interaction is through where the user clicks. The top idea id the idea of cracks using opacity to blank out parts of the screen. When the user clicks cracks will appear. The second idea is based on mouse dragged where the user drags a sqaure across the screen to make a musical tune or note. And the third idea is based on mouse click also but is like fireworks shooting across the screen, once it hits the right hand side the fireworks explode with the moise replicating that explosion.

Project 3 Precedents

My precedent images show the idea and direction that i want to head toward sfor my third project. I want to develope a unique aestyhetic which either follows the idea of cracks in the earth or dry ground, or fireworks. I am interested in creating an appealing aesthetic which has an element of truth and a natural look, whilst at the same time making an interactive composition which allows the user to play with the sounds also created by either the earth cracking, or explosions from the fireworks.

Artist Statement

For this Project I have made an interactive application which takes on a drawing approach. Instead of making and application which is like a game, I wanted to create a fun and interesting way of exploring the interaction between two objects using layering and opacity to build depth. In my application I have chosen to use geometric shapes to build this layered effect. The idea is that the user can create a delicate drawing, or a very layered up and intense composition, depending on how fast the mouse is clicked, however there is a set point where each circle starts from, automatically creating a focal point in the centre of the page and giving a 3 dimensional look to the composition. I chose to use circles as my shape because when they overlap on one another there is a unique shape that is made. The circles do not move as such, however they do gradually move across the screen which adds to the depth and gives an opaque quality to this as a composition.

Final Application

http://www.openprocessing.org/visuals/?visualID=36318

Further Development

Once i had decided what look i was going for in my application i played with colour and density. I thought perhaps colour took away the effectivness of the simple look that was made with the plain black. I like the movement of the circles across the screen however, the layering makes a nice effect and gives the work depth. Playing with opacity was an intersting one as it allowed the layers to build up quite a 3 dimentional quality and add visually to this design.

Development Sketches

 

These are sketches which show the general direction i am heading for, each is very similar but works in different ways. I am looking at playing with layering now and movement of each circle after the mouse has been clicked.

Early Experiments

Mouse Button

http://www.openprocessing.org/visuals/?visualID=36014

Mouse Moved

http://www.openprocessing.org/visuals/?visualID=36016

Mouse Pressed

http://www.openprocessing.org/visuals/?visualID=36017 

Initial ideas

These are my 3 initial ideas that i first thought of. Coming from my precedents and sites i researched i liked the idea of having a simple application where the user has the ability to create their own drawing in a way

Precedents

The images i have chosen to base my application on show a variety in densities, tone, opacity and colour. My initial thoughts have been driven by these particular images in wanting to make an interactive application which is fun, easy to use, and is appealing at the same time. I believe that in making something which uses a geometric shape such as a cirlce, the inner shapes which are created when over lapping occurs creates a interesting shape in itself. I will look in to density and opacity as my main focus and try to work towards making an application which will reveal the inner shapes of the overlapping circles.

Research

 This image shows the very basic and simplistic look i am hoping to achieve in my application. I think it is appealing and interesting without being over the top or complicating.

This is a photo i found which i thought showed my point from a more expressional point of view. I like this as it is clear that the shapes in this scene are geometric, but at the same time they are almost un organised and random, like noise.

These two examples are similar but are quite cluttered. I will have to make sure i watch out for this when i make my application as i think an important aspect to design is often the idea of "less is more".

 

Like the top image, i like this as it uses the space around it to show the simplicity yet fine details within. Not too sure about the colour.