Sunday, September 9, 2012

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

14


ကဲ့ အထက္ပါ ပံုကဲ့သို႔ Drawing Object ပံုစံတစ္ခုလုပ္ၾကည္ရေအာင္.. အဲဒါေၾကာင္ Flash CS3 ကို ဖြင့္လိုက္ပါ။

1

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

2

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

3


အထက္ပါ အနီကြပ္နဲ႔ ျပထားတဲ့ ေနရာေတြ႔မွာ မိမိၾကိဳက္ႏွစ္သက္သလို Size ေတြကိုထားလိုက္ပါ. ျပီးေတာ Background Color ကိုေလး မိမိၾကိဳက္သလို ထားလိုက္ပါ။ ဒါတိုရင္ ေအာက္ပါ ကဲ့သို႔ Document တစ္ခု ရလာမွာပါ။

4


ကဲ့ အထက္ပါကဲ့သို႔ လုပ္ျပီးသြားရင္ Tool Box က Rectangle Tool ကို ယူလိုက္ပါ ျပီးေတာ ေအာက္ပါ ကဲ့သို႔ Background Object တစ္ခု ဆြဲလိုက္ပါ။

5


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

6


အထက္ပါ Convert To Symbol Box ထဲမွာ Name: မွာ နာမည္ တစ္ခုခုေပးလိုက္ပါ ။ Movie Clip ကို အမွတ္ေပးလိုက္ပါ။ ကြ်န္ေတာ္ကေတာ ကြ်န္ေတာ္နာမည္ကို ေပးလိုက္ပါတယ္ ျပီးေတာ Ok
ျပီးေတာ ေအာက္ပါ ကဲ့သို႔ ပံုကိုၾကည္လိုက္ပါ။


7

အထက္ပါ ပံု Properties Box ထဲမွာ အနီကြပ္နဲ႔ ျပထားတဲ့ ေနရာမွာ Naylurn ဆိုျပီးေရးလိုက္ပါ။
ကဲ့ျပီးေတာ New Layer တစ္ခု ယူလိုက္ပါ။ ေအာက္ပါ ပံုကိုၾကည္ပါ။


8


အထက္ပါ ပံုမွာ အနီကြပ္နဲ႔ ျပထားတဲ့ Insert Layer ကို ႏွိပ္လိုက္ပါ။ ဒါဆိုရင္ new Layer တစ္ခု ရလာမွာပါ။
ကဲ့ျပီးေတာ Tool Box က Oval Tool ကို ယူလိုက္ပါ။ အျပီးေတာ ေအာက္ပါ ကဲ့သို႔ Object တစ္ခုခု ဆြဲလိုက္ပါ။


9


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

10


အထက္ပါ ကဲ့သို႔ Convert To Symbol Box ထဲမွာ နာမည္ တစ္ခုခုေပးလိုက္ပါ။ ျပီးေတာ Ok ႏွိပ္လိုက္ပါ။ ျပီးေနာ ေနာက္ထပ္ Properties Box ထဲမွာ ေအာက္ပါ ကဲ့သို႔ နာမည္တစ္ခုခုေပးလိုက္ပါ။

11


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

12


အထက္ပါ ကဲ့သို႔ လုပ္ျပီးသြားရင္ Action Box မွာ ေအာက္ပါ ကဲ့သို႔ Code ကို ေသရွာစြာေရးထည့္လိုက္ပါ။

    var var imgWidth:Number = soe.width; var imgHeight:Number = soe.height; var rectWidth:Number = nay.width; var rectHeight:Number = nay.height; var rectX:Number = nay.x; var rectY:Number = nay.y; // Do math to correctly make the drag bounds using values attained above var boundWidth = rectWidth - imgWidth; var boundHeight = rectHeight - imgHeight; // Now apply the variable numbers with the math we want as bounds var boundsRect:Rectangle = new Rectangle(rectX, rectY, boundWidth, boundHeight); // Enable drag soe.addEventListener(MouseEvent.MOUSE_DOWN, DragImage1); function DragImage1(event:MouseEvent) { // Here you see we apply the boundsRect when they drag soe.startDrag(false, boundsRect); } // Stop drag soe.addEventListener(MouseEvent.MOUSE_UP, DropImage1); function DropImage1(event:MouseEvent) { soe.stopDrag(); }

အထက္ပါ Code ကို ေသေသရွာရွာေရးထည့္လိုက္ပါ။

13

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


14



No comments: