Flash-Action

Edit เพิ่ม 04 Jan 2009

lannalomo

(คลิกเพื่อดูขนาดใหญ่ได้ครับ)

ลองทำดูเล่นๆครับ

ตอนนี้ยังไม่จริงจังอะไรมาก

ขอเคลียร์งานของอาจารย์ที่สั่งมาก่อน

เพราะตอนนี้ งานมันเยอะท่วมหัวจนไม่รู้จะว่ายังไงแระ

เออ...มาพูดถึงเรื่อง e-book หรือว่า flip book กันต่อนะครับ

ตรงนี้ผมขอยิง link ไปไว้ข้างนอกให้ไปดูกันเล่นๆนะครับ

หรือว่าใครอยากจะโหลดไปก็ได้ครับ

คลิกที่นี่เพื่อเข้าไปดูในเว็บ

คลิกที่นี่เพื่อโหลดตัว exe มาอ่าน

(สอง link ด้านบนโหลดและดูได้ถึงวันที่ 20 นะครับเพราะ host จะปิดตัวลงแล้ว

ผมยังไม่ได้หาโฮสใหม่เลย TwT)

มันก็ดีคนละอย่างนะครับ

คือถ้าเป็นตัว exe มันเล่นได้หมดเลย หมายถึงไม่ต้องมีโปรแกรมอะไรก็อ่านได้น่ะล่ะครับ

แต่ขนาดไฟล์ใหญ่โคตรอ่ะ ส่วน swf ก็เล็กแต่ว่าในเครื่องต้องมี flash ครับ

เรื่องแกะโค้ดมาดูนั้นผมว่าไปดูของพวกต่างประเทศก็น่าจะดีนะครับ

ลองไปหาใน google ดูนะครับ เพียบเลย

ไม่ใช่่ว่าผมขี้เกียจนะ แต่ คุณลองไปดูเถอะครับ...มันเยอะล้นฟ้าจริงๆนะ

อืม....เกือบลืม

สำหรับ How to ...หรือว่าพวก Tutorials.นั้น.....หาได้ไม่ยากเลยครับ

ใน CG+ นั่นเอง จะ เข้าไปดูก็คลิกที่นี่ ได้เลย

Source file หรือว่าตัวเนื้อไฟล์ ก็ คลิกเบาๆตรงนี้

Tutorials PDF file จิ้มโลดดดด

ลองทำตามๆที่ howto เค้าบอกครับ ไม่ยากเกินความสามารถครับ

(ถ้าคุณแน่อย่าแพ้ปอฉี่)

 

อ่าาาาา ..... ตะกี้ข้าม shot ไปนิดหน่อย คือตัว exe กับ swf อ่ะครับ

สำหรับคนที่อยากจะแกะโค้ดนะครับ ตัวถ้าเป็นตัว swf ผมขอแนะนำ Sothink SWF Decompiler ครับ

ส่วนใครที่ไปโหลดมาแล้วได้เป็นตัว exe นั้นผมไม่แน่ใจว่ามันต้องแปลงเป็น swf ก่อนรึป่าว

เพราะตอนนี้ผมใช้ตัวนี้ครับ Flash Convert มันแปลงเป็น fla ได้เลยอ่ะ - -" แต่ติด license นิดๆหน่อยๆ ^^

แต่ไม่ใช่ปัญหา เพราะผมใช้ Revo Uninstaller เอาน่ะ....เลยไม่ต้องกังวลเท่าไร แฮ่ๆ

 

เข้ามาดูตัว ebook กัน

lannalomo

มันพับได้เหมือนจริงมากเลยครับ โอ้วพระเจ้าช่วยกล้วยไข่ จ๊าบจริงๆ

ตัว Source file ที่โหลดมานั้นจริงๆเค้าทำมาให้เราเสร็จสรรพแล้วล่ะครับ

lannalomoนี่ไงหลักฐาน

เอาล่ะครับ ทีนี้เราจะมาใส่ของกันนิดๆหน่อยๆ

หลังจากที่ไปแกะโค้ดชาวบ้านเค้ามา คุคุคุ

เริ่มจาก การทำ link ไปนอก flipbook ของเรากันก่อนครับ

ตรงนี้ผมใช้ตัวหนังสือแล้วค่อย convert เป็น button นะครับ

จากนั้น ก็ F9 ใส่ Action Script ลงไปครับ (ต่อไปผมจะเรียก Action Script ว่า AS นะครับ)

on (release)
{
getURL("URL ของเว็บที่เราจะ link ไป ", "_blank");
}

### ก่อนจะใส่ AS ลงไปให้คลิกปุ่มที่เราทำำขึ้นมาให้มันเป็นแถบดำๆแนวๆนี้ก่อนเน้อ

lannalomo

แต่ยังก่อน จอร์จ มันยังไม่จบง่ายๆ....

เพราะเมื่อเราลองทดสอบจะเห็นได้ว่าเวลาเรา mouse on over บน link

มันจะวางได้เฉพาะบนตัวหนังสือเท่านั้น ทีนี้เราจะมาทำกรอบให้กับมันครับ

lannalomo

โดยการ double คลิกเข้าไปที่ปุ่มเลยจากนั้นก็สร้างรูปสี่เหลี่ยมผืนผ้าสีอะไรก็ได้ครับขึ้นมา

วางทับ link ที่เราทำไปตอนแรกเลยครับ

แล้วปรับ Alpha ให้มันเป็น 0(ศูนย์) ซะ....แค่นี้ล่ะครับ

 

ต่อไป AS สำหรับปุ่มปิด สำหรับตัวที่ compile exe นะครับ

on (release)
{
fscommand("quit", "true");
}

เออ....ตรงนี้ถามว่าทำไมต้องใส่...

ผมก็จะบอกว่า......

"ผมลืมเองล่ะครับ.....ก่ากกกกก.......ช่วงนี้อัลไซเมอร์กำเริบซะแล้ววววววว"

คือถ้าเป็น source file ที่โหลดไปเวลาใช้ มันจะไม่เปิดเต็มหน้าจอ ใช่มั้ยล่ะครับ

ไม่ยากครับ โดยการใส่ AS นี้ลงไป

fscommand("fullscreen", "true");

แล้วใส่ลงไปตรงไหนล่ะครับ.....????

ก็ใส่ลงไปตามนี้เลยครับ

lannalomo

layer ที่ชื่อว่า action ช่องที่ 6 ใส่ลงไปบรรทัดสุดท้ายก็ได้ครับ

แ่ค่นี้ตัว exe เวลาเราเปิดมันก็จะเต็มหน้าจอ แล้วล่ะครับ

 

สุดท้ายครับ คือ AS link เพจภายใน flipbook ของเราเอง

on (release)
{
_root.gotoPage(2, true);
}

ในวงเล็บคือเลข 2 นั่นก็คือหน้าที่เราจะให้ flip book ของเราเปิดไปนั่นเอง

 

ฟู่วววว....เมื่อวานนั่งทำไปงมเข็มไป...ใช้เวลาครึ่งวันแน่ะ

เหนื่อยเอาเรื่องนิดหน่อยเหมือนกันแฮะ... - -"

ช่วงนี้ขอหายตัวไปนั่ง ปั่นงานที่ยังค้างคาก่อนเด้อครับ

 

 

สุข.......สวัสดี.....ชาวไทย....

วันนี้เดี๋ยวก่อนจะถึงตอนเย็นขอมีสาระหน่อยก็แล้วกัน

เห็นช่วงนี้ how to ต่างๆ บูมกันเหลือเกิน ไม่เ้ว้นแม้แต่ flash

วันนี้ผมเลขขอสำเสนอ how to ที่โคตะระจะง่าย

หรือไม่ง่ายกันแน่หว่า...อ่ะจึ๋ย..- -"

เอาน่าๆต้องทำได้กันล่ะน่าเพราะใน กุ๊กกู๋ของเรามีตัวอย่างเพียบ ฮ่าๆ

วิธีนี้อาจจะเป็นวิธีง่่าวๆ....ง่าวเน้อ....บ่ได้ง่าย...ของตัวผมเอง

ไปนั่งแกะโค้ดชาวบ้านเกือบ ครึ่งชั่วโมง

แต่ไปค้นในกุ๊กกู๋ แค่ไม่ถึงหนึ่งนาที....เห้อ....กำเลยตูเอ้ย...

ว่าแล้วไปดูปัญหากันดีกว่าครับ

จากภาพด้านบน....มันก็เป็นกับ flash นั่นล่ะเด้อ

เวลาเราเอาเม้าส์เราไปจิ้มๆมันจะมีขอบๆพร้อมกับข้อความแนวๆว่า

click to activate and use this control

หรือไม่ก็เทือกๆว่าให้กด Enter / Space bar ก่อนถึงจะใช้งานได้

หน่ายน๊ายหน่าย....<<<(เอามาจาก luckyman)

มาดูสิ่งที่ต้องเตรียมกันดีกว่าครับ

  1. hosting ฟรีๆดีๆสักหนึ่งอัน
  2. ไฟล์ AC_RunActiveContent.js หนึ่งตัว จิ้มโลดโหลดฟรี
    (เอาโฮสต์ของหลวงมาใช้นี่ผิดมั้ยนิ)
  3. ขาดไม่ได้ไฟล์ flash เหยื่อของเรานั่นเอง

ส่วนวิธีการนั้นก็ไม่ยากแล้วก็ไม่ง่ายครับ

  • เปิด dream มาก่อนเลย...(จะว่าไปก็ง่ายดีเน๊อะ editor ตัวนี้อ่ะสารพัดประโยชน์)
  • ต่อด้วยการแทรกไฟล์ flash ครับ

    ก็จิ้มไปที่ สัญลักษณ์ flash เลยแล้้วก็เลือก flash ของเราแล้วก็ ok
    หรือถ้าไม่มีก็ตาม Step ข้างล่างนี้เลยครับ
  • เอาล่ะครับต่อไปก็ถึงการแก้ผ้า....เอ้ยไม่ใช่ แก้codeตะหาก...หุหุ
    ภาพมันเล็ก คลิกที่ภาพเพื่อดูขนาดใหญ่ได้ครับ

    จะเห็นว่าที่ผมไฮไลท์สีเหลืองๆหน่อย นั่นคือ code ที่เพิ่มเข้ามาครับ
    สีเขียวๆก็จะเป็นตัว flash ที่ insert เข้ามา
    ส่วนจุดสังเกตุสีแดงๆนะครับ นั่นคือตัวที่เราจะต้องแก้เพิ่มครับ
    เิริ่มจาก width height ที่ขนาดต้องเท่ากับ flash ของเรา
    ส่วนอีกสองตัวด้านหลัง ที่เห็นเป็น index[1] นั่นคือชื่อ flash ของเราครับ
    โดยที่ไม่่ต้องมีนามสกุล .swf ตามหลัง


  • ข้อควรระวัง เช็คพาธด้วยนะจ๊ะ

  • เท่านี้ล่ะครับก็ลองอัพโหลดทั้งหมดขึ้น host ได้ทันที
  • ทีนี้ลองมาดูตัวอย่างที่ผมทำเสร็จแล้วดูนะครับ
    จิ้มที่นี่เพื่อดูตัวอย่างที่เสร็จแล้ว โลดจ๊าาา
    (ไปก๊อบโค๊ดมาได้ตามสบายเลยจ้า)

*** ผมไม่ขอพูดถึงการนำมาใช้ ใน exteen นะครับเพราะผมคิดว่าแต่ละคนก็มีวิธีที่เป็นของตัวเอง
มีอิสระในการคิดเอง...อิอิ **

ความจริงใน google ตัวอย่างก็มีเยอะเหมือนกันนะครับ ลองไป search หาดูครับคำว่า

click to activate and use this control

ตัวอย่างเพียบเลยใช่มั้ยล่ะ...

ถือว่าเป็นการแชร์ความรู้ดีกว่าครับ...อยากให้คนได้รู้กันเยอะๆ...ผมว่ามันสนุกดีนะที่ได้

ให้ทุกคนรู้มากๆ....ยิ่งรู้มากคุยกันก็ได้มากขึ้น มีเรื่องคุยเยอะขึ้นด้วย...อิอิ

เอาล่ะครับขอตัวไปปั่นงานก่อนก็แล้วกันครับ จะส่งวันเสาร์นี้แล้ว ...บรึ๊ยๆ...

บ๋ายบายครับ...

ปล.ขอขอบคุณ flsh สวยๆจากเว็บ 1001click.com ครับ

แล้วอย่าไปบอกอาจารย์นะว่าผมแอบใช้ host ให้โหลดตัว java อ่ะ...กลัวโดนด่าจังแฮะ