Utah State Button Symbols, Bitmaps, Actionscripting.

Slides:



Advertisements
Similar presentations
Multimedia Web Programming using Flash and ActionScript Andrew Taylor Session 1 An Introduction to ActionScript.
Advertisements

1What is the Stage. 2How do you open a panel in Flash
Introducing ActionScript 3.0 Object-oriented programming language Used to power Flash Player Similar to JavaScript Can be embedded in a Flash project.
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.
© Anselm Spoerri Lecture 11 Flash –Build Flash Website with Animated Navigation Structure –Decide on Overall Navigation Layout, Import Images & Organize.
Utah State Topics Bitmaps Symbols  Buttons ActionScripting.
Work with symbols and instances Work with Libraries Create buttons Assign actions to buttons Unit Lessons.
SM1205 Interactivity Topic 03: Flow Control Spring 2010SCM-CityU1.
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.
1 Flash Programming Introduction Script Assist. 2 Course Description This course concentrates on the teaching of Actionscript, the programming language.
Creating Animation Pertemuan Matakuliah: L0182 / Web & Animation Design Tahun: 2008.
Chapter 9 Introduction to ActionScript 3.0. Chapter 9 Lessons 1.Understand ActionScript Work with instances of movie clip symbols 3.Use code snippets.
Slide 1 Chapter 2 Visual Basic Interface. Slide 2 Chapter 2 Windows GUI  A GUI is a graphical user interface.  The interface is what appears on the.
Chapter 3 Working with Symbols and Interactivity.
XP Tutorial 5 Buttons, Behaviors, and Sounds. XP New Perspectives on Macromedia Flash MX Buttons Interactive means that the user has some level.
Introduction to Flash FYS100 Creative Discovery in Digital Art Forms Spring 2007 Burg.
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.
Flash II MIS439 Eva Tao March 19, 2007 Source:
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.
CNIT 133 Interactive Web Pags – JavaScript and AJAX JavaScript Environment.
© 2011 Delmar, Cengage Learning Chapter 3 Working with Symbols and Interactivity.
© 2010 Delmar, Cengage Learning Chapter 3: Working with Symbols and Interactivity.
Tutorial 8 Programming with ActionScript 3.0. XP Objectives Review the basics of ActionScript programming Compare ActionScript 2.0 and ActionScript 3.0.
CSC 361/661 Digital Media Spring 2010 Professor Burg.
Getting a handle on ActionScript A basic primer for non-programmers.
Our Examples Video Capture Working With Interactive Video Objects Buttons symbols – are areas on the monitor that a sensitive to user actions such.
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.
CSC 361/661 Digital Media Spring 2010 Professor Burg.
INTRO TO ACTIONSCRIPT 3.0 The Bad News: Learning ActionScript is as Much Fun as Being Torn Apart By a Pack of Crazed Wombats. (And I say that in a loving.
Programming with Visual C++: Concepts and Projects Chapter 2B: Reading, Processing and Displaying Data (Tutorial)
Motion Tweening – Lesson 81 Motion Tweening Lesson 8.
Dialog boxes in JavaScript Events in JavaScript – What are they – “Which events are there?” – “How do I register event handlers to an HTML element?” –
Building the Events Components– Lesson 111 Building the Events Components Lesson 11.
Introduction to Flash CSC361/661 Digital Media Spring 2007 Burg.
JavaScript, Fourth Edition Chapter 4 Manipulating the Browser Object Model.
Macromedia Flash 8 Revealed WORKING WITH SYMBOLS AND INTERACTIVITY.
Macromedia Flash Design Professional And Interactivity WORKING WITH SYMBOLS.
© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 1 Outline 5.1 Test-Driving the Inventory Application.
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.
Review of Previous Class Declaring variables var myVariableName:DataType = variableValue;
CIS 205—Web Design & Development Flash Chapter 3 Appendix on Using Buttons.
INTRO TO ACTIONSCRIPT 3.0 The Bad News: Learning ActionScript is as Much Fun as Being Torn Apart By a Pack of Crazed Wombats. (And I say that in a loving.
Open a new Flash File Action Script 2.0. Create a button like you did last lesson and name it Click to Play.
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.
CISC 110 Day 6 Introduction to Events. Outline Event-Driven Programming Event Classes Hierarchy –Event Class –Mouse Events –Keyboard Events Registering.
Events CS The keyword this  all JavaScript code actually runs inside of an object  by default, code runs inside the global window object  all.
Copyright © 2003 Pearson Education, Inc. Chapter 4 – Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.
JavaScript and Ajax (JavaScript Environment) Week 6 Web site:
Integrating Components and Dynamic Text Boxes with the Animated Map– Lesson 101 Integrating Components and Dynamic Text Boxes with the Animated Map Lesson.
Macromedia Flash MX Design Professional And Interactivity WORKING WITH SYMBOLS.
Prof. Anselm SpoerriMultimedia Production Rutgers Lecture 11 Flash –Build Flash Website with Animated Navigation Structure –Decide on Overall.
Creating a Flash Web Site
ActionScript Basics 2016 (2.0 – 3.0)
Adding Buttons, Actions, and Sounds
Interface Programming 2 Week 1
Working with Symbols and Interactivity
MovieCLip Instances & ActionScript
Flash Demonstration – Unit 5 – ActionScript 3.0
Exercise : Animated Navigation Structure in Animate (= Flash)
Exercise : Animated Navigation Structure in Flash
Presentation transcript:

Utah State Button Symbols, Bitmaps, Actionscripting

Utah State Topics Bitmaps (importing) Symbols  Buttons ActionScripting  Button listeners  Functions

Utah State Buttons (the kinder gentler side) Visual “states”  Up  Over  Down Non-visual reference  Hit

Utah State Buttons (Actionscript side) Can be told to listen for mouse events (rollover, click, release, etc... ) ActionScript is separate (now more than ever)

Utah State Action scripting in CS3 (assuming ActionScript 3.0)  The five have become one.  DOM inspired event handlers  Custom Functions are no longer optional.

Utah State Function – basic concept Do my work for me (think automatic response)  Responding to a greeting Accept Input (e.g. “hey how’s it going?”) Process (determine appropriate response) Output response (e.g. “good, how are you?”)  The function does the work  Doesn’t handle unanticipated inputs well (e.g. “high five”)

Utah State Using Functions Call function name Add parameters, e.g. inputs (if necessary/desired) in parentheses Parentheses not optional End in a semi-colon Examples: stop(); gotoAndStop(2); addEventListener(MouseEvent.CLICK, onWindowDocBtnClicked);

Utah State Creating functions function functionName (input:inputType) { //code to run when function is called } Example: function clickMyButton(evt:MouseEvent) { gotoAndStop(3); }

Utah State Instance names Actionscript reference to a symbols instance Different than a symbol name Different namespace than symbol names Assign using the properties window

Utah State ActionScript (example)

Utah State ActionScript (comments)

Utah State ActionScript (recognized elements)

Utah State Things to change (function name & function call)

Utah State Things to change (instance name)

Utah State Things to change (event type)

Utah State Things to change (constant)

Utah State Things to change (“meat”)

Utah State Functions that will help in assignment 4 stop(); nextFrame(); // takes you to the next frame in the timeline. prevFrame(); // takes you to the previous frame in the timeline. gotoAndStop(1); // takes you to the first frame and stops the timeline. (can replace 1 with any number you want).