Thursday, August 30, 2012

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

19

ကဲ့ အထက္ပါ ကဲ့သို႔ Working Object Animation ပံုစံတစ္ခု လုပ္ၾကည္ရေအာင္… ကဲ့ အဲဒါေၾကာင့္ Flash CS3 ကို ဖြင့္လိုက္ပါ။ ျပီးေတာ ေအာက္ပါ ပံုကဲ့သို႔ ေရြးခ်ယ္လိုက္ပါ။

1

အထက္ပါ ပံုကဲ့သို႔ Flash File (ActionScript 3.0) ကုိ ႏွိပ္လိုက္ပါ။ ဒါဆိုရင္ New Document တစ္ခု ရလာမွာပါ။ ျပီးေတာ Background Color နဲ႔ Size သတ္မွတ္ရေအာင္။။။

2


အထက္ပါ ပံုကဲ့သို႔ ပထမဆံုး Properties Box က အနီကြပ္ျပထားတဲ့ 1 ကို ကိုႏွိပ္လိုက္ရင္ အထာက္ပါ Document Properties Box က်လာမွာပါ။ အဲဒီ Box မွာ Width: 500 / Height: 500/ Background Color: black / Frame Rate: 30 ထားလိုက္ပါ။ အဲဒါကေတာ Document Size သတ္မွတ္ျခင္းျဖစ္ပါတယ္ မိမိစိတ္ၾကိဳက္သတ္မွတ္ႏိုင္ပါတယ္။ ျပီးေတာ Ok ပါ။ ဒါဆိုရင္ Background Color နဲ႔ Document တစ္ခု ရရိွျပီးျဖစ္မွာပါ။

3


ကဲ့ျပီးေတာ Tool Box က Tool တစ္ခုခုကို ယူျပီးေတာ မိမိၾကိဳက္ႏွစ္သက္ရာ Object တစ္ခု ဆြဲလိုက္ပါ။ ကဲ့ ကြ်န္ေတာ္ကေတာ ေအာက္ပါ ကဲ့သုိ႔ Object တစ္ခု ဆြဲ႔လိုက္ပါတယ္.. သူငယ္ခ်င္မ်ားေလး မိမိၾကိဳက္ႏွစ္သက္သလိုမ်ိဳ႔ ဆြဲႏိုင္ပါတယ္.။။

4


အထက္ပါ ကဲ့သို႔ မိမိၾကိဳက္ႏွစ္သက္သလိုမ်ိဳ႕ Object ဆြဲ႔ျပီးသြားရင္ အဲဒီ Object ကို Selection လုပ္ျပီးေတာ F8 ႏွိပ္လိုက္ပါ။ ျပီးေတာ ေအာက္ပါ ကဲ့သို႔ Box တစ္ခု ေပၚလာမွာပါ။

5


အထက္ပါ Convert To Symbol Box မွာ Name: naylurn ေပးလိုက္ပါတယ္.။ ျပီးေတာ Type: Movie Clip ကို အမွတ္ေပးထားလိုက္ပါ။ ျပီးေတာ Class: Naylurn ေပးထားလုိက္ပါတယ္။ ျပီးေတာ Ok ေပါ့။

6


ျပီးေတာ အထက္ပါ ပံုကဲ့သို႔ ActionScript Class Warning ဆိုျပီး Box တစ္ခု က်လာမွာပါ။ Ok သာ ႏွိပ္လိုက္ပါ။

7


ကဲ့ျပီးေတာ အထက္ပါ Object ကို Delete လုပ္လိုက္ပါ။ ျပီးေတာ Library Box ထဲ့က Object ကို ယူလိုက္ပါ။

8


အထက္ပါ ပံုမွာ Document ထဲမွာ ရိွတဲ့ Object ကို Delete လုပ္လိုက္ပါျပီး ေဘးနားက Library Box ထဲက Object ကို Click ႏွစ္ခ်က္ ခ်လိုက္ပါ။ ဒါဆိုရင္ ေအာက္ပါ ကဲ့သို႔ ေတြ႔ျမင္ရမွာပါ။

9


အထက္ပါ ပံုကဲ့သို႔ Library Box ထဲက Object ကို Click ႏွစ္ခ်က္ ခ်လိုက္ရင္ Document Box ထဲ့သို႔ ေရာက္လာမွာပါ။ ကဲ့ျပီးေတာ အဲဒီ Object ကို F8 ႏွိပ္လိုက္ပါ။ ျပီးေတာ ေအာက္ပါ ကဲ့သုိ႔ ထားလိုက္ပါ။

10


အထက္ပါ Box မွာ Name: naylurn လိုအမည္ေပးလိုက္ပါတယ္. ျပီးေတာ Ok ပါ။ ကဲ့ျပီးေတာ Layer Box မွာ Frames 15 ေလာက္မွာ Click ခ်ျပီးေတာ F6 ႏွိပ္လိုက္ပါ။

11


ျပီးေတာ Frames အလယ္မွာ Right Click ေထာက္လိုက္ပါ၊ ေပၚလာေသာ Box မွာ

12


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

13


အထက္ပါ ကဲ့သို႔ အနည္းေလာက္ Rotate လုပ္ျပီးရင္ ေနာက္ထပ္ ေအာက္ပါ ပံုကဲ့သို႔ Frames ကို တစ္ခု ထပ္ထိုျပီးအည္းငယ္ေလာက္ Rotate လုပ္ေပးလိုက္ပါ။

14


အထက္ပါကဲ့သို႔ လုပ္ျပီးသြားရင္ ေအာက္ပါ အနီကြပ္နဲ႔ ျပထားတဲ့ Scene1 ကို ႏွိပ္လိုက္ပါ။

15


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

16


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

17


အထက္ပါ Actions Box မွာ ေအာက္ပါ ကဲ့သို႔ Code ကို ေရးလိုက္ပါ။ Code ကုိ အညီအက်ေရးပါ ေတာ္ေတာ္အေရးၾကီးပါတယ္ေနာ္… တစ္လံုးမွားရင္ သူက အလုပ္မလုပ္ပါဘူး..

    var position:Number = 200; var rot:Number = 0; addEventListener(Event.ENTER_FRAME, onEnterFrame); function onEnterFrame(event:Event):void { var e1:naylurn = new naylurn(); e1.x = position; e1.y = position; e1.rotation = rot; addChild(e1); position++; rot++; } var secs:Timer = new Timer(1000, 3); secs.addEventListener(TimerEvent.TIMER_COMPLETE, onTimerComplete); secs.start(); function onTimerComplete(event:TimerEvent):void{ removeEventListener(Event.ENTER_FRAME, onEnterFrame); }

အထက္ပါ Code ေတြ႔ကို ေအာက္ပါ Box မွာ ေသခ်ာေရးထည္းပါ။

18


အထက္ပါ အနီကြပ္နဲ႔ ျပထားတဲ့ ေနရာမွာ မိမိ F8 ႏွိထားတဲ့ Box မွာ အမည္းကိုေရးထည္းပါ။ အနီကြပ္ ၃ မွာ မိမိ Object ကို အနည္းအမ်ားလုပ္ျခင္းျဖစ္ပါတယ္။ ဒါဆိုရင္ Ctrl>Enter နဲ႔ ၾကည့္လိုက္ပါ။ ဒါဆိုရင္ Object အလုပ္ လုပ္ျခင္းကိုေတြ႔ျမင္ရမွာပါ။
ကဲ့ အားလံုးေပ်ာ္ရႊင္ႏိုင္ပါေစလို ဆႏၵျပဳလိုက္ပါတယ္။


19

No comments: