knowledge

Flash AS 3.0 – พื้นฐานการทำข้อสอบ – แบบทดสอบแบบที่ 4

22/05/2016
แบบทดสอบ แบบที่ 4 สุ่มคำถามคำตอบ, 2ภาษา, เฉลย, บันทึกคะแนน, ส่งออกเป็น XML

แบบทดสอบแบบที่ 4 สุ่มคำถามคำตอบ, 2ภาษา, เฉลย, บันทึกคะแนน, ส่งออกเป็น XML ตัวนี้ผมทำไว้หลายเดือนละ ขอลงไว้ก่อน แล้วค่อยอธิบายทีหลัง รายละเอียดตัวนี้ก็พัฒนาเพิ่มเติมจากตัวล่าสุด คือแบบที่ 3 ทำงานร่วมกันไฟล์ XML โดยจะโหลดคำถามและรายละเอียดต่างๆ จากไฟล์ xml ซึ่งนั่นหมายความว่า คุณไม่จำเป็นต้องไปแก้ไฟล์ .fla ก็สามารถเปลี่ยนคำถามและรายละเอียดต่างๆ ได้ แต่ถ้าอยากเปลี่ยนหน้าตาก็แก้ไขในไฟล์ .fla ได้ตามสบาย

Continue reading

Flash Project File – Happy Birth Day สุขสันต์วันเกิด – 2

19/04/2016
Flash Project File - Happy Birth Day - 2

ห่างหายไปนานมาก คิดถึงบล๊อกจัง วันนี้ไม่มีอะไร แจกไฟล์ภาพเคลื่อนไหว อวยพรวันเกิด เอาไปส่งให้คนที่อยากส่งให้ อันนี้ทำไว้นานแล้ว ที่จริงมีหลายอันเลย แต่ไม่ค่อยได้เอามาลง เดี๋ยวจะทยอยเอามาลงเรื่อยๆ เลยคร้าบ

Continue reading

มาแล้ว Adobe Animate CC มันมีอะไรใหม่

10/02/2016

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

Continue reading

Flash AS 3.0 – พื้นฐานการทำข้อสอบ, แบบทดสอบ แบบที่ 3 – การสุ่มคำถามและตัวเลือก

23/02/2015

หายไปซะนานเลย วันนี้ขอเขียนต่อให้จบเลยละกัน โค้ดโปรแกรมก็คล้ายๆ กับบทความที่ผ่านมา สามารถเอาไฟล์จากบทความก่อนหน้านี้มาใช้ได้เลย จะได้ไม่ต้องวาดใหม่ บทความก่อนหน้านี้ แบบทดสอบ แบบที่ 1 – คำถามละเฟรม แบบทดสอบ แบบที่ 2 – การใช้ Array และการใช้ไฟล์ XML เก็บคำถามคำตอบ แบบทดสอบ แบบที่ 4 – สุ่มคำถามคำตอบ สองภาษา บันทึกคะแนน ส่งออกไฟล์ แบบที่ 3 : แบบทดสอบสุ่มคำถามและตัวเลือก วิธีทำ 1. วาด (สามารถนำไฟล์จากแบบทดสอบแบบที่ 2 มาใช้ได้เลย) 1.1 เลเยอร์ชื่อ as – ไม่มีอะไร เอาไว้เขียนโค้ด 1.2 เลเยอร์ชื่อ txtError – ใช้เครื่องมือ Text Tool [T] เลือกเป็น Dynamic Text ตั้งชื่อ txtError 1.3 เลเยอร์ชื่อ choice – เป็นตัวเลือก กขคง เป็น Movie Clip ตั้งชื่อเรียงกันไป …

Continue reading

Flash AS 3.0 – พื้นฐานการทำข้อสอบ, แบบทดสอบ แบบที่ 2 – การใช้ Array และการใช้ไฟล์ XML เก็บคำถามคำตอบ

14/08/2014

ต่อจากบทความที่แล้ว เป็นการสร้างแบบทดสอบโดยทำทีละเฟรม วันนี้จะเป็นการใช้ Array เก็บคำถามและคำตอบและจะทำให้การใช้เฟรมน้อยลง แต่เหมาะกับคำถามที่มีแต่ข้อความ แบบที่ 2.1 การใช้ Array เก็บข้อความ ตรงนี้ก็ไม่มีไรมาก คงจะคุ้นเคยกันดี การประกาศตัวแปรก็ var myArray:Array = new Array(); var myArray:Array = new Array(“A”,”B”,”C”,”D”); myArray[0] = “A”;//เป็นการกำหนดค่าให้ในตำแหน่งที่ 0 มีค่าเท่ากับตัวอักษร A แล้วเราจะใช้เก็บคำถามและคำตอบล่ะ var QuestionArray:Array = new Array(); var ChoiceArray:Array = new Array(); QuestionArray[0] = “จรเข้เป็นหลานใคร ?”; //เก็บคำถาม ChoiceArray[0] = “ไกรทอง#จรเข้#จักรยาน#ชาละวัน”; //เก็บตัวเลือกเรียง กขคง ซึ่งคั่นด้วย # น่าจะพอเข้าใจแล้ว มาเริ่มทำกันเลย 1. เฟรมแสดงคำถาม (เฟรมที่ 2) จะใช้ไฟล์เดิม ที่ > การทำข้อสอบแบบที่ 1 หรือจะสร้างใหม่ก็ได้ …

Continue reading

Flash AS 3.0 – พื้นฐานการทำข้อสอบ, แบบทดสอบ แบบที่ 1 – คำถามละเฟรม

09/08/2014

เคยบอกว่าจะทำตั้งนานแล้ว ไม่ได้ทำซักที วันนี้จะมาทำแบบทดสอบ หรือข้อสอบ เป็นแบบพื้นฐานก่อน คือให้ 1 คำถามต่อเฟรม ถ้ามีหลายคำถามเราก็ต้องทำหลายเฟรม แก้ไขเองทุกเฟรม ซึ่งอาจจะทำให้เสียเวลา แต่จริงๆแล้ว การทำแบบนี้มันก็เหมาะสำหรับคำถามและคำตอบที่อาจจะไม่ได้เป็นแค่ตัวหนังสือ อาจจะมีรูปภาพเยอะ หรือคำตอบไม่คงที่ รูปบ้าง ตัวหนังสือบ้าง เช่นข้อสอบคณิตศาสตร์ ฟิสิกส์ เคมี อะไรประมาณนี้  การทำที่ละเฟรมจึงเหมาะกว่า แบบที่ 1 : ข้อสอบแบบเลือกตอบ ระหว่างทำข้อสอบสามารถแก้ไขคำตอบได้ จนกว่าจะกดไปข้อต่อไป  สรุปผลตอนท้าย 1. สร้างไฟล์ใหม่ เลือก AS3 – ใส่ภาพพื้นหลัง จะวาดเองหรือ import มาก็ได้ ในเลเยอร์แรก ตั้งชื่อเลเยอร์ BG แล้วล๊อกไว้ – สร้างเลเยอร์ใหม่ – วาดกรอปของข้อความ จะไม่มีก็ได้ – ใส่ปุ่มถัดไป ตั้งชื่อ Btn_Next การทำปุ่มไม่บอกแล้วนะ ดูที่ > การใช้งานปุ่ม 2. ใส่ข้อความต่างๆ – ข้อความเพื่อใส่คำถาม ใช้ Text Tool [T] ชนิด Static …

Continue reading

Flash AS 3.0 – ทำให้วัตถุที่ต้องการหันตามเมาส์หรือวัตถุอื่นๆ

04/08/2014

วันนี้จะมาทำให้วัตถุที่เราต้องการ หันหน้าไปตามเมาส์อ่านะ ต้องไปรื้อฟื้นความรู้เรื่องตรีโกนมิติกันซักหน่อย ซึ่งก็คืนครูไปหมดแล้วล่ะ ต้องมานั่งเปิดหนังสืออ่านใหม่ เหอะๆ ดังนั้นจงตั้งใจเรียนไปเถิด สักวันคงจะได้ใช้ : ) จากรูปวงกลมหนึ่งหน่วย สิ่งที่เรารู้คือ y คือด้านตรงข้ามมุม หาได้จากผลต่างของตำแหน่งของเมาส์ในแกน x กับตำแหน่งของวัตถุในแกน x x คือด้านประชิดมุม หาได้จากผลต่างของตำแหน่งของเมาส์ในแกน y กับตำแหน่งของวัตถุในแกน y ควาวนี้สิ่งที่เราต้องหาคือมุม θ ของวัตถุที่ทำกับเมาส์ ถ้าเรารู้มุมก็จะให้วัตถุหมุนไปตามมุมนั้น วัตถุก็จะเหมือนมองไปยังเมาส์ เข้าใจป่ะ ? ฮ่าๆๆ ความยาวที่เรารู้ก็คือ ข้าม/ชิด = y/x = tan ในคลาส Math ของ AS3 มีอยู่ 3 ตัวที่เกี่ยวข้อง ลองพิจารณาดูก่อน ว่าเราจะให้เมธอดอะไรดีในการคำนวน 1. Math.tan(x:Number) ใส่ค่ามุมเป็นเรเดียน คืนค่าเป็นค่าของ Tangent – เราไม่รู้มุมเรเดียน จึงใช้เมธอดนี้ไม่ได้ 2. Math.atan(x:Number) ใส่ค่าของ Tangent เพื่อหาค่าของมุมเป็นเรเดียน – เรารู้ค่าของ tan ซึ่งก็คือ อัตราส่วนของ …

Continue reading

Flash – ทำพลุ , ดอกไม้ไฟ โดยใช้ Deco Tool

02/08/2014

วันนี้ ลองมาทำพลุ หรือดอกไม้ไฟ หรือ Firework โดยใช้ Deco Tool หลักการทำก็ง่ายๆ ไม่ต้องเขียนโปรแกรม ลองมาทำกันเลย… 1. วาดเส้นขึ้นมา 1 เส้นด้วยเครื่องมือ Line Tool [N] จากนั้นแปลงเป็น Symbol [F8] ตั้งชื่อ Line 2. คลิกเข้ามาใช้ Symbol ที่วาดเส้นไว้ จากนั้นก็แปลงเป็น Symbol [F8] อีกครั้งหนึ่ง ผมตั้งชื่อ Root_Line 3. กด [Q] แล้วลากกำหนดจุดกึ่งกลางไว้ที่ริมสุด ขอบขวา แล้วกำหนด keyframe ที่เฟรมที่ 20 ดูที่แถบ Transform ปรับ Scale Width ให้เป็น 0% (ซึ่งโปรแกรมมันอาจจะปรับให้เองอีกครั้งซึ่งอาจไม่เท่ากับ 0) 4. Create Classic Tween แล้วคลิกบริเวณเฟรมระหว่างการ Tween ใส่ค่า Ease ไป 100 (ช้าออก) 5. สร้างเฟรมเปล่าที่เฟรมที่ 21 …

Continue reading

Flash AS 3.0 – พื้นฐานการควบคุมการเคลื่อนที่ของวัตถุผ่านคีย์บอร์ด

18/07/2014

วันนี้เราจะมาเรียนรู้การใช้ Action Script 3.0 ควบคุมการเคลื่อนที่ของวัตถุโดยการกดปุ่มที่คีย์บอร์ด ซึ่งจะเห็นกันทั่วๆ ไปตามเกมแนว Side-Scrolling หรือเกมที่ต้องบังคับตัวละครเดินอะไรต่างๆ โดยเราสามารถอ่านอ้างอิงได้จาก keyboard keyboard event สิ่งที่ต้องรู้ในขั้นแรก – keyCode จะเป็นรหัสของปุ่มที่กดที่อยู่บนคีย์บอร์ด เช่นปุ่ม A จะ “A” หรือ “a” จะมีรหัสเดียวกัน และยังรวมไปถึงปุ่ม Ctrl, Shift, Alt และอื่นๆ – charCode จะเป็นรหัสของตัวอักษรและอักขระพิเศษเท่านั้น โดย A กับ a จะมีรหัสไม่เหมือนกัน – String.fromCharCode อันนี้อยู่ในคลาส String เป็นการแปลงจากรหัสเป็นตัวอักษร ลองเขียนโปรแกรมเพื่อตรวจสอบดู

คราวนี้ก็รู้การรับค่าปุ่มกดแล้ว ต่อไปจะเป็นการรับค่าปุ่มกดเพื่อทำให้วัตถุเคลื่อนที่ จากโค้ดด้านบน เมื่อกดปุ่มใดๆ ให้แสดงออกทาง output เปลี่ยนใหม่เป็นเมื่อกดปุ่มใดๆ ให้วัตถุเคลื่อนที่ ก่อนอื่นวาดวัตถุอะไรก็ได้ใน stage แล้ว แปลงเป็น Symbol ตั้งชื่อ ….ผมตั้ง Circle แล้วแก้โค้ดใหม่เป็น

จากโค้ดด้านบนเมื่อกดปุ่มใดๆ ตำแหน่งของวัตถุจะเพิ่มไปครั้งละ 5 …

Continue reading

Flash Game – เกมตารางธาตุมหาสนุก v2

10/07/2014

กว่าจะเสร็จเรียบร้อย เกือบเดือนที่ผ่านมา ผมหันไปศึกษา AS 3.0 แล้วก็ลองทำเกมตารางธาตุ ว่าแต่ทำไมถึงเป็นเกมตารางธาตุ เพราะเมื่อตอนสมัยเรียนมัธยม เคยเล่นเกมนี้ อ. สอนเคมี ท่านก็จะให้เล่นเกม ลักษณะเกมจะเป็นการจดจำชื่อธาตุ และตำแหน่งที่อยู่ในตารางธาตุ แล้วลากธาตุนั้นไปวางยังตำแหน่งที่ถูกต้อง ซึ่งผมก็หาเกมนี้เจอในเว็บ โดยอยู่ที่นี่ CLICK!!! ผมไม่รู้นะว่าใครทำ แต่ค้นไปเจอที่นี่ก็ลิ้งไปที่นี่ละกัน ผมดูเกมแล้วมันธรรมดาไปหน่อย เล่นยากด้วย คือตอนที่เรียนอยู่มัธยม ห้องเคมีจะมีกระดานอะไรซักอย่างนี่แหละ ให้ตายเถอะ ไม่รู้ได้ไงเนี่ย มันเป็นเหมือนโปรเจคเตอร์นี่แหละ แต่มันมีปากกาเขียนที่กระดานได้ ปากกาเป็นเหมือนเมาส์ แล้วเกมอันเก่า มันลากยากมาก เพราะชื่อธาตุมันไม่อยู่นิ่งๆ นี่ลำพังแค่คิดว่าธาตุนี้อยู่ตรงไหนก็ยากแล้วนะ ยังต้องมาวิ่งไล่จับธาตุไปใส่กล่องอีก -..- ผมเลยมองว่ามันลำบากไปหน่อย (แต่คนอื่นเขาก็ทำได้กันแหละ ผมจำไม่ได้เอง ฮ่าๆ) เอาหล่ะ ก็เลยคิดจะทำใหม่ให้ครูเอาไปให้น้องๆ เล่น ไม่รู้จะถูกใจหรือป่าวนะ เพราะคิดเองทำเอง ไม่ทันถาม ครูซักคำว่า ครูต้องการมั้ย หรืออยากได้แบบไหน ฮ่าๆๆ ใครอยากลองเล่นเกมก็ลองเข้าไปดูได้ที่นี่  CLICK !!! หน้าตาก็เหมือนกันภาพด้านบนนั่นแหละ อาจจะมีข้อผิดพลาด เพราะนี่เกมแรก แนะนำได้ครับ ผมทำไว้ 2 เวอร์ชันคือ Desktop กับ ออนไลน์ ซึ่งมันก็เหมือนกันทั้งสองเวอร์ชันแหละนะ แต่ในเวอร์ชั่น Desktop จะเก็บคะแนนไว้ที่เครื่องได้ …

Continue reading