picpost

Share |

ท่านใดที่นำบทความนี้ไปเผยแพร่ที่เว็บหรือบล็อกของท่านกรุณาทำลิงค์กลับมายังบทความต้นฉบับด้วยนะคะ ขอบคุณค่ะ

การทำ zoom in, zoom out, drag ในเฟลช (flash8)



By : Admin

Date write : 2008-09-29 06:34:19   Date update : 2008-10-01 22:01:10



วันนี้แอบทำงานคนอื่่น ในเวลางาน

คือได้โจทย์มาว่า "ทำแบบนี้ได้มั้ยฝ้าย " --->ตามลิงค์นี้

มันก็ใช้เฟลชทำ โดยใช้เมาส์ซูมเข้าออกได้ แล้วก็ลากดูรูปไปมาได้

ดูตอนแรกก็ไม่น่าจะยาก เพราะเคยทำแนวนี้มาก่อน แต่ค่อนข้างนะนานแล้ว

สมองทำการ auto delete ความทรงจำ เหอๆ --" ต้องใช้เวลารื้อฟื้นกันก่อน

ทำเสร็จก็เขียนบล็อคเอาไว้อ่านทีหลังได้

 

วิธีการทำ

- ต้องมีโปรแกรมเฟลช อ่ะ ชัวร์อยู่แล้ว และต้องมีความรู้ทาง action script

- เริ่มด้วยการใส่รูปภาพเข้าไป ใช้รูปใหญ่ๆ ที่ชัดเจน

- ทำรูปภาพนั้นเป็น mc(movie clip) ตั้งชื่อ mc เป็น mymc(ตั้งให้แนวกว่านี้ไม่ได้เรอะ) แล้วใส่โค๊ดบน mc ดังนี้

on(press) {
startDrag(this);
_root.answer1="";
}

on(release) {
stopDrag();
if (this._droptarget == "/bow") {
_root.answer1="Correct";
}
else{
_root.answer1 = "wrong";
}
}

 

- แล้วก็สร้างปุ่มขึ้นมาชื่อว่า zoombot,zoomin,startbot

- เพิ่มเฟรม action ขึ้นมา ใส่โค๊ดดังนี้

/////////////////////set begin
with(mymc){
_xscale =30;
_yscale =30;
_x=110.6;
_y=-3;
}

//////////////////// for zoom scroll mouse
mouseWheelListener = new Object();
mouseWheelListener.onMouseWheel = function(delta) {
if(delta > 0){
mymc._xscale*=0.9;
mymc._yscale*=0.9;
}else{
mymc._xscale*=1.1;
mymc._yscale*=1.1;
}
}
Mouse.addListener(mouseWheelListener);

/////////////// on back to start botton click
startbot.onRelease = function() :Void{
with (mymc){
_xscale =30;
_yscale =30;
_x=110.6;
_y=-3;
}
}

/////////////// on zoom out botton click

zoombot.onRelease = function():Void{
with (mymc){
_xscale -=10;
_yscale -=10;
}
}

/////////////// on zoom in botton click
zoomin.onRelease = function():Void{
with (mymc){
_xscale +=10;
_yscale +=10;
}
}

- แค่นี้ก็เสร็จละ แต่กว่าจะเสร็จต้องเปิดเว็บกันหลายตลบ

 ลองดาวน์โหลดไปแตกไฟล์ดู ตามลิงค์นี้ http://www.downoad.ie-mem.com/myfile/zoomin_zoomout.rar

มีแต่ไฟล์นามสกุล .swf  นะคะ

เอาไว้ดูได้ แต่หากมีโปรแกรมแตกเฟลช ก็สามารถแตกเฟลชนำมาแก้ไขได้

ไฟล์เก่าชอบหาย ดีที่เก็บไว้บนเว็บไซต์ ไม่งั้นไม่เหลือแม้แต่วิญญาณ คงจำไม่ได้ด้วยซ้ำว่าตัวเองเคยทำ

 

ขอขอบคุณความรู้จากไซเบอร์

http://www.thescripts.com/forum/thread741914.html

http://www.flashadvisor.com

http://www.actionscript.org/

 

ปล. อินเตอร์เน็ตมีประโยชน์หากรู้จักใช้

เพิ่มเติมอีกหน่อย พอดีไปเจอไฟล์เก่าเข้า

มีไฟล์ original นามสกุล .fla ที่นำไปแก้ไขได้มาให้ค่ะ

แพ็คเป็นไฟล์ .rar นะคะ

ดาวน์โหลดเฟลชได้ที่นี่ http://download.ie-mem.com/myfile/flash_zoomin_zoomout_drag_pack_original.rar





" ความคิดเห็นใหม่อยู่ด้านบนค่ะ "

 

คอมเมนต์ แสดงความคิดเห็น

โดย*   Guest  [ Login | สมัครสมาชิกที่นี่]
รายละเอียด*
รหัสป้องกันสแปม*   ขอรหัสใหม่


กรอกตัวอักษรตามรูปด้านบน
   
 
 



แว่นตาแฟชั่น แว่นสายตาแฟชั่น แว่นตามิกกี้เมาส์ แว่นตาแบบ อั้ม พัชราภา แว่นตาแบบ ชมพู่ อารยา แว่นตาทรงกลม แว่นตาแฟชั่น
แว่นแฟชั่น