Saturday, September 1, 2012

Replay Animation ပံုစံတစ္ခု လုပ္ၾကည္ရေအာင္...

17


ကဲ့ အထက္ပါကဲ့သို႔ သြားေနတဲ့ Animation ဟာ မသြားေတာရင္ ျပန္ျပီးေတာ အဲဒီ Object ကို ျပန္သြားေစခ်င္ရင္ Right Click ေထာက္ျပီးေတာ Replay လုပ္လိုရတဲ့ ပံုစံတစ္ခု လုပ္ၾကည္ရေအာင္… ကဲ့ အဲဒါေၾကာင္ Flash CS3 ကို ဖြင့္လိုက္ပါ။ ျပီးေတာ ေအာက္ပါ ကဲ့သို႔ Flash File (ActionScript 3.0) ကို ေရြးခ်ယ္လိုက္ပါ။


1

အထက္ပါ ကဲ့သို႔ Flash File ကို ေရြးခ်ယ္လိုက္ရင္ ေအာက္ပါ ကဲ့သို႔ New Document တစ္ခု ရလာမွာပါ။

2

အထက္ပါ ပံုကဲ့သို႔ New Document ကို Size: သတ္မွတ္ရေအာင္. ကဲ့ အဲဒါေၾကာင္ Properties Box ထဲ့က အနီကြပ္နဲ႔ ျပထားတဲ့ Size ကို ႏွိပ္လိုက္ပါ။ ဒါဆိုရင္ ေအာက္ပါ ကဲ့သို႔ Box တစ္ခု က်လာမွာပါ။

3

အထက္ပါ Box မွာ Width: 300/ Height:150/ Background Color: မွာ မိမိၾကိဳက္သလို Color ေျပာင္ပါ။ ျပီးေတာ Frame Rate: 30 ထားလိုက္ပါ။ အားလံုး မိမိၾကိဳက္သလို ေျပာင္ျပီးသြားရင္ Ok ပါ။ ဒါဆို ေအာက္ပါ New Document ဖြင့္ တစ္ခုရလာမွာပါ။ ကဲ့ျပီးေတာ ေအာက္ပါ ပံုကဲ့သို႔ New Layer တစ္ခု ယူျပီးေတာ အဲဒါ new Layer ကို နာမည္ တစ္ခုခုေပးလိုက္ပါ။

4


ကြ်န္ေတာ္ကေတာ အထက္ပါ ပံုကဲ့သို႔ Layer ႏွစ္ခု မွာ Action and Letter ဆိုျပီး အမည္ေပးထားပါတယ္။ ကဲ့ျပီးေတာ
Tool Box က Text Tool ကို ယူျပီးေတာ မိမိၾကိဳက္ႏွစ္သက္သလိုမ်ိဳး စာတစ္ခုခုေရးလိုက္ပါ။


5


ကြ်န္ေတာ္ကေတာ အထက္ပါ ကဲ့သို႔ ကြ်န္ေတာ္ နာမည္ကိုေရးထားပါတယ္။ ျပီးေတာ F8 ႏွိပ္လိုက္ပါ။ ေအာက္ပါ ကဲ့သို႔ Box တစ္ခု ေပၚလာမွာပါ။

6


အထက္ပါ ကဲ့သို႔ Convert To Symbol Box မွာ Name: myname ဆိုျပီး အမည္ေပးထားပါတယ္။ ျပီးေတာ Type: Movie Clip ကို အမွန္ေပးထားလုိက္ျပီးေတာ Ok ပါ ။ ျပီးေတာ Letter ကို Click ႏွစ္ခ်က္ ေခါက္လိုက္ပါ။ ဒါဆိုရင္ ေအာက္ပါ ကဲ့သို႔ ျဖစ္သြားမွာပါ။

7


ေနလင္း ဆိုတဲ့ Object ကို Click ႏွစ္ခ်က္ ႏွိပ္လိုက္ရင္ Layer တစ္ခု တဲ့ျဖစ္သြားမွာပါ။ ျပီးေတာ Scene1 ဆိုျပီး ေတြ႔ျမင္ရမွာပါ။ ကဲ့ျပီးေတာ ေနာက္ထပ္ အဲဒီ Object ကို F8 ႏွိပ္လိုက္ပါ။ ေအာက္ပါ ပံုကဲ့သို႔ ထားလိုက္ပါ။

8


ကဲ့ အထက္ပါ ကဲ့သို႔ Convert To Symbol Box မွာ အမည္တစ္ခုခုေပးလုိက္ပါ။ ျပီးေတာ ok ေပါ့။ ကဲ့ ျပီးေတာ ေအာက္ပါ ကဲ့သို႔ Frames 20 ေလာက္မွာ Click ခ်လိုက္ပါ။ ျပီးေတာ F6 ကို ႏွိပ္လိုက္ပါ။

9

အထက္ပါ ကဲ့သို႔ Frames 20 ေလာက္မွာ F6 ႏွိပ္ျပီးရင္ Frames အလယ္မွာ Right Click ေထာက္လိုက္ပါ။ ေပၚလာေသာ Box မွာ Create Motion Tween ကို ႏွိပ္လိုက္ပါ။

10


အထက္ပါ ကဲ့သို႔ Create Motion Tween ကို ႏွိပ္လိုက္ရင္ ေအာက္ပါကဲ့သို႔ ေတြ႔ျမင္ရမွာပါ။ ျပီးေတာ အဲဒီ မွ်ားရဲ့ အစကို တစ္ခ်က္ Click ျပီးေတာ Object ကို အငယ္လုပ္လိုက္ပါ။

11


အထက္ပါ ပံုကို အေသအရွာၾကည္ပါ။ မွ်ားရဲ့ အစကို တစ္ခ်က္ Click ျပီးေတာ Object ကို အငယ္လုပ္ထားပါတယ္ ျပီးေတာ Frames 45 ေလာက္မွာ F6 ႏွိပ္ျပီးေတာ Frames မွာ Right Click ေထာက္ျပီးေတာ Create Motion Tween ကို ႏွိပ္လိုက္ျပီးေတာ မွ်ားရဲ့ အစကို တစ္ခ်က္ Click ျပီးေတာ Object ကို အၾကီးလုပ္လိုက္ပါ။ ေအာက္ပါ ပံုကိုၾကည္ပါ။


12


အထက္ပါ ပံုအတုိင္လုပ္လိုက္ပါ။ ကဲ့ျပီးေတာ ေအာက္ပါ ကဲ့သို႔ မွ်ားအဆံုးကို Click ျပီးေတာ F9 ႏွိပ္လိုက္ပါ။ ဒါဆိုရင္ ေအာက္ပါ ကဲ့သို႔ Box ေပၚလာမွာ။ အဲဒီ Box ထဲမွာ ေအာက္ပါ ကဲ့သို႔ စာေရးလိုက္ပါ။

13


အထက္ပါ ကဲ့ သို႔ Box မွာ Stop(); ေရးလိုက္ပါ။ ျပီးေတာ Close ပံုလိုက္ပါ။ ကဲ့ျပီးေတာ ေအာက္ပါ ပံုကဲ့သို႔ Scene1 ကို Click ပါ။

14


အထက္ပါ အနီကြပ္နဲ႔ ျပထားတဲ့ Scene 1 ကို Click လိုက္ရင္ ေအာက္ပါ ပံုကဲ့သို႔ ေတြ႔ျမင္ရမွာပါ။

15


အဲဒီလို အထက္ပါ ကဲ့သို႔ ပံု လိုျမင္ေတြ႔ရျပီးဆိုရင္ အေပၚဆံုးက Action လိုအမည္ေပးထားတဲ့ Frame ကို Click ျပီးေတာ F9 ႏွိပ္လိုက္ပါ ဒါဆိုရင္ ေအာက္ပါ ကဲ့သို႔ Box တစ္ခု က်လာမွာပါ အဲဒီ Box မွာ ေအာက္ပါ Code ေတြ႔ကို ေသရွာစြာေရးထည္းလိုက္ပါ။

    var menuItem1:ContextMenuItem = new ContextMenuItem("Created by Adam"); var menuItem2:ContextMenuItem = new ContextMenuItem("Replay"); menuItem2.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT, context2Down); var customContextMenu:ContextMenu = new ContextMenu(); customContextMenu.hideBuiltInItems(); customContextMenu.customItems.push(menuItem1); customContextMenu.customItems.push(menuItem2); this.contextMenu = customContextMenu; function context2Down(event:ContextMenuEvent):void { myname.gotoAndPlay(1); }

16


အထက္ပါ Box မွာ အနီကြပ္နဲ႔ ျပထားတဲ့ ေနရာမွာ မိမိ ပထမဆံုး Symbol Box မွာ အနည္းနာမည္ကိုေရးထည္လိုက္ပါ။ ဒါဆိုရင္ Ctrl+Enter သာ ႏွိပ္ျပီးေတာ ၾကည္လိုက္ပါ။ Animation တတ္သြားရင္ Right Click ေထာက္ျပီးေတာ Replay ကိုႏွိပ္လိုက္ရင္ ပံုက ျပန္ေတာ အလုပ္လုပ္မွာပါ။ ကဲ့ သူငယ္ခ်င္မ်ား အားလံုးေပ်ာ္ရႊင္ႏိုင္ပါေစလို ဆႏၵျပဳလိုက္ပါတယ္။

17



No comments: