Copyright © 2003 Pearson Education, Inc. Chapter 4 – Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.

Slides:



Advertisements
Similar presentations
1What is the Stage. 2How do you open a panel in Flash
Advertisements

Copyright © 2003 Pearson Education, Inc. Chapter 1, Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.
CIS 205—Web Design & Development Flash Chapter 3 Appendix B on Creating Animations.
Copyright © 2003 Pearson Education, Inc. Chapter 7 – Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.
 2004 Prentice Hall, Inc. All rights reserved. Chapter 18 – Macromedia Flash MX 2004: Building an Interactive Game Outline 18.1 Introduction 18.2 Object-Oriented.
Adding Interactivity to Flash Movies Using Buttons and ActionScript SPACE Lab
Macromedia Flash MX 2004 – Design Professional and Interactivity WORKING WITH SYMBOLS.
1 Flash Actionscript Event Handling. 2 Event Handling Right now we know all about variables lets go back to our text input/output example: Suppose we.
Flash Workshop Flash Workshop :: Agenda  Introductions  Look at a few Flash Examples  Flash Web Sites  Flash Web Applications  Flash Games.
Work with symbols and instances Work with Libraries Create buttons Assign actions to buttons Unit Lessons.
Macromedia Flash 5 Advanced Level Course. Using Actions Toolbox ListActions List Parameters area Add/Delete a StatementMove Action Up/Down Expand/Collapse.
1 Flash Actionscript Adding Interactive Actions. 2 ActionScript 3.0 ActionScript is the language you use to add interactivity to Flash applications, whether.
1 Flash Programming Introduction Script Assist. 2 Course Description This course concentrates on the teaching of Actionscript, the programming language.
Chapter 17 Putting It All Together. Viewing the Preloader To view the preloader, 1.CTRL-Enter to test the movie. 2.View > Simulate Download.
Chapter 3 Working with Symbols and Interactivity.
Chapter 15 Video. Importing Video Into Flash Once you import video into Flash MX 2004, you can control it using behaviors and very basic ActionScript,
XP Tutorial 5 Buttons, Behaviors, and Sounds. XP New Perspectives on Macromedia Flash MX Buttons Interactive means that the user has some level.
1 Flash Basics by Dr SC Li. 2 File Types  In general, Flash 5.0 generates 3 types of files:  ???.fla  Flash ’ s working file  ???.swf  Flash movie.
Flash MX II. Flash MX – Tweened Animation There are two methods for creating an animation sequence in Flash –Frame-by-frame animation –Tweened animation.
Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Button library Create a button Learn.
Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Buttons library Edit a button instance.
Chapter 11 Adding Sound and Video. Chapter 11 Lessons 1.Work with sound 2.Specify synchronization options 3.Modify sounds 4.Use ActionScript with sound.
Adding User Interactivity – Lesson 51 Adding User Interactivity Lesson 5.
Chapter 2 Adding Animation to a Presentation. Applying Animation Animation is a great way to add life to InDesign documents by making objects: – move.
© 2011 Delmar, Cengage Learning Chapter 3 Working with Symbols and Interactivity.
Copyright © 2003 Pearson Education, Inc. Chapter 3, Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.
Creating a Logo – Lesson 3 1 Creating a Logo Lesson 3.
Copyright © 2003 Pearson Education, Inc. Chapter 5 – Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.
© 2010 Delmar, Cengage Learning Chapter 3: Working with Symbols and Interactivity.
Our Examples Video Capture Working With Interactive Video Objects Buttons symbols – are areas on the monitor that a sensitive to user actions such.
Copyright © 2003 Pearson Education, Inc. Chapter 2, Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.
7-1 OBJ Copyright 2003, Paradigm Publishing Inc. Using ActionScript and Creating Templates Macromedia Flash Design & Application.
Tutorial 7 Planning and Creating a Flash Web Site.
Creating Buttons – Lesson 71 Creating Buttons Lesson 7.
Adobe Flash CS3 Revealed Chapter 3 - WORKING WITH SYMBOLS AND INTERACTIVITY.
Introduction to Flash MX 2004: Action Scripting Lloyd Rieber.
CSC 361/661 Digital Media Spring 2010 Professor Burg.
Chapter 16 Video. Importing Video Into Flash  Once you import video into Flash, you can control it using behaviors and very basic ActionScript, target.
Motion Tweening – Lesson 81 Motion Tweening Lesson 8.
5-1 OBJ Copyright 2003, Paradigm Publishing Inc. Adding Sound, Video, and Basic Interactivity with Buttons Macromedia Flash Design & Application.
UNIT-V MULTIMEDIA APPLICATIONS Learning objectives To learn about symbols and instancesTo learn about symbols and instances To learn how to use Flash Action.
Copyright © 2003 Pearson Education, Inc. Chapter 6 – Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.
Building the Events Components– Lesson 111 Building the Events Components Lesson 11.
1 Flash Basics Exercise Guide Making Animated Text  1.1 Open Flash 5.0 working environment frame 1  1.2 Highlight frame 1 of the first layer Insert.
Macromedia Flash 8 Revealed WORKING WITH SYMBOLS AND INTERACTIVITY.
Macromedia Flash Design Professional And Interactivity WORKING WITH SYMBOLS.
© 2011 Delmar, Cengage Learning Chapter 10 Using ActionScript to Enhance User Experience.
1 Actionscript for Flash by Dr SC Li. 2 Understanding more about instances Symbolsgraphics buttons Movie clips Instances (without names) No interaction.
XP Tutorial 7 Creating a Flash Web Site. XP New Perspectives on Macromedia Flash 82 Objectives Plan and create a Flash Web site Create a Flash template.
SCRIPT PROGRAMMING WITH FLASH Introductory Level 1.
Video in Macromedia Flash (Optional) – Lesson 121 Video in Macromedia Flash (Optional) Lesson 12.
FLASH!!!!!!!!!!!!!!!!!!!!!!!!! A TUTORIAL BY BRITTANY HESS AND MARGARET DENTON.
CIS 205—Web Design & Development Flash Chapter 3 Appendix on Using Buttons.
Open a new Flash File Action Script 2.0. Create a button like you did last lesson and name it Click to Play.
© 2011 Delmar, Cengage Learning Chapter 11 Adding Sound and Video.
Basic ActionScript and PHP Cis 126. Getting Started set up a basic folder structure so we can keep our files organized. Mirror this structure on your.
Debugging tools in Flash CIS 126. Debugging Flash provides several tools for testing ActionScript in your SWF files. –The Debugger, lets you find errors.
XP Tutorial 3 Creating Animations. XP New Perspectives on Macromedia Flash MX Elements of Animation Layers are used to organize the content of.
Copyright © 2003 Pearson Education, Inc. Slide 8-1 Created by Jim Lengel, College of Communication, Boston University Web Wizard’s Guide to Shockwave.
Creating buttons Mak Mang Tao. What is a button? It is an object to make interactive effect through the pointer of the mouse movement It is a four-frame.
DM 11- Flash –Unit C and Interactivity WORKING WITH SYMBOLS.
CIS 205—Web Design & Development Flash Chapter 3 Working with Symbols and Interactivity.
Macromedia Flash MX Design Professional And Interactivity WORKING WITH SYMBOLS.
CDM105 Session 12 Macromedia FLASH MX 2004 Part 5 : Sounds, publishing your movies, and the ‘Get URL’ action.
Creating a Flash Web Site
ActionScript Basics 2016 (2.0 – 3.0)
Adding Buttons, Actions, and Sounds
CT1514 Flash-2.
Working with Symbols and Interactivity
Flash Concepts and Demos - Overview
Presentation transcript:

Copyright © 2003 Pearson Education, Inc. Chapter 4 – Slide 1 by Michael Kay The Web Wizard’s Guide to Flash

Copyright © 2003 Pearson Education, Inc. Chapter 4 – Slide 2 CHAPTER 4 Basic Actions

Copyright © 2003 Pearson Education, Inc. Chapter 4 – Slide 3 Chapter Objectives Introduce interactivity Add and test a simple frame action Create a button symbol and apply a play action Use other essential actions Learn to apply the Tell Target action to control movie clips Build a pull-down menu

Copyright © 2003 Pearson Education, Inc. Chapter 4 – Slide 4 The Role of Actions in Flash Allows non-linear play of Flash movies Gives audience some control over how the movie plays All actions are a form of ActionScript but these are easier to apply A user event is dependent on the interaction of a user (such as clicking a button). Movie events are triggered by the play of the movie (such as reaching a specific keyframe).

Copyright © 2003 Pearson Education, Inc. Chapter 4 – Slide 5 Frame Actions A frame action is a type of movie event. Select a keyframe and use the Actions panel to assign a frame action. Assign a Stop action to a specific keyframe and the movie will invariably stop there. Choose the Control > Test Movie command to check your actions.

Copyright © 2003 Pearson Education, Inc. Chapter 4 – Slide 6 Button Actions A button action allows you to assign a user event. Create a button symbol which invites the user to click on it. Place an instance of the button on the Stage. Assign an event handler and action. Add a button with a Play action to the same keyframe with the Stop action. This allows a user to continue the play of the movie.

Copyright © 2003 Pearson Education, Inc. Chapter 4 – Slide 7 Four Frames for a Button Symbol Up: What the button looks like with no interaction, at rest Over: What the button looks like when the mouse rolls over it Down: What the button looks like when someone clicks down on it Hit: Defines the area that responds to a mouse

Copyright © 2003 Pearson Education, Inc. Chapter 4 – Slide 8 A Few Mouse Events These actions define when the button will initiate another action Press: When the mouse clicks down on the button Release: After clicking down, when the mouse button is released. This is the most popular mouse event. Roll Over: When the mouse moves over the symbol instance

Copyright © 2003 Pearson Education, Inc. Chapter 4 – Slide 9 A Few More Basic Actions Go To: Jumps movie to a specified keyframe Get URL: Links to any web page Load Movie: Load a second Flash SWF file within the current movie.

Copyright © 2003 Pearson Education, Inc. Chapter 4 – Slide 10 The Tell Target Action It Tells a Target movie clip to perform an action A button in one location can contain an action to control a movie clip in another location Place an instance of a movie clip symbol on the Stage and assign a name to it Add a Tell Target to a button that targets the movie clip Nest another action within the Tell Target

Copyright © 2003 Pearson Education, Inc. Chapter 4 – Slide 11 Anatomy of a Tell Target Action Tell Target Action with Path Contains nested action such as Stop or Go To Appears like this in the Actions panel: tellTarget("animate_me") { stop(); }

Copyright © 2003 Pearson Education, Inc. Chapter 4 – Slide 12 Target Paths

Copyright © 2003 Pearson Education, Inc. Chapter 4 – Slide 13 Example Target Paths A target on the same level as the action: “Tree” A target nested one level within another object: “Tree/Apple” A target nested within that Apple: “Tree/Apple/Seed” Going up one level in the hierarchy: “../Orange” An absolute path is the same from anywhere: “_level0/Tree”