วันพุธที่ 2 กรกฎาคม พ.ศ. 2557

สร้างปุ่มใน Flash ให้เชื่อมโยงไปเว็บ (Cross-Domain Button)


สำหรับผู้เริ่มต้น หรือนักออกแบบกราฟิก ที่ไม่ถนัดเขียน code ของ Flash
แต่อยากได้ปุ่ม ที่กดแล้วเชื่อมโยงไปเว็บ
การเขียน code นั้น ขึ้นกับเวอร์ชัน ActionScript ของ Project ที่สร้าง
หาก Project เป็น ActionScript 2 การเชื่อมโยงเว็บ จะใช้แค่คำสั่ง getURL สั้นๆ
แต่ถ้าเป็น ActionScript 3 แล้วล่ะก็ จะยุ่งยากขึ้นอีกนิดนึง (จริงหรือ?)

Project แบบ ActionScript 2

1) หลังจากสร้างรูปปุ่ม และลากมาวางบนจอ
2) กดคีย์ F9 เปิดหน้าต่าง Actions เพื่อเติม code
1
2
3
on (release) {
    getURL("http://www.reanlad.com", "");
}
3) สร้าง Movie ด้วยการกดปุ่ม Ctrl และ Enter แล้วทดสอบดู
4) เมื่อพอใจ ก็นำ Movie ที่ได้ไปใช้ในหน้าเว็บ

ทุกครั้งที่กดปุ่ม หน้าเว็บจะเปลี่ยนไปยัง http://www.reanlad.com ตามกำหนดใน code
มันเป็นเรื่องแปลก ที่ Movie บนหน้าเว็บของเรา กดปุ่มแล้ววนกลับมาเว็บตัวเอง
แก้ code ใหม่ ดังนี้
1
2
3
4
on (release) {
  var u = "http://www.reanlad.com";
  if (_url.indexOf(u) < 0) getURL(u, "");
}

Project แบบ ActionScript 3

1) สร้างรูปปุ่ม และลากมาวางบนจอ พร้อมกับตั้งชื่อ Instance, สมมติว่าตั้งเป็น “btn” ก็แล้วกัน
2) สร้าง layer ใหม่ แนะนำว่าเป็น layer บนสุด
3) คลิกลงไปใน frame แรก
4) กดคีย์ F9 เปิดหน้าต่าง Actions เพื่อเติม code
1
2
3
4
5
6
7
8
9
btn.addEventListener(MouseEvent.CLICK, onClick);
 
function onClick(e:MouseEvent):void {
  var u:String = "http://www.reanlad.com";
  if (loaderInfo.url.indexOf(u) < 0) {
    var req:URLRequest = new URLRequest(u);
    navigateToURL(req);
  }
}
5) ทดสอบ Movie ดู แล้วค่อยเอาลงในเว็บ
, 

เขียนโดย ที่

ไม่มีความคิดเห็น:

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

สมัครสมาชิก: ส่งความคิดเห็น (Atom)