Water ripple development

Close to final design. Need to work out how to make the sound work with the interaction better.

Project 3 - Research

Another cool rippling affect. Better use of colours.

Project 3 - Research

This looks really cool. The simple colours work really well. The movement in this is so well done and life like. Something im wanting to replicate in my project.

Artist Statement

The idea of this interactive application is to give the user the idea of some control as to where the particles go but never have full control. The particles in a way have a mind of there own. They follow the mouse but not enough to give the user full control. This then gives the user either a sense of beauty or a sense of frustration. Some users would use this application to create beauty with the way the particles over lap each other and move while other users would find it frustrating because they can't control the particles the way they would want to. Either way this interactive application is able to grab the users attention by its immediate beauty and then keep them interested by the way the particles move like they are alive.
Reference: http://processing.org/learning/pvector/

Project 2 Final

This is my final design. I kept my idea of using particles in my design but to make the project more interactive, i changed the way of getting the particles. I chose to use red and black as the colours for the particles because the way this design reacts, reminds me of a virus that grows and moves.

Exp6

I really liked the idea of doing my design using particles. I went through many tutorials on particles and managed to come up with this. I really liked the appeal of this but i couldn't work out how to make it more interactive with less control.

Exp5

Experimenting with random tool. Didn't really like it that much so i didn't bother to pursue with colours or anything.

Exp4

i found what i made here pretty cool. By using the mouseDragged function and holding the mouse down and dragging over the ellipse, it does a flashing like function, which is very lurring.

Exp3

Release the mouse click to change the colour.
Used mouseX, mouseY and mouseReleased.

Storyboard

Basic storyboard on my thinking process at the time.

Exp 2

Click mouse to get squares.
Press any button on the keyboard to change the background.
Used mouseX, mouseY, keyPressed and mousePressed to create this.

Project 2: Research

I quite like this one. I like how it is in 3d space. The changing colour of each ball as you go over with the mouse is very useful when using this interaction. Because of the fact that this is in some 3d space, you can get some really cool responses from the computer. What would make this better is being able to use all 360 degrees of the 3d space to come up with some real unique responses.

Project 2: Research

A cool response to the clicks. It makes me determined to click untill i fill the screen with snakes. Colours are not very appealing. Overall visual appeal is only okay.

Project 2: Research

A good easy way to interact (mouse click and hold) but lacks visual beauty. No different to blowing into a pile of sand.

Project 2: Exp1

First experiment into interactive project. This is pretty much all control. And looks alittle messy.

Project One B - Eighth Iteration

Project One B - Seventh Iteration

Project One B - Sixth Iteration

Project One B - Fifth Iteration

Project One B - Fourth Iteration

Project One B - Third Iteration

Project One B - Second Iteration

Project One B - First Iteration

Experimentation

Experimentation

Experimentation

Experimentation

Just some playing around.

Todays tutorial techniques learnt.

Project 1 Final

Project 1 Instructions

Project 1 Instructions

Utensils:

·         Isometric 35 degree 16’ French curve

·         Super fine black ink pen

·         A sheet of paper

·         Protractor

Step 1: Divide your sheet of paper into as many 120 x 120mm squares as you can.

Step 2: Mark the centre point of each of the squares.

Step 3: Grab your French curve and place it on the paper so that the open side of the French curve is facing your right.

Step 3; On your French curve, it should have a marker indicating the centre of the French curve. Place the centre of the French curve on the centre of one of your 120 x 120mm squares.

Step 4: Trace around your entire French curve but only to the edge of your 120 x 120mm square.

Step 5: Then rotate your French curve 21.17 degrees.

Step 6: Repeat this 17 times and you should fill your 120 x 120mm square with a unique design.

Step 7: Now repeat this on your remaining 120 x 120mm squares within your page and then you’re done.

More Development

Development