--- title: ฝึกแบ่งพิมพ์ การเขียนโปรแกรมภาษาคอมพิวเตอร์ อ.สุธิรา subtitle: date: วันจันทร์ที่ 18 มีนาคม 2567 เวลา 13.00 น. --- (ข้อความสดจากระบบถอดความเสียงพูดทางไกล) (อาจารย์สุธิรา) ไม่แน่ใจ [เพลง “LALISA”] (อาจารย์สุธิรา) ไม่ขึ้นอีก [Music Video เพลง “LALISA”] (อาจารย์สุธิรา) เคยดูไหม สัก 1 เพลงนะคะ จังหวะไหน ถึงจะเร็วกว่านี้ เพลงอะไรใครเคยฟังเพลงลิซ่า บอกได้ไหมเพลงอะไร เดี๋ยวนะเดี๋ยว ๆ ๆ ท่อนนี้นะท่อน... เร็วไป นี่ ๆ เอาแค่ท่อนนี้ได้ไหม พร้อมหรือยังออกมาจากโต๊ะตัวเอง ขยายออกมาข้าง ๆ กระเถิบออกมา จะได้มีพื้นที่นี่ออกมาตรงนี้วิ่งกลับมาทางนี้ ไม่เอาเยอะ ไม่เอาเยอะ 1 ท่อน 1 ท่อนพอ พร้อมยัง ดูนะคะ เอาแค่นี้พอนะ [Music Video เพลง “LALISA”] (อาจารย์สุธิรา) เลยแล้วเหรอ เลยแล้วเหรอ นี่ ๆ ๆ นี่ เดี๋ยวจะทำให้ช้าลง เดี๋ยวเราจะลดความเร็วนะคะ ให้ดูก่อน ให้ดูก่อน จะได้ Alert Alert หน่อย โอเคไหม ดูอีกที โอเคไหม ดูนะคะ เดี๋ยวเอาช้าลงอีก ได้สุดหรือยัง 0.5 สิ อย่างไรก่อน อยู่ในท่าเตรียม ทำมือ อยู่ดูใครจะทำ ท่าเตรียมใช่ไหมคะ เสร็จแล้วอะไร แล้วอะไรต่อ ทีนี้ดูนะ ดูและทำตามด้วยเลย อันนี้เอาช้า ๆ ก่อนนะ [Music Video เพลง “LALISA”] (อาจารย์สุธิรา) ย่อ ใช่ไหม มีย่อ เอาแค่จังหวะนี้พอนะ [Music Video เพลง “LALISA”] (อาจารย์สุธิรา) มันมีเพลงนี้ที่มันเต้นท่าเมื่อกี้นี่ เอาเฉพาะท่า (อาจารย์สุธิรา) โอเคไหม นี่เลยนะ เอาขยับนี่เลยนะ [Music Video เพลง “LALISA”] (อาจารย์สุธิรา) โอเคไหม นี่ ๆ เราชอบมากเลย ท่านี้ได้ไหมท่าเมื่อกี้น่ะ นี่ ๆ ๆ นี่ ๆ ๆ ดูนะ ๆ เอาท่านี้นะ เอาท่าที่เริ่มตั้งแต่ท่อนนี้นี่ ท่าที่เริ่ม โอเคไหม [Music Video เพลง “LALISA”] โอเคไหม ดูนะ เอาท่าเมื่อกี้นะ ที่เริ่มนะพร้อมหรือยัง นี่ นี่ ๆ เอาแค่นี้ Say love ใช่ไหม เดี๋ยวนะ เดี๋ยว ๆ นี่ ตั้งแต่ท่อนนี้ไปถึง ถึงแค่... [Music Video เพลง “LALISA”] (อาจารย์สุธิรา) นี่ แค่นี้พอ แล้ววนกลับมา พร้อมยัง พร้อมยัง พร้อมยัง พร้อมหรือยังคะ พร้อมนะ ท่ายืนท่ายืน พร้อมนะ โอเคนะ 1 รอบ [Music Video เพลง “LALISA”] (อาจารย์สุธิรา) เอา เดี๋ยวเด้อ เข้าใจนะ แล้วก็อย่างนี้ใช่ไหม ดูนะ ดูนะ [Music Video เพลง “LALISA”] (อาจารย์สุธิรา) นี่ ๆ เริ่มตั้งแต่ท่อนนี้ ท่านี้ อันดับแรก เอามือป้องหูนี่ เหมือนเขาน่ะ ท่านี้ ท่ายืนเริ่มตั้งแต่ท่านี้นะคะ [Music Video เพลง “LALISA”] (อาจารย์สุธิรา) แล้วก็ นึกออกนะ เอาแค่... นี่ ๆ ...นี่ ๆ ๆ ... นี่ ๆ Say love Say love เป็นต้นไปนะ แล้วก็...นะคะ แล้วมันจะวนกลับมา 2 รอบ โอเคไหม โอเคนะ พร้อมหรือยัง [Music Video เพลง “LALISA”] (อาจารย์สุธิรา) เริ่มไม่ตื่นก็ต้องตื่น พร้อม จะกดแล้วนะ โยกเลยนะคะ 1 2 3 [Music Video เพลง “LALISA”] (อาจารย์สุธิรา) มีสายแดนซ์อยู่ อีกหนึ่งครั้งถ้าใครไม่ทำไม่ได้เรียนนะ ทำก่อน ทำก่อน จะได้ตื่น พร้อมยัง รอบสุดท้าย โอเคเตรียม [Music Video เพลง “LALISA”] (อาจารย์สุธิรา) เกินเหรอ เดี๋ยวนะ เดี๋ยวนะ (อาจารย์สุธิรา) อย่างนั้นขอทีละ 1 อย่างนั้น ขอทีละ 1 เหมือนไม่เหมือนดู แถวละ 1 นะ แถวละ 1 แถวละ 1 ทีละ 1 แถว ไปแถวแรกก่อนกุ้งเต้น อันนี้นะ 3 คนนะ 3 คนนี่ 3 คนแถวหน้า อยู่ท่าเตรียม พร้อมนะแม่กดแล้วนะ เต้นเลย [Music Video เพลง “LALISA”] (อาจารย์สุธิรา) โอเค แถวที่ 2 แถวที่ 2 4 คน สุดท้ายนะคะ เอาหรือยัง [Music Video เพลง “LALISA”] (อาจารย์สุธิรา) เตรียม เตรียม อยู่ในท่าเตรียม 1 2 3 [Music Video เพลง “LALISA”] เยี่ยม ๆ เก่งมาก ทีนี้ เดี๋ยวแม่ดูอาการแล้ว ถ้าใครง่วงเหงาหาวนอนจะมา Relax ด้วยวิธีนี้นะคะ ไปดูไว้เลยนะ ชอบของใคร มาบอกไว้ เดี๋ยวพาแดนซ์กระจายนะคะ เป็นอย่างไร Alert หรือยังทีนี้ มาดูต่อนะคะ ที่เราจะเรียนกันต่อ เมื่อกี้เราบอกแล้วว่า ในเทอมนี้เราจะไม่ใช่ Collapse เราจะใช้ Sublime แล้วก็ Library ที่ชื่อ Pygame ก่อนอื่นเราก็ต้องมารู้ก่อนว่า Pygame มันคืออะไร มันคืออะไรนะคะ เขาบอกไว้ว่านี่ เห็นไหมคะ Pygame มันเป็น Library หนึ่งของ ใช้ในการเขียน... มันจะมีนะคะ โมดูล มันจะมีคำสั่งอยู่ในตัว Library ที่ชื่อ Pygame นี้นะคะ ซึ่งเราจะใช้ Module มาเขียน โดยไม่ต้องไปเขียน ใหญ่ ๆ ถ้าเป็นแต่ก่อน คือ ถ้าเราจะเขียนโปรแกรมนี่ 1 โปรแกรมนะคะ เด็ก ๆ จะต้องเริ่มเขียน Start End นึกถึงหลักการเขียนโปรแกรมนะ ใช่ไหมคะ แล้วก็ไปจุดสิ้นสุด ซึ่งถ้าเขียนขนาดนั้นจริง ๆ นี่ โปรแกรมจะมีขนาดใหญ่มากเลย ก็คือให้นึกถึง 1 ตัวอักษรใช้พื้นที่ในการจัดเก็บไปกี่ Bit กี่ Byte ไปแล้วนะ นะคะ ตัว Pygame Library นี่ก็จะช่วยในการลด ลดขั้นตอนของการเขียนคำสั่งบางตัว เช่น เหมือนเราจะให้มันเดินไปทางซ้าย ถ้าเป็นคำสั่งที่เราเขียนผ่าน Collapse นี่ เราจะบอกเลยว่าเดินซ้าย ก็คือให้ข้อความนะคะ ค่อย ๆ ขยับ มันก็จะขยับไปทีละนิด ได้ทีละ 1 ต้องไปสั่งว่าให้มันบวกเพิ่ม หรือวนลูปอย่างนี้เป็นต้น แต่ถ้าเราใช้ Library ใน Pygame นี่เหมือนเราเลือกคำสั่งการใช้เมาส์นะคะ ใช้ Library ใน game นะคะ เพราะเวลาเล่นเกมนะ ก็คือตัวควบคุมมันก็คือ 1. เมาส์ ใช่ไหม 2 ถ้าใครเป็นคอเกม พวกอุปกรณ์เช่นอะไรนะ คันบังคับ ใช่ไหมคะ หรือ ควบคุมนะ หรือถ้าเบสิคเลย ก็คือใช้แป้นลูกศร ใช่ไหม ลูกศรซ้ายขวานะ อย่างนี้นะคะ ในการควบคุมตัวเกมนั่นเองนะคะ เมื่อกี้เราพูดถึง Pygame ไปแล้วนะคะ ทีนี้อีกตัวหนึ่งที่บอกไว้ ไอ้ตัวโลโก้สีส้ม ๆ ที่มันชื่อว่า Sublime Text มันคืออะไร นี่นะคะ ไอ้โลโก้ส้ม ๆ นี่มันคืออะไร Sublime Text นี่นะคะ อธิบายไว้ว่ามันเป็น Text Editor แปลตามตัวเลยนะ Text ก็คือข้อความ คือ แก้ข้อความ แต่ความจริงแล้วมันไม่ได้แก้ ก็คือเราใช้ในการเขียนโปรแกรมนั่นเองนะคะ เห็นไหมคะ เป็น Text Editor ที่มีความสามารถในการเขียนโค้ด เห็นไหมคะ มันรองรับได้หลายภาษานะคะ แล้วก็หลายภาษาเลยเห็นไหมคะ ก็คือถ้าเขียนด้วย ภาษา C นะคะ แล้วมาเขียนผ่าน Text Editor ที่ชื่อว่า Sublime Text นี่ มันก็จะทำให้ คือสังเกตว่าภาษาที่ขึ้นมานี่ ส่วนใหญ่จะเป็นภาษามีโครงสร้าง หรือกึ่งโครงสร้างที่เขาเรียกว่าเป็น OOP หรือ Object-Oriented Programming ก็คือสมัยก่อนนี่ เวลาเราเขียนโปรแกรมนี่มันเขียนผ่านอาจจะเขียนบน DOS เลย อย่างนี้เลยนะคะ เราก็ต้องมาแปลภาษาอีกทีหนึ่ง แต่ถ้าใช้ Sublime text ทั้งภาษาที่มีโครงสร้าง และภาษาที่ไม่มีโครงสร้างได้หมดนะคะ เพราะฉะนั้นก็เลยให้ใช้ตัวนี้ เพราะว่าถ้าลองแล้ว เวลาเขียนแล้วเด็ก ๆ จะเห็นข้อผิดพลาดได้เหมือนที่บอก มันจะขึ้น Error เตือนนะคะ ดูง่าย หาง่าย นะคะ ตัวสุดท้ายนะคะ PANDA3D เขาบอกว่าเป็น Game Engine ถ้าแปลตามตัว ก็คือสำหรับสร้างนะคะ สร้าง มันสามารถสร้างได้ทั้งกราฟิกนะ Audio คือเสียงนะคะ I/O Collision Detection นะคะ ก็คือ... I/O นี้ก็คือระบบปฏิบัติการนั่นเองนะคะ แล้วก็มันใช้กับ คือตัวนี้แต่เดิมน่ะ มันเริ่มมาจากภาษา C C+ ก่อน C++ แล้วทีนี้มันก็เขาก็พัฒนาน่ะ ทุกโปรแกรมที่เรียนมาตั้งแต่อดีตจนถึงปัจจุบันนะคะ เขาก็จะพัฒนาให้เราสามารถเขียนได้ง่ายขึ้นนะคะ ไม่ต้องมีความซับซ้อนในการเขียนมากขึ้นอะไรอย่างนี้ มันก็จะช่วยทำให้โปรแกรมที่พัฒนานี่ มีความหลากหลายเพราะว่าพอเขียนง่ายคนเขียนก็จะมีหลายกลุ่มนะ แล้วที่สำคัญก็คือมันจะเขียนในเชิงที่เป็น Open-Source ก็คือโปรแกรมที่เมื่อเราเขียนแล้ว มันจะสามารถแชร์ให้คนอื่นมาพัฒนาต่อก็ได้ หรือเราไป... สามารถไปโปรแกรม Open-Source ของคนอื่นมาพัฒนาต่อได้ถ้าเขาแชร์มานะคะ อย่างนี้เป็นต้น มันก็จะช่วยให้ เขาเรียกว่าอย่างไรล่ะ มันจะเป็นเหมือนการระดมสมองน่ะ เพราะการเขียนโปรแกรม 1 โปรแกรมนี่มันไม่ใช่ว่าคน ๆ เดียวเขียนแล้วก็เสร็จ มันจะต้องใช้คนหลายคน เพราะแต่ละคน เรานี่ที่นั่งกันอยู่นี่ เด็ก ๆ ทุกคนมีความถนัดไม่เหมือนกันนะ บางคนอาจจะชอบอย่างนี้ บางคนอาจจะชอบอย่างนี้ แต่เมื่อโดนจับมารวมมา Mix เอามารวมกันนี่ มันอาจจะได้สิ่งดี ๆ เกิดขึ้น เหมือน ให้นึกถึงเหมือน... ถ้าให้เราทำขนม 1 อันนี่นะคะ แบบเดิม ๆ มันก็จะรูปเดิม ๆ แต่ถ้าหลาย ๆ คน มันระดมความคิดว่าลองเอาขนมหลาย ๆ แบบ แล้วเอามา Mix รวมกันสิ มันจะเกิดสิ่งใหม่ เขาเรียกมันจะเกิดสิ่งใหม่ ๆ เกิดรสชาติใหม่ ๆ ได้ไหม แล้วอร่อยไหม นั่นก็คือหลักการของการพัฒนาโปรแกรมที่เป็น Open-Source ด้วย ก็คือมีของเก่าและลองเอามาวาง วางแล้วเผยแพร่ ก็คือหรือแชร์ แชร์กัน หรือแบ่งปันกันให้คนอื่น และคนอื่นอาจจะเอาไปต่อยอด เอามารวมใหม่ ต่อไปเรื่อย ๆ มันก็จะได้อะไรใหม่ ๆ เพิ่มมากขึ้นนะคะ จะเป็นลักษณะนี้นะคะ ทีนี้สิ่งที่เราจะทำต่อไป ทำไมมันไม่ไป เราจะต้องลงโปรแกรมก่อน ไม่อย่างนั้นเราจะเขียนไม่ได้ใช่ไหม เด็ก ๆ จะต้องรู้วิธีการลงโปรแกรมนะคะ ตัวแรกนี่ Python เราลงไปแล้วเราไม่น่าลงอีกแล้วแหละ แต่เพื่อความชัวร์ ก่อนอื่น ก่อนอื่น เด็ก ๆ เปิดเครื่องแล้วใช่ไหมคะ มีใครยังไม่เปิดเครื่องอีก เปิดเครื่องนะคะ เปิดเครื่องแล้ว...ให้ ไหนล่ะคำค้น ให้คลิกที่แว่นขยายนะคะ เราจะลองค้นดูว่า Python เราที่เราเรียนไปในเทอมที่แล้วนี่ ยังมีชีวิตอยู่ไหม ยังอยู่ไหม ยังอยู่ไหม ไม่โดนลบทิ้งไปใช่ไหมลองพิมพ์ตัว P P ก่อน P แล้วก็ y ใช่ไหมคะ Py นั่นไงนะคะ Python ที่เราลงไว้ยังมีอยู่นะคะ เพราะฉะนั้น ของใครไม่ขึ้นตัวนี้ ดูนะคะ เด็ก ๆ ยกมือนะ อาจจะต้องได้ลงใหม่ ถ้าใครไม่ขึ้น เครื่องใครไม่ขึ้นหรือเปล่า เห็นไหมคะ พิมพ์แล้ว Py ถ้าใคร Py แล้วยังไม่เห็นเติมพิมพ์ตัว T เพิ่ม P-y-t-h-o-n นี่นะคะ ลองพิมพ์ดูในช่องไอ้รูป แแว่นขยายเรานี่นะคะ เราค้นดูก่อน โปรแกรมเรายังอยู่ดีไหม โอเคนะคะ เรามี Python แล้ว เพราะฉะนั้น เราก็จะข้ามตัวนี้ไปนะคะ ติดตั้งแล้ว Download แล้วนะคะ สิ่งที่เราจะทำต่อมานะคะ เราจะต้องไปเปิดใช้งาน Library ที่ชื่อ Pygame เพราะฉะนั้น เห็นไหมคะ วิธีที่จะติดตั้ง Pygame หรือเอา Library Pygame ลงนะคะ เหมือนเดิมเด็ก ๆ ไปที่แว่นขยายนะคะ แล้วพิมพ์คำว่า... เดี๋ยวในสไลด์บอกว่าให้พิมพ์ คำว่า "Command นะคะ Command ในสไลด์บอกให้พิมพ์ค่ะ เดี๋ยวปิดไลน์ เปิดไลน์หน้าต่าในช่องนี้นะคะ ช่องค้นหาในรูปแว่นขยาย เราพิมพ์ ตัว C ก่อน C แล้วก็ o ช่องนี้นะคะ ช่องค้นหาในรูปแว่นขยาย เราพิมพ์ ตัว C ก่อน C แล้วก็ O แล้วก็ M m เห็นไหม ให้มันขึ้นหน้าต่างดำ ๆ Command Promt เห็นไหมคะ นะคะ Command and นี่นะคะ "Command" คลิก บับเบิ้ลคลิกเพื่อเปิดหรือ Open ก็ได้ มันจะต้องขึ้นหน้าต่างที่มีสีดำ ๆ แล้วก็มีเคอร์เซอร์กะพริบตัวนี้ขึ้นมานะเด็ก ๆ โอเคไหม ใครยังไม่ขึ้นหน้านี้ เดี๋ยวย่อลงนิด ย่อลงแล้วนี่ ไม่ย่อให้ เดี๋ยวขอย่อหน่อย เดี๋ยวจะไม่เห็นนะคะ เห็นไหมนะคะ มันจะเป็นหน้าต่างอย่างนี้ขึ้นมาสีดำ โผล่ขึ้นมาอย่างนี้ แล้วมีตัวนี้กะพริบอยู่นะคะ เดี๋ยวจะไปเดินดูนะคะ ว่าใครยังเปิดไม่ขึ้น ทุกคนเปิดได้แล้วนะคะ ตอนนี้เราเปิด Command Promt ขึ้นมา สิ่งที่เราจะทำ คือพิมพ์คำสั่ง เพื่อให้ไปเรียกใช้งานเจ้าส่วนที่ชื่อว่า "Pygame" นั่นเองนะคะ ตอนนี้เราอยู่ที่สไลด์หน้านี้บอกว่า พิมพ์ Com นะ แล้วต่อไป ต่อไป ไหนล่ะ ไหนล่ะ เดี๋ยวนะ สิ่งที่เราจะพิมพ์นะคะ พิมพ์ PIP Install Pygame นี่นะคะ วรรคตามนี้เลยนะเด็ก ๆ ในหน้านี้พิมพ์ P P ก่อน คำแรก P ก่อน คำแรก P เห็นไหม เห็นชัดไหมคะ เห็นหรือเปล่า P แล้วก็ I แล้วก็ P เสร็จแล้วเคาะ Space Bar 1 ครั้ง เพื่อวรรค โอเคไหม แล้วก็ตามด้วยพิมพ์ด้วยตัว In Install i-n-s-t-a-l-l นี่นะคะ ll ll install s-t-a-l-l นะคะ ll ใครพิมพ์ไม่ทัน เด็ก ๆ ต้องพิมพ์นะคะ ตรงตำแหน่งที่เคอร์เซอร์กะพริบน่ะ ให้พิมพ์คำสั่งว่า P-I-P แล้วก็ Space bar 1 ครั้งนะคะ แล้วก็ตามด้วยคำสั่งที่ชื่อว่า s-t-a-l-l แล้วก็ตามด้วยคำสั่งที่ชื่อว่า Install ll แล้วก็ตามด้วยอีกตัวหนึ่งก็คือ P-Y-g-a-m-e Install Pygame นะคะ นี่พิมพ์คำสั่งนี้ลงไป พิมพ์คำนี้ลงไปเห็นไหม ที่ทำแถบครอบไว้เห็นไหมคะ P-i-p วรรคแล้วก็ตามด้วย i-n-s-t-a-l-l เว้นวรรคนะคะ แล้วก็ตามด้วย P-y-p-a-m-e นะคะ แล้วเดี๋ยวจะเดินไปดูนะคะ เพราะถ้าพิมพ์ผิดมันก็จะไม่ทำงาน ต้องพิมพ์ให้ถูกด้วยนะคะ คำสั่งผิดไม่ได้นะคะ เพื่อน ๆ คนอื่นพิมพ์เสร็จแล้ว แล้วก็กด Enter ไปแล้ว ตอนนี้มันเหลือเครื่องหนึ่งที่ยังไม่ขึ้นนะคะ นี่นะคะ พอกด Enter มันจะให้เรารอสักพักหนึ่ง แล้วมันจะมีอย่างนี้วิ่งขึ้นมา นี่ ๆ มันจะต้องขึ้นคำว่า "Successfully" ทีนี้ ของเด็ก ๆ ที่ขึ้นสีเหลือง ๆ นะคะ ของใครที่ขึ้นสีเหลือง ๆ ให้เด็ก ๆ ทำการคัดลอกตั้งแต่ C : จนมาถึงตัวงนี้เห็นไหมลูก ทำแถบอย่างนี้ เพื่อ Copy นะคะ เห็นไหม เสร็จแล้วก็กด Ctrl + แล้วก็เอามาวางหลังเคอร์เซอร์นะ แล้วก็กด Enter ให้มันขึ้นอย่างนี้ถึงจะถูกนะ ในระหว่างพอในระหว่าง พอดีมีเครื่องหนึ่งมันไม่ขึ้นนะคะ อาจจะเสียเวลาแป๊บหนึ่งพี่ล่ามในระหว่างที่รอเพื่อน ลืมถาม พี่ล่ามชื่ออะไรคะ (ล่าม) ค่ะ ชื่อมนพัฒ (อาจารย์สุธิรา) ชื่อเล่น เผื่อน้องจะได้จำได้ ป๊อกแป๊ก ค่ะ (อาจารย์สุธิรา) ป๊อกแป๊กนะคะ รอแป๊บหนึ่งนะคะ พี่ป๊อจะต้อง Install ใหม่ มันหายทั้งโฟลเดอร์เลย นี่นะคะ เสียเวลากับ 1 เครื่อง แป๊บหนึ่ง เพราะฉะนั้น เพื่อน ๆ คนอื่นไปย้อนดูย้อนของกุ้งเต้น กุ้งเต้นเปิด Chrome ก่อน Chrome ก่อน เปิด Google Chrome แล้วก็พิมพ์ Python ใหม่นะคะ เครื่องกุ้งเต้น Python มีปัญหา ไฟล์โดนลบ ไม่เป็นไร เราลงใหม่ได้ ไม่ใช้เวลานานนะคะ แป๊บหนึ่งพิมพ์ P-y-t-h-o-n แล้วก็ให้กด Enter เดี๋ยวพาเข้า ไปตามหน้าสไลด์นะ ไหนล่ะ นี่ Welcome to python.org เห็นไหม เห็นชื่อนี้ไหม โอเค คำต่อไป ให้ไปที่ Download ให้น้องไปที่ Download นี่ให้ไปที่ Download ในะ โอเค เดี๋ยวรอโหลดนะ พอโหลดเสร็จก็ติดตั้งโปรแกรมนะคะ ตอนเลือกนี่ดูด้วยนะคะ ตั้งโปรแกรมนะคะ ตอนเลือกนี่ ดูด้วยนะคะ ระหว่างกำลังรอของคนนี้นะคะ รอ Download เสร็จนะคะ ถ้าเสร็จแล้วปิดเลยนะ แล้วก็กลับมาขั้นตอนนี้เหมือนเดิมนะ มาเปิด Command เหมือนเดิม โอเค น่าจะเป็นกับไวรัสนะคะ เมื่อกี้ Install แล้วไฟล์หายเหมือนเดิมเลยนะคะ ต้อง... ไอ้เจ้ากุ้งเต้น เดี๋ยวดูกับเจ้ามิ่งไปก่อน ไม่อย่างนั้นเราจะเสียเวลา ต้องให้พี่ ๆ เขาเคลียร์เครื่องนะคะ ไม่อย่างนั้นเปลี่ยนไปนั่งเครื่องอื่น แล้วก็นะ พอแล้วเคลียร์เครื่องนี้นะคะ เครื่องนี้น่าจะติดไวรัสไปแล้วนะคะ สำหรับคนอื่น ถึงไหนแล้วเราไอ้นี่ได้หรือยัง เมาส์หายเมื่อกี้เรา Command Prompt เราเสร็จเรียบร้อยแล้วใช่ไหมคะเด็ก ๆ สิ่งที่เราจะทำต่อมานะคะ เมื่อกี้เราติดตั้ง Pygame เรียบร้อยแล้วนะ ทีนี้ ตัวต่อไปมันยังมีอีกตัวหนึ่งนะคะ ไปไสล่ะเลือกตัวไหนล่ะนี่ ทำไมจอดำอีกแล้ว ก็เลือกแล้วไม่ใช่เหรอ ทำไมไม่ขึ้นล่ะ เป็นกับ Windows อันนี้บ่ เดี๋ยวนะคะ อาจารย์สวิตช์หน้าจอแล้วไม่ขึ้น ไม่ขึ้น เดี๋ยวนะ โอเคนะ เมื่อกี้เราติดตั้ง Pygame ได้แล้วนะคะ มันก็จะมี... ขึ้นไหม โอเค ตัวต่อไปนะคะ สิ่งที่เราจะติดตั้งตัวต่อไป ไหนล่ะ... เลย อันนี้เสร็จแล้ว ลองดูในเครื่องเรานะคะ พิมพ์ S-u ไปที่แว่นขยายเหมือนเดิม s-u-b Sublime l อันนี้แบน แสดงว่ายังไม่ได้ติดตั้งนะคะ เพราะฉะนั้น ให้เด็ก ๆ เปิด Google Chrome นะคะ เมื่อกี้เราลง Pygame นะ เราต้องมาลงโปรแกรมที่ชื่อว่า "Sublime" นะคะ เปิด ขึ้นมาแล้วในช่อง เดี๋ยว ๆ แล้วในช่อง เดี๋ยว ๆ ไม่เข้า Google พี่ Goo นะคะ พิมพ์ Sublime s-u-b-l-i-m-e แล้วก็ตามด้วย t-e-x-t นะคะ Sublime Text แล้วก็ตามด้วย วรรค text ในช่องค้นหานะคะ แล้วเด็ก ๆ กด Enter มันจะต้องมาที่นี่ ๆ ๆ เดี๋ยวเราจะไป Download โปรแกรมมาใช้งานนั่นเอง ใครขึ้นหน้านี้แล้วยกมือ แสดงว่าเห็นไหม ถ้าใครพิมพ์ไวมันก็จะเร็วนะคะ เราจะไปที่ Download กันนะเด็ก ๆ เพราะเราจะไป Downloand มันมานะคะ ไปเปิดอะไรนี่ มือบอนจริง ๆ เลย ในสไลด์เราไปที่ Sublime text นะ เห็นไหมคะ คลิกที่ Download นะคะ เด็ก ๆ แล้วให้เด็ก ๆ คลิกที่ Double Click ที่ Download นะคะ คลิกตรงนี้ ตอนนี้เข้ามาหน้านี้หรือยัง เด็ก ๆ อยู่หน้าที่ขึ้น Sublime text อย่างนี้หรือยังคะ ตอนนี้นะคะ ตอนนี้ทุกคนจะโผล่า ตอนนี้ทุกคนจะโผล่มาที่หน้าต่างนี้ โอเคไหม แล้วให้เลือก เลือก ๆ ดูนะว่าเลือกอะไร ของเรานะคะ น่าจะ... ไม่น่าจะทุกเครื่องนะคะ 64 Bit แน่นอน ให้เด็ก ๆ คลิกที่ตัวนี้ portable version เห็นไหม คลิกตรงนี้นะคะ มันจะทำการ Download ไฟล์นะคะ ด้านล่างจะมีไฟล์ขึ้น เราต้องรอนะคะ รอให้มันโหลดเสร็จ เห็นเส้นสีน้ำเงินไหม ถ้ามันโหลดเสร็จมันจะขึ้นจนครบรอบ ถ้าใครไอ้วง ๆ น้ำเงินหมดไปแล้วนะคะ เด็ก ๆ สิ่งที่เราจะทำต่อ ให้ดูสไลด์ไปด้วย ตรงนี้นะคะ ที่ไฟล์ที่เรา Download ของใครอยู่ตรงไหน ถ้าใครเห็นแล้ว Double Click เพื่อเปิด นี่นะคะ หรือ ๆ ๆ ใช้วิธีนี้นะคะ เด็ก ๆ บางคนถ้าไม่เข้ามาอย่างนี้นะคะ ไปไหนแล้วน่าจะอยู่ที่ Download ใช่ไหม Folder ข้าพเจ้าหายไปไหน Download Download นี่คลิกขวาก็ได้นะคะ แล้วเลือก Extract ก็คือแตกไฟล์น่ะ เราจะไปแตกไว้ที่ไหนดูนะ ตำแหน่งที่เราจะแตกไฟล์ไว้ เอาไว้ที่ Drive C: นะคะ ตำแหน่งที่เราจะแตกไฟล์ไหนล่ะ ไฟล์เราไปไหนแล้ว เมื่อกี้อยู่ไหนล่ะ ตัวนี้นะคะ เลือก C : ตำแหน่งที่จะแตก Local Disk (C:) ไม่ให้แตกเหรอ กด Select Folลือกนะคะ เห็นไหม ตำแหน่งคือ มันก็จะ... You'll need to provide admin… skip สิครับ ไปที่ Do this for all… แล้วก็ Allow แล้วก็ ออนนโอเคนะ ถ้าใครแตกได้แล้วมันจะขึ้น หายไปไหนล่ะ Sublime Text อยู่ตรง ไม่ให้ใส่ Folder ให้ด้วย ไม่เป็นไร ใครยังแตกไฟล์ไม่ได้ เสร็จแล้วเราทำอย่างไรต่อดูนะคะ ว่าเมื่อแตกเสร็จแล้วนะคะ ให้ดู Folder ที่เราเมื่อกี้ เราเอาไปไว้ที่ Drive C: ใช่ไหม เราเอาไปไว้ที่ Drive C: ทำไมมันขึ้นแบบนี้ล่ะ แปลก ๆ เดี๋ยวนะ เปิดไม่ได้ไง Version นี้ทำไมแตกไฟล์แล้วเป็นแปลก ๆ เดี๋ยวนะครับ ไปไหนแล้ว หาก่อนนะ Download Sublime Text เดี๋ยวนะ ขอใช้วิธี Move มันมาที่ Drive C: แล้วกัน Continue เมื่อเรา Move ไป Drive C: แล้ว เราจะ Extract มันใหม่นะคะ เมื่อกี้มันไม่ขึ้น เดี๋ยวนะ Extract All Open แตกไฟล์ที่ C : โอเค ใช่ทั้งหมด เอาล่ะนั่นไง ได้แล้วนะคะ มันจะขึ้นอย่างนี้ตัวนี้มานะคะ เห็นไหมมันจะมีโลโก sublime text ขึ้นมาอย่างนี้แล้วเด็ก ๆ ก็ Click Double Click ที่โปรแกรมไม่ยอมให้เปิดอีก อะไรวะทำไมแตกไม่ได้ อย่างนั้นรอก่อน ดูสิได้ยังได้แล้วนะคะ ให้เห็นโลโกสีส้ม ๆ นี้ขึ้นมานะคะ Double Click ตรงโล้โก้สีส้ม ๆ ถ้าเปิด... ถ้าได้นี่ โปรแกรจะขึ้นแบบนี้ เห็นไหมคะ ใครยังเปิดไม่ได้ยกมือ เดี๋ยวนะ เดี๋ยวไปไล่ดูทีละคนนะคะ ทีนี้ปัญหา ก็คือตอนแตกไฟล์นี่เอง นี่นะคะ มันจะต้องขึ้นหน้าต่างนี้มา เมื่อกี้ใคร... ทีละคนนะ เด็ก ๆ เปิดไอ้ตำแหน่งที่... ให้เปิดกระเป๋า Folder ตอนนี้อยู่ไหนกัน ไปที่ Download สิ แล้วก็ไฟล์ Download อยู่นั่นหรือเปล่า โอเคนะคะ ตอนนี้ทุกคน ทุกคนจะมี... ไหนล่ะ Sublime Text ตัวนี้ขึ้นมาแล้วใช่ไหมนะคะ ตอนนี้เด็ก ๆ จะมี sublime text หรือ Text Editor ไว้ทำโปรแกรม แต่ก่อนอื่นก่อนที่เราจะทำโปรแกรมนี้นะคะ มันจะต้องทุกครั้งที่เราเขียนนี่ ไฟล์มันจะถูกเอาไปเก็บ เพราะฉะนั้นนะคะ สิ่งที่เราจะทำในขั้นตอนต่อไป ติดตั้งแล้ว... นี่ ได้หน้าต่างนี้มา เราจะสร้าง Folder เพื่อเก็บมัน ก่อนอื่น ก่อนอื่นให้เด็ก ๆ คลิ๊กที่ตัวนี้นะคะ File แล้วก็เลือกตัวแรก New file เห็นไหม 1 ครั้ง ใส่ชื่อ... พิมพ์ชื่อนะคะ ทีนี้ กฎของโปรแกรมในตัวนี้นะคะ Sublime Text นี่นะคะ มันจะมี File ชื่อ Untitle ขึ้นมาใช่ไหมอย่างนี้ปุ๊บ เดี๋ยวเราจะสร้าง Folder ที่บอกนะคะ แล้วเด็ก ๆ คลิกที่คำว่า "File" อีกครั้งหนึ่งแล้วไปที่ Save นะคะ เห็นหรือเปล่า กด 1 ครั้ง ดูนะคะ ตำแหน่งที่ไฟล์นี้อยู่ ก็คือ C นะ เช็กด้วยนะคะ ว่าเราอยู่ที่ C : เสร็จแล้วเด็ก ๆ กดที่ New Folder ตรงชื่อ New Folder นะคะ เดี๋ยวจะให้ตั้งชื่อเหมือนกันเลย ให้พิมพ์ว่า... ตรง my นี่ ตรงคำว่า "my" ให้เปลี่ยนเป็นชื่อเด็ก ๆ เอง นึกออกไหม เข้าใจไหมคะ My แปลว่า ของฉัน ใช่ไหม แต่ถ้าใส่ชื่อของฉันหมดทุกคน หรืออย่างไรน่ะ ไม่ได้ ไม่ได้ เดี๋ยวจะสับสน ชื่อโฟลเดอร์ตั้งเหมือนกันเลย เพราะเดี๋ยวตอนเขียนโค้ดกันปัญหานะคะ ไปไม่ถูก แต่น่าจะไปถูกนะ ดูนะคะ ตรงชื่อโฟลเดอร์นี่ ให้ตั้งชื่อด้วยชื่อเล่นตัวเอง N-e-w ตัวเอง new พิมพ์ชื่อเล่นแล้วก็ตามด้วยคำว่า "game" g-a-m-e โอเคไหม Folder Folder ที่เราจะใช้เขียนเกมของเรานั่นเองนะคะ ก็คือชื่อเล่นของเด็ก ๆ แล้วก็ตามด้วยคำว่า "game" มันคือเกมของ New นะ มันคือเกมของมิ่งนะ มันคือเกมของมาร์กี้นะ เกมของกุ้งเต้น อย่างนี้นะคะ เป็นชื่อเล่นของเด็ก ๆ นะคะ จะได้สั้น ๆ หน่อย ชื่อขริงจะยาวไป ตัวแรกคือพิมพ์ด้วยชื่อเล่นนะคะ อย่างนี้ให้ใช้ชื่อเล่น ดูนะคะ โฟลเดอร์ที่เราจะสร้างนี่ ตรงคำว่า "My" นี่ เราเปลี่ยนเป็นชื่อเล่นเรานะ แล้วก็ตามด้วยคำว่า " game" นะคะ ก็คือมีชื่อเล่น แล้วก็คำว่า game นะคะ ถ้าใครเสร็จแล้วกด Enter เดี๋ยวจะไปตรวจนะคะ ว่า Folder ของเด็ก ๆ เสร็จหรือยัง ไมค์มันพัง ที่อยากจะให้เด็ก ๆ จำนะคะ ก็คือจำไว้ว่าถ้าสัปดาห์หน้า เราจะต้องจำให้ได้ว่าถ้าเราเรียนวิชานี้ไฟล์ของเรามันจะอยู่ที่ไหนคะ อยู่ที่ Drive C ใช่ไหมคะ Drive C: แล้วก็ชื่อที่เป็นชื่อเล่นเราใช่ไหม ชื่อเช่นเราแล้วก็ตามด้วยคำว่า "game" มันจะเก็บไว้ที่ Drive C: เสมอนะคะ เวลาใช้งาน หรือเวลา Save ทุกครั้ง อย่าลืมนะคะ ตำแหน่งเก็บของมัน ทีนี้ตัวต่อมาในช่อง File name เราใช้คำว่า game ชื่อไฟล์ เราจะใช้คำว่า "Test" ก่อน T-e-s-t นะคะ เข้าไปที่ เราต้องคลิก Folder เรานะเด็ก ๆ คลิ๊ก Folder ที่มีชื่อเล่นเด็ก ๆ น่ะค่ะ เพื่อเก็บไฟล์นี้นี่ ตำแหน่งมันจะต้องอยู่ที่ Local Disk (C:) แล้วก็ใน Folder ของเรา เห็นไหม เห็นไหมคะ ไฟล์ที่ชื่อว่า Test จะต้องอยู่ใน Folder นี้นะคะ ใครที่พิมพ์คำว่า "file test" เสร็จแล้ว เช็กอย่างไร เปิดโฟลเดอร์นะคะ แล้วดูที่ Drive C: นะ แล้วก็หาที่ชื่อว่า... เราเก็บไว้ test เห็นไหม เก็บไว้เห็นไหมคะ สงสัยวันนี้น่าจะพอแค่นี้ก่อน ทีนี้สิ่งที่เราจะต้องจำอีกอย่างหนึ่ง ก็คือดูนะคะ ชื่อไฟล์นะคะ เมื่อกี้ test test เฉย ๆ นะ test เฉย ๆ นะ ให้เปิดไฟล์ไอ้ไฟล์ที่ชื่อ Test ก่อนอื่นให้เด็ก ๆ ลองปิด Sublime ไปก่อนปิดนะคะ ปิดอย่างนี้นะ ให้ ๆ ดูว่าตอนนี้เราไม่ได้เปิด Text Editor ไว้นะคะ ปิดไว้ทั้งหมดนะ เสร็จแล้วไปเช็ก Folder เราก่อน ให้ไปที่ Dive C: ของเรานะคะ หรือกระเป๋าเรานี่ก็ได้ แล้วเลือก C : แล้วก็เข้าไปที่ New Game นะคะ ให้ลองลบไฟล์ Test ตัวนี้ออก เดี๋ยวเราจะสร้างใหม่ Delete เลยนะคะ กด Delete ลบออกไปเลย เพราะฉะนั้น ตอนนี้ใน Folder Pygame เรายังไม่มีไฟล์อะไรอยู่นะ ต้องไม่ให้มีไฟล์อะไรอยู่ เราจะมาลองเปิดถ้าสัปดาห์หน้าแม่มาปุ๊บ แล้วแม่บอกว่าเปิดไฟล์ Sublime เด็ก ๆ ต้องไปที่ไหนคะ C: ใช่ไหมคะ แล้วก็หาโลโก้ตัวนี้ นึกออกไหม แล้วก็กดเปิดโปรแกรม Double Click เพื่อเปิดโปรแกรมขึ้นมา มันจะชอบให้ขึ้นมาว่า... ดาวน์โหลดไหมลองคลิก Download ก่อนนะคะ ถ้ามันขึ้นแบบนี้บางคนก็ไม่ขึ้นนะ ถ้าใครขึ้นก็ Download Version ใหม่ก่อน เผื่อจะมีฟังก์ชันหรือว่าโค้ดตัวใหม่ ๆ ขึ้นมา มันบอกว่า Install เสร็จแล้ว เราก็ปิดได้เลย ทีนี้ เหมือนเดิม ไปที่ไฟล์แล้วก็ New ทุกครั้งที่เข้ามานะคะ ถ้าเราจะสร้างไฟล์ใหม่นี่ ให้คลิกที่คำว่า "New File" ของ Sublime นี่ เพื่อกันลืมนี่ พอ New file ให้ save ก่อน แล้วคลิก Save การ Save ก็คือไปไหนคะ ไป Drive C : ใช่ไหมคะ ไปเลือกที่ Dive C: แล้วไปที่ Folder ที่เราสร้างไว้ Folder ชื่อเล่นของเรา แล้วก็มีคำว่า "game" ทีนี้กฎของการตั้งชื่อนะคะ ตั้งชื่อใน Sublime Text เด็ก ๆ นะต้องพิมพ์ชื่อไฟล์แล้วจะต้องมี .py ทุกครั้งนะคะ วิธีการ... วิธีการ ตรงช่อง File name พิมพ์ เมื่อกี้ลืมตอนที่พิมพ์คำว่า "Test" ให้เด็ก ๆ พิมพ์ชื่อไฟล์ว่า Test เหมือนเดิมนะคะ t-e-s-t แต่ให้เด็ก ๆ ใส่ .py ลงไปด้วย ข้อควรจำข้อที่ 1 ของไฟล์เกมเรานะคะ เราจะต้องพิมพ์ชื่อนะ ชื่อโปรแกรม สมมติถ้าครั้งหน้าไม่ใช่ Test เช่น อาจจะทำตั้งชื่อว่า Game อย่างนี้นะคะ เด็ก ๆ จะต้องใส่ .py ปิดท้ายทุกครั้งจำไว้เลย โอเคไหม เข้าใจนะคะ ก็คือห้ามลืม .py เพราะอะไร ถ้าเราไม่ใช้ .py นี่ .py มาจากอะไรคะ หมายถึง Pygame นะคะ ก็คือมันต้องไปเรียกใช้ Library Pygame ขึ้นมา เพราะฉะนั้น เมื่อครั้งหน้านะคะ ตอนที่เรียน เมื่อแม่บอกว่าให้ Save File นี่ อย่าลืมว่าตั้งชื่อให้มันแล้วตามด้วย . แล้วก็ตัว P แล้วก็ Y เสมอ จากนั้นถึงจะกด Save ได้นะคะ พอตรงนี้เสร็จนะ กด Save แล้วเด็กเช็กที่ Folder Folder ชื่อเกมของเรานะคะ ไหนล่ะ หาไม่เจอบ่นี่ แต่สังเกตตรงนี้นะคะ ตรงชื่อนี่จะไม่มี .py ขึ้นมา แต่ว่าให้เด็ก ๆ ดูตรง Type ตรงชนิด เห็นไหม ชนิดของมันจะเป็น PY File เห็นไหมคะ Type ที่ถูกต้องมันจะเป็น Py File ลองใหม่ลอง test ก็ได้ File แล้วให้เลือก Save As นะคะ ให้เห็นความแตกต่างนะคะ Save As เด็ก ๆ พิมพ์แค่ test เฉย ๆ นะ เมื่อกี้ test ใช่ไหม อันนี้ Test Test แล้วก็ 1 อันนี้จะให้ดูว่าแล้วถ้าเราไม่ใส่ .py นะค ะTest แล้วก็เลือก All File นะคะ ไม่บอกนามสกุลมันนี้ กด Save 1 ครั้ง แล้วลองเปิด Folder ของเราดู แสดงว่าไป Save ให้ ตั้งชื่อเหมือนกันเลยนะนี่นะคะ file type ไม่น่าจะใช่ตัวนี้... นี่เห็นไหมคะ ไอ้ตัว 111 ที่ Save ธรรมดานี่ ไม่กำหนดนี่ สังเกต File Type จะเป็น File เฉย ๆ ถ้าไม่กด .py เมื่อไหร่ File Type มันจะเป็นไฟล์ธรรมดานะคะ แล้วทำอย่างไร มันก็จะไปใช้งาน Library Pygame ไม่ได้นั่นเอง โอเคนะ ลักษณะ File ไม่ ชนิดของไฟล์ก็ไม่เหมือนกัน สัปดาห์นี้นะคะ 10.00 น. เข้าไปแล้ว เดี๋ยวจะให้ลอง Test สักหน่อยหนึ่งนะคะ ก่อนอื่นนะ มันจะต้องพิมพ์ 3 คำเสมอนะคะ ไม่ใช่ 3 คำ ก็คือถ้าเราใช้ Sublime สิ่งที่เราจะต้องพิมพ์คือ 1. ส่วนของ Comment Comment บอกแล้วว่า Comment นี่เราจะพิมพ์เพื่อให้รู้ว่าเพื่ออธิบายนั่นเองนะคะ ที่มีเครื่องหมาย หรือ แฮชแท็ก เพื่ออธิบายว่าตรงนี้คืออะไร เอาไว้ใช้อธิบายก็ได้ หรือไว้บอกก็ได้นะคะ เสร็จแล้ว ส่วนต่อมา ก็คือเราจะต้องพิมพ์คำว่า "Import Pygame" ทุกครั้งเลยนะคะ เพื่อเป็นการนำเข้า Module ของก็คือไปเปิด Library นี้นะคะ มาดูนะคะ วิธีใช้งาน อันดับแรก ตอนนี้เด็ก ๆ อยู่ที่... ไฟล์ที่ชื่อว่าถ้าสมมติว่าครั้งหน้ามาครั้งหน้ามา ปิดแล้วเปิดใหม่อีกครั้งหนึ่งนะคะ เพื่อรู้วิธีการเปิดไฟล์ด้วยเหมือนกัน ให้เด็ก ๆ ปิดโปรแกรม Sublime Text เสียก่อน เดี๋ยวเรา Test อันนี้เสร็จแล้วเราจะพอนะคะ ของสัปดาห์นี้ พอบอกว่าให้เด็ก ๆ ไปเปิดโลโก Sublime Text นะคะ วิธีการ... ให้เด็ก ๆ คลิแขวาที่ตัวนี้ ครั้งหน้าจะได้ไม่ต้องเข้ามาหา แล้วเลือกคำว่า "Pin To Start" คลิกขวาที่โลโก sublime text แล้วเลือกพิมพ์ Pin to Start เอามาไว้ไหนไม่ขึ้นหรือ... จะปิดทำไมนี่ เดี๋ยวอันไหนไม่ใช้ก็ปิดก่อนนะ ทำไมตัวนี้ไม่ล็อกให้ล่ะ Pin to Start เราอยากเอามันไว้ที่ Desktop เหน้าเรามากเลย Show more options เดี๋ยวก่อน ไม่ขึ้นแฮะ ถ้าไม่หาในเครื่องก็... อยากให้มันขึ้นตรงนี้นะ Windows นี้ขึ้นตรงไหนนี่ เห็นไหมคะ ถ้าเลือก Pin to Start Sublime Text มันจะมาโผล่ตรงนี้เสมอ เวลาเราเปิดเราไม่ต้องเข้าไปลึกน่ะ ไม่ต้องไปเปิดโฟลเดอร์นึกออกไหม ใครไม่ขึ้นตรงนี้บ้าง ของใครไม่ขึ้นตรงนี้ คือ อันนี้มัน Windows 11 นะ แม่ก็ไม่ค่อยชินใช้มันเหมือนกัน แต่ถ้าเป็น Windows 10 มันจะขึ้นตรงนี้นะ พอเปิดตรงนี้มันจะขึ้นตรงนี้ไง Windows 11 นี่เห็นไหมคะ โลโกของ Sublime Text จะขึ้นมาอยู่ตรงนี้ ใครยังไม่ขึ้นมาอยู่ตรงนี้ ยกมือ ขึ้นหมดทุกคนแล้วเรือ เพราะฉะนั้น ครั้งหน้ามาให้เปิดจากตรงนี้ได้เลยนะเด็ก ๆ นะ เราก็มาเปิดที่นี่ได้เลยนะคะ เปิดค่ะ อะไรนี้ขึ้นอะไรอีกแล้ว Microsoft PowerPoint เราก็เปิดโปรแกรม Sublime Text จากตรงนี้ได้เลยนะคะ ตรงนี้ถ้ามันขึ้นมาอีก คลิ๊ก Cancel ไปเลยนะ เพราะเรา Version ใหม่ล่าสุด ก็คือ... ถ้าเรามีโปรแกรมที่เขียนไว้แล้วนะคะ เราก็คลิ๊กที่ Open File แทน แล้วก็เลือกอยู่ไหนคะ อยู่ใน Folder ที่เราเก็บไว้ใช่ไหม อยู่ไหนล่ะ Folder ชื่อของเราน่ะ แล้วก็เลือกไฟล์นั้นขึ้นมานะคะ ไฟล์ Test ให้เด็ก ๆ คลิกเพื่อเปิดไฟล์ Test ของตัวเอง 1. เงื่อนไขของการเขียนโค้ดใน Sublime บรรทัดแรกให้เด็ก ๆ ใส่เครื่องหมาย Comment หรือหรือเครื่องหมาย Hashtag ทีนี้ ตรงคอมเมนต์เป็นภาษาอังกฤษก็ได้ ภาษาไทยก็ได้ พิมพ์คำว่า "ทดสอบโปรแกรม" ใส่เครื่องหมาย ทีนี้ถ้าตัวอักษรมันเล็กนะ เดี๋ยวเปิด PowerPoint ก่อน สิ่งที่เด็ก ๆ จะต้องดูต่อไปนะคะ เวลาเราใช้ Sublime Text แล้ว เห็นไหม ขนาดตัวอักษรมันเล็กนี่ เราจะเพิ่มนะคะ ขนาดให้ใหญ่ขึ้นให้เด็ก ๆ กด Ctrl แล้วตามด้วยเครื่องหมาย + ดูนะคะ เครื่องหมายแม่นี่มันวกดูนะคะ เครื่องหมายแม่นี่มันเล็กน่ะ มองไม่เห็น ทำไง กด Ctrl แล้วตัวด้วย + ด้ เห็นไหมเลข 1 จะใหญ่ใส่ Sharp นะคะ คอมเมนต์เพื่อให้เห็น เห็นไหมคะ ถ้ามันใหญ่ไป อยากลดตัวอักษรก็ กด Ctrl ตามด้วยเครื่องหมาย - เห็นไหมคะ ทดสอบ ทดสอบ Sublime จะพิมพ์ภาษาไทยก็เปลี่ยนแป้นพิมพ์นะ ทดสอบ บอกแล้วว่า # หรือคอมเมนท์ ใช้เพื่ออธิบายนะคะ ทดสอบโปรแกรม ในบรรทัดที่ 1 นี่ ควรมีตัวนี้เสมอ ใน Sublime มันจะมีหมายเลขบรรทัดขึ้นมาให้เสมอ เห็นไหมคะ แล้วพอกด Enter มันจะเป็นคำสั่งในบรรทัดที่ 2 ในบรรทัดที่ 2 สิ่งที่เราจะต้องพิมพ์เสมอนะคะ ถ้าใช้ เราจะเขียนเกมนี้ ก็คือเราจะต้องพิมพ์คำสั่ง Import pygame มาดูวิธีการพิมพ์ i เปลี่ยนเป็นภาษาอังกฤษนะคะ I-m ปุ๊บ p-o-r-t เห็นไหม ถ้าเป็น Sublime Text นี่ ตัวไหนเป็นโปรแกรมสีมันจะเปลี่ยน เห็นไหมคะ Import อะไร Import ก็คือนำเข้า ก็คือสั่งให้โปรแกรมไปนำเข้าอะไร g-a-m-e นะคะ เราจะต้องบอก Sublime ให้รู้ว่าเราจะไปเรียกใช้ Library ที่ชื่อ pygame นั่นเอง หรือว่า Library ใน... library Pygame นั่นเองนะคะ เสร็จแล้วกด Enter นะเวลาเขียนโปรแกรม ถ้าเด็ก ๆ ดูตัวเล็ก ๆ มันก็จะไม่เห็นใช่ไหมว่าเราพิมพ์ถูกหรือพิมพ์ผิดใช่ไหม วิธีขยายก็คือ Ctrl ++ เวลาขนก็คือ ลดขึ้นตัวอักษร ก็ Ctrl ลด ๆ ลองกดได้นะคะ ตัวใหญ่ตัวเล็ก สิ่งต่อมา บรรทัดที่ 3 ก็คือคำสั่งที่เราจะใช้ ก็คืออันนี้นะคะ ใช้คำสั่ง print ก็พอนะคะ print ใน Python ก็คือให้แสดงผลนะคะ อันนี้ Test เฉย P-r-i print เห็นไหมคะ ตามด้วยอะไร เครื่องหมายวงเล็บ ก็คือฟังก์ชัน print นั่นเอง ให้แสดงข้อความก็ให้ใช้ import pygame หรือ Double Quote ก็ได้ Test Program Test นั่นเองนะคะ ถ้าใครจะพิมพ์ภาษาไทย ก็พิมพ์ทดสอบโปรแกรม ถ้าใครจะพิมพ์ภาษาอังกฤษก็พิมพ์คำว่า "Test Program" นะคะ ในบอกแล้วว่าถ้าอะไรที่อยู่ในเครื่องหมายโปรแกรม ก็คือข้อความสามารถพิมพ์ได้ทั้งภาษาไทยและภาษาอังกฤษ แต่ทีนี้ เวลาเราจะ Runด้วย Sublime นี่นะคะ ให้ไปที่เมนูที่ชื่อว่า ทดสอบโปรแกรมนะ ใน Sublime นี่นะคะ เด็ก ๆ จะเห็นตัวนี้ ไปที่แถบเครื่องมือที่ชื่อว่า "Tool" ตัว T เห็นไหมลูก Tools s- tools นะคะ Tools Tools นะคะ แล้วเลือก... เห็นไหมคะ เลือกที่ Build System Build System เห็นหรือยัง แล้วไปไหนต่อ ตรง Build System นะคะ อันนี้ต้องจำนะคะ ครั้งหน้า พอบอกว่า Run Program หรือว่า ปุ๊บนี่ ให้เด็ก ๆ เลือก... แล้วก็เลือก Python หา Python ให้เจอเสมอ แล้วกดคลิ๊ก 1 ครั้ง Build System เลือก Python เสร็จนะคะ เราก็จะเปิด tools อีกครั้ง กด Build เด็ก ๆ จำ Short Cut จำ Short Cut ไส้นะคะ Ctrl D ถ้าบอกว่าให้กด เมื่อไหร่ เห็นไหม มันจะขึ้นหน้าต่างนี้มาเห็นไหมคะ ของใครไม่ขึ้น ใครไม่ขึ้นยกมือ ขึ้นนะคะ ตรง Ctrl + B นี้ สิ่งที่จะต้องทำต่อไป มันขึ้นไหมน่ะเมื่อกี้นี่ แล้วให้กด Enter นะคะ พอกด Ctrl + B แล้วเด็ก ๆ กด Enter เดี๋ยวจะให้ดูผลรอก่อน ๆ เห็นไหมคะ คำว่า Test Program จะขึ้นมา จะแสดงตัวนี้ขึ้นมา คำสั่ง Ctrl + B นะคะ พอกด Ctrl + Bปุ๊บ เมื่อกี้ ครั้งแรกนี่ ต้องกด Enter ก่อน ลองเปลี่ยน Test Program เป็น เดี๋ยวเปลี่ยนข้อความนะคะ ให้ดูจะได้เห็น เดี๋ยวจะกด Ctrl + B ให้ดูนะคะ ครั้งที่ 1 จะต้องกดแต่พอครั้งต่อมาไม่ต้องกดแล้วนะคะ เห็นไหม คำว่า "สวัสดีทุก ๆ คน" ก็จะขึ้นมาเห็นหรือเปล่าคะ ข้อความของเราก็จะแสดง เพราะให้แสดงข้อความ นั่นก็คือพอครั้งหน้ามา พอบอกให้กด run program ให้กด Ctrl + B เลยนะคะ จำ Shortcut ไว้ กดปุ่ม Ctrl + b แล้วก็เครื่องหมาย สวัสดีทุก ๆ คน ก็จะเปลี่ยนไปตามนี้ นี่คือการทำงานของตัวโปรแกรม Sublime นะคะ คือสิ่งที่เด็ก ๆ ห้ามลืม ก็คือบรรทัดที่ 1 กับบรรทัดที่ 2 จะต้องพิมพ์ด้วยตัวนี้เสมอ ส่วนบรรทัดที่ 3 จะเป็นโปรแกรมซึ่งในครั้งหน้าเราจะมาเริ่มนะคะ สำหรับครั้งนี้ โอเคค่ะ ทีนี้...ในสัปดาห์ที่แล้ว ตอนที่ก่อนจะเข้าห้องนะคะ บอกแล้วว่าโปรแกรมที่เราจะทำนะคะ เดี๋ยวเปิดให้ดู เมื่อใครเสร็จแล้วนะคะ กด File > Save Save ไว้ก่อน Save เก็บไว้ก่อน ครั้งหน้ามาดูครั้งหน้านี้ จะต้องมีเสมอนะคะ เสร็จแล้วก็ปิดได้ ปิด Sublime ทีนี้ ให้ดูโปรแกรม Pygame ตัวอย่าง เช่น ๆ ๆ เช่น เอาเกมอะไรดี Pydiw village นี่มันทำอะไร เปิดให้ดูก่อนนะ มันจะมีถ้าเราเข้าคำว่า Pygame นะเด็ก ๆ นะคะ นี่เข้าไปที่หน้านี้ นี่เขาจะมีเกมตัวอย่างให้ดูว่าอย่างนั้นเถอะ เช่น เหมือนเกมนี้ เปิดได้หรือเปล่าไม่รู้ โปรเจกต์... อันนี้ว่าอย่างนั้นไปที่ Home page ลองเปิดดูนะคะ เดี๋ยวลองเปิดดู ดูว่า game นี้มันเล่นอย่างไร อ๋อ ยิงตา ยิงสัตว์ทะเลนั่นเอง เห็นไหม หลักของเกมที่เราจะทำ 1. ที่เราจะต้องมีคืออะไรคะ Blackground หรือพื้นหลังของเกมนั้น ๆ 2. มีอะไรคะ มีไอ้เจ้าตัวเกมนี่ หรือมีตัวเดินเรื่องใช่ไหมแล้วก็มีวิธีการในการอะไรน่ะ... เดิน กระโดด หรือยิง เห็นไหมคะ หรือยิง กดอะไรยิง กดปุ่มไหนยิงใช่ไหม กดปุ่มไหนตัวเกมมันเด็กมันเดิน กระโดดขึ้น เห็นไหม เราจะใช้คำสั่งไหน ทีนี้ สิ่งแรกที่อยากให้หา คือ 1. เด็ก ๆ จะต้องหา Background นึกออกไหม ก็คือถ้าเราไม่วาด Background ไว้ใช้งานเกมเอง เหมือนอย่างนี้ เขาน่าจะไปทำเอง เราก็ต้องหา Background ที่ใช้ ถ้าสมมติเหมือนเราจะทำเกมใต้ทะเลแบบเขาแบบนี้น่ะ เกมยิงปลาใช่หรือเปล่า เด็ก ๆ ก็ต้องมีภาพใต้ท้องทะเลถูกต้องไหมครับ เพราะฉะนั้น เราก็ต้องไปหา Search Background นะคะ บอกแล้วว่าเพื่อไม่ให้ติดปัญหาลิขสิทธิ์ เวลาจะ Search Background หรือว่ารูปภาพต่าง ๆ ไปใช้นี่ ควรจะ Search คำว่าอะไร free Free อะไร ต้อง free download ได้ด้วยนะคะ D-o-w-n-l-o-d-e เราจะได้ไม่ติดปัญหาติดลิขสิทธิ์นะคะ ใส่คำว่า Background เลย เฉพาะเจาะจง b-a-c-k-r-o-u-n-d สมสมมติ ๆ นะคะ อยากได้ Background มหาสมุทร หรือทะเล O-c-e-a-n มันเป็นเหมือนภาพถ่าย เราอยากได้ภาพที่เหมือนลักษณะของภาพการ์ตูนหรือภาพลานเส้นเราจะต้องใส่เครื่องหมาย + แล้วก็ตามด้วยคำว่า Vector เสมอ อันนี้ก็ได้นะ ทะเล ๆ ทะเล เน็ตหลุดเหรอ หรือว่าเอาภาพนี้ ภาพนี้ก็ใช้ได้เหมือนกันนะ นึกออกนะ ภาพใต้ทะเลน่ะนะ มันเปิด... อ๋อ มันเล่นเปิดคนละหน้าต่างเลย นี่เห็นไหม เหมือนเราอยากได้ภาพใต้ท้องทะเลด้านล่างอย่างนี้นะคะ นี่ก็คลิ๊กเข้าชม เขาบอกให้เข้าชม เห็นไหมคะ ให้ For Free Download เท่านั้นนะคะ For Free Download เท่านั้นนะคะ ช่วยได้เยอะเลย มันไปเปิดหน้าต่างใหม่ตลอดเลย เห็นไหม เราก็จะเข้าไปเลือกได้นะ ให้เด็ก ๆ หา Background นะคะ ไว้อย่างน้อยสัก 3 อัน เผื่อไว้ เผื่อไว้ เผื่อเลือก เผื่อมาให้แม่ช่วยดู เพราะบางทีเหมือนมันกว้างเกินไป เล็กเกินไปอะไรอย่างนี้นะคะ ลองหาไว้นะคะ เป็นอะไร เช่น ถ้าเราอยากทำเกมทะเลทราย เราก็ควรเป็นทะเลทราย ถ้าเราทำเกมเกี่ยวกับป่า Background มันก็ควรจะเป็นป่านะ อะไรแบบนี้นะคะ เกมเป็นแบบภูเขา ก็มีภูเขา ก็คือเลือกทอะไรอย่างนี้ ก็เลือก Background ที่มันจะสอดคล้องลักษณะเกมที่เราจะทำให้นึกถึงนะ เหมือน... เหมือนเมื่อกี้ตัวอย่างเกมเขาเป็นเกมใต้ทะเลนะคะ แม่ก็เลยบอกว่าอย่างนั้นเราลองค้นรูปใต้ทะเพวกนี้ขึ้นมาดูนะคะ คือ... เรามือสมัครเล่น เรายังวาดไม่สวย เราก็ขอยืมเขามาใช้ว่านั้นเถอะ สิ่งที่จะต้องทำต่อมา ไอ้ตัวเกมนี้ ไอ้ตัวเกมนี่ มันจะดุ๊กดิ๊กได้นี่เด็ก ๆ ต้องภาพที่มันเป็นภาพต่อเนื่องนะคะ เขามีให้ไหม บอกแล้วนะว่าพวกนี้ ส่วนใหญ่มันเป็น Open source อย่างนี้เห็นไหมคะ Download Now หรือไปที่ Development อย่างนี้นะคะ แล้วบางทีเขาก็จะมีบอกว่าโปรเจกต์เลือกโปรเจกต์แล้ว Download อย่างนี้นะคะ หรือบางทีเราไม่อยากได้ทั้งหมดน่ะ เราอยากได้แค่เฉพาะตัวละคร เราก็ลองหาดู มีอะไรอีกบ้าง ขอดูนะครับ ขอดูนะคะ แต่ทีนี้ ที่จะทำแบบแรก ก็คือเราจเราจะทำเกมแบบที่มี Background ทำให้ตัวเกมเรามันขยับได้ กระโดดได้ ยิงปืนเดี๋ยวตามมา มันต้องเคลื่อนไปข้างหน้าข้างหลังได้ถูกไหม เดินเป็นน่ะ เราต้องให้เกมเราเดินได้นะ นี่ให้ไอ้ตัวนี้มันกระดุ๊กกระดิ๊กได้นะคะ มีวัตถุหล่นลงมา เราจะทำอย่างไร ให้ไอ้หลักเรานี่ สิ่งที่จะต้องหาต่อ ก็คือตัวที่ 2 ตัวเกม ตัวเดินเกมของเรานี่นะคะ อันนี้ Background อย่างน้อย 3 ภาพ อย่างที่บอกนะ สิ่งที่เราจะต้องหาต่อมาก็คือ... ทำไมเล็กจังล่ะ เรียกว่าอะไรน่ะ คือถ้าใครวาดรูปเป็นก็ไปวาดนะ ถ้าใครวาดไม่เป็นนี่ เหมือน... เหมือตัวการ์ตูนที่เราจะใช้นี่ มันให้มันเดินได้นี่ เห็นไหม ท่าของตัวการ์ตูนมันก็จะเปลี่ยน ในสิ่งที่เรียกว่า "Sprite Sheet" น่ะค่ะ มันจะต้องมีลักษณะท่าทางเคลื่อนไหวของมันมากเกินไป เหมือนเราจะเอาตัวนี้ วิ่ง ๆ ๆ ตัวนี้ ให้มันวิ่ง เห็นไหม ลู่มันจะเปลี่ยนนี่ เราจะต้องหาไฟล์ที่เป็นลักษณะเขาเรียก Sprite Sheet หรือเป็นภาพที่มี การเคลื่อนไหวต่อเนื่องอย่างนี้ก็ได้ นินจา หรือ Sonic เห็นไหม หรือทำแพนกวินอย่างนี้ ใครชอบสัตว์ ก็คือให้ลักษณะของ... มันมีภาพหลาย ๆ อันต่อเนื่องกันเขาเรียก Sprite Sheet นี่ ของตัวการ์ตูนเคลื่อนไหว แต่อย่าลืมว่า ให้เลือกฟรีนะลูก ให้หาที่เป็น Free อย่างน้อย 1 ตัวใช่ไหม อย่างน้อย 1 ตัวก่อน แต่ถ้าวาดเป็นเราก็ไปวาดเอาเองได้นะคะ เลือกจะเอาแบบไหน เลือกเอา อย่าลืมกฎก็คือให้หาที่มัน Free ด้วย Free Sprite Sheet ด้วย เสียเงินไม่เอานะครับ เพราะฉะนั้น การบ้านสัปดาห์หน้า ถ้าจะเข้าห้องเรียน สิ่งที่เด็ก ๆ จะต้องมี ก็คือไฟล์ Background อยา่งน้อยเท่าไรครับ 3 ใช่ไหม 3 รูป ให้... ให้เลือกมา 3 แบบกัน จะได้ พอตจะดูกับตัวการ์ตูน ที่จะเอามาลงน่ะ เช่น อยากเล่นเป็นอะไรล่ะ เป็นคาวบอยเหรอ ถ้าคาวบอย ฉากหรือ Background ทะเลทรายใช่ไหม หรือ... หรืออะไรล่ะ โรงนาอะไรพวกนี้ ให้มันสอดคล้องน่ะ นึกออกนะ เพราะฉะนั้น ถ้าเด็ก ๆ เลือกตัวการ์ตูนที่ลักษณะที่เป็นอะไรน่ะ ถ้ามังกร พวกมังกรมันน่าจะอยู่ในไหน ภูเขา ลักษณะ Background เกี่ยวข้องกับภูเขาอะไรอย่างนี้ นึกออกนะ ให้มันสอดคล้องน่ะค่ะ เพราะฉะนั้น เลือกมาสัก 2-3 หรือถ้าเลือกเป็นสัตว์ เราเลือกเป็นสัตว์ นี่หรือเป็นป่าแบบนี้ ทำลักษณะ Background หรือจะเป็นต้นไม้อะไรอย่างนี้ก็ได้นะคะ แล้วมาจัดวาก็ได้นะคะ เหมือนหมีให้หมีเดินป่าหาน้ำผึ้งอะไรอย่างนี้ ก็คือเลือกองค์ประกอบของ Background ให้มันสอดคล้อตัวเกมที่เราจะเอามาลงนะคะ ลองเลือกมานะคะ เกมนี่เลือกตัวเดียวก่อนก็ได้ ครั้งแต่ไป เป็นตัวไหนก็ค่อย เอานะคะ มีใครไม่เข้าใจงานที่สั่งวันนี้บ้าง สมมติถ้าใครจะเอามนุษย์อวกาศ ก็เอาตัวนี้ อย่าลืมนะว่า Free เท่านั้นนะคะเด็ก ๆ ให้ดูที่มันขึ้นว่า "Free Background " "Free Background" อย่างนี้ ไปไหนล่ะ นี่ ๆ พอคลิกเข้าไปปุ๊บ เข้าชมสิ นี่เห็นไหมมันจะติด Free อย่างนี้ไม่ติด Free อย่างนี้ เขาขาย นึกออกนะ โอเคนะคะ เข้าใจนะคะ นี่เหมือนตัวนี้ ลักษณะเกมเจ้าหมีเดิน เห็นไหมมี Background ด้วย แต่ตัวเป็นเด็กอะไรนี่ ลูกเสือ ลูกเสือเดิน เห็นไหม ฉากมี เห็นไหม เห็นไหมคะ แากมีข้ามแม่น้ำไปอะไรอย่างนี้ ใช้อย่างนี้ก็ได้ เดินอยู่ในป่า อย่างนี้นะคะ นี่ เหมือนกวางเดินนี่ หรือรูปนี้นะคะ เอามาใช้ หรืออย่างนี้ก็ได้ เหมือนเดินแล้วฉากมันเปลี่ยน จากตอนเช้าเป็นตอนกลางวัน เลือกมาอย่างนั้นก็ได้ เดินไปเรื่อย ๆ มืดแล้วอะไรอย่างนี้นะคะ นี่เดินแล้ว... มีข้ามสะพานด้วย หลักก็คืออย่าลืม Free เท่านั้นนะคะ ที่เราต้องการ โอเคนะคะ จะต้องได้ Background กับตัวเกมที่เป็นลักษณะที่บอกนะคะ มีรูปมีท่าทางการเคลื่อนไหวแบบนี้ใช่ได้นะคะ นี่รูปเกมที่เราจะเอามาใช้นี่ ต้องมีลักษณะแบบนี้นะคะ แต่อย่าลืมกฎอีกข้อหนึ่งก็คือให้มันเป็น Free ด้วย เพราะวันฮัลโลวีนมันผ่านไปแล้ว ถ้าเรียนทันฮาลาวีน Hellween กันไปเลย เดี๋ยวนะ พฤศจิกายน ธันวาคม เหรอแจกของขวัญนะคะ ถ้าเอาสัตว์ เห็นไหมคะ ก็คือภาพสัตว์นั้น จะต้องมีการเคลื่อนไหว มีลักษณะภาพต่อเนื่องเป็นภาพเคลื่อนไหวอย่างนี้นะคะ ตัว Gamer ของเรา หาไว้ แล้วมีอะไรนะ มี Drive เอาลงใน Drive เปิดเป็นไหม เด็ก ๆ ใช้ Google Drive ไม่อย่างนั้นคือหาในห้องเรานะ เพราะเดี๋ยวปล่อยแล้ว ยังมีเวลาถึงเที่ยงกว่าจะถึงเที่ยงนะคะ ก็หารอก็ได้ ถ้าไม่อย่างนั้นก็ถ้าไม่มีเรียนตอนบ่ายก็เข้ามาหาก็ได้ กินข้าวเสร็จก็ขึ้นมาหาก็ได้ ก็คือถ้าวันนี้พรุ่งนี้ไม่มีเรียนก็เข้ามาหาก็ได้นะเด็ก ๆ นะ หาแล้ว เก็บไว้ไหนเราจำ Folder เราได้ใช่ไหมคะ เราก็สร้าง Folder ไว้ในตัว... ที่เราสร้างไว้น่ะ แล้วก็สร้าง Folder อีกตัวหนึ่ง ชื่อ... image หรือ Picture ก็ได้นะคะ i-m-a-g-e image นี่นะคะ เราก็จะเอารูปเก็บไว้ในนี้ เก็บไว้ใน Folder เดียวกัน จะได้หาได้ง่าย ๆ แล้วก็จะรู้ด้วยว่ามันใช้กับเกมเรา เอาไว้ใช้ในงานเกม นะคะ เห็นไหมคะ สร้าง Folder ไว้ โอเคค่ะ เด็ก ๆ เตรียม เตรียมรูปที่จะมาใช้ ให้เรียบร้อย เพราะถ้ามา Search ในห้องมันจะเสียเวลา ให้เด็ก ๆ น่ะ หามาเตรียมไว้เลยนะคะ เสร็จแล้วสัปดาห์หน้ามาเราพร้อมจะทำ Coding ได้เลยนะคะ โอเคนะคะ สัปดาห์นี้เราจะพอแค่นี้ มีใครสงสัยเรื่อง Sublime หรือเรื่องภาพที่สั่งไปไหมถามได้ มีใครสงสัยไหมคะ เข้าใจนะ เด็ก ๆ จะต้อง 1. หารูป Background อย่างน้อย 3 อัน ใช่ไหมคะ 2. หารูปตัวเกม 1 ตัวนะคะ ลักษณะตัวเกมก็คือจะต้องมีรูปที่มันมีภาพต่อเนื่องของมันที่เป็น sprite ที่บอก คือ 1 ตัวนั้น มีรูปที่มันเคลื่อนไหว 5 อัน 10 อัน อะไรก็แล้วแต่ ก็คือให้นึกถึงความละเอียดมากน้อยขึ้นอยู่กับตัวภาพของตัวเกมเรานะคะ เคลื่อนไหวแบบสวย ๆ มันก็จะหลาย ๆ รูปเคลื่อนไหวแบบดูแล้วไม่ต่อเนื่อง อาจจะมีแค่ 2-3 รูป อะไรอย่างนี้นะคะ กฎของการเอารูปมาใช้ ก็คือให้เลือกรูปที่มัน Free เสมอนะคะ จะได้ไม่ติดปัญหา โอเคนะคะ ถ้าไม่มีใครสงสัยแล้ว สัปดาห์นี้พอแค่นี้ ขอบคุณพี่ป๊อกแป๊กนะคะ ในการล่ามวันนี้ ขอบคุณค่ะ เจอกันสัปดาห์หน้าค่ะ สวัสดีค่ะ บ๊ายบาย