DSDN 142 P3 - Interaction 2

When creating my first interaction i came across a cool technique which when the paricles are attracted to the mouse and follow it around they are inverted in a different way each time the user clicks. It is hard to show in the image above but for example the blue particles follow the mouse correctly verticallly but its left and right are inverted so the particles repel when the mouse is moving left or right.

DSDN 142 P3 - Interaction 1

This is my first attempt at creating my interaction. I started off by have particels come on the screen from the top left corner and exit the screen in the bottom right corner then repeat itself (as seen in top picture). I then added a mouse pressed function where each time the mouse is pressed the particles change colour and come in from a different corner exiting in its opposite corner (as seen in second picture).

DSDN 142 P3 - Storyboard

This storyboard illustrates my first idea for an interactive program. It begins with particles rushing through the screen beginning at the top left corner and gradually rotating around the entire stage. Once the mouse is pressed the particles begin rushing and sticking too the mouse all whilst still rotating around the stage, if at during this stage the mouse's position changes the partilces will tightly follow and continue to bunch up. If the mouse is pressed again the particels rapidly disperse away from the mouse.

DSDN 142 - Inspiration

Left click attracts, right click repels, space bar resets in different position and enter does something.

This is a perfect example of what i'm trying to accomplish it is completely unpredictable yet able to grasp almost instantly, keeps the user's interest for an impressive ammount of time. The main trait that this example has in common with my idea is that it uses particles, i will try to recreate some of the movements of these particles in my project.

DSDN 112 P2 - Flash Practice

 

I started playing around with flash and tried to get a grasp of how to create buttons, i succeded in making my first button worked but when i tried the same process on my second button it compromised the first and just kept looping i searched this problem on the internet but was unsuccessful in finding a solution. I may have to try a different approach in making buttons, instead of making them "movie clips" and applying code i'll try rendering them as "buttons"

DSDN 142 P3 - Precedents

I chose this precedent because it is the perfect example of interaction with a little bit of control, keeping the user interested for an extended period of time.

DSDN 112 P2 - Prototypes

DSDN 112 P2 - Wireframe