Project Two - Development

I have managed to successfully add a mouse click button into my application that restarts the whole process again. Unfortunately the pause between stopping and restarting the application is faster than I would like so am now going to attempt to figure out if there is a possible way to change the length of time where the application stops and starts from the mouse click.
This is a screen shot of the application when the mouse is being moved. In this screen shot, you can see 3 points at which the center of the star is located and are also able to see the change in opacity where the arms of the star have been.

Project Two - Development

I have successfully managed to add another colour into my application which has alos helped me decide on the spin speed of the star. I have chosen the spin speed to be 0.25 because it allows the blue to come through the cracks of the pink and also makes a pretty pattern when the star is left to spin on its own when the user is not moving the mouse. From here, I now need to attempt to figure out how to put a mouse click into my application to restart the application.
 Spin Speed 0.1











Spin Speed 0.25 (Chosen Speed)

Project Two - Development

I have now developed my application so that it now rotates, follows the mouse and leaves a trail where the mouse is moved. When the mouse is not moving the star continues to spin and makes a spinning wheel image. I have also changed the background to white. The trail that is left behind slowly decreases in opacity over time. I now want to try and add some more colours and add a click button to restart the application. A down side to the developments that I have done, is that I can't decide how fast I want the star to spin.
0.25 Spin Speed

0.1 Spin Speed

Project Two - Development

After playing around with my last idea of having a smaller star instead of having one that covers the whole screen, I change my mind back to my first experimentation with rotation and translation. I have adjusted the amount of arms on the star and also the colour. The rotation is still staying at 0.1 and the center of the star still follows where the mouse is dragged. From now I want to try and add a path left behind the star as the user moves the mouse around. I also want to try and add more colours and have a mouse click function where the application can be restarted.

Project Two - Rotation and Translation Experimentation

I have been doing some further experimentation with my intial experimentation with rotation and translation by changing the code to move more towards my concept. I have changed the length of each arm from the centre point and how fast the star spins, the colour and the gap between each arm.

 

Project Two - Rotation and Translation Experimentation

From my initial experimentation, I have started to minipulate the code so that the programme is starting to move more towards my concept. I have minipulated the code so that there are not so many arms coming off the centre point and at this point, it is not spinning as I am trying to decide how many arms I want to come off the centre point and trying to see by my eye if they are evenly spaced.

Project Two - Rotation and Translation Experimentation

To move forward in Project Two with my chosen concept, I have experimented and been taught how to use rotation and translation in processing to help me achieve my concept.

In this application, there is a new line generated every 2 degrees from the centre point. When the mouse is moved onto the screen, the centre point follows the mouse. The whole application is spinning at a speed of 0.1 as well.

Project Two - Concept Sketches

 

These are my three concept sketches for Project Two - Interactive Mouse Toy. I personally like the second sketch and that one was also the one that got the most feedback from presentation and helpful advice about where to move from here.

Concept One: 

For my first concept, I got my idea from a Mac screensaver. As you move your mouse over the circles they enlarge and possibly even appear from the darker background and change opacity.

  

Concept Two:

For my second concept, I also got my idea from a different Mac screen saver. In this one you click to make a centre point and drag + rotate to create your own design and interesting image.

Project Two - Experimenting

Experiment One:

In this experiment, you start off with plain black squares and as you click and move the mouse the opacity of the squares changes quite fast moving into a white and then restarting.

http://openprocessing.org/visuals/?visualID=33564

Experiment Two:

In this experiment, you begin with a plain black canvas and as you move the mouse around the screen the circle appears from the black becoming white and then going back to black.

http://openprocessing.org/visuals/?visualID=33570  

 

 Experiment Three:

In this experiment there is a small black line that follows the movement of the mouse up and down the page but doesn't move across.

http://openprocessing.org/visuals/?visualID=35662

Interactive Images From Open Processing

Falling Sand:
In this application, you can make obstacles for the sand that is falling through the egg timer. You can also stop the sand going through the tube.

http://openprocessing.org/visuals/?visualID=30775

In this application you can clickand drag the image all over the screen which makes different shapes. You can also adjust the properties of the image.

http://openprocessing.org/visuals/?visualID=30805

In this application you can cliuck and drag the image and rotate it making it look 3D

http://openprocessing.org/visuals/?visualID=30793

Rubic's Snake:
3D rubics snake is an application where you can minipulate the object using the aarow keys and space bar to change the shape of the original straight rectangle.


http://openprocessing.org/visuals/?visualID=5669 

Rotate:
In this application, using your mous and can click and drag or hold down the click to move the stars and change the pattern that stands at the begginning.

http://openprocessing.org/visuals/?visualID=5654

Final Images - Project One

http://openprocessing.org/visuals/?visualID=32497

 http://openprocessing.org/visuals/?visualID=32501










http://openprocessing.org/visuals/?visualID=32503

http://openprocessing.org/visuals/?visualID=32504

http://openprocessing.org/visuals/?visualID=32505

http://openprocessing.org/visuals/?visualID=32507

 http://openprocessing.org/visuals/?visualID=32507

http://openprocessing.org/visuals/?visualID=32509

Precedent Image + Explanation

For project one, I decided to explore the structure of straight lines. I decided to begin my series unlike most people with a built up image and progessivly decreased the busyness of each next image. I got my inspiration from the image below as I wanted to experiment with the way that straight lines could be minipulated. I also used this image from a point at which these image tend to have a centre point where as my images do not have one particular centre point, I did this because I didn't feel that every design needs a centre point.