Tuesday, 6 September 2011

Development

1.
I tried changing the shape from circles to use squares to see whether other shapes would make a better effect and found this also made a different, interesting effect although I think it still needs more to it.
http://www.openprocessing.org/visuals/?visualID=35816


2.
To make my application more interesting I looked at another precedent, a chess board.  I liked how it uses two completely opposite, simple colours, black and white, how when starting the spawns are opposite.  The spawns even have circle base which kind of relate to the circles on my app.  I used this idea of opposites and split the screen into quarters, having a different shape in each quarter.  But I think the circles are the most interesting shape to interact with.  Having all quarters do the same thing isn't exciting enough to make people want to interact with it for more than a few seconds so I think I need to add something different.
http://www.openprocessing.org/visuals/?visualID=35817


3.
I thought about adding something completely different and splitting the screen in two, having the increasing circles on one side and lines that follow the mouse and change colour on the other.  I found this was the most interesting application so far and held the users interest for the longest but I'm still not quite satisfied with it.  The two parts are too different and don't relate to each other at all.
http://www.openprocessing.org/visuals/?visualID=35822

4.
Here I tried to make it so not only the circle that the mouse was on grew, but the surrounding circles also did.  I really like the effect this makes.
http://www.openprocessing.org/visuals/?visualID=36202

5.
In this application I did a similar thing to development 4, and made the surrounding circles affected by the position of the mouse too.  But I made the amount of circles affected more and reversed it so that the further the circles are away from the mouse the bigger they grow.  This can create some interesting patterns as the circles decrease really slowly and won't grow again until they reach the origional size.
http://www.openprocessing.org/visuals/?visualID=36203

6.
This application is very similar to the previous one.  The difference is that I didn't reverse it.  I think the last one was a lot more interesting as its not what you expect.
http://www.openprocessing.org/visuals/?visualID=36205

7.
Here I decided to go back to using the idea opposites with the chess board and the four squares.  I expanded on the idea of opposites though.  When you move the mouse in the black, it makes the opposite circles grow.  Whereas when you click the mouse on the white square it makes the circles in the opposite grow.  I really like this as it kind of plays with your mind a little bit.
In this application I also tried out colour but I think for my final interaction I will go back to using black and white as this fits with the idea of opposites better and relates to the chess board.
http://www.openprocessing.org/visuals/?visualID=36028

No comments:

Post a Comment