Project Three: Interaction Vs Control

In todays tutorial we started looking at our new project and learning code to make a very basic animation. We looked at the difference between control and interaction. Below are some snap shots of the animations that we did together in class. I found these tutorials that we did together very helpful and also it was good to go over the basics of coding again to refresh the memory. 

Practice One: Animation:

This is an example of an animation. The code that we wrote allows the square to move across the screen in a horizontal line. However we have no control of this movement.

Practice Two: Control:

This here is an example of an animation using control and interaction. As you move your mouse across the screen forwards and backwards on a horizontal line the square will follow the mouse. This here is allowing the user to have some control of the movement while interacting with the animation on the screen.

Practice Three: Interaction With Control:

Above is an example of an animation using interaction with  control. Using the shapes a circle and a line, as you move your mouse around the screen in any direction and speed the two shapes will follow your movements you make with the mouse. When you watch it, it looks like the line is leading the circle abit like a dog on a leash. This animation allows the user to really interact and control the movements of the shapes. 

Practice Four: Interaction With  Control Two:

This here is another example similar to the one above except this time it uses two squares instead of a circle and a line. Also as you move the mouse one of the squares changes its shape. 

Overall after doing the practices I feel that I have a much better understanding of what the project means when it asks for us to create an animation that uses both interaction and control.