Project 2-Making The Code

I have started writing my code and it is going ok.
Once i started the code i decided to change the colours of my cirlces, instead of using red, blue and yellow(RBY) like painting colours it was recommended that i use red, green and blue (RGB) as these are the computer colours. When they mix they still form new colours but slightly different from the RBY thought what was better was that when all three coloyur mix the turn white.

I have needed to make a lot of varialbles (int) for each circles center points on the X and Y axis. I can use them to tell the computer when a circle is touching another. Once i have made these i created the circles which turned out perfect the first try. From here i then started to code the MousePress which was to make them interactive. I created a code which said; when the mouse is click over the diameter of a circle you can drag it. During this i came across a few problems. These are the problems and thier solutions:

1. The circles moved directly to the point the mouse was. This was because i told the circles X and Y points (centre) to move to the X and Y point of the mouse. I changed the code by saying when you click the area of the circle it moves to the mouse - the area in the diameter the mouse is

2. The circles pushed each other away once they touched. This wasn't really a problem once i fixed the code above.

3. When the circles got to close they sucked each other in and one disapeared and you could not retrieve it again. I fixed this by saying if the circles centre points get to a certain point near another they stop.

4. The circles disapeared when they went of the edge of the screen. I didnt find a soloution for this but am thinking of adding a reset button to fix this.

Project 2-Final Idea

I have made a new story board with a different idea:

The idea consists of a set of circles. Yellow Red and Blue like primary colours that you paint with. You will be able to click the circles and drag them so that they touch each other and overlap. Once they are touching They change colour like primary colours would when they are mixed. You will be able to produce the following colours when the circles mix:
Red + Red = Red
Red + Yellow = Orange
Red + Blue = Purple
Yellow + Yellow = Yellow
Yellow + Blue = Green
Blue + Blue = Blue


The sound part of this idea also happens when the circles touch. Each colour made will play i deffrent piano note. Starting from red the note will go higher up the scale. The sound will only play when they touch and one you pull them away the note stops. You can put many circles together so that many notes will play at the same time making the sound louder. There are a huge amount of variations you can make.

Project 2 - Brainstorming ideas

I have though of a first idea for my transformation using a story board to show the visual aspects of it. Here is my first sketched concept:

The idea was to form a basic music making interaction. I made a square shape in the middle which was the 'sound box' this is where the sounds play when the various squares are placed inside. I chose to use different instruments for each square so that they form a song when put together. I made the co-ordinates of where the squares are place change the tempo of the sounds e.g. nearer the edge is slower and closer to the centre is faster. I did this because it lets the user make the sounds their own.

This idea was not practical for this task as i found it was not very original and was to much of an 'example' of interaction more than a design. I need to create something that the user can play with, where they can change and form many different ways for sound to play.

Project 2 - Transformation

We have started our second project and its a step up from the last one! Were now using sound with coding. We are require to: Explore the topic transformation. Your ingredients are sound, visuals and interation. Develop a logical concept on how those ingredients can relate to each other. Design an interactive application that reacts to your mouse movement in processing, size 500x500 pixel.

I searched the definition on google and this is what came up:

n.

1. a. The act or an instance of transforming.
b. The state of being transformed.

2. A marked change, as in appearance or character, usually for the better.