(ใครอยากติดตามอ่านเนื้อหาอื่นๆ ของ Starling framework ภาษาไทยได้ที่นี่ครับ)

แต่ก็อย่างที่บอกล่ะครับ ลองคิดดู ถ้าจู่ๆ เราเอา Game หรือ Application ที่เราสร้างขึ้นด้วย Starling ไปทำงานบนอุปกรณ์ที่ไม่มี GPU! (โลกนี้ยังมีเครื่องที่ไม่มีการ์ดจออยู่นะ) จะทำอย่างไร?

ถ้าให้ผมแนะนำ ก็คือการ “downgrade” การแสดงผลของ Flash คุณลงมาในระดับที่ software engine มันรับได้ ไม่งั้นก็รอเห็นการกระตุก กระตุ๊ก กระตุ๊ก ได้เลย!

แต่ที่นี้จะเช็คยังไงล่ะ?​

ให้ใช้ code ต่อไปนี้เพื่อตรวจว่า Starling Application ของคุณกำลังอยู่ในโหมดการทำงานแบบ Software Engine หรือ Stage3D ที่ใช้ GPU ประมวลผลครับ

...

if( Starling.context.driverInfo.toLowerCase().indexOf("software") == -1 )

{

// GPU แน่ๆ อัดกราฟฟิคได้เลย

}

...

เท่านี้คุณก็สามารถป้องกันการที่ผู้เล่นผู้ใช้ของคุณจะได้รับ User Experience ที่ไม่ดี จากการที่ Starling ไปทำงานในโหมด Software Engine แล้วครับ

ที่มา – Adobe Developer Network

หลังจากที่ Adobe เปิดตัว Adobe Flash Player 11 และ Adobe AIR 3 ไป ก็มีอีกหลายๆ อย่างตามกันออกมาเป็นกุรุด ไม่ใช่แค่ตัวเอก 2 ตัวนั้น

หนึ่งในนั้นก็คือ Starling 2D framework ตัวแรกของโลกที่ใช้ GPU ประมวลผลล้วนๆ สนับสนุนโดย Adobe นั่นเอง

การเขียน code ก็ยังใช้ Actionscript 3 เหมือนเดิมนะครับ ใครยังใช้ Actionscript 2 อยู่ปรับตัวกันได้แล้ว

สิบปากว่าไม่เท่าตาเห็นมาลองคลิกภาพดูตัวอย่างกันด้านล่างได้เลย

ใครสนใจอยากเข้าไปลองก็สามารถ download และศึกษาวิธีการใช้งานได้จาก http://www.starling-framework.org/ ครับ

แล้ววิธีการเริ่มต้นใช้งานจะอัพเป็น video อีกทีนะครับ คอยติดตามใน Fan Page และ Twitter ได้เลย

อ้อคุณต้องลง Flash Player 11 ก่อนด้วยนะครับ ตอนนี้มีให้ download เป็นเวอร์ชั่น RC1 ใน Adobe Labs คลิก download จากที่นี่ได้

น่าจะเป็นคำถามแรกๆ หลังจากที่คุณทราบข่าวว่า Google ได้ประกาศหยุดพัฒนา Service หลายๆ ตัว ซึ่งหนึ่งในนั้นก็คือ Google Map Flash API ที่นัก Flash developer หลายๆ คนใช้มันขายเป็น feature มานักต่อนัก

ขอตอบทุบโต๊ะตรงนี้ว่า “ยังใช้งานได้คร้าบ”

แต่ถ้าจะเป็นเรื่อง feature ใหม่ๆ ที่จะใส่เพิ่มมาในตัว Google Map ในอนาคต Flash API คงจะไม่สามารถเข้าถึงได้ แต่การใช้เวอร์ชั่นพัฒนาล่าสุดของ Google Map Flash API ก็จะยังสามารถดึงข้อมูลจาก Google Map ได้โดยตรงอยู่นะ แค่ Google เขา “หยุดพัฒนา API” เท่านั้น ไม่ได้ปิด Service

อย่ากรี๊ดโลกแตกไปครับ

ทางเลือกอื่นล่ะ?

จริงๆ Map API บน Internet นั้นมีเยอะมากมายให้เลือกมากกว่า Google Map API อีกนะลองดูรายการที่ผมนำมาไว้ข้างล่างนี้ได้ครับ (ที่มาดูได้จากที่นี่)

• ESRI หนึ่งใน Map API ที่แข็งแกร่งมาก เปิดให้ฟรีสำหรับทดลองใช้, เพื่อการศึกษา, และการใช้แบบ non-profit
• MapQuest
• ​OpenScale
• ModestMap

อย่างที่บอก Google ยังเปิดให้บริการข้อมูลสำหรับ Flash API อยู่ แค่ไม่พัฒนาต่อเท่านั้น โปรดฟังอีกครั้ง!!

แล้วคุณคิดว่าข่าวนี้มีผลอย่างไรต่ออาชีพและแนวทางของคุณบ้าง Share ด้านล่างได้เลยครับ!

เวลาที่คุณต้องการสร้างบ้านสักหลัง คุณต้องการอะไรบ้าง?

แน่นอนว่าคุณต้องมีปูน ไม้ อิฐ เป็นวัสดุพื้นฐาน มีค้อน ตะปู เลื่อย ที่โม่ปูนเป็นเครื่องมืออำนวยความสะดวก

และคุณก็รู้ดีว่า ถ้าสร้างเพิงไม้เล็กๆ สักอัน ก็คงไม่ต้องการแผนการหรือวางโครงสร้างอะไรมากมาย แป๊ปเดียวก็เสร็จ

แต่ถ้าเกิดคุณต้องสร้างตึกหรืออาคารสักหลัง ต้องมีการวางระบบแอร์ มีที่จอดรถ มีลิฟต์ขนส่ง

มันก็ต้องมีการวางแผนที่ดี มีการออกแบบที่ดีจริงไหมครับ?

ตรงนี้แหละครับ คุณคงรู้แล้วว่าคุณต้อง “ออกแบบ” โครงสร้างของระบบของคุณ (หรือ “พิมพ์เขียว” หรือ “แบบแปลน” ก็ตามแต่ละคนจะถนัด)

Object Oriented Programming คือหลักการออกแบบพิมพ์เขียวของการพัฒนา Application ให้เอื้อประโยชน์มากที่สุด

การเขียนสร้าง computer program ก็เหมือนกัน ไม่ว่าคุณจะเลือกใช้อะไรก็แล้วแต่ (ไม่จำกัดเฉพาะ Adobe Flex หรือ Actionscript 3 ) ถ้าระบบมันเริ่มซับซ้อน มีการทำงานที่หลากหลายมากขึ้น ก็คงไม่พ้นต้องวางแผน และออกแบบระบบให้ดีๆ เพื่อที่คุณจะได้มี “แบบแปลน” ไว้เดินตาม, ไว้ใช้อธิบายเพื่อนร่วมงานของคุณ, และเพื่อให้การพัฒนาระบบขนาดใหญ่เป็นไปในทิศทางเดียวกัน ไม่มั่ว

ใช่แล้วครับ คุณจำเป็นต้องรู้การใช้ Object Oriented Programming (OOP)

ซึ่งการพัฒนา software development นั้น ก็สามารถเทียบเคียงกับการสร้างบ้านของวิศวกรได้เลยทีเดียว แบบบ้านยิ่งซับซ้อน คุณก็ต้องยิ่งรู้ดีว่า แบบแปลนที่ชัดเจน และถูกต้องเป็นสิ่งที่จำเป็นมาก

ลองนึกถึงการสร้างบ้านสักหลังโดยไม่มีแบบแปลนดู …น่ากลัวใช่ไหมล่ะ มันอาจอยู่ได้ แต่ไม่คงทนถาวรแน่ๆ  (โชคดีที่ยุคนี้ คนบางกลุ่มจะเรียกบ้านประเภทนี้ว่า “สร้างสรรค์”)

และส่วนใหญ่ คุณก็จะถามผมว่า (ถามผมทุกคนจริงๆ)

Object Oriented Programming  จะมีประโยชน์อะไรบ้างถ้าผมเอามาใช้ใน project?

ผมยกตัวอย่างมาไว้ ณ ที่นี้สัก 3 อย่างก่อนแล้วกัน

1. ระบบแบ่งออกเป็นสัดส่วนที่อ่าน และเข้าใจง่าย

ให้นึกภาพแบบแปลนของบ้านสักหลัง มันควรที่จะมองคร่าวๆ ก็รู้ว่าตรงไหนเป็นห้องน้ำ หรือตรงไหนเป็นโรงจอดรถใช่ไหมครับ?

แบบเดียวกัน ถ้าคุณใช้ Object Oriented Programming ในการออกแบบหรือวางระบบ มันก็เหมือนการเขียนแบบแปลนดีๆ ขึ้นมานั่นเอง ระบบของคุณจะอ่านง่าย ดูสะอาด และคุณสามารถรู้ได้ก่อนว่าส่วนไหน หรืออะไรที่ไม่จำเป็น ก็ตัดทิ้งได้ด้วย

คนอื่นที่จะมาสร้างต่อจากคุณ (ตอนนี้ส่วนใหญ่ก็ 85% ของนักพัฒนาทั่วโลก) เขาก็สามารถอ่าน และเข้าใจระบบของคุณได้อย่างรวดเร็ว เพราะ OOP นี้เป็นหลักการสากล ใช้กันทั่วโลกแล้ว

เพื่อนร่วมทีมของคุณที่เข้าใจในระบบนี้ ก็สามารถช่วยเหลือคุณ หรือ join project ได้เร็วขึ้น เขาไม่ต้องการให้คุณมานั่งอธิบายระบบทั้งหมดอีกต่อไปแล้ว เพราะ OOP มีแบบแปลนมาตรฐาน เข้าใจง่าย แต่ก็อาจมีบางส่วนที่คุณออกแบบไว้ ที่ต้องอธิบาย (แน่นอน บ่อยครั้งที่คุณจำได้ว่า มีคนไม่เข้าใจการออกแบบอันสุดยอดของคุณเสมอ)

ลดการเสียเวลาในระยะยาว และช่วยการสื่อสารให้เข้าใจง่ายขึ้น เร็วขึ้น (คนที่มาทำต่อก็จะไม่แอบนินทาเราลับหลังด้วย ^_^)

2. สามารถใช้ Code เดิมซ้ำได้ (Reusable)

รู้ไหม คุณไม่จำเป็นต้องทำงานแบบเดิมซ้ำๆ กันทุกครั้งหรอกนะ

ผมจะยกตัวอย่างให้ดู

ใน Project สร้างบ้านหลังหนึง คุณต้องเริ่มสร้างห้องทุกห้องขึ้นมา กำแพง พื้นไม้ ทุกอย่างใช่ไหม? จากนั้นคุณก็ออกแบบบ้าน ทำมันให้เสร็จ จากนั้นคุณก็ได้งานสร้างบ้านอีกหลัง อะไรจะเกิดขึ้นต่อ?

…คุณก็ต้องมานั่งออกแบบบ้านหลังใหม่ทั้งหมดอีก ห้องทุกห้อง กำแพง พื้นไม้ อาจจะมีโรงรถด้วยครั้งนี้ และคุณก็จะต้องทำใหม่ทั้งหมดในบ้านหลังต่อๆ ไปใช่ไหม?

มาเปลี่ยนวิธีคิดกันดีกว่า

ถ้าคุณสังเกตให้ดี คุณจะพบว่า คุณสามารถออกแบบห้อง แต่ละห้องแยกออกจากกันได้ จากนั้นก็ค่อย “เชื่อมต่อ” ห้องแต่ละห้อง ทางเดินแต่ละส่วนเข้าเป็นบ้านหลังที่คุณต้องสร้าง

พอมาบ้านหลังถัดไป คุณก็จะพบว่าคุณสามรถใช้แบบห้องน้ำแบบเดิมได้ ทางเดินสามารถใช้แบบเดิมได้ อาจจะต้องสร้างโรงรถขึ้นมาใหม่เท่านั้น คราวนี้เกิดอะไรขึ้น?

คุณแค่เอาของที่คุณทำไว้ก่อนหน้านี้มาใช้ ไม่จำเป็นต้องมานั่งสร้างใหม่อีก!

นี่เป็นคุณประโยชน์เดียวกันที่คุณจะได้จากการใช้หลักการ Object Oriented Programming มาออกแบบระบบของคุณ ซึ่งถ้าคุณออกแบบระบบได้ถูกต้องตามหลักการ และสามารถแบ่งระบบของคุณออกเป็น “ส่วน” หรือ “module” ระบบของคุณก็พร้อมที่จะถูก “reuse” ใช้งานได้ซ้ำแล้วซ้ำอีก

จำไว้ คุณแค่ใช้ของเดิม ไม่ต้องมานั่งปวดหัวกับมันซ้ำแล้วซ้ำอีก

3. ระบบสามารถต่อยอดเพิ่มเติมได้

ลองนึกว่าอาคารของคุณสามารถเติบโตขึ้นเป็นตึกระฟ้าหลายร้อยชั้นได้อย่างไร?

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

Object Oriented Programming เป็นหลักการออกแบบที่มีวิธีพร้อมให้คุณใช้ในการออกแบบระบบของคุณ ไว้เพื่อการต่อยอดในอนาคตไว้เช่นเดียวกัน

ซึ่งเมื่อคุณออกแบบตามหลักการที่ว่านี่แล้ว การมาปรับปรุงพัฒนาก็ไม่ใช่เรื่องที่ยากลำบากอะไรเลยครับ

แล้วจะเริ่มศึกษา Object Oriented Programming อย่างไร?

จริงๆ แล้วภาษา Computer Programming ในปัจจุบันนั้น ถูกออกแบบตามโครงสร้างของ Object Oriented Programming อยู่แล้ว อย่าง Java, C#.NET, PHP, และ Actionscript 3

ดังนั้นการที่คุณพัฒนา Application โดยใช้ภาษาพวกที่ว่านี้ คุณก็ได้เรียนรู้การพัฒนาแบบ Object Oriented Programming แล้วล่ะ

แต่หากพยายามเข้าใจในตัวหลักการมันจริงๆ ประโยชน์ที่ได้นี้จะเยอะขึ้นอีกมากเลยครับ

หากต้องการการฝึกอบรม Object Oriented Programming training กับภาษา Adobe Flex, Actionscript 3, C#.NET, PHP, Java สามารถดูรายละเอียดได้ในส่วนของ Training and Instructor หรือติดต่อผมได้โดยตรงตามรายละเอียดในหน้า Contact ครับ ^_^

แล้วคุณล่ะ? เคยใช้ OOP ในการพัฒนาระบบของคุณไหม? แชร์ความเห็นใน comment ด้านล่างได้นะครับ

เพราะมนุษย์นั้นมีความเกี่ยวข้องกับเวลานั่นเอง หลายๆ อย่างใน software program ก็ล้วนเกี่ยวข้องกับเวลาทั้งสิ้น ไม่ว่าจะตั้งแต่ภาษา Perl มาจน Ruby on Rails หรือภาษา HTML ไปจนถึง Adobe Flex

เอาหล่ะ ทีนี้ถ้าเราต้องการ sorting (เรียงลำดับข้อมูลจากมากไปน้อย ก่อนไปหลัง) ค่าของ date object ล่ะจะทำยังไง??

มาลองดู method Actionscript 3 ด้านล่างนี้เลยครับ

private function dateEnteredSort(d1:Object, d2:Object):int {
   var ms1:Number = new Date(d1.date_value).getTime();
   var ms2:Number = new Date(d2.date_value).getTime();
   if (ms1 < ms2) {
      return -1;
   } else if (ms1 > ms2) {
      return 1;
   } else {
      return 0;
   }
}

Explaination

Line 2-3: เนื่องจาก method นี้จะได้รับ object  มา 2 ตัวทุกครั้งเพื่อใช้ในการเปรียบเทียบ สมมุติในที่นี้ว่าใน d1 และ d2 นั้นมี property ที่เป็น date object อยู่ ชื่อว่า date_value ตรงนี้เราก็เอามาแปลงเป็น date object แล้วก็แปลงเป็น millisecond ซะ

Line 4-9: จากนั้นเมื่อเราได้เวลาทั้ง 2 เป็น millisecond แล้วการเอามาเปรียบเทียบก็เลยง่ายกว่าเดิม เราก็จับมา compare ใน if..else ซะ โดยถ้า

• d1 เป็นวันเวลาที่เกิดก่อน d2 ก็ให้ส่งค่า -1 กลับออกไป
• d1 เป็นวันเวลาที่เกิดหลัง d2 ก็ให้ส่งค่า 1 กลับออกไป
• ส่งค่า 0 ออกไปถ้า d1 และ d2 เป็นช่วงเวลาเดียวกัน

Summary

สรุปในที่นี้คือการทำ sorting หรือการ compare ระหว่าง date object 2 object นั้น จะสามารถทำได้ง่ายกว่ามาก ถ้าเราแปลงค่าของ date object ให้เป็นค่าของ Number (โดยการแปลงเป็น millisecond)

การทำ sorting หรือการ compare ระหว่าง date object 2 object นั้น จะสามารถทำได้ง่ายกว่ามาก ถ้าเราแปลงค่าให้มันกลายเป็น millisecond ก่อน

ขอบคุณครับ รักคนอ่าน

ถ้าชอบวิธีนี้ หรือมีวิธีที่ดีกว่า comment กันด้านล่างได้เลยนะครับ ^ ^

แต่จนถึงทุกวันนี้ HTML5 ก็ยังไม่ถึงจุดที่จะ “วิวัฒน์” โลกของ Internet ได้เต็มที่เท่าไหร่นัก ตรงนี้เป็นเพราะยังขาด “เครื่องมือ” ที่อำนวยความสะดวกในการสร้าง content ได้เท่า Flash

ซึ่งก่อนจะถึงวันนั้น Flash ก็ยังเป็นเครื่องมือที่สามารถสร้างสรรค์จินตนาการบน Internet และ Website ได้เป็นอย่างดี ยิ่ง Adobe Flash Player รุ่นหลังๆ เนี่ย กิน CPU ในการประมวลผลน้อยมาก (มากจริงๆ ไม่เชื่อลองไปอัพเดตเวอร์ชั่นล่าสุดได้ที่นี่)

ทีนี้ด้วยความที่ Flash มันเป็นเครื่องมือนำเสนอ content ด้วย animation ที่น่าตื่นตาตื่นใจอยู่แล้ว เขาก็พร้อมที่จะก้าวไปสู่อะไรใหม่ๆ ได้เสมอ ตั้งแต่การยกระดับ Flash ไปสู่ Social network อย่าง Facebook และ การแตกสาขาสามารถทำ application บนอุปกรณ์พกพาอย่าง Smart phone หรือ Tablet ก็ได้

แต่ที่น่าสนใจคราวนี้ ก็คือเรื่องของ 3 มิติ

ซึ่งถ้าใครได้ใช้งาน Adobe Flash CS5 Professional หรือ Actionscript 3 มาบ้างแล้ว จะพบว่า Adobe ได้ใส่แกนและพิกัดเข้าไปอีกแกนหนึ่ง ทำให้วัตถุ (หรือภาพลูกบอลเด้งดึ๋งนั่นแหละ) มันสามารถ “เคลื่อนที่” ตามแนวแกน Z หรือเชิงลึกได้ และสามารถ “หมุน” รอบตัวเองได้อีกต่างหาก

แต่ Adobe ดูมีแนวโน้มที่จะพัฒนาแบบ “ยกระดับ” ตัว Flash Player ขึ้นไปอีกขั้น (แต่จากการที่ผมศึกษามา น่าจะเรียกว่าก้าวกระโดด จะเหมาะกว่า) ให้ Flash Player สามารถแสดงผลแบบ 3 มิติ โดยที่กินทรัพยากรเครื่องนั้นๆ ให้น้อยที่สุด

และอีกอย่างหนึ่งที่คิดว่าขาดไม่ได้เลย คือวิธีการที่เราจะสามารถสร้าง content (ไม่ว่าเกมส์ อนิเมชั่น หรืออะไรก็แล้วแต่) บน Flash แบบ 3 มิติ ต้องง่ายอย่างที่เป็นอยู่กับการสร้าง animation และ interactive ในชุดเครื่องมือ Adobe Flash Professional ปัจจุบัน ซึ่งน่าจะทำให้โลกของการพัฒนา content interaction ที่สวยงามเปลี่ยนโฉมหน้าไปเลยก็ว่าได้

Adobe Incubator

อย่างตอนนี้ Adobe ถึงกับ “แยก” การพัฒนา Adobe Flash Player ออกมาเป็นเวอร์ชั่นทดลองเต็มตัว ให้ download ไปลองความสามารถใหม่ๆ ซึ่ง Adobe เรียกเวอร์ชั่นนี้ว่า Incubator เป็นตัวแทนของ Flash Player รุ่นถัดไปอย่างแท้จริง

แต่ก็นั่นแหละ ยังอยู่ในช่วง Beta มีความหอมหวานแบบกุหลาบ แต่ก็เต็มไปด้วยปลายแหลม อย่าริอาจตัดสินใจเอาไปใช้ใน production (ของขายลูกค้าเชียว)

Where to go from here?

เอาเป็นว่าตอนนี้ “คลื่น” หลายๆ ระลอกยังอยู่ใต้น้ำอยู่ ส่วนที่ผมหยิบยกกันมาเล่าสู่กันฟังก็เป็นเพียงแค่ลูกที่มันพอโผล่พ้นน้ำมาให้เห็นกันบ้างเท่านั้น ผมรู้สึกเพียงว่า Adobe ได้จัดทัพภายในเสร็จสมบูรณ์แล้ว หลังจากที่โดนตีเข้ากลางกองหน้าเมื่อปีก่อน ซึ่งกองทัพใหม่นี้น่าจะมีหัวหมู่นายกองทะลวงฟันใหม่อย่าง Digital Magazine และ HTML5 มาร่วมช่วยเหลือ Flash จนกลายเป็น 3 แม่ทัพใหญ่อย่างไม่ต้องสงสัย

รักคนอ่าน

แล้วคุณคิดว่า Flash Platform จะไปในทิศทางไหนครับ? ลองแชร์ความคิดลงใน comment ด้านล่างได้เลย

Actionscript 3 ก็เป็นอีกภาษาหนึ่งบนโลกใบนี้ เรียนรู้และทำงานกับมันแบบชิลล์ๆ ได้เลย (photo by @sakiar)

Actionscript 3 สำหรับคนอย่างผมที่จบมาจากสายวิศวกรซอฟต์แวร์ ดูเหมือนจะเป็นภาษาที่ง่ายดาย เพราะมันไม่ต่างไปจาก Java หรือ C#.NET ที่เป็นภาษา OOP (หยุดตรงนี้ เราจะหยุดศัพท์เวียนหัวปวดกบาลลงแค่ตรงนี้ครับ เอาล่ะ เชิญปล่อยตัวตามสบาย และอ่านต่อได้เลย)

แต่สำหรับคนทั่วไปอย่างคุณ ที่สนใจอยากจะลองเขียนมัน เพราะได้ไปรู้ถึงความลับและประโยชน์สุดยอดที่มันสามารถนำมาให้ได้ ต้องมีความกลัวต่อการเขียนโปรแกรมอย่างแน่นอน (ผมก็เคยเป็น ก่อนหน้าที่ผมจะมาเขียนโปรแกรม ผมก็เป็นคนธรรมดาเหมือนกับคุณนี่แหละ) แต่สิ่งที่ผมเรียนรู้อย่างหนึ่งจากการใช้ชีวิตคือ

พวกเราจะกลัวในสิ่งที่ไม่รู้

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

ลองเปลี่ยนมุมมองจากภาษาคอมพิวเตอร์ ให้มองมันเป็นภาษาต่างประเทศซักภาษาหนึ่งดู อะไรๆ มันจะง่ายขึ้น  – Teerasej Jiraphatchandej

จุ๊ๆ แต่อย่าเอ็ดไป (กด share ได้นะ) จริงๆ แล้วเจ้าภาษา Actionscript 3 เนี่ย มันคือสิ่งที่จะ…

1. สั่งให้คอมพิวเตอร์ทำงานตามที่เราต้องการ!

เคยสงสัยไหมครับว่าทำไมพวก Programmer หรือ Developer มันช่างดูเป็นเทพเก่งกาจ สร้างสรรค์สุดยอดเกมและ web application แสนสุดยอดมาให้พวกเราใช้งานกันได้? นั่นคือพวกเขารู้ภาษาลับครับ! ภาษาพวกนี้เหมือนภาษาอังกฤษ หรือภาษาจีนที่พวกเรารู้จัก และมีเปิดให้เรียนกันดาษดื่นทั่วไปนี่แหละ แต่พวกเราทั่วไปเรียกมันว่า “ภาษาโปรแกรม” (Programming language)

พวก programmer คือคนที่เข้าใจใน “ไวยากรณ์” (grammar) และลักษณะการใช้ภาษาลับพวกนี้ ในการสั่งให้โปรแกรมคอมพิวเตอร์ทำตามที่พวกเขาต้องการ!

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

เนี่ย แบบเดียวกับการเขียนโปรแกรมคอมพิวเตอร์เลย!

ดังนั้นการเริ่มเขียนโปรแกรมด้วย Actionscript 3 ก็เหมือนการเริ่มเรียนภาษาต่างประเทศใหม่ เพียงแต่คุณไม่ได้พูด แต่คุณ “เขียน” หรือ “พิมพ์” ให้คอมพิวเตอร์อ่าน แล้วมันก็จะทำตามที่คุณเขียน

เหมือนผู้วิเศษไหมล่ะ? สั่งได้

2. ทำให้คอมพิวเตอร์จะอ่านมันทีละบรรทัด!

แปลกแต่จริงนะครับ เพราะหนึ่งในความลับของโปรแกรมคอมพิวเตอร์ที่ดูแสนจะอัจฉริยะ ในสายตาของเราเนี่ย…

คือมันทำงานตามคำสั่งที่เราเขียนให้ทีละบรรทัดครับ!

เวลาตอนเด็กๆ คุณอ่านเรียงความ ทีละประโยคใช่ไหมครับ?

หรือเวลาแสดงละครนิทาน คนอ่านบทจะบรรยายจบทีละประโยค แล้วตัวละครบนเวทีจะแสดงบทบาทตามที่ประโยคนั้นบรรยายจนจบ แล้วค่อยแสดงตามประโยคต่อไปใช่ไหม?

เวลาที่โปรแกรมคอมพิวเตอร์มันอ่านคำสั่งที่คุณเขียนด้วยภาษาของมันเนี่ย (คุณรู้จักในชื่อว่า “code” ถ้าเป็นคำเรียกมาตรฐานมันมีชื่อว่า statement) มันจะค่อยๆ อ่าน และทำตามคำสั่งที่ละบรรทัด

เหมือนกันเลย!

3. แปลไอเดียของเรา ให้คอมพิวเตอร์เข้าใจได้ง่ายๆ !

มันมีเคล็ดลับที่จะแปลภาษาพูดของเรา ให้เป็นภาษาที่คอมพิวเตอร์เข้าใจได้ง่ายๆ – Teerasej Jiraphatchandej

ผมจะบอกให้อย่างหนึง ว่าการเขียน Actionscript 3 เนี่ยมันเหมือนกับการเล่าเรื่องนิทาน หรือจำลองโลกส่วนตัวของเราเลยล่ะ

ถ้าผมบอกว่า “เกมส์ของผม มีม้าสีขาว มี 4 ขาซึ่งจะวิ่งไปเก็บลูกบอลที่ตกอยู่ได้”

มันก็ต้องหมายความว่าในเกมส์ของผมมันต้องมีม้า ใช่ไหมล่ะ? ในที่นี้คุณจะเขียนบอกให้คอมพิวเตอร์รู้ได้ยังไงว่า “เฮ้ย เกมส์นี้มีม้าแบบด้านบนนะ แกต้องมีม้าให้กับฉันอย่างนี้”? ลองอ่านผ่านๆ ข้อความด้านล่างนี้ดูนะครับ

ม้า มีสี มีขา วิ่งได้ เก็บบอลได้

ถ้าคุณเริ่มเขียน Actionscript 3 จริงๆ เนี่ยคุณจะเจออะไรประมาณด้านล่างนี้ (อย่าตกใจ อ่านผ่านๆ)

• ม้า: เป็น Class ชื่อ Horse
• มีสี: มี property ชื่อ color
• มีขา: มี property ชื่อ leg
• วิ่งได้: มี method ชื่อ run()
• เก็บบอลได้: มี method ชื่อ pickABall( ball )

ซึ่งหลักการนี้ เหมือนกับการแปลภาษาไทยไปเป็นภาษาอังกฤษครับ มีหลักการตายตัว ในที่นี้เราแปลจากภาษามนุษย์ลงไปในโลกของเกมส์ หรือโปรแกรมคอมพิวเตอร์ โลกของการพัฒนา software computer เราเรียกมันว่า Object Oriented Programming ครับ

ระบบทั้งหมด (ย้ำว่าทั้งหมดจริงๆ) ของ Actionscript 3 ขึ้นตรงกับหลักการที่ว่านี้ครับ

ซึ่งถ้าคุณเข้าใจหลักการของมันแล้ว การพัฒนา Software ด้วย Actionscript 3 จะง่ายเหมือนคุณผ่านการเรียนภาษาอังกฤษ มาพูดกับฝรั่งยังไงยังงั้นเลย

Where to go from here?

เป็นไงครับ? หลังจากที่คุณเปลี่ยนมุมมองต่อภาษาโปรแกรมมิ่ง ให้เป็นภาษาต่างประเทศสักภาษาหนึ่ง มันก็ไม่มีอะไรน่ากลัวเลย มันแค่เปลี่ยนจากการเรียนรู้ภาษาเพื่อพูด มาเป็นภาษาเขียน เปลี่ยนจากการคุยกับคนต่างชาติให้รู้เรื่อง มาเป็นการเขียนคำสั่งบอกให้คอมพิวเตอร์เข้าใจและทำงานให้เราเท่านั้น ไต๋ทั้ง 3 ที่นำมาบอกให้คุณรู้ในบทความนี้ จริงๆ แล้วเป็นลักษณะอันดับต้นๆ ของภาษาโปรแกรมมิ่งเกือบทุกภาษาในปัจจุบันเลยล่ะ

ดังนั้นจำเอาไว้ให้ดี ถ้าคุณเข้าใจหลักการแปลภาษาของเราไปเป็นภาษาของพวกเขาแล้ว มันก็เหลือแค่ไวยากรณ์ (grammar) ที่คุณต้องทำความเข้าใจเท่านั้นแหละ

ขอให้เริ่มต้นเรียนรู้อย่างมีความสุขครับ

รักคนอ่าน

รู้จักกับ Timer และ TimerEvent

เอาเป็นว่าเรารู้จักหลักการพื้นฐานของ Actionscript 3 กันพอประมาณแล้วกันนะครับ เจ้า Timer เนี่ย มันเป็น Class ตัวหนึ่งที่สามารถ “นับ” เวลาได้ตามหน่วยเวลาในโลกมนุษย์ (มิลลิวินาที) และขณะนับเวลาไปนั้นเอง ก็จะมีการ dispatch (หรือเรียกง่ายๆ ว่า “พ่น”) event ที่ชื่อ TimerEvent ออกมาเรื่อยๆ มันจะหยุดเมื่อไหร่นั้น ก็ขึ้นอยู่กับคุณนั่นแหละ เป็นคนสั่งครับ

การใช้ Timer

การใช้งาน Timer ก็จะเหมือนการใช้งาน Class ทั่วไปครับ เราต้อง initialize ตั้งค่าก่อนที่สั่งให้มันทำงาน

timer = new Timer(1000,5);
timer.start();

จากนั้นเราก็สั่งให้มันเริ่มทำงานโดยใช้ method ชื่อว่า start() ครับ จากจุดนี้ Timer ของเราจะนับไปตามกลไกที่เรากำหนดไว้ข้างบนจนหยุดครับ หรือถ้าเราต้องการให้หยุดกระทันหันก็ใช้ method ชื่อว่า stop() ได้เหมือนกัน

/*
method stop() ไว้ใช้หยุดการทำงานของ timer ชั่วคราว
และเราสามารถสั่งให้ทำงานต่อได้โดยใช้ method start() อีกครััง
*/
timer.stop();

การดัก TimerEvent ไว้ใช้งาน

แม้ว่าคุณจะสั่งให้เจ้า Timer ของคุณเริ่มเดินแล้ว แต่คุณลืมอะไรบางอย่างไปหรือเปล่า? ….. นั่นไง! คุณจะรู้ได้อย่างไรว่ามันนับในแต่ละรอบเมื่อไหร่ และมันหยุดนับหรือยัง (ในกรณีที่ repeatCount ไม่เป็น 0) ตรงนี้แหละ คุณต้องทำการดัก TimerEvent เอามาใช้งานแล้ว โดย TimerEvent มีทั้งหมด 2 ประเภทคือ

timer.addEventListener(TimerEvent.TIMER, callback );
timer.addEventListener(TimerEvent.TIMER_COMPLETE, callback);

TimerEvent.TIMER

เจ้าตัวนี้แหละที่จะถูก dispatch ออกมาในแต่ละครั้งที่มันนับครบ 1 delay ถ้าเป็น Timer ข้างบน มันก็จะ dispatch เจ้า Event ตัวนี้ออกมาทุกๆ 1 วินาที

TimerEvent.TIMER_COMPLETE

ส่วนเจ้านี่ก็จะถูก dispatch ออกมาในรอบสุดท้ายของการนับ ถ้ากำหนด repeatCount ไว้ 5 มันก็จะออกมารอบที่ 5 ที่แหละครับ เหมาะสำหรับไว้ทำ Loading หรือต้องคอยการคำนวนส่วนอื่นๆ ให้เสร็จ

Where to go from here?

เป็นไงครับ การใช้ Timer ในการจับเจ้าเวลามาใช้งานให้เกิดประโยชน์ใน Flex และ AIR application ของเรา หากประยุกต์ใช้ดีๆ มีประโยชน์มากเลยนะครับ หากคุณสนใจจะดูแนวการใช้ Actionscript 3 ในด้านต่างๆ กดปุ่มด้านล่างเลยครับ สำหรับวันนี้พอแค่นี้ก่อนครับ

ดู article อื่นๆ ที่เกี่ยวกับ Actionscript 3

“ทำไมต้องใช้ Actionscript 3?”

เป็นหนึ่งใน 10 คำถามยอดฮิต ที่สอบถามผมเข้ามาในช่วงครึ่งปีหลังของปี 2010 และยาวมาจนถึงทุกวันนี้ ซึ่งหลายๆ คนต้องการรู้คำตอบส่วนนี้มาก เพราะบางคนยังใช้ Actionscript 2 อยู่ ก็ทำงานในสายอาชีพของตัวเองได้แล้ว หรือบางคนที่มาจากภาษา platform อื่นๆ อย่าง .NET, Java, หรือ PHP ก็ยังสงสัยอยู่ว่าการที่ตัวเองจะเอาเวลาแสนสุขส่วนหนึ่งมาอุทิศให้กับการเรียนรู้ภาษาใหม่ๆ ตัวนี้

วันนี้ผมเลยสรุป 3 เหตุผลหลักๆ มาให้คุณรู้เลยว่า การเรียนรู้ภาษา Actionscript 3 จะนำมาซึ่งสิ่งที่มีค่ายิ่งยวด (จริงๆ นะเออ)

1. เป็นพื้นฐานต่อยอดไปสู่เทคโนโลยีระดับสูง

เมื่อ Adobe ประกาศว่า Flash platform จะเป็นเทคโนโลยีหลักในการกระจาย content และ application ไปสู่อุปกรณ์และ platform ต่างๆ ในโลก ภาษา Actionscript 3 จึงถูกเลือกมาเป็นภาษากลางในการโปรแกรม และจัดการข้อมูลใน Flash platform ทันที สิ่งนี้หมายความว่า ถ้า Flash platform สยายปีกออกไปยังเทคโนโลยีอะไร คนที่เป็น Actionscript 3 จะสามารถเข้าถึงและใช้งานเทคโนโลยีนั้นได้ทันที ตัวอย่างที่เห็นเด่นชัดที่สุดตอนนี้คือ

• การพัฒนาโปรแกรมบนอุปกรณ์พกพาด้วย Adobe AIR (Mobile Application development with Adobe AIR)
• การสร้างวัตถุเสมือนจริง (Augmented Reality หรือ AR)
• การสร้างและควบคุมภาพ 3 มิติบน Adobe Flash (รหัสโครงการ MoleHill)

2. ทำงานร่วมกันด้วยระบบ Adobe Flash Platform

เมื่อภาษา Actionscript 3 กลายเป็นภาษากลาง มันก็เหมือนกับโลกที่ใช้ภาษาอังกฤษ หรือภาษาจีนเป็นหลักในการติดต่อค้าขาย Adobe Flash platform มีการทำงานที่เชื่อมต่อถึงกันอย่างหมดจด อย่างเช่น

• Adobe Flash Professional CS5 สามารถพัฒนาและส่งต่อ Animation ให้ไปใช้งานใน Adobe Flash Builder 4 ได้
• Adobe Flash Catalyst สามารถแก้ไขงานออกแบบส่วนติดต่อผู้ใช้ (User Interface) ได้โดยไม่กระทบกับ code ที่อยู่ใน Adobe Flash Builder 4

ซึ่งการทำงานร่วมกันระหว่างโปรแกรมที่อยู่ใน Adobe Flash platform ดังกล่าวนี้ ใช้ Actionscript 3 เป็นหลัก (ทั้งหมด)

3. ลดความซ้ำซ้อนและขั้นตอนการทำงาน Flash project

Actionscript 3 เป็นการบูรณาการโครงสร้างและความเข้าใจของการใช้งาน Actionscript ใหม่หมดจด มีการออกแบบโครงสร้างภาษาแบบ Object Oriented Programming ซึ่งอาจจะทำให้คนที่เข้าใจใน AS2 มาก่อนมึนงงได้ แต่ถ้าเราลองเปิดใจรับ Actionscript 3 และภาษาแบบใหม่เข้ามา จะพบว่าขั้นตอนการทำงานจะเร็วขึ้นมาก ไม่มีการแก้ไข code ซ้ำซ้อน และควบคุมระบบได้มากขึ้นอย่างที่ไม่เคยมีมาก่อนนับตั้งแต่ยุคเริ่มแรกจนถึง Actionscript 2

สรุป

Actionscript เดินทางมาถึงยุคที่ 3 แล้ว ถ้าเป็นเทียบเป็นวิวัฒนาการของยานพาหนะ Actionscript คือเกวียน ส่วน Actionscript 3 คือรถยนต์ที่หยืดหยุ่นในการออกแบบ และทรงประสิทธิภาพสูง โดยต่อยอดโครงสร้างออกไปได้เรื่อยๆ Adobe เองก็เริ่มที่จะบังคับกลายๆ ให้ทุกคนมาใช้ Actionscript 3 โดยออกแบบเทคโนโลยีใหม่ๆ ให้ทำงานบน Actionscript 3 เท่านั้น พวกเราอย่ารอช้า เริ่มกันตั้งแต่วันนี้

ก่อนจะหายไป พร้อมๆ กับยุคของ Actionscript 2 นะครับ

AMF คืออะไร?

รู้จักชื่อจริงของมันก่อน “Action Message Format” มันคือ “รูปแบบมาตรฐานในการเข้ารหัสเพื่อส่งข้อมูลระหว่าง Adobe Flash กับ Remote Service”

…. เอ้า งงล่ะซี่

มาอธิบายด้วยภาษานิทานกัน

กาลครั้งหนึ่งไม่นานนัก มีเจ้าเมืองแห่งหนึ่งมีข้อมูลด้านการค้ามากมายต้องการส่งข้อมูลพวกนี้ให้เจ้าเมืองพันธมิตรในละแวกใกล้ๆ เพียงแต่ปัญหาสำคัญคือ เจ้าเมืองพวกนี้พูดกันคนละภาษา! แต่ละเมืองก็คุยกันอู้ๆ อ้าๆ บู้ๆ บ้าๆ ไปตามเมืองของตัวเอง เจ้าเมืองการค้าเลยไปจ้างนักเข้ารหัสส่งข่าว ซึ่งเชี่ยวชาญภาษาของทุกเมืองมา โดยมอบหมายให้นักเข้ารหัสคอยนำข้อความจากตนเอง นำไปถอดเป็นภาษาของเจ้าเมืองแต่ละเมือง และรับข้อความตอบกลับจากเจ้าเมืองอู้ๆ อ้าๆ พวกนั้นมาถอดเป็นภาษาของเจ้าเมืองการค้า นักเข้ารหัสส่งข่าวก็ตกลง แต่ว่ามีข้อแม้คือต้องส่งข่าวมาเป็นรหัสที่นักเข้ารหัสกำหนดเพื่อความรวดเร็ว เจ้าเมืองทั้งหมดก็ตกลง

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

จบแล้วครับนิทานเรื่องนี้

อ้าวแล้วมันเกี่ยวอะไรกัน?

• เจ้าเมืองแห่งแรก คือ Adobe Flash Application นั่นเองครับ ในที่นี้คือเป็นตัวตั้ง ตัวตี เลยให้เป็นเจ้าเมืองใหญ่ซะเลย ซึ่งพวกเราก็ต้องการนำข้อมูลต่างๆ จากเจ้าเมืองนี้ไปยังเมืองอื่นๆ นั่นหล่ะ พวกเจ้าเมืองอื่นๆ คือภาษา server side ต่างๆ เช่น .NET, Java, PHP, Python, และ Ruby on Rails เป็นต้น
• ทีนี้การที่จะให้เจ้าเมืองแต่ละคนคุยกันรู้เรื่อง ก็เลยต้องมีคนกลาง นักเข้ารหัสส่งข่าว ก็คือมาตรฐาน AMF นั่นเอง โดยที่เจ้าเมืองแต่ละเมืองที่ต้องการคุยกับเจ้าเมือง Adobe Flash รู้เรื่องต้องตกลงและนำข้อกำหนดของนักเข้ารหัส (AMF) ไปใช้ ในที่นี้คือภาษา server side แต่ละภาษาก็ต้องเอา AMF ไปทำ API ขึ้นมาพร้อมใช้งานเพื่อให้ภาษาตัวเองคุยกับ Adobe Flash ได้นั่นเองครับ

AMF มีประโยชน์ยังไง?

ถ้าจะสรุปเลย เมื่อเกิดมาตรฐานกลางขึ้นมาและทุกคนทำตามมาตรฐาน สิ่งที่จะเกิดขึ้นจากการที่เราได้ใช้ AMF เป็นสื่อกลางในการแลกเปลี่ยนข้อมูลกันระหว่าง Adobe Flash และภาษา server side คือ

ความเร็ว (Performance)

เหมือนกับระบบรหัสไปรษณีย์ หรือบาร์โค้ด การสื่อสารจะทำได้เร็วกว่ามาตรฐานอื่นๆ อย่าง Web Service (WSDL) หรือ Restful (HTTP) เพราะเป็นมาตรฐานที่สร้างขึ้นมาเฉพาะสำหรับ Actionscript โดยตรง

ความสะดวก (Automation)

หากใครใช้ Adobe Flash Builder 4 ขึ้นไปจะได้เปรียบตรงนี้มากเพราะ เราสามารถใช้เครื่องมือในการเตรียมความพร้อมทำงานกับ Service ที่สร้างขึ้นโดยใช้ AMF ได้ทันที

AMF จำเป็นไหม?

เรียกว่าเป็นตัวเลือกดีกว่าครับ เพราะยังไงมันก็เป็นทักษะระดับที่ต้องใช้ความเข้าใจสักหน่อยในการใช้งานให้ได้มีประสิทธิภาพ ซึ่งพวกเราจะเลือกใช้การส่งข้อมูลผ่าน Web Service หรือผ่าน HTTP ก็ได้เหมือนกัน แต่ว่าความเร็วที่แตกต่างจนน่าตกใจ น่าจะเป็นจุดสำคัญที่ให้พวกเราตัดสินใจว่าจะเลือกใช้ AMF หรือเปล่า เพราะถ้าเป็นการทำงานระดับองค์กร (Enterprise) การแลกเปลี่ยนข้อมูลเป็นล้านๆ ครั้ง จะทำให้ระบบเกิดการอืดไม่น้อยเลยครับ

สรุป

AMF เป็นอีกช่องทางหนึ่งของการแลกเปลี่ยนข้อมูลระหว่าง Flash Application กับฝั่ง server ของคุณ จุดเด่นคือความเร็วในการแลกเปลี่ยนข้อมูลที่สูงกว่าวิธีอื่นๆ แต่ก็ต้องอาศัยความเข้าใจถ่องแท้ในการใช้ AMF แต่ละตัว ซึ่งถ้าเข้าใจหลักการใช้แล้ว AMF จะช่วยเพิ่มประสิทธิภาพในการทำงานของระบบคุณมากเลยครับ