Programatic Animation

Size: px

Start display at page:

Download "Programatic Animation"

Caroline West
8 years ago
Views:

1 Programatic Animation Intermediate ActionScript 3.0

2 Programatic Animation What is Animation? What is Programatic Animation? Interactive Animation Enterframe vs Timer /// make this still Conclusions

3 What is Animation?

4 an i mate - 1. To give spirit and support to 2. To give live to. 3. To move to action source:

5 What is Programatic Animation?

6 Change Properties over time Programatic Animation-

7 Programatic Animation mc.x = 10 mc.x = 20 mc.x = 30 mc.x = 40 mc.x = 50 Frame 1 Frame 2 Frame 3 Frame 4 Frame 5 moves on the x

8 Programatic Animation Example import fl.transitions.tween; import fl.transitions.easing.*; var mytween:tween; mytween = new Tween(mc, "x",bounce.easeout, 0, 300, 3, true);

9 Programatic Animation Example import fl.transitions.tween; import fl.transitions.easing.*; var mytween:tween; mytween = new Tween(mc, "x",bounce.easeout, 0, 300, 3, true); Importing Tween Class

10 Programatic Animation Example import fl.transitions.tween; import fl.transitions.easing.*; var mytween:tween; mytween = new Tween(mc, "x",bounce.easeout, 0, 300, 3, true); Creating a Tween Object

11 Programatic Animation Example import fl.transitions.tween; import fl.transitions.easing.*; var mytween:tween; mytween = new Tween(mc, "x",bounce.easeout, 0, 300, 3, true); name of the MovieClip Object

12 Programatic Animation Example import fl.transitions.tween; import fl.transitions.easing.*; var mytween:tween; mytween = new Tween(mc, "x",bounce.easeout, 0, 300, 3, true); property

13 Programatic Animation Example import fl.transitions.tween; import fl.transitions.easing.*; var mytween:tween; mytween = new Tween(mc, "x",bounce.easeout, 0, 300, 3, true); Type of easing

14 Programatic Animation Example import fl.transitions.tween; import fl.transitions.easing.*; var mytween:tween; mytween = new Tween(mc, "x",bounce.easeout, 0, 300, 3, true); start and stop values

15 Programatic Animation Example import fl.transitions.tween; import fl.transitions.easing.*; var mytween:tween; mytween = new Tween(mc, "x",bounce.easeout, 0, 300, 3, true); number of seconds

16 Programatic Animation Example import fl.transitions.tween; import fl.transitions.easing.*; var mytween:tween; mytween = new Tween(mc, "x",bounce.easeout, 0, 300, 3, true); actual seconds or milliseconds

17 Interactive Animation

18 mc.addeventlistener(mouseevent.click, onclick); Interactive Animation function onclick(e:mouseevent){ mc.x+=20

19 mc.addeventlistener(mouseevent.click, onclick); Interactive Animation registering a click function onclick(e:mouseevent){ mc.x+=20; event on the MovieClip Object

20 mc.addeventlistener(mouseevent.click, onclick); Interactive Animation function onclick(e:mouseevent){ mc.x+=20 function to handle the click event

21 mc.addeventlistener(mouseevent.click, onclick); Interactive Animation function onclick(e:mouseevent){ mc.x+=20 The MovieClip object will move across the screen 10 pixels for every mouse click

22 Conclusions

23 Any property that can change is animate-able Conclusions Programatic Animation is the changing of properties over time Animation can be Event driven i.e. Mouse Click

24 Programatic Animation: Summary What is Animation? What is Programatic Animation Interactive Animation Conclusions

Sizmek Formats. Collage. Build Guide

Sizmek Formats. Collage. Build Guide Formats Collage Build Guide Table Of Contents Overview... 3 Supported Platforms... 3 Specifications... 3 Known Issues... 3 Ad Behavior Screenshots... 4 Template Included Files... 8 Setting up in Workshop...