Dr.Al-Mothana Gasaymeh. Buttons تسخدم لخلق تفاعل بين المستخدم و البرنامج دائما ضع الازرار في طبقة مستقلة.

Slides:



Advertisements
Similar presentations
Arrays in Flash What is an Array: What is an Array: Array is a list of cells, each cell in the list has a number to identify it (index or position). هي
Advertisements

1What is the Stage. 2How do you open a panel in 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.
Changing the anchor point for rotation, when keyframing in the Canvas Panel.
Macromedia Flash MX 2004 – Design Professional and Interactivity WORKING WITH SYMBOLS.
1 Flash Actionscript Animation. 2 Introduction to Sprites We will now look at implementing Sprites in Flash. We should know enough after this to create.
Macromedia Flash 5 Intermediate Level Course. Animation Basics Playhead In-Between Frames Keyframe Current Frame Number Framerate Current Time Frames.
Work with symbols and instances Work with Libraries Create buttons Assign actions to buttons Unit Lessons.
Introduction to Macromedia Flash 8
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
Creating Animation Pertemuan Matakuliah: L0182 / Web & Animation Design Tahun: 2008.
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
AD 206 Intermediate CG : School of Art and Design : University of Illinois at Chicago : Spring 2009 Intro to Action Script 9 "The games of a people reveal.
MovieClips & Properties Flash ActionScript Introduction to Thomas Lövgren
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:
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.
Creating Special Effects
My First ACCESSIBLE Flash Movie. Course notes Detailed course notes, a printable copy of my slides, and all the samples shown today can be downloaded.
FLASH LESSON 1: INTRODUCTION BASIC MOTION TWEEN
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.
AD 206 Intermediate CG : School of Art and Design : University of Illinois at Chicago : Spring 2009 Intro to Action Script 8 "The games of a people reveal.
© 2010 Delmar, Cengage Learning Chapter 3: Working with Symbols and Interactivity.
AD 305 Electronic Visualization I : School of Art and Design : University of Illinois at Chicago : Spring 2007 Intro to Action Script 8 "The games of a.
AD 305 Electronic Visualization I : School of Art and Design : University of Illinois at Chicago : Spring 2007 Intro to Action Script 2 "The games of a.
XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX Special Layers for Animation Animation Using a Motion Guide Layer.
EYEGLASSES SHINE EFFECT. IN THIS LESSON, YOU WILL SEE HOW TO APPLY SHINE EFFECT ON EYEGLASSES ON THE PICTURE USING THE COLOR MIXER PANEL AND MASK.
Creating Buttons – Lesson 71 Creating Buttons Lesson 7.
Adobe Flash CS3 Revealed Chapter 3 - WORKING WITH SYMBOLS AND INTERACTIVITY.
AD 206 Intermediate CG : School of Art and Design : University of Illinois at Chicago : Spring 2009 Intro to Action Script "The games of a people reveal.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO ADOBE FLASH CS3.
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.
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.
WORKING WITH SOUND & VIDEO CHAPTER 7 PART I. USING SOUNDS Mp3 & WAV files Drag the sound files from the Library panel onto Stage at different points along.
Macromedia Flash 8 Revealed WORKING WITH SYMBOLS AND INTERACTIVITY.
Macromedia Flash Design Professional And Interactivity WORKING WITH SYMBOLS.
1 Actionscript for Flash by Dr SC Li. 2 Understanding more about instances Symbolsgraphics buttons Movie clips Instances (without names) No interaction.
Tutorial 3 Creating Animations. XP Objectives Learn the different elements of animation Create frames and layers Organize frames and layers using the.
SCRIPT PROGRAMMING WITH FLASH Introductory Level 1.
AD 305 Electronic Visualization I : School of Art and Design : University of Illinois at Chicago : Spring 2007 Action Script 12 "The games of a people.
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.
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.
XP Tutorial 3 Creating Animations. XP New Perspectives on Macromedia Flash MX Elements of Animation Layers are used to organize the content of.
Intro to ActionScript CIS 126 Greg Shorts. What Is ActionScript? ActionScript is the scripting language Flash uses to control its movies and the objects.
DM 11- Flash –Unit C and Interactivity WORKING WITH SYMBOLS.
CIS 205—Web Design & Development Flash Chapter 3 Working with Symbols and Interactivity.
AD 305 Electronic Visualization I : School of Art and Design : University of Illinois at Chicago : Spring 2007 Intro to Action Script "The games of a people.
 Movieclip symbols are reusable pieces of flash animation  consisting usually of one or more graphic/button symbols  thus they are flash movies within.
 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.
Tutorial 3 Creating Animations.
Adding Buttons, Actions, and Sounds
CT1514 Flash-2.
INTRODUCTION TO ADOBE FLASH CS4
Working with Symbols and Interactivity
MovieCLip Instances & ActionScript
Flash Demonstration – Unit 5 – ActionScript 3.0
Exercise : Animated Navigation Structure in Animate (= Flash)
Presentation transcript:

Dr.Al-Mothana Gasaymeh

Buttons تسخدم لخلق تفاعل بين المستخدم و البرنامج دائما ضع الازرار في طبقة مستقلة

How do you create buttons? ارسم شكل اختاره Modify>convert to symbol لاحظ شكل الماوس

Button

Animated buttons Any thoughts ….

Sound in buttons How can you do it? Do not forget to use sync

Invisible buttons Example : map, human body Use the hit key frame

action script تعليمات يكتبها المبرمج و ينفذها فلاش تكتب في action panel Windows>action or f9

Action panel

Frame action حاول ان تجعل layer مستقلة ل action script يكتب actionscrpit code على keyframe نختار frame ثم نكتب الكود

Frame action دائما نضع هذا الكود في اول key frame stop();

Button action

Example 1:Rotation by 10 degree on (keyPress " ") { ball._rotation +=10 }

Example 2: change Location on (Press ) { ball._x +=10 }

Example 3: drag__AS2 square_mc.onPress = function() {square_mc.startDrag(); }; square_mc.onRelease = function() {square_mc.stopDrag(); };

Example 4: Timeline control on (press) { gotoAndStop (20); }

Numbers in AS2 لتعريف رقم : var Num:Number = 0; رقم عشوائي بين 0 و 6 Math.floor(Math.random() * 7); العمليات الرياضية addition (+), subtraction (-), multiplication (*), division (/), modulo (%), increment (++), and decrement (--).

Exercise:Calculator var Num3:Number = 0; addme.onPress =function () { c.text= (Number (a.text) +Number (b.text)); }

Movie Clip Properties _alpha Transparency level _height Physical height, in pixels (of instance, not original symbol) _name Clip's identifier, returned as a string _rotation Angle of rotation (in degrees) _visible Boolean indicating whether movie clip is displayed _width Physical width, in pixels (of instance, not original symbol)

Movie Clip Properties _x Horizontal position, in pixels, from the left of the Stage _xmouse Horizontal location of the mouse pointer in the clip's coordinate space _xscale Horizontal size, as a percentage of the original symbol (or main timeline for movies) _ y Vertical position, in pixels, from the top of the Stage _ ymouse Vertical location of the mouse pointer in the clip's coordinate space _ yscale Vertical size, as a percentage of the original symbol (or main timeline for movies)

Movie Clip Methods gotoAndPlay( ) Moves the playhead to a new frame and plays the movie gotoAndStop( ) Moves the playhead to a new frame and halts it there NextFrame( ) Moves the playhead ahead one frame play( ) Plays the clip prevFrame( ) Moves the playhead back one frame startDrag( ) Causes the instance or movie to physically follow the mouse pointer around the Stage stop( ) Halts the playback of the instance or movie stopDrag( ) Ends any drag operation currently in progress

Another way to listen to Keyboard keyListener1 = new Object(); keyListener1.onKeyDown = function() { if (Key.isDown(88)) { a._x+=10; } }; Key.addListener(keyListener1);