More Tips on Flash CSC361/661 Digital Media Spring 2007 Burg.

Slides:



Advertisements
Similar presentations
INTRODUCTION TO ADOBE FLASH CS4
Advertisements

CIS 205—Web Design & Development Flash Chapter 3 Appendix B on Creating Animations.
Create shape-tweened animation Create a mask effect Add sound Add scenes Create a slide show presentation Unit Lessons.
Introducing ActionScript 3.0 Object-oriented programming language Used to power Flash Player Similar to JavaScript Can be embedded in a Flash project.
© Anselm Spoerri Lecture 11 Flash –Build Flash Website with Animated Navigation Structure –Decide on Overall Navigation Layout, Import Images & Organize.
1 Flash Actionscript Adding Interactive Actions Variables.
B.Sc. Multimedia ComputingMultimedia Authoring Introduction to ActionScript.
1 Flash Actionscript Adding Interactive Actions. 2 ActionScript 3.0 ActionScript is the language you use to add interactivity to Flash applications, whether.
3.02 Computer Animation Software and Design Guidelines
1 Flash Programming Introduction Script Assist. 2 Course Description This course concentrates on the teaching of Actionscript, the programming language.
Roentgen photo effect. This detailed, thoroughly explained lesson will show you how to create very attractive roentgen photo effect. You can use this.
3.02 Computer Animation Software and Design Guidelines
© 2011 Delmar, Cengage Learning Chapter 8 Building Complex Animations.
Chapter 9 Introduction to ActionScript 3.0. Chapter 9 Lessons 1.Understand ActionScript Work with instances of movie clip symbols 3.Use code snippets.
Chapter 3 Working with Symbols and Interactivity.
Programming games Flash drawing trick(s). Rock paper scissors. Classwork: Complete rock paper scissors.
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:
© 2011 Delmar, Cengage Learning Chapter 9 Introduction to ActionScript 3.0.
CT1514.  What is Motion Guide Layer?  Controls the movement of objects in a Motion tween animation  How to create a Motion Guide Layer?  Click on.
© 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.
® Copyright 2010 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO ADOBE FLASH PROFESSIONAL CS5.
CSC 361/661 Digital Media Spring 2010 Professor Burg.
XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX Special Layers for Animation Animation Using a Motion Guide Layer.
Creating Buttons – Lesson 71 Creating Buttons Lesson 7.
Adobe Flash CS3 Revealed Chapter 3 - WORKING WITH SYMBOLS AND INTERACTIVITY.
Agenda – Week 8, Day 2 Tuesday Intro to Flash Animation process Computer animation Lesson 1 – Overview Lesson 2 – Drawing Lesson 4 – Layers Lesson 8 –
CSC 361/661 Digital Media Spring 2010 Professor Burg.
Motion Tweening – Lesson 81 Motion Tweening Lesson 8.
Introduction to Flash Animation CS 318. Topics Introduction to Flash and animation The Flash development environment Creating Flash animations  Layers.
Flash CS 5 Interface BY NSCHEWCZYK | ©2012. MENU BAR A bar at the top of the window. It lists menu options including: File, Edit, View, Insert, Modify,
Agenda 1 - Sketchbook - DUE TODAY! 1 - Flash Environment and workspace continued - Nested or embedded Movie Clips (car animation) - - Bone tool.
Distributed Multimedia Programming Week – 4A Buttons Movie Clips.
© Anselm Spoerri Lecture 10 – Related: Part 1 Flash –Build Flash Website with Animated Navigation Structure –Decide on Overall Navigation Layout, Import.
Variables, Scope, Images, Sound IM ActionScript.
Building the Events Components– Lesson 111 Building the Events Components Lesson 11.
Dm 11 - Flash Special Effects Special Effects CREATING.
Introduction to Flash CSC361/661 Digital Media Spring 2007 Burg.
Distributed Multimedia Programming Week - 3 Shape Tweening Symbols and Instances.
© Anselm SpoerriDigital Media Production Digital Media Production Digital Media Production Anselm Spoerri PhD (MIT) Rutgers University
Video in Macromedia Flash (Optional) – Lesson 121 Video in Macromedia Flash (Optional) Lesson 12.
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.
XP Tutorial 3 Creating Animations. XP New Perspectives on Macromedia Flash MX Elements of Animation Layers are used to organize the content of.
Flash 1. Document Properties Set frame rate and dimensions of project Set frame rate and dimensions of project (default width=550 and height=400)
Integrating Components and Dynamic Text Boxes with the Animated Map– Lesson 101 Integrating Components and Dynamic Text Boxes with the Animated Map Lesson.
CIS 205—Web Design & Development Flash Chapter 3 Working with Symbols and Interactivity.
Macromedia Flash MX Design Professional And Interactivity WORKING WITH SYMBOLS.
 Movieclip symbols are reusable pieces of flash animation  consisting usually of one or more graphic/button symbols  thus they are flash movies within.
Prof. Anselm SpoerriMultimedia Production Rutgers Lecture 11 Flash –Build Flash Website with Animated Navigation Structure –Decide on Overall.
 Motion Tween allow us to move a shape on the stage from one place to another.  In order to use motion tween, the shape to be moved must be converted.
Topic 02: Introduction to ActionScript 3.0
var variableName:datatype;
3.02 Computer Animation Software and Design Guidelines
Unit Lessons Work with actions
Agenda 1 - Flash continued -
Agenda 1 - Practice Files > Must be checked off today
CT1514 Flash-2.
INTRODUCTION TO ADOBE FLASH CS4
Animate Workspace. Objective % Utilize appropriate tools and methods to produce digital animation.
Chapter Lessons Create shape-tweened animations Create a mask effect
Working with Symbols and Interactivity
Let Flash do Guessing at Animation for you.
2.02D Computer Animation Software and Design Guidelines
Flash Demonstration – Unit 5 – ActionScript 3.0
Exercise : Animated Navigation Structure in Animate (= Flash)
Exercise : Animated Navigation Structure in Flash
Presentation transcript:

More Tips on Flash CSC361/661 Digital Media Spring 2007 Burg

Shape tweening You can tween more than one shape on a layer, but sometimes you get weird results. Example – stem and top of mushroom are separate objects. Using tweening, make it look like the mushroom is growing. On the second keyframe, the top is moved up. The bottom is deleted and replaced by a longer stem.

ActionScript Syntax very much like C and C++ Like Lingo, much of the programming environment is inherently object-oriented. You can make graphic objects and convert them to symbols –Graphic –Buttons –Movie clips Then you make instances of symbols. So the symbols in the library are like classes.

Symbols Graphic symbols have their own timelines, but you have to have at least as many frames on the main timeline as on the graphic symbol’s timeline. Buttons have an independent timeline with up, down, over, and hit states. –You can animate the states with embedded movie clips if you want. –You can add sound to a state. Movie clips have an independent timeline. You can embed movie clips in movie clips. –E.g., a car driving on stage. The wheels can be an embedded movie clip.

Movie Clips and ActionScript You can give an instance name only to a movie clip. If a movie clip has a name, you can refer to it in ActionScript and do things with it dynamically. To add properties to a movie clip you can –Make the movie clip part of a class. –Add a property dynamically by assigning a value (Isn’t that great?!!) For example, KC.v = 10 adds an “instance variable” to hold the value of a card. KC is a movie clip. Nowhere was this instance variable declared. It is just created dynamically.

Declaring variables You don’t have to declare variables and their types in ActionScript, but you can if you want to. For example var value:Number = 10; Var Array: deck = new Array(); The advantages to declaring variables are –Type checking is done by the system, to help prevent your making mistakes –Prompts come up telling you want properties or functions are related to a variable. To get hints for movie clips, you have to add _mc to the variable name.

Action Pane and Script Pane You can see Global Functions and functions that you can use with movie clips in the Actions pane. You can doubleclick on a function name and it gets inserted into the script. You can also type things in yourself.

Object-Oriented Use a text editor to type a class definition into a text file, with suffix.as The text file should have the same name as the class and be in the same folder as the.fla program. Class Dog { var name: String; var weight: Number var bark: String; function Dog(name:String, weight: Number, bark: String) { this.name = name; this.weight = weight; this.bark = new Sound(); this.bark.attach(bark); }

Where do you put the code? First frame of action layer. On a button or movie clip. Etc.