Project Three - Development

After many hours at trying to put my object into the code which I had succeeded at making the boxes float around the screen with the user able to move each box around the screen, I finally succeeded with a bit of help. My application now has some interaction, and the object that I wanted it to be. All I need to do now is add some sound to the actions of the objects hitting the sides and eachother and some more interaction.

Project Three - Development

I am moving forward with my project step by step. I have been experimenting with the floating option for project three. I have got singular rectangles floating around the screen and the user is able to click on them and move them around the screen. I am yet to figure out how to make the rectangles into my final object that I want to use for this project.

Project Three - Development

I had been playing around long enough with my design to try and make it move etc and wasn't getting anywhere with that so decided to go back to one of my ideas from Project Two.

 I then decided that I didn't want to use a star again for this project so minipulated the image a few times and came out with the following outcomes. The final image is the one that I am hoping to be successful for this project.

Project Research - Arrays

I have been researching Arrays so that I can apply them to Project Three. I came across this array in the Processing Reference Page which I hope will help me with this new Project. 
In this application there are simple balls that when you click they drop form the position of the mouse to the bottom of the screen. When they hit the bottom, they bounce and as they bounce more, their opacity continues to change until they disappear.

Concept Development

After talking to Ben about my design, he suggested that I move away from the circle idea of my concept because when you look at the circle, you know all its properties and know what it looks like and is not entirely interesting to look at. I took this into consideration and have decided to make a different looking image that has moved completely away from the circle idea. I intend to keep the rest of my concept the same with the image floating around, changing colour, producing sounds and the ability to control it with the mouse.

Initial Concept

For Project Three my initial concept was to create an interactive sound application that would contain a few circles that would float freely around the screen. When the circles hit the walls of the application, the inside of the circle would fill up with a bright colour and produce a sound. When the circles collided with each other they would alos create sound but this would be different to when they collide with the walls. The interactive side of the application would be the ability to click and 'chuck' the balls around the screen to create the sounds more frequently.

Precedent Application For Project 3

I have discovered this application through facebook and am going to use it for my precedent for project three.
In this application there are dark grey squares in the form of a grid. You click each square, it lights up white and plays a tune to the squares that have been clicked.

3x Concept Storyboard Proiect Three

Project Three - Research

http://www.youtube.com/watch?v=gvvTTDiHfiU

This is the game that was shown in the first lecture for project three. I found this video quite inspriring and interesting. I didn't manage to get any ideas from this video but thought that it was a good video to use for my research.

 


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

This application is a sound application that is more of a visualizer than an interactive soound application. I didn't find this example very helpful towards my own project as it resembles a visualizer.

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

I found this application particularly helpful in the fact that it was everything that was stated in the lecture, an application that has both sound and visuals. The visual properties also affected the expect sound response.

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

I also found this application helpful because it kept me engaged in the application and it also met the requirements of this project.

 PROJECT THREE - SOUND SHAPE

Project Two Final Artist Explanation & Images

For this project, I have made an interactive application that uses the ‘mousePressed’,  ‘mouseX’, ‘mouseY’, and ‘mouseButton’ functions to create an interesting and engaging experience. I have created a pink star like image that rotates at a speed of 0.25 with a blue background. When the mouse is being moved around the screen, the centre point of the star follows the mouse around the screen while the arms of the star leave a print in their path and as they get older they begin to fade away but not completely. The ‘mousePressed’ function is a left click that make the application restart so that the user can restart the application. The screen goes black and the cycle repeats for the user to start again. The ‘mouseButton’ function is used with the right click and drag to change the colour of the star to yellow. When the right click is dropped, the star returns back to pink. The user is encouraged to use my application as a form of drawing programme that is different and eye-catching. The user is also encouraged to explore the different interactive functions to adjust the colour and restart the application. 
http://openprocessing.org/visuals/?visualID=36371

Application running, but the mouse not moving

Application running, with the mouse moving around the screen

Application when the mousePressed function is used to restart the application

Same as above but a later shot

Application running while the mouseButton function is being used by the right click being held down and the mouse not moving

Application using the mouseButton function and the mouse moving around the screen

Project Two - Development

I have decided to develop my application so that I have another mouse function that with be using the right click and drag that will change the colour of the star and when dragged the star does the same as the beginning but is in yellow instead of pink.