Introducing ActionScript 3.0 Object-oriented programming language Used to power Flash Player Similar to JavaScript Can be embedded in a Flash project.

Slides:



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

Tutorial 7 Planning and Creating a Flash Web Site.
Chapter 6 Preparing and Publishing Applications. Chapter 6 Lessons 1.Publish movies 2.Reduce file size to optimize a movie 3.Create a preloader 4.Publish.
© 2010 Delmar, Cengage Learning Chapter 9: Using ActionScript.
Understand the Macromedia Flash environment Open a document and play a movie Create and save a movie Work with layers and the timeline Plan a Web site.
The Web Warrior Guide to Web Design Technologies
Presented By, Sripad Sarode
Copyright © 2003 Pearson Education, Inc. Chapter 7 – Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.
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.
1 Flash Actionscript Adding Interactive Actions Variables.
B.Sc. Multimedia ComputingMultimedia Authoring Introduction to ActionScript.
Kapi’olani Community College Art 258 Interface Programming II In-class Presentation Week 5A.
1 Flash Actionscript Adding Interactive Actions. 2 ActionScript 3.0 ActionScript is the language you use to add interactivity to Flash applications, whether.
XP Tutorial 1 New Perspectives on JavaScript, Comprehensive1 Introducing JavaScript Hiding Addresses from Spammers.
1 Flash and Animation Presented by : Behzad Sajed Khosrowshahi.
1 Flash Programming Introduction Script Assist. 2 Course Description This course concentrates on the teaching of Actionscript, the programming language.
Chapter 9 Introduction to ActionScript 3.0. Chapter 9 Lessons 1.Understand ActionScript Work with instances of movie clip symbols 3.Use code snippets.
© 2011 Delmar, Cengage Learning Chapter 11 Adding Media and Interactivity with Flash and Spry.
Chapter 3 Working with Symbols and Interactivity.
JavaScript, Fifth Edition Chapter 1 Introduction to JavaScript.
XP Tutorial 5 Buttons, Behaviors, and Sounds. XP New Perspectives on Macromedia Flash MX Buttons Interactive means that the user has some level.
BUILDING RICH MEDIA ELEMENTS. Design Decisions Based on Design Specification  Following the design specification will ensure that the application is.
Exercise : Animated Navigation Structure in Flash 1.Develop Answers to “What did you learn in ITI program?” “What do you have to offer?” “What are your.
Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Button library Create a button Learn.
© 2011 Delmar, Cengage Learning Chapter 9 Introduction to ActionScript 3.0.
Client Scripting1 Internet Systems Design. Client Scripting2 n “A scripting language is a programming language that is used to manipulate, customize,
© 2011 Delmar, Cengage Learning Chapter 3 Working with Symbols and Interactivity.
CMPD 434 MULTIMEDIA AUTHORING Chapter 06 Multimedia Authoring Process IV.
Tutorial 8 Programming with ActionScript 3.0. XP Objectives Review the basics of ActionScript programming Compare ActionScript 2.0 and ActionScript 3.0.
Getting a handle on ActionScript A basic primer for non-programmers.
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.
More Tips on Flash CSC361/661 Digital Media Spring 2007 Burg.
Flash! Macromedia Flash is the key to designing and delivering low-bandwidth animations, presentations, and Web sites. It offers scripting capabilities.
Chapter 16 Video. Importing Video Into Flash  Once you import video into Flash, you can control it using behaviors and very basic ActionScript, target.
Introduction to Flash Animation CS 318. Topics Introduction to Flash and animation The Flash development environment Creating Flash animations  Layers.
XP Tutorial 8 Adding Interactivity with ActionScript.
Introduction to Interactive Media Interactive Media Tools: Authoring Applications.
Reading Flash. Training target: Read the following reading materials and use the reading skills mentioned in the passages above. You may also choose some.
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.
1 A Basic Introduction to Flash. Outline What is a flash? Macromedia Flash MX 2004 Flash concepts Flash Demos Conclusion Additional help 2.
SCRIPT PROGRAMMING WITH FLASH Introductory Level 1.
Appendix A Becoming an Adobe Certified Associate.
Debugging tools in Flash CIS 126. Debugging Flash provides several tools for testing ActionScript in your SWF files. –The Debugger, lets you find errors.
Chapter1 The flash interface and action script 3.0.
Intro to ActionScript CIS 126 Greg Shorts. What Is ActionScript? ActionScript is the scripting language Flash uses to control its movies and the objects.
XP Tutorial 8 Adding Interactivity with ActionScript.
Integrating Components and Dynamic Text Boxes with the Animated Map– Lesson 101 Integrating Components and Dynamic Text Boxes with the Animated Map Lesson.
Adobe Flash Professional CS5 – Illustrated Unit A: Getting Started with Adobe Flash Professional.
Kapi’olani Community College Art 258 Interface Programming II In-class Presentation Week 1A.
Adobe Flash Professional CS5 – Illustrated Unit C: Using Symbols and the Library Panel.
Topic 02: Introduction to ActionScript 3.0
Creating a Flash Web Site
Using Video, and Flash Components, and Printing Flash Content
“Under the hood”: Angry Birds Maze
Background Information
Macromedia Flash Tutorial
Chapter Lessons Understand the Macromedia Flash workspace
Unit Lessons Work with actions
CHAPTER 8 Multimedia Authoring Tools
Animate Workspace. Objective % Utilize appropriate tools and methods to produce digital animation.
Interface Programming 2 Week 1
Flash & ActionScript Syntax is similar to JavaScript
Working with Symbols and Interactivity
“Under the hood”: Angry Birds Maze
ANIMATE WORKSPACE Stage Timeline Properties Panel Library Panel
Exercise : Animated Navigation Structure in Animate (= Flash)
Exercise : Animated Navigation Structure in Flash
Presentation transcript:

Introducing ActionScript 3.0 Object-oriented programming language Used to power Flash Player Similar to JavaScript Can be embedded in a Flash project (.fla) file Written as a stand-alone ActionScript (.as) file, or created in Flex Builder (new tool built on Adobe’s Flex framework – creating RIAs (Rich Internet Applications)

ActionScript help a Flash designer to leap the hurdle and create fully interactive applications, dynamic Web applications and interactive video games History of ActionScript ActionScript 1.0 ActionScript 2.0 ActionScript 3.0

ActionScript 1.0/2.0 vs 3.0 myMovieClip.createTextField(“thickness_text”, 10, 0, 0, Stage.width, 22); var myText:TextField = new TextField(); ClassMethodInstance NameProperties ClassMethodInstance Name ActionScript 1.0/2.0 ActionScript 3.0

ActionScript 3.0 New Features FeatureDescription PackageAS 3.0 classes are organized into packages, folders that hold similar AS class files. Document class Introduced by Flash CS3. Allowed to create own custom class for the main Timeline AS toolsHelp to learn how to write and organize code more effective Scripting improvements Provide new AS debugger that offers improved flexibility and feedback and is consistent with Flex 2 debugger. Can convert animations directly to AS Copy and paste AS animation propertise from one object to another Language consistency More consistent in syntax

Benefits of ActionScript 3.0 fast downloading speed precise visual control advanced interactivity capable to combine bitmap and vector gaphics include video and animation scalable and streaming content SMM Multimedia Programming

ActionScript 3.0 elements, including the following: Variables Instances Properties Functions and methods Event, event handlers, and event listeners Classes Conditional statements SMM Multimedia Programming

Communicating to Movie Clips Firstly, transform the object into a movie clip symbol (a type of predefined class). Give an instance name which ActionScript can interact with it. A guidelines when naming symbols, instance and document files in Flash: Use lowercase letters (a-z) for the first character Use descriptive names to make it easy to remember Do not use special character #, $, % and many others) Never use spaces Never put periods (.) Never put slashes (/) Example: mcRectangle; rectangle_mc; etc SMM Multimedia Programming

Modifying movie clip properties Giving a script to movie clips: i. select a particular frame on a particular layer ii. choose Window > Actions or press F9 to open the Actions panel SMM Multimedia Programming

Actions panel has three basic areas Script pane – where you type the ActionScript Actions toolbox – contains a listing of all the classes, methods, events and parameters Script navigator – use to navigate to the different frames containing ActionScript

Example: rectangle1_mc.alpha =.5; Meaning: telling Flash that the object’s (instance name = rectangle1_mc) is given alpha property or transparency that equal to.5 or 50 percent. semicolon shows the end of statement SMM Multimedia Programming

Understanding variables and setting variable data type Variable – a container that holds information or different data syntax in ActionScript: var eg.: var userName Giving a value to the variable. The value or data type will be string and numbers. eg.: var userName:String = “Todd”; SMM Multimedia Programming

Trace Statements To make sure the code is syntaxed and running properly Syntax in ActionScript: trace / SMM Multimedia Programming

A trace statement pops up in the Output panel when we test or publish the movie. Output panel has no information or a coded error message. It helps you check the code and isolate any problems when you start to work with complicated files.

Comments Comments are notes – usually to yourself or to other coders looking at the file. Used to explain coding decisions, such as the file organization, or annotate the code, or sometimes, temporarily turn off a block of code Two type of comments: // - line comments /* - block comments SMM Multimedia Programming

Syntax in ActionScript: // or /* */ eg.: SMM Multimedia Programming