AODTO : Flash ActionScript and FLEX

Archive for September 2007

Posted on: September 16, 2007

วันนี้ก็ไปทำกิจกรรม โครงานสังคม
เหนื่อยจริงๆ ขนาดไม่ค่อยได้ทำนะเนี่ย (อิอิ)

คุมเด็ก ยากมากๆ เสียงดัง วุ่นวายจริงๆ
แต่ก็โอเค ผ่านมาได้ด้วยดี ฮุฮุ

เสร็จกันซักที กว่าจะทำได้ งานนี้เอาซะไม่ได้ทำอะไรกันเลย
เพราะประชุมกัน สุดยอด จริงๆ

ผ่านเทรมนี้ไปได้ คงดีไม่น้อย แต่ก็สู้ๆ ต่อไปเอาให้ผ่านเทรมนี้ไปได้
คะแนนน้อย เกือบทุกวิชา จะลอดไหมเรา เทรมเนี่ย

—————————————————-

โดยเฉพาะ Discrete Mathmatics ยากจริง
เรียนไม่ทันเลย ก็เลยนั่งดู E-Learning ตอนกลับจากทำกิจกรรม
ดูได้ ครึ่งชั่วโมง หลับตื่นอีกที บ่าย 3 กว่าๆ ง่า

ต้องลุกขึ้นมาดูต่อ จนจบ อิอิ
สุดๆ อะไรจะลำบากขนาดนี้ ชีวิต
แต่ดู เรื่องพวก Set , Operaton , Function , Sequence นะ
ไม่ได้ดูเรื่องตอน สอบ Final เลย

เพราะขนาด midterm ยังไม่ค่อยรู้เรื่อง อิอิิ
แล้วก็มีเสียง สวรรค์ดังขึ้น ไอ้เจ้า Doraemon นั้นเอง
มันบอกว่า กินข้าวยัง ไปกินข้าวกัน
เราก็ยังไม่กิน ก็ออกไปที่ เรือนทรัพย์ คาเฟ่

พอออกมากิน ดันจะไปกิน หมูกระทะ ซะงั้น ไม่ได้เตรียมตัวเลย
เอา ไปก็ไป
ไปกินที่ อูข้าวอูน้ำ อร่อยใช้ได้
ดีกว่า แถวๆนี้เหมือนกัน

พอกลับมาจากกิน หมูกระทะ ก็มานั่งทำงานต่อ เซ็งจิต

ชีวิตของเรา วุ้นวายขนาดนี้

Step 1
ให้เราสร้างไฟล์เอกสาร มาตามปกตินะครับ คงสร้างกันเป็นนะครับ

Converting a circle to a symbol

ต่อไปเราจะเห็นมี หน้าเอกสาร เปล่าขึ้นมา แล้วดูที่ Panel Layer
โปรแกรม Flash จะทำการสร้าง Layer ให้เรา 1 Layer นะครับ
เราสามารถ วาดงาน อะไรได้เลย แต่ในที่นี้ เราจะมาสร้าง การทำภาพเคลื่อนไหว
แบบ Motion Tween นะครับ
ให้เราเปลี่ยนชื่อตามต้องการนะครับ โดยการเปลี่ยนชื่อให้ ดับเบิ้ลคลิกที่ Layer นั้น แล้วพิมพ์
ชื่อที่เราต้องการ อะไรก็ได้ แล้วกด Enter ไป

Renaming Layers in Flash

Step 2
ที่ Stage ของเราจะว่างเปล่านะครับไม่มีอะไร
ให้เราไปคลิกที่ Frame ที่ 1 ที่อยู่ใน Layer ที่เราพึ่งตั้งชื่อเมื่อกี้นี้นะครับ
แล้วไปที่ Panel Tools ซึ่งก็คือหน้าต่างเครื่องมือของเรา

ให้คลิกที่ Oval Tool Flash Oval Tool แล้วให้เราเลื่อนเมาท์ไปวาดรูปที่ Stage ของเราวาดอะไรก็ได้
ใครชอบเล็กชอบใหญ่ก็วาดเข้าไป

Step 3
เราจะทำ Animation การเคลื่อนที่ จากที่หนึ่งไปอีกที่หนึ่ง
คือจาก ซ้าย วิ่งไปทางขวา ดังนั้นรูปที่เราวาดนั้นเรา จะต้องย้ายมันมาทางซ้าย ก่อน
จะได้มีพื้นที่ในการวิ่ง จาก ซ้าย ไป ขวา
– ให้เราไปคลิกที่ Arrow tool Flash Arrow tool
เพิ่มจะไปเลือกที่วงกลมของเรา สังเกตจากรูปด้านล่าง ถ้ามีการเลือกที่วงกลม รูปวงกลมนั้นจะเป็นจุด
ถ้าเราไม่ได้เลือกที่ วงกลม มันก็จะเป็นเนื้อรูปวงกลม ธรรมดา

Selected and unselected objects

การทำการเคลื่อนไหวแบบ Motion Tween นั้นจะมีกฏอยู่ง่ายๆ ว่า
การจะให้วัตถุเคลื่อนที่นั้น วัตถุนั้น จะต้องจับกลุ่มเป็นก้อนเดียวกัน
ดังนั้น จะสังเกตเห็นว่ารูปวงกลมเรานั้น จะมีการแยก เส้นขอบและ เนื้อวงกลมออกจากกัน
เราจะได้ทำการ Group หรือทำให้ เส้นและเนื้องานนี้เป็น อันเดียวกัน
หรือเราจะแปลงให้ รูปที่เราวาดเป็น Symbol ต่างๆก็ได้ (ดูได้จากหัวข้อการแปลงวัตถุเป็น Symbol)

ในที่นี้ เราจะแปลง วัตถุที่เราวาดเป็น Symbol แบบ Graphic

วิธีการแปลงก็ให้เรา

– ลากเมาท์ค้าง แล้วลากคุม รูปวงกลมที่เราวาด ก็จะทำให้รูปวงกลมที่เราวาด เป็นจุดๆ เหมือนรูปตัวอย่างด้านบน
– หรืออีกวิธีที่ง่าย ให้เรา ดับเบิ้ลคลิก ที่รูปวงกลมก็ได้ จะเป็นการเลือกวัตถุเหมือนกัน
ส่วนตัวผมทำวิธีนี้เหละ เร็วดี
– แล้วให้คลิกที่เมนู Insert – Convert to Symbol.

Symbol properties window

– จะมีหน้าต่าง โชว์ขึ้นมา ให้เราตั้งชื่อของ Graphic ของเราตามต้องการ ในที่นี้จะตั้งชื่อว่า Ball
– เลือก Type ที่ช่อง Behavior เป็นแบบ Graphic
– ได้แล้วให้คลิกที่ปุ่ม OK เปิดหน้าต่าง Library ขึ้นมา โดยคลิกที่เมนู window > Library
หรือกด Ctrl+L ก็ได้
– เราก็จะเห็น Item ชื่อ ball อยู่ในหน้าต่าง Library ของเรา

Step 4
การสร้างการเคลื่อนที่จากที่หนึ่งไปอีกที่หนึ่งนั้น
เราจะต้องมีจุดเริ่มต้น และจุดปลายทางที่เราจะไป
ดังนั้นเราจะต้องมีการสร้างจุดเริ่มต้น และ จุดสิ้นสุดให้กับรูปวงกลมของเรา

โดยจุดเริ่มต้นนั้นเรามีการสร้างไว้แล้ว ก็คือ Key Frame ที่ 1
ต่อไปให้เราสร้าง Key Frame ปลายทาง
โดยให้นำเมาท์ไปคลิกขวาที่ Frame ที่ 36
แล้วเลือกคำสั่ง Insert Keyframe ดังรูป

Adding a key frame

เราก็จะได้ Keyframe 2 จุดคือ อยู่ที่ Frame ที่1 และ Frame ที่ 36
สังเกต ถ้า Keyframe เฟรมนั้นจะเป็นจุดสีดำ ที่เฟรมนั้น
ส่วน Frame ที่สีทึบๆนั้น จะเรียกว่า Frame ธรรมดา
จะไม่เรียกว่า Keyframe

Step 5
– ต่อไปให้เรานำเมาท์คลิกที่ Keyframe ที่ 36
แล้วคลิกเลือก รูปวงกลมของเรา
แล้วคลิกเมาท์ค้างไว้ ลากไปทางด้านขวา ตามต้องการ

step 6
– ต่อไปให้เรานำเมาท์มาคลิกขวาที่ Frame ธรรมดา
Frame อะไรก็ได้
ดังรูป แล้วเลือกเมนู Create Motion Tween ดังรูป

Creating a motion tween

– เราก็จะเห็นเป็นเส้นลูกศรตรงที่ Frame ขอเราแล้ว
– ให้เราลองกด Ctrl+Enter ดู
– จะเห็นลูกบอลเราเคลื่อนที่แล้ว
– ถ้าเราต้องการที่จะให้ลูกบอลเคลื่อนที่ไปที่จุดปลายทางไหน
ก็ไปคลิกที่ Keyframe ปลายทาง (Keyframe ปลายทางของเราคือ Keyframe 36)

Final - Motion Tween

ก็ให้คลิกที่ Keyframe นั้นก่อน แล้วค่อยทำการย้าย รูปวงกลมไปยังตำแหน่งที่ต้องการนะครับ
– ส่วนจะย้ายตำแหน่งเริ่มต้นเคลื่อนที่ของ รูปวงกลมเรา ก็ทำเช่นกัน
คือให้นำเมาท์ไปคลิกที่ Keyframe ต้นทางก่อน (Keyframe ต้นทางของเราคือ Keyframe 1)
แล้วก็ค่อย ย้ายรูปวงกลมเรานะครับ

เห็นไหมง่ายไหมครับ ลองทำดูนะครับ
ไม่ยากอย่างที่คิด

Posted on: September 12, 2007

วันนี้เรียน INT301 : Computer Organization
ที่จำได้เรียนเรื่อง การ + – * / เลขฐานสอง
ยากไม่ใช่เล่น อิอิ
ความรู้ที่ได้
1. การบวกเลขฐานสอง
2. การลบเลขฐานสอง
3. การคูณเลขฐานสอง
4. การหารเลขฐานสอง
5. การความรู้เรื่อง ทำเป็น One Complement
6. การความรู้เรื่อง ทำเป็น Two Complement
7. อาจารย์ว่าจะออกเรื่องการคำนวน ตัวนี้ด้วย
8. วันนี้ไม่นอนหลับ ฮุฮุ
บทที่ 10
9. การคำนวนการเก็บตัวเลขแบบ Floating-Foint  แต่งง เลยไม่เข้าใจ
เพราะ ไปตั้งแต่ การหาร เลข ฐานสอง แล้ว อิอิ
10. อาจารย์สอนยังไม่จบ คาบหน้ามีต่อ
11. มี Home work ด้วย ส่งอาทิตย์หน้า
12. ทำประเมิน อาจารย์ด้วย
13. ทำประเมิน อาจารย์แต่ละคน ในเว็บของคณะ แล้วด้วย เสร็จแล้ว

Posted on: September 9, 2007

วันนี้ก็เป็นวันที่รีบเร่งอีกวัน
ที่ต้องทำงาน ส่งลูกค้า จะเอาพรุ่งนี้แล้ว
เราก็คงไม่ได้นอนอีกตามเคยวันนี้ ทำใจได้แล้ว ทำงานด้านนี้

ทำงานเกี่ยวกับข้อสอบนะครับ
ก็จะเหมือน ข้อสอบทั่วๆไป มีปุ่ม ให้ คลิกๆ เลือกๆ คำตอบไป
ผมทำใน Flash CS3 นะครับ เพราะโปรแกรมดูทันสมัยดี น่าจะเข้ากับหน้าตาเรา อิอิ

แต่ก็ลงไอ้ตัว Flash 8 Professional ไว้อยู่นะครับ คือลงไว้สองตัว เพราะเป็นคนที่หลายใจ อ่าว ไม่ใช่
เพราะผมต้องเขียน ActionScript 2.0 ก็ใช้ Flash 8 Pro แต่ถ้าเขียน ActionScript 3.0 ก็ใช้ Flash CS3

แล้วผมเจอ Bug ตรงไหน
ก็ตรงไอ้เจ้า Radio Button ตัวแสบนะครับ

คือผมทำ CAI โดยมีในผู้เรียนทำข้อสอบ ก่อนเรียน หลังเรียนนี่เหละ
ข้อสอบจะมีประมาณ 20 ข้อ เป็นข้อกา นะ

ผมก็ทำเป็น Frame by Frame ง่ายดี ไม่ต้องใช้ ActionScript มาสุ่ม ขี้เกียดน่ะ อิอิ
ก็เลย จับ Radio Button ลากๆ มาวาง แต่ละ Frame เลย
มันก็น่าจะไม่มีปัญหานะ เพราะทำมาจน เครื่องคอมเราจะพังแล้ว
ก็ไม่ได้คิดอะไร

หลังจากที่เขียน ActionScript ควบคุมเสร็จสับ
ทำเฉลย เรียบร้อย ไม่ต้อง Test ที่ละนิด
เพราะเราก็ทำมาหลายงานแล้ว ไม่มีปัญหาแน่นอน

พอ Test แล้วลอง คลิกเลือก ไปเรื่อยๆ จนครบทุกข้อ ผมออกมา
กลับได้ 1 คะแนน อ้าว เป็นไปได้ไงว่าว ก็เราทำเอง เฉลยเองกับมือ

ก็เลยนั่งทำใหม่ ดูก็ได้ คะแนนเท่าเดิม อ่าว เป็นไปได้ไง
มันก็เป็นเวลาที่ดึกแล้ว
รีบก็รีบ ยังมาติดอันนี้อีก

ไม่ได้แล้ว ลอง Trace คำตอบที่เราเลือกไว้ออกมาดูดีกว่า
ผลปรากฏว่า คำตอบ อันที่หนึ่งก็ได้ ปกติ แต่คำตอบข้ออื่น มันไม่มีอะไรเกิดขึ้น
เหมือนเรา ไม่ได้คลิกทำข้อสอบ อ่าว เอาแล้วละสิ งานเข้ากลางดึกแล้วเรา

นั่งคิดอยู่นาน แก้นั้นแก้นี่ไปเรื่อยๆ ก็ไม่ได้
ทำยังไงก็ไม่ได้ ตั้งกลุ่มของปุ่มใหม่ก็ไม่ได้
เลยนั่งสงบซักพัก ปัญญา ก็มา (แต่ แก็งสามซ่าไม่มาอ่ะ) อิอิ

ก็เลยนึกขึ้นมาได้ว่าเราก็มีเจ้า Flash 8 Pro อยู่นี่หน่า
ลองทำใน ตัวนี้ดีกว่า

ก็เลยทำการ Save AS ไฟล์ใน Flash CS3 เป็น Flash 8
แล้วลองเปิดไฟล์นี้ใน Flash 8 Pro แล้วลอง Test ดูอีกรอบ

อ่าว ผมปรากฏว่า ไม่มีปัญหา
ทำงานเป็นปกติ ทุกอย่าง
เอาแล้วไง เจ้า Flash CS3 ตัวแสบทำเราซะเสียเวลาไปหลาย ชั่วโมงเลย

เมื่อเป็นอย่างนี้
ก็เลยต้องย้ายงาน มาเป็น Version Flash 8 หมดเลย
ว่าจะทำให้ดูหรู เป็น Flash CS3 สักหน่อย เซ็งเลย

————————————————————

แต่เราก็ยังไม่เชื่อว่าจะเป็น Bug ของ Flash CS3 นะ
เพราะงานที่เราทำ อาจซับซ้อนเกิน โปรแกรมจะรับได้
(โอ้ เข้าข้างตัวเองอีกล่ะ อิอิ)

ก็เลยลองทำแบบว่า ง่ายๆเลย
ลาก Radio Button มาไว้ใน Frame แค่ 2 Frame
แล้วมีปุ่มหนึ่ง คอยกระโดดไป Frame ต่อไป

พอทำเสร็จ ลอง Test ดู
ผลปรากฏว่า
ไม่มีผล ขนาดกดปุ่ม กระโดดไป Frame อื่นยังไม่ได้เลย
แล้ว Radio Button ไม่ต้องพูดถึง
ไม่มีผลไรเลย

ก็เลยสรุปเอาเองว่า ต้องเป็นที่โปรแกรม Flash CS3 แน่ๆ
แต่ผมก็ใช้ Flash CS3 แบบ Crack นะ
แต่พักหลัง ก็ลง Serial ให้ปกติ ก็ไม่น่าจะมีปัญหาอะไร

หรือเราทำไม่เป็นเอง
เพื่อนๆ คนไหนถ้าเล่น Flash CS3 ลองไปทำดูนะครับ
เห็นผลยังไง บอกด้วยนะครับ

เรื่องก็เป็นเช่นประการละชะนี้ ครับ

แว็บ……….

http://www.ebookshare.net/ เป็นเว็บที่ให้บริการ Download Ebook ต่างๆทุกชนิดที่เกี่ยวกับ Computer นะครับ ดีมากๆเลย โดยดาวน์โหลดผ่านไฟล์ที่เป็น Bit Trorent นะครับ ใหม่ๆ เยอะๆทั้งนั้น

—————————————————————————————
ขอบคุณสำหรับคำแนะนำสำหรับคุณ cyberman ที่แนะนำ http://www.btebook.com ซึ่งเข้าไปดูน่าสนใจมาก ก็เลยขออนุญาต เอาขึ้นมาแนะนำให้เพื่อนๆ ลองเข้าไปลองใช้ดูครับ

—————————————————————————————
http://www.getebooks4free.com << ก็เป็นเว็บที่ดีอีกอันหนึ่งที่ผมชอบเหมือนกัน คือคลิก download ได้เลยไม่ต้องผ่าน bit หรือ rapidshare

—————————————————————————————
http://www.ebooks-space.com << ก็ดีเหมือนกันครับ ขอบคุณสำหรับคำแนะนำของคุณ louis มากครับ ซึ่งจะโหลดผ่าน rapidshare และ ฝากที่เว็บ download อื่นๆ  การอธิบายรายละเอียด ใช้ได้ทีเดียว -_-


Top Clicks

  • None

Blog Stats

  • 183,261 hits

calendar

September 2007
M T W T F S S
 12
3456789
10111213141516
17181920212223
24252627282930