Creating Scenes A scene in flash contains one or more layers that show related objects, in the stage, that act and interact to deliver a certain idea.

Slides:



Advertisements
Similar presentations
Event Handling in flash Event: is an instantaneous occurrence usually triggered by user. هو احداث تقع فورا وتطلق عادة باستخدام المستخدم Event: is an instantaneous.
Advertisements

Flash MovieClip Symbols Movieclip symbols are reusable pieces of flash animation هي قطع من حركات الفلاش يعاد استخدامها عدة مرات Movieclip symbols are reusable.
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). هي
© 2010 Delmar, Cengage Learning Chapter 9: Using ActionScript.
CIS 205—Web Design & Development Flash Chapter 3 Appendix B on Creating Animations.
Adding Interactivity to Flash Movies Using Buttons and ActionScript SPACE Lab
Macromedia Flash MX 2004 – Design Professional and Interactivity WORKING WITH SYMBOLS.
Work with symbols and instances Work with Libraries Create buttons Assign actions to buttons Unit Lessons.
1 Flash Actionscript Adding Interactive Actions. 2 ActionScript 3.0 ActionScript is the language you use to add interactivity to Flash applications, whether.
تستخدم خاصية Member لاستبدل الاعضاء فى وقت تنفيذ الـMovie ويمكن استبدال الاعضاء سواء من نافذة Cast داخلى او خارجى Example 6.
Creating Flash Buttons Button Making Rollover Effects Enlarging the Clickable Area Giving Buttons Behaviors Behavior Options.
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.
Chapter 9 Introduction to ActionScript 3.0. Chapter 9 Lessons 1.Understand ActionScript Work with instances of movie clip symbols 3.Use code snippets.
Frame Part of timeline panel You can remove normal frames from a certain layer by (MRC + Remove Frames). You can remove normal frames from a certain layer.
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.
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 MX II. Flash MX – Tweened Animation There are two methods for creating an animation sequence in Flash –Frame-by-frame animation –Tweened animation.
Lehigh University Introduction to Flash MX Sharmeen Mecklai.
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.
© 2011 Delmar, Cengage Learning Chapter 9 Introduction to ActionScript 3.0.
© 2011 Delmar, Cengage Learning Chapter 3 Working with Symbols and Interactivity.
© 2010 Delmar, Cengage Learning Chapter 3: Working with Symbols and Interactivity.
Frame Part of timeline panel You can remove normal frames from a certain layer by (MRC + Remove Frames). يمكنك ازالة الاطر العادية من طبقة معينة باستخدام.
Our Examples Video Capture Working With Interactive Video Objects Buttons symbols – are areas on the monitor that a sensitive to user actions such.
XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX Special Layers for Animation Animation Using a Motion Guide Layer.
7-1 OBJ Copyright 2003, Paradigm Publishing Inc. Using ActionScript and Creating Templates Macromedia Flash Design & Application.
DIAMOND SHINE EFFECT. IN THIS STEP BY STEP LESSON, I WILL SHOW YOU HOW TO CREATE VERY ATTRACTIVE DIAMOND SHINE EFFECT USING SOME SPECIAL FLASH TIPS AND.
Creating Buttons – Lesson 71 Creating Buttons Lesson 7.
Distributed Multimedia Programming Week - 1. Document Window  The Document Window is divided in to six main components Timeline – The Timeline is where.
Adobe Flash CS3 Revealed Chapter 3 - WORKING WITH SYMBOLS AND INTERACTIVITY.
Week 11 Hands on Flash Pelekanou Olga INF221 INTRODUCTION TO MULTIMEDIA.
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,
Distributed Multimedia Programming Week – 4A Buttons Movie Clips.
Building the Events Components– Lesson 111 Building the Events Components Lesson 11.
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 Flash Basics by Dr SC Li. 2 Ordinary Movie vs. Flash Movie AnimationVector GraphicsInteractivity MPEG MovieFlash Movie.
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.
Dr.Al-Mothana Gasaymeh. Mask layers تظهر ما تحت objects التي عليها كيفية عملها : كبسة يمين على الطبقة و اختيار Mask.
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.
Dr.Al-Mothana Gasaymeh. Buttons تسخدم لخلق تفاعل بين المستخدم و البرنامج دائما ضع الازرار في طبقة مستقلة.
Open a new Flash File Action Script 2.0. Create a button like you did last lesson and name it Click to Play.
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.
Motion Tween Motion Tween allow us to move a shape on the stage from one place to another. تسمح بحركة الشكل من مكان الى اخر Motion Tween allow us to move.
DM 11- Flash –Unit C and Interactivity WORKING WITH SYMBOLS.
NumericStepper Component You can use the numeric stepper anywhere you want a user to select a numeric value. You can use the numeric stepper anywhere you.
Primitive Data Types 2. Boolean Data Type: It is used in logical operations to represent a certain state. هو يستخدم في العمليات المنطقية لتمثيل دالة معينة.
Animation in flash. Frame-by-Frame Animation An animation is made from a series of framed images displayed one after the other to create the motion. Flash.
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.
Flash Demonstration – Unit 3 Create Multi-Part Animation –Animate Images –Fade-in and Fade-out Text –Add Interactivity to Instance of MovieClip –Animated.
 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.
Macromedia Flash MX.
ActionScript Basics 2016 (2.0 – 3.0)
Adding Buttons, Actions, and Sounds
Flash Interface, Commands and Functions
نظام التشغيل Windows xp.
Working with Symbols and Interactivity
Flash Demonstration – Unit 5 – ActionScript 3.0
Presentation transcript:

Creating Scenes A scene in flash contains one or more layers that show related objects, in the stage, that act and interact to deliver a certain idea. المشهد الواحد في الفلاش يتكون من طبقة او اكثر لتضهر ان الاجسام ذات صلة في هذه المرحلة على هذا الفعل والتفاعل لايصال فكرة معينة A scene in flash contains one or more layers that show related objects, in the stage, that act and interact to deliver a certain idea. المشهد الواحد في الفلاش يتكون من طبقة او اكثر لتضهر ان الاجسام ذات صلة في هذه المرحلة على هذا الفعل والتفاعل لايصال فكرة معينة When creating a flash file, it will have one scene by default (named as Scene 1). عند انشاء ملف انشاء فلاش سيكون مشهد افتراضي ( واسمه مشهد 1) When creating a flash file, it will have one scene by default (named as Scene 1). عند انشاء ملف انشاء فلاش سيكون مشهد افتراضي ( واسمه مشهد 1) A created movie can have one or more scenes. A created movie can have one or more scenes. فيلم الفلاش المنتج يمكن ان يحتوي على مشهد اواكثر فيلم الفلاش المنتج يمكن ان يحتوي على مشهد اواكثر To insert a new scene into your movie: لادراج مشهد جديد على فيلم To insert a new scene into your movie: لادراج مشهد جديد على فيلم Go to (insert  scene) in the flash menubar. Go to (insert  scene) in the flash menubar.

Creating Scenes To delete and rename a scene in your movie: To delete and rename a scene in your movie: Go to (Window  Design Panels  Scene) in menubar Go to (Window  Design Panels  Scene) in menubar Or, Shift + F2 Or, Shift + F2 Then a new panel (scene) will be displayed. Using it, you can delete, rename, duplicate existing scenes. Then a new panel (scene) will be displayed. Using it, you can delete, rename, duplicate existing scenes. من الوحة الجديدة التي تظهر يمكن ان تستخدم لحذف, اعادة تسمية, نسخ المشهد. من الوحة الجديدة التي تظهر يمكن ان تستخدم لحذف, اعادة تسمية, نسخ المشهد. You also can insert a scene using it. You also can insert a scene using it. ويمن ان نستخدمها ايضا لاضافة مشهد ويمن ان نستخدمها ايضا لاضافة مشهد Duplicate نسخة طيق للاصل insertdelete

ActionScript in flash ActionScript is a way to communicate with a program. هي طريقة للتواصل مع برنامج الفلاش ActionScript is a way to communicate with a program. هي طريقة للتواصل مع برنامج الفلاش you can use it to tell Flash what to do and to ask Flash what is happening as a movie runs. يمكنك ان تقول للفلاش مالذي تريد فعله وتسال ( تحدد ) الفلاش مالذي سيحدث عندما تشغل هذا الفيلم you can use it to tell Flash what to do and to ask Flash what is happening as a movie runs. يمكنك ان تقول للفلاش مالذي تريد فعله وتسال ( تحدد ) الفلاش مالذي سيحدث عندما تشغل هذا الفيلم This two-way communication lets you create interactive movies. هذا الاتصال في الاتجاهين يمكنك من انتاج الافلام التفاعلية This two-way communication lets you create interactive movies. هذا الاتصال في الاتجاهين يمكنك من انتاج الافلام التفاعلية ActionScript is the code statements you write to interacts with flash program. اكشن سكربت هي كود بيانات تكتب ليتفاعل من خلالها مع برنامج الفلاش ActionScript is the code statements you write to interacts with flash program. اكشن سكربت هي كود بيانات تكتب ليتفاعل من خلالها مع برنامج الفلاش ActionScript can be added to frames or some flash objects (such as buttons) اكشن يمكن ان تضاف للاطارات او الاجسام ( الكائنات ) ( مثل الازرار ) ActionScript can be added to frames or some flash objects (such as buttons) اكشن يمكن ان تضاف للاطارات او الاجسام ( الكائنات ) ( مثل الازرار )

ActionScript in flash To open the (Actions) panel in which you can add ActionScript: لفتح لوحة الاكشن لتتمكن من اضافة الاكشن ( الكود ) To open the (Actions) panel in which you can add ActionScript: لفتح لوحة الاكشن لتتمكن من اضافة الاكشن ( الكود ) Go to (Window  Development Panels  Actions) in menubar Go to (Window  Development Panels  Actions) in menubar Or, press F9 Or, press F9 The following slides shows the different parts that compose the Action panel. الشرائح التالية تظهر الاجزاء المختلفة تتكون منها لوحة الاكشن The following slides shows the different parts that compose the Action panel. الشرائح التالية تظهر الاجزاء المختلفة تتكون منها لوحة الاكشن

Actions Panel Add action script code here Built-in functionalities اقترانات جاهزة Objects and frames that hold actionscript الكائنات والاطر التي يتحكم يمسك بها الاكشن The object or frame that holds The written action script الاطر او الكائنات التي يمسك بها ويكتب عليها الاكشن

Creating a button symbol Button symbol is used to perform some action when pressing on it. الزر الرمز يستخدم لاداء بعض الاجراءات عندما تضغط عليه Button symbol is used to perform some action when pressing on it. الزر الرمز يستخدم لاداء بعض الاجراءات عندما تضغط عليه To create a button symbol: To create a button symbol: 1. Create new flash file 2. Draw a rectangle then select it. 3. Convert it to a button symbol, call this symbol (myButton) This can be done by selecting the shape and pressing F8 This can be done by selecting the shape and pressing F8 4. Now, select the button (myButton) and press F9 to display the action script of it.

Creating a button symbol 5. Write action script as follows: Symbol name To print on output window (The code to be executed) Means that the the code in { } will be executed when pressing myButton

Creating a button symbol 6. On the Stage, double-click the logo button that you created to view the button Timeline (to enter symbol-editing mode). على المسرح اضغط مرتين على الزر الذي انشائته لعرض خط الزمن للزر ( لتدخل على التحرير للزر ) The button Timeline contains the following states: The button Timeline contains the following states: Up : the button state when it is not pressed حالة الزر غندما لايكون ضغط عليه Up : the button state when it is not pressed حالة الزر غندما لايكون ضغط عليه Over : the button state when the mouse is over it حالته عندما تمون الفارة عليه Over : the button state when the mouse is over it حالته عندما تمون الفارة عليه Down : the button state when it is pressed حالته عند الضغط عليه Down : the button state when it is pressed حالته عند الضغط عليه 7. Change the Up, Over, and Down state by inserting a key frame and changing the color on each one. لتغيير في حالة Up, Over, and Down نضيف اطار مفتاحيعند كل وحدة ونغير لون عند كل وحدة 8. Click Scene 1, above the upper left side of the Stage, to exit symbol-editing mode for the button. اضغط على المشهد 1 في الجانب الشمالي العلوي من المسرح لتخرج من التحرير للزر

Using Timeline functions Some useful timeline functions that controls playhead movement in a Timeline : بعض اقترانات خط الزمن المفيدة في التحكم في حركة البلاي في خط الزمن Some useful timeline functions that controls playhead movement in a Timeline : بعض اقترانات خط الزمن المفيدة في التحكم في حركة البلاي في خط الزمن stop(); stop(); It is used to stop the playhead and stop the movie playing. تستخدم لايقاف البلاي وايقاف تشغيل الفيلم It is used to stop the playhead and stop the movie playing. تستخدم لايقاف البلاي وايقاف تشغيل الفيلم 1. play(); It is used to resume the movie after stopping it. تستخدم لاعادة تشغيل الفيلم بعد ايقافه It is used to resume the movie after stopping it. تستخدم لاعادة تشغيل الفيلم بعد ايقافه 2. nextFrame(); It is used to advance to the next frame تستخدم للتقدم ( الانتقال ) الى الاطار التالي It is used to advance to the next frame تستخدم للتقدم ( الانتقال ) الى الاطار التالي 3. prevFrame(); It is used to return to the previous frame للرجوع الى الاطار السابق It is used to return to the previous frame للرجوع الى الاطار السابق

Using Timeline functions 1. nextScene(); It is used to advance to the next scene. للانتقال الى المشهد التالي It is used to advance to the next scene. للانتقال الى المشهد التالي 2. prevScene(); It is used to return to the previous scene للرجوع الى المشهد السابق It is used to return to the previous scene للرجوع الى المشهد السابق 3. gotoAndStop(scene_name, frame_no); It moves the playhead to the scene (scene_name) at frame number (frame_no) and stops there. لتحريك البلاي هيد للاطار الذي حددته في المشهد الذي حددته والتوقف هناك It moves the playhead to the scene (scene_name) at frame number (frame_no) and stops there. لتحريك البلاي هيد للاطار الذي حددته في المشهد الذي حددته والتوقف هناك Scene_name should be enclosed by “” اسم المشهد يجب ان يكون بين Scene_name should be enclosed by “” اسم المشهد يجب ان يكون بين Frame_no should be an integer. اسم المشهد يجب ان يكون عدد صحيح Frame_no should be an integer. اسم المشهد يجب ان يكون عدد صحيح 4. gotoAndPlay(scene_name, frame_no); The same as previous function without stopping نفس الاقتران السابق ولكن بدون التوقف The same as previous function without stopping نفس الاقتران السابق ولكن بدون التوقف

Using Timeline functions Ex) This example shows how to use timeline functions. 1. Create a new flash file. 2. Rename the scene to “ firstScene ” 3. Select Frame 1 of layer In the Actions panel, verify that Frame 1 is selected. تاكد من الاختيار الاطار 1 5. Click in the Script pane of the Actions panel, and type stop(); to add the stop action. To verify that Frame 1 is selected

Using Timeline functions 6. Create a new scene and name it “ newScene ” 7. In scene “ newScene ” draw a circle and make it moves from one place to another. 8. In the Action panel of the last frame of “ newScene ” add (stop();) command 9. Return to the first scene, add a button in the stage and type the following statement to the action panel of that button: gotoAndPlay( “ newScene ”,1); 10. Test the scene

Exercise Make a flash program that shows the steps needed to learn the subtraction process. Make a flash program that shows the steps needed to learn the subtraction process. See the file (subtraction.swf) See the file (subtraction.swf) You have to use a button to transfer from step to another. يقدم برنامج فلاش يوضح الخطوات اللازمة لتعلم عملية الطرح. انظر الصورة (subtraction.swf) يتعين عليك استخدام زر الانتقال من خطوة إلى أخرى. You have to use a button to transfer from step to another. يقدم برنامج فلاش يوضح الخطوات اللازمة لتعلم عملية الطرح. انظر الصورة (subtraction.swf) يتعين عليك استخدام زر الانتقال من خطوة إلى أخرى.