DIG2500c_lecture10 - Fall 2009 Semester Dr. Rudy McDaniel...

Info iconThis preview shows pages 1–19. Sign up to view the full content.

View Full Document Right Arrow Icon
DIG2500c: Fundamentals of Interactive Design Fall 2009 Semester Dr. Rudy McDaniel Lecture 10: ActionScript Programming: The Basics, Part 3
Background image of page 1

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Reminder Remember that all code examples from lecture can be found online here: http://www.dm.ucf.edu/~rmcdaniel/courses/dig2500c/code/ Both SWF and FLA files are available for download Lab 4 (final project) is now posted. Weekly homework assignments will also be posted from this point on and will count
Background image of page 2
Review from Last Week Controlling the Timeline and Movie Clips Loading External Web Pages Conditional Logic Loops
Background image of page 3

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
This Week Building Minimal Activity Organizing the Timeline for Interactivity New Topics: Functions More Event Handling
Background image of page 4
Building Minimal Interactivity In general, this is the process you should follow when building complex interactive designs in Flash
Background image of page 5

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Let’s Create Minimal Interactivity Step 1: Create a movie clip symbo l for the object
Background image of page 6
Step 2: Add Instance Name Drag your symbol to the stage and provide an instanc e
Background image of page 7

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Step 3: Provide States for Object Inside our movie clip, we’ve added a tween and label to make the box move to the right.
Background image of page 8
Step 4: Stop Animation by Default We don’t want our clip to automatically start, so we add a stop(); command via ActionScript.
Background image of page 9

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Step 5: Add a Control Movie Clip Note that the movie clip is really acting like a button here.
Background image of page 10
Step 6: Add Instance Name Don’t forget to add an instance name for all movie clips so that you can reference your objects via ActionScript!
Background image of page 11

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Handy Tip: Use the Targeting Tool
Background image of page 12
Step 7: Write Event Handling Code
Background image of page 13

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Step 8: Test it Out [Live Demo: SimpleInteractiveButton.swf] Question: Can you explain how everything in this simple interactive scene is linked together?
Background image of page 14
Organizing the Timeline The more organized you are at the beginning of your project, the easier it will be to complete as it grows in complexity
Background image of page 15

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Organizing the Timeline In the previous example and in last week’s lecture, we talked about separating content using movie clips and labels. In general, this is a good practice for you to follow. It keeps your code modular and reusable.
Background image of page 16
Example: Eggo the Alien We’ll create a simple Alien graphic with a mouth that can be tweened upwards (to smile) or downward (to frown).
Background image of page 17

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Layer Organization Face: contains background content, text,
Background image of page 18
Image of page 19
This is the end of the preview. Sign up to access the rest of the document.

This note was uploaded on 11/21/2011 for the course DIG 2500 taught by Professor Mcdanial during the Fall '09 term at University of Central Florida.

Page1 / 56

DIG2500c_lecture10 - Fall 2009 Semester Dr. Rudy McDaniel...

This preview shows document pages 1 - 19. Sign up to view the full document.

View Full Document Right Arrow Icon
Ask a homework question - tutors are online