Monday, August 27, 2012

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

SWF ကို တင္လိုမရလို GIF နဲ႔ Save လုပ္ျပီး တင္ေပးလိုက္ပါတယ္...
Untitled 1

ကဲ့ အထက္ပါကဲ့သို႔ Mouse Wheel ပံုစံတစ္ခု လုပ္ၾကည္ရေအာင္.. Objects ကို Mouse Wheel နဲ႔ လုပ္လိုက္ရင္ Object ဟာ အၾကီးအငယ္ျဖစ္လာေအာင္.. Flash CS3 နဲ႔ Script Code ေတြ႔ကို အသံုးျပဳျပီး လုပ္ၾကည္ရေအာင္… ကဲ့ စရေအာင္ ပထမဆံုး Flash CS3 ကို ဖြင့္လိုက္ပါ။

1


Flash CS3 ကို ဖြင့္လိုက္ရင္ အထက္ပါ ကဲ့သို႔ ပြင္လာမွာပါ။ ျပီးေတာ အထက္ပါကဲ့သို႔ အနီကြပ္နဲ႔ ျပထားတဲ့ Flash File (ActionScript 3.0) ကို ေရြးခ်ယ္လိုက္ပါ။ ျပီးေတာ ေအာက္ပါ ပံုကဲ့သို႔ါ ျပီးေတာ ေအာက္ပါကဲ့သို႔ Size သတ္မွတ္ၾကည္ရေအာင္.. ကဲ့အဲဒါေၾကာင္ Windonw>Properties>Properties (Ctrl+F3) ကိုႏွိပ္လိုက္ပါ။



2


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


3


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

4

အထက္ပါ Box မွာ အနီကြပ္ေတြ႔နဲ႔ ျပထားတဲ့ Width: 600/ Height: 600 ထားပါ။ Background Color: မွာ မိမိၾကိဳက္သလို အေရာင္းကိုေရြးခ်ယ္ပါ။ ျပီးေတာ Frame Rate: 30 ထားလိုက္ပါ။ ျပီးေတာ Ok ပါ။

5


ကဲ့ ျပီးေတာ new Layer တစ္ခု ယူလုိက္ပါ။ ျပီးေတာ အဲဒီ Layer ကို နာမည္ တစ္ခုခုေပးလိုက္ပါ။

6


အထက္ပါ အနီကြပ္နဲ႔ ျပထားတဲ့ Insert layer ကို ႏွိပ္လိုက္ရင္ New Layer တစ္ခု ထပ္တိုးလာမွာပါ။ ျပီးေတာ အဲဒီ Layers ႏွစ္ခုကို နာမည္တစ္ခုခုေပးလိုက္ပါ။ ျပီးေတာ Tool Box က Rectangle Tool နဲ႔ Object ႏွစ္ခု ဆြဲ႔လိုက္ပါ။

7


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

8


အထက္ပါ အနီ Object ကို Select လုပ္ထားျပီးေတာ F8 ႏွိပ္လိုက္ရင္ အထက္ပါ Convet To Symbol Box ကို ေတြ႔ျမင္ရမွာပါ အဲဒီ Box မွာ Name: Redobject နာမည္ တစ္ခုခု ေပးလိုက္ပါ။ ျပီးေတာ Type: Movie Clip ကို အမွတ္ေပးထားလိုက္ပါ။ ျပီးေတာ Ok ပါ။ ျပီးေတာ အစိမ္းေရာင္ Object ကို Select လုပ္ျပီးေတာ F8 ႏွိပ္လိုက္ပါ။ ျပီးေတာ ေအာက္ပါ ကဲ့သို႔ ထားလိုက္ပါ။


9


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

10


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

11

ေအာက္က Code ေတြ႔ကို ေသာခ်ာစြာ ေရးေပးလိုက္ပါ။


    var deltaVar:int; var zoomAmount:int = 20; addEventListener(MouseEvent.MOUSE_WHEEL, wheely); function wheely(event:MouseEvent):void { deltaVar = event.delta; //trace(deltaVar); if (deltaVar > 0) { event.target.width += zoomAmount; event.target.height += zoomAmount; } else if (deltaVar < 0) { event.target.width -= zoomAmount; event.target.height -= zoomAmount; } }
ကဲ့ အထက္ပါ Code ကိုေရးျပီးသြားရင္ Ctrl+Enter ကိုသာ ႏွိပ္ၾကည့္လိုက္ပါ။ ဒါဆိုရင္ Object ကို တစ္ခ်က္ Click ျပီးေတာ Mouse Wheel ကို လုပ္လိုက္ရင္ Object က အၾကီးအငယ္ျဖစ္မွာကို ျမင္ေတြ႔ရမွာပါ. ကဲ့ အားလံုးေပ်ာ္ရႊင္ႏိုင္ပါေစလို ဆႏၵျပဳလိုက္ပါတယ္… Untitled 1



No comments: