รู้ว่าไม่ได้ยินแต่ดูได้ใช่ไหม เราจะให้ดูนะคะ ไม่แน่ใจ [เพลง “LALISA”] (อาจารย์สุธิรา) เอ้า ไม่ขึ้นอีก [Music Video เพลง “LALISA”] (อาจารย์สุธิรา) เคยดูไหม สัก 1 เพลงนะคะ จังหวะไหนถึงจะเร็วกว่านี้ เพลงอะไร ใครเคยฟังเพลงลิซ่า บอกได้ไหมเพลงอะไร เดี๋ยวนะ เดี๋ยว ๆ ๆ ท่อนนี้นะ ท่อน... เร็วไป นี่ ๆ ๆ เอาแค่ท่อนนี้ได้ไหม พร้อมหรือยัง ออกมาจากโต๊ะตัวเอง ขยายออกมาข้าง ๆ กระเถิบออกมาจะได้มีพื้นที่ มิ่งกระเถิบมาทางนี้ ไม่เอาเยอะ ไม่เอาเยอะ 1 ท่อน 1 ท่อนพอ พร้อมหรือยัง ดูนะคะ เอาท่อนนี้พอนะ เลยแล้วหรือ ท่อนที่ 1 อยู่ไหนนี่ นี่ ๆ ๆ ๆ เอาแค่นี้ก่อน เดี๋ยวจะทำให้ช้าลง เดี๋ยวเราจะลดความเร็วนะคะ ให้ดูก่อน ให้ดูก่อน จะได้ Alert Alert หน่อย ตื่นตัวหน่อย โอเคไหม ดูอีกที โอเคไหม ดูนะคะ เดี๋ยวเอาช้าลงอีก ได้สุดยัง 0.5 สิ ทำอย่างไรก่อน เตรียม อยู่ในท่าเตรียมทำมือใช่ไหม มือมันจะอยู่… ดูใครจะทำ ท่าเตรียมใช่ไหมคะ เสร็จแล้วอะไร โยก โยกแล้วก็… แล้วอะไรต่อ ดูนะ ทีนี้ดู ดูนะ ดูและทำตามด้วยเลย อันนี้เอาช้า ๆ ก่อนนะ ย่อใช่ไหม มีย่อ เอาแค่จังหวะนี้พอนะ อันนี้ อันนี้... เพลงนี้ที่มันเต้นท่าเมื่อกี้ เอาเฉพาะที่มันเต้นท่า... (นักศึกษา) เต้น Cover เหรอคะ (อาจารย์สุธิรา) โอเคไหม นี่เลยนะ เอาขยับนี่เลยนะ (อาจารย์สุธิรา) โอเคไหม นี่ ๆ ๆ ๆ ๆ เราชอบมากเลย ท่านี้ได้ไหม ท่าเมื่อกี้ นี่ ๆ ๆ นี่ ๆ ดูนะ ดูนะ เอาท่านี้นะ เอาท่าที่เริ่มตั้งแต่ท่อนนี้นี่ นี่ ๆ โอเคไหม ดูนะ เอาท่าเมื่อกี้นะ ที่เริ่มตั้งแต่นี่นะ พร้อมหรือยัง นี่ นี่ ๆ เอาแค่นี้ Say love ใช่ไหม เดี๋ยวนะ เดี๋ยว ๆ ๆ นี่ อยากได้ท่อนนี้ นึกออกนะ ตั้งแต่ท่อนนี้ไปถึงแค่ นี่ แค่นี้พอ แล้ววนกลับมา โอเคไหม พร้อมหรือยัง พร้อมหรือยัง พร้อมหรือยัง พร้อมหรือยังคะ พร้อมนะ ท่ายืน ท่ายืน พร้อมนะ โอเคนะ อีก 1 รอบ [เพลง "LALISA"] (อาจารย์สุธิรา) เดี๋ยวเด้อ เข้าใจนะ เอาตั้งแต่ตรงนี้ แล้วก็อะไรนะ ตรงนี้ใช่ไหม ดูนะ ดูนะ เอาท่อนนี้นะ นี่ ๆ เริ่มตั้งแต่ท่อนนี้ ยืน ยืนท่านี้ อันดับแรกเอามือ เอามือป้องหูนี่ อย่างเขาน่ะ ท่านี้นะ ท่ายืน เริ่มตั้งแต่ท่านี้นะคะ ท่าที่... แล้วก็... ไม่ต้องถึงแบบนี้ เอาแค่นี่ นี่… [เสียงไม่ชัดเจน] (อาจารย์สุธิรา) นี่ ๆ ๆ Say love นะ Say love Say love นะคะ ท่อนเริ่มที่ Say love เป็นต้นไปนะ Say love และก็... แล้วก็อย่างนี้นะคะ แล้วมันจะวนกลับมา 2 รอบ โอเคไหม โอเคนะ พร้อมหรือยัง เริ่ม เตรียมนะ ทุกคนทำมือ ทำมือกัน ไม่ตื่นก็ต้องตื่น พร้อม จะกดแล้วนะ โยกเลยนะคะ 1 2 3 [เพลง "LALISA"] (อาจารย์สุธิรา) มีสายแดนซ์อยู่ เอ้า อีก 1 ครั้ง ถ้าใครไม่ทำไม่ได้เรียนนะเอ้า ทำก่อน ทำก่อน จะได้ตื่น พร้อมหรือยัง รอบสุดท้าย โอเค เตรียม เกินเหรอ เดี๋ยวนะ เดี๋ยวนะ [เพลง "LALISA"] (อาจารย์สุธิรา) เอ้า อย่างนั้นขอทีละ 1 เหมือนไม่เหมือน ดู แถวละ 1 แถวละ 1 ทีละ 1 แถวนะ ไปทีละแถว แถวแรกก่อน ไอ้กุ้งเต้น มิ่ง และก็ 3 คนนี้นะ 3 คนนี้ 3 คนแถวหน้า เริ่ม อยู่ในท่าเตรียม พร้อมนะ แม่กดแล้วนะ เต้นเลย โอเค แถวที่ 2 แถวที่ 2 4 คนสุดท้ายนะคะ เอาหรือยัง เตรียม เตรียม อยู่ในท่าเตรียม 1 2 3 เยี่ยม ๆ ๆ เก่งมาก ทีนี้ เดี๋ยวแม่ดูอาการแล้ว ถ้าใครง่วงเหงาหาวนอน เราจะมารีแลกซ์ด้วยวิธีนี้นะคะ จับเต้น ไปดูไว้เลยนะ ชอบของใครแล้วมาบอกไว้ เดี๋ยวพาแดนซ์กระจายนะคะ เป็นอย่างไร Alert หรือยังทีนี้ มาดูต่อนะคะ ที่เราจะเรียนกันต่อ เมื่อกี้เราบอกแล้วว่า ในเทอมนี้นะคะ เราจะไม่ใช้ Collapse เราจะใช้ Sublime แล้วก็ Library ที่ชื่อว่า “Pygame” ก่อนอื่นเราต้องมารู้ก่อน ว่า Pygame นี่ มันคืออะไรนะคะ เขาบอกไว้ว่า นี่เห็นไหมคะ Pygame มันเป็น Library หนึ่งของ Python เห็นไหม ใช้ในการเขียน... มันจะมีโมดูลน่ะค่ะ โมดูลก็คือมีคำสั่ง มีชุดคำสั่งอยู่ในตัว Library ที่ชื่อ Pygame นี้นะคะ ซึ่งเราจะใช้โมดูลพวกนี้มาเขียน โดยไม่ต้องไปเขียนโมดูลใหญ่ ๆ ถ้าเป็นแต่ก่อนคือถ้าเราจะเขียนโปรแกรมนี่ 1 โปรแกรมนะคะ เด็ก ๆ จะต้องเริ่มเขียน ตั้งแต่ Start End อะไรอย่างนี้นะ นึกถึงหลักการเขียนโปรแกรมนะ ก็คือต้องมีจุดเริ่มต้นใช่ไหมคะ แล้วก็ไปถึงจุดสิ้นสุด ซึ่งถ้าเขียนขนาดนั้นจริง ๆ นี่ โปรแกรมก็จะมีใหญ่มากเลย ก็คือให้นึกถึง 1 ตัวอักษรใช้พื้นที่ในการจัดเก็บ ไปกี่ Bit กี่ Byte ไปแล้วนะ นะคะ ตัว Pygame Library นี่ ก็จะช่วยในการลด… ลดขั้นตอนของการเขียนคำสั่งบางตัว เช่น เหมือนเราจะให้มันเดิน เดินไปทางซ้าย ถ้าเป็นคำสั่งที่เราเขียนผ่าน Colab นี่ เราก็ต้องบอกเลยว่า เดินซ้ายก็คือให้ข้อความนะคะ ค่อย ๆ ขยับ มันก็จะขยับไปทีละนิด ได้ทีละ 1 ต้องไปสั่งให้มันบวกเพิ่ม หรือวนลูปอะไรอย่างนี้นะคะ อย่างนี้เป็นต้น แต่ถ้าเราใช้ Library ใน Pygame นี่ เหมือนเราเลือกคำสั่งการใช้เมาส์นะคะ เพราะเวลาเล่นเกมนะ ตัวควบคุมมันก็คือ 1. เมาส์ล่ะ ใช่ไหม 2. ถ้าใครเป็นคอเกมมันก็จะมีไอ้พวกอุปกรณ์ เช่นอะไรนะ ไอ้คันบังคับใช่ไหมคะ หรือไอ้ Joystick น่ะ ที่เป็นตัวควบคุมนะ หรือถ้าเบสิกเลยก็คือใช้แป้นลูกศรใช่ไหม ลูกศรซ้าย-ขวานะ อย่างนี้นะคะ ในการควบคุมตัวเกมนั่นเองนะคะ เมื่อกี้เราพูดถึง Pygame ไปแล้วนะคะ ทีนี้อีกตัวหนึ่งที่บอกไว้ไอ้ตัวโลโก้สีส้ม ๆ ที่มันชื่อว่า "Sublime Text" นี่นะคะ ไอ้โลโก้สีส้ม ๆ นี่นะคะ มันคืออะไร Sublime Text นี่นะคะ อธิบายไว้ว่ามันเป็น Text Editor Text Editor แปลตามตัวเลยนะ Text ก็คือข้อความ Editor ก็คือตัวแก้ข้อความ แต่ความจริงแล้วมันไม่ได้ใช้แก้ ก็คือเราใช้ในการเขียนโปรแกรมนั่นเองนะคะ เห็นไหมคะ เป็น Text Editor ที่มีความสามารถในการเขียนโค้ด เห็นไหมคะ มันรองรับได้หลายภาษานะคะ แล้วก็เห็นไหมคะ หลายภาษาเลย เช่น ใช้ภาษา C ก็ได้ ก็คือถ้าเขียนด้วยภาษา 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 ก็คือโปรแกรมที่เมื่อเราเขียนแล้ว มันจะสามารถแชร์ให้คนอื่นมาพัฒนาต่อก็ได้ หรือเราไปสามารถเอาโปรแกรม Open-Source ของคนอื่นมาพัฒนาต่อก็ได้ถ้าเขาแชร์มานะคะ อย่างนี้เป็นต้น มันก็จะช่วยให้… เขาเรียกว่าอะไรล่ะ มันจะเป็นเหมือนการระดมสมองน่ะ เพราะการเขียนโปรแกรม 1 โปรแกรมนี่ มันไม่ใช่คน ๆ เดียวเขียนแล้วเสร็จนะคะ มันจะต้องใช้คนหลายคน เพราะแต่ละคน คน 1 คนเหมือนในห้องเรานี่ ที่นั่งกันอยู่นี่นะคะ เด็ก ๆ ทุกคนมีความถนัดไม่เหมือนกันนะ บางคนอาจจะชอบอย่างนี้นะคะ บางคนอาจจะชอบอย่างนี้ แต่เมื่อโดนจับมารวมมามิกซ์ เอามารวมกันนี่ มันอาจจะได้สิ่งดี ๆ เกิดขึ้น เหมือน ๆ ให้นึกถึงเหมือน ถ้าให้เราทำขนม 1 อันนี่นะคะ แบบเดิม ๆ มันก็จะรูปเดิม ๆ แต่ถ้าหลาย ๆ คน มาระดมความคิด ว่าลองเอาขนมหลาย ๆ แบบ แล้วเอามามิกซ์รวมกันสิ มันจะเกิดสิ่งใหม่ เขาเรียกเกิดสิ่งใหม่ใช่ไหมคะ เกิดรสชาติใหม่ ๆ ได้ไหม แล้วอร่อยไหม อย่างนี้นะคะ นั่นก็คือหลักการของการพัฒนาโปรแกรม ที่เป็น Open-Source ด้วย ก็คือ มีของเก่าแล้วลองเอามาวาง วางแล้วเผยแพร่ ก็คือ… หรือแชร์กัน หรือแบ่งปันกันนะคะ ให้คนอื่น แล้วคนอื่นอาจจะเอาไปต่อ... ต่อยอด เอามารวมใหม่ต่อไปเรื่อย ๆ มันก็จะได้อะไรใหม่ ๆ เพิ่มมากขึ้นอย่างนี้นะคะ จะเป็นลักษณะอย่างนี้นะคะ ทีนี้ สิ่งที่เราจะทำต่อไป ทำไมมันไม่ไป เราจะต้องลงโปรแกรมก่อน ไม่อย่างนั้นเราจะเขียนไม่ได้ใช่ไหม เด็ก ๆ จะต้องรู้วิธีการลงโปรแกรมนะคะ ตัวแรกนี่ Python เทอมที่แล้วเราลงไปแล้วนะ เราไม่น่าลงอีกแล้วล่ะเทอมนี้นะคะ แต่เพื่อความชัวร์ ก่อนอื่น ก่อนอื่น เด็ก ๆ เปิดเครื่องแล้วใช่ไหมคะ มีใครยังไม่เปิดเครื่องอีก เปิดเครื่องนะคะ เปิดเครื่อง แล้ว... ให้... ไหนล่ะคำค้น ให้คลิกที่แว่นขยายนะคะ เราจะลองค้นดูว่า Python เรา ที่เราเรียนไปในเทอมที่แล้วน่ะ ยังมีชีวิตอยู่ไหม ยังอยู่ไหม ยังอยู่ไหม ไม่โดนลบทิ้งไปใช่ไหมนะคะ ลองพิมพ์ตัว P P ก่อน P แล้วก็ y ใช่ไหมคะ y นั่นไง นะคะ Python ที่เราลงไว้มีอยู่นะคะ เพราะฉะนั้น ของใครไม่ขึ้นตัวนี้ ดูนะคะเด็ก ๆ ยกมือนะ อาจจะต้องได้ลงใหม่ ถ้าใครไม่ขึ้น เครื่องใครไม่ขึ้นหรือเปล่า เห็นไหมคะ พิมพ์แล้ว Py ถ้าใคร Py แล้วยังไม่เห็นเติม พิมพ์ตัว t เพิ่ม P-y-t-h-o-n นี่นะคะ ลองพิมพ์ดู ในช่องไอ้รูปแว่นขยายเรานี่นะคะ เราค้นดูก่อนโปรแกรมเรายังอยู่ดีไหม โอเคนะคะ เรามี Python แล้ว เพราะฉะนั้น เราก็จะข้ามตัวนี้ไปนะคะ ติดตั้งแล้ว ดาวน์โหลดแล้วนะคะ สิ่งที่เราจะทำต่อมา นะคะ เราจะต้องไปเปิดใช้งาน Library ที่ชื่อ Pygame เพราะฉะนั้น เห็นไหมคะ วิธีจะติดตั้ง Pygame หรือเอา Library Pygame ลงนะคะ เหมือนเดิม เด็ก ๆ ไปที่ เครื่องมือแว่นขยายเหมือนเดิมค่ะ นะคะ แล้วพิมพ์คำว่า... เดี๋ยวในสไลด์บอกให้พิมพ์คำว่า "command" นะคะ c-o-m-m-a-n-d ในสไลด์บอกให้พิมพ์ เดี๋ยวปิดไป เปิดหลายหน้าต่างจะงง ในช่องนี้นะคะ ช่องค้นหาในรูปแว่นขยาย เราพิมพ์ตัว c ก่อน c แล้วก็ o แล้วก็ m m เห็นไหม ให้มันขึ้นไอ้ตัวหน้าต่างดำ ๆ อย่างนี้ Command Prompt เห็นไหมคะ ใครยังไม่เห็นตัวนี้ พิมพ์ต่อนะคะ c-o-m-m-a-n-d Command นี่นะคะ ถ้าใครเห็นแล้วคลิก Double Click เพื่อเปิด หรือคลิกที่ Open ก็ได้ มันจะต้องขึ้นหน้าต่างที่มีสีดำ ๆ แล้วก็มีเคอร์เซอร์กะพริบตัวนี้ขึ้นมานะเด็ก ๆ โอเคไหม ใครยังไม่ขึ้นหน้านี้ เดี๋ยวย่อลงนิดหนึ่ง ย่อแล้วหรือนี่ ไม่ย่อให้ เดี๋ยวขอย่อหน่อย เดี๋ยวจะไม่เห็นนะคะ เห็นไหม นะคะ มันจะเป็นหน้าต่างอย่างนี้ ขึ้นมาสีดำ โผล่ขึ้นมาอย่างนี้ แล้วก็มีตัวนี้กะพริบอยู่นะคะ เดี๋ยวจะเดินไปดูนะคะ ว่าใครยังเปิดไม่ขึ้น ทุกคนเปิดได้แล้วนะคะ ตอนนี้เราเปิด Command Prompt มา สิ่งที่เราจะทำ ก็คือเราจะพิมพ์คำสั่ง เพื่อให้ไปเรียกใช้งาน เจ้าส่วนที่ชื่อว่า Pygame นั่นเองนะคะ ตอนนี้เราอยู่ที่สไลด์หน้านี้ บอกว่าพิมพ์ Command นะ แล้วต่อไป ต่อไป ไหนล่ะ ไหนล่ะ สิ่งที่เราจะพิมพ์นะคะ พิมพ์ pip install pygame นี้ก่อนนะ พิมพ์ตัวนี้นะคะ วรรคตามนี้เลยนะคะเด็ก ๆ ในหน้านี้พิมพ์ p p ก่อน คำแรก p นะคะ เห็นไหม เห็นชัดไหมคะ เดี๋ยวนะ เห็นหรือเปล่า p แล้วก็ i แล้วก็ p เสร็จแล้วเคาะ Space Bar 1 ครั้ง เพื่อวรรคนะคะ โอเคไหม แล้วก็ตามด้วยพิมพ์ด้วยตัว i -n In Installs s นะคะ t-a-l นี่นะคะ เอ้ย ll ll นี่ตัวที่ 2 install s-t-a-l-l นะคะ ll ใครยังพิมพ์ไม่ทัน เด็ก ๆ ต้องพิมพ์นะคะ ตรงตำแหน่งที่เคอร์เซอร์กะพริบน่ะ นี่ให้พิมพ์คำสั่งว่า p-i-p แล้วก็กด Space Bar เพื่อวรรค 1 ครั้งนะคะ แล้วก็ตามด้วยคำสั่งที่ชื่อว่า Install i-n-s-t-a-l-l แล้วก็ตามด้วยอีกตัวหนึ่ง ก็คือ p-y-g-a-m-e install pygame นะคะ นี่พิมพ์คำสั่งนี้ลงไป พิมพ์คำนี้ลงไป นี่ เห็นไหม ที่ทำแถบครอบไว้ เห็นไหมคะ p-i-p วรรค แล้วก็ตามด้วย i-n-s-t-a-l-l เว้นวรรคนะคะ แล้วก็ตามด้วย p-y-g-a-m-e แล้วเดี๋ยวจะเดินไปดูนะคะ เพราะถ้าพิมพ์ผิด มันก็จะไม่ทำงาน ต้องพิมพ์ให้ถูกด้วยนะคะ ข้อความผิดไม่ได้นะคะ เอ้ย คำสั่งผิดไม่ได้นะคะ เพื่อน ๆ คนอื่น พิมพ์เสร็จแล้ว แล้วก็กด Enter ไปแล้ว ตอนนี้มันเหลือเครื่องหนึ่งที่ยังไม่ขึ้นนะคะ นี่นะคะ พอกด Enter มันจะให้เรารอสักพักหนึ่ง แล้วมันจะมีอย่างนี้วิ่งขึ้นมา นี่ ๆ มันจะต้องขึ้นคำว่า "Successfully" ทีนี้ ของเด็ก ๆ ที่ขึ้นสีเหลือง ๆ นะคะ ของใครที่ขึ้นสีเหลือง ๆ ให้เด็ก ๆ ทำการคัดลอก ตั้งแต่ C: จนถึงตัวนี้ เห็นไหมลูก ทำแถบอย่างนี้เพื่อ copy นะคะ เห็นหรือเปล่า เสร็จแล้วกด Ctrl + C แล้วก็เอามาวางหลังเคอร์เซอร์นะ แล้วกด Enter นี่ แล้วให้มันขึ้นอย่างนี้ถึงจะถูกนะ ในระหว่าง... พอดีมีเครื่องหนึ่งมันไม่ขึ้นนะคะ อาจจะเสียเวลาแป๊บหนึ่งนะคะพี่ล่าม ในระหว่างที่รอเพื่อน ลืมถามพี่ล่ามชื่ออะไรคะ (ล่าม) ค่ะ ชื่อมนนภัส ค่ะ (อาจารย์สุธิรา) ชื่อเล่น เผื่อน้องจะได้จำได้ (ล่าม) ต๊อกแต๊ก ค่ะ (อาจารย์สุธิรา) ป๊อกแป๊กนะคะ (อาจารย์สุธิรา) พี่ป๊อกแป๊กนะคะ พี่ป๊อกแป๊ก (ล่าม) ต เต่า ค่ะ ต เต่า (อาจารย์สุธิรา) รอแป๊บหนึ่งนะคะ เดี๋ยวนะคะ เสียเวลากับ 1 เครื่องแป๊บหนึ่ง เพราะฉะนั้น เพื่อนคนอื่น ๆ รอไปนะคะ เดี๋ยวแม่ขอไปย้อนของกุ้งเต้น กุ้งเต้นมันจะต้อง… กุ้งเต้นเปิด... Chrome ก่อน Chrome ก่อน เปิด Google Chrome นะ แล้วก็พิมพ์ Python กุ้งเต้นต้องได้ลง Python ใหม่นะคะ เครื่องกุ้งเต้น Python มีปัญหา ไฟล์โดนลบ ไม่เป็นอะไรเราลงใหม่ได้ ไม่ใช้เวลานาน แป๊บหนึ่งนะคะ โอเคหรือยัง พิมพ์ p-y-t-h-o-n แล้วก็ให้กด Enter เดี๋ยวพาเข้า ไปตามหน้าสไลด์นะ ไหนล่ะ ตื๊ด ๆ นี่ Welcome to python.org เห็นไหม เห็นชื่อนี้ไหม โอเค ขั้นต่อไปให้ไปที่ Download ให้น้องไปที่ Download นี่ให้ไปที่ Download นะ โอเค เดี๋ยวรอโหลดนะ พอโหลดเสร็จก็ติดตั้งโปรแกรมนะคะ ตอนเลือกนี่ดูด้วยนะคะ ระหว่างกำลังรอของอันนี้นะคะ รอดาวน์โหลดเสร็จนะคะ เสร็จแล้วปิดเลยนะ แล้วก็กลับมาขั้นตอนนี้เหมือนเดิมนะ มาเปิด Command เหมือนเดิม โอเค น่าจะเป็นกับไวรัสนะคะ เมื่อกี้ Install แล้ว ไฟล์หายเหมือนเดิมเลยนะคะ ต้อง... ไอ้เจ้ากุ้งเต้น เดี๋ยวดูกับเจ้ามิ่งไปก่อน ไม่อย่างนั้นเราจะเสียเวลา ต้องให้พี่ ๆ เขาเคลียร์เครื่องนะคะ ไม่อย่างนั้นเปลี่ยนไปนั่งเครื่องอื่น ไปนั่งเครื่องอื่นนะคะ แล้วก็คอยแล้วเคลียร์เครื่องนี้นะคะ เครื่องนี้น่าจะติดไวรัสไปแล้วนะคะ สำหรับคนอื่นถึงไหนแล้ว เราไอ้นี่ได้หรือยัง เมาส์หาย เมื่อกี้เรา Command Prompt เรา เสร็จเรียบร้อยแล้วใช่ไหมคะเด็ก ๆ สิ่งที่เราจะทำต่อมานะคะ เอ้า... เมื่อกี้เราติดตั้ง Pygame เรียบร้อยแล้วนะ ทีนี้ ตัวต่อไป มันจะมีอีกตัวหนึ่งนะคะ ไปไสล่ะ เลือกตัวไหนล่ะนี่ ทำไมจอดำอีกละ ก็เลือกแล้วไม่ใช่หรือ เอ้า ทำไมไม่ขึ้นล่ะ เป็นกับ Windows อันนี้บ่ เดี๋ยวนะคะ อาจารย์สวิตช์หน้าจอแล้วไม่ขึ้น เดี๋ยวนะ โอเคนะ เมื่อกี้เราติดตั้ง Pygame ได้แล้วนะคะ มันก็จะมี… ขึ้นไหม ขึ้นแล้ว โอเค ตัวต่อไปนะคะ สิ่งที่เราจะติดตั้งตัวต่อไป ไหนล่ะ เลย อันนี้เสร็จแล้ว ลองดูในเครื่องเรานะคะ พิมพ์ s-u ไปที่แว่นขยายเหมือนเดิม s-u-b พิมพ์ s-u-b Sublime l อันนี้ Band แสดงว่ายังไม่ได้ติดตั้งนะคะ เพราะฉะนั้น ให้เด็ก ๆ เปิด Google Chrome นะคะ ทีนี้เมื่อกี้เราลง Pygame นะ เราต้องมาลงโปรแกรมที่ชื่อว่า "Sublime" นะคะ เปิด Google Chrome ขึ้นมา แล้วในช่อง… เดี๋ยว ๆ ๆ ไม่เข้า Google พี่ Goo นะคะ พิมพ์ sublime s-u-b-l-i-m-e แล้วก็ตามด้วยวรรค t-e-x-t นะคะ sublime text ในช่องค้นหานะคะ แล้วเด็ก ๆ กด Enter มันจะต้องมาที่นี่ ๆ ๆ เดี๋ยวเราจะไปดาวน์โหลดโปรแกรม มาใช้งานนั่นเองนะคะ ใครขึ้นหน้านี้แล้วยกมือ แสดงว่าเห็นไหม ถ้าใครพิมพ์ไวมันก็จะเร็วนะคะ เราจะไปที่ดาวน์โหลดกันนะเด็ก ๆ เพราะเราจะไปดาวน์โหลดมันมานะคะ เอาไปเปิดอะไรนี่มือบอนจริง ๆ เลย ในสไลด์เราไปที่ Sublime Text นะ เห็นไหมคะ คลิกที่ Download นะคะ เด็ก ๆ เห็นไหม แล้วให้เด็ก ๆ Click ที่... Double Click ที่ Download นะคะ คลิกตรงนี้ ตอนนี้เข้ามาหน้านี้หรือยัง เด็ก ๆ อยู่หน้าที่ขึ้น Sublime Text อย่างนี้หรือยังคะ ตอนนี้นะคะ ตอนนี้ทุกคนจะโผล่มาที่หน้าต่างนี้ โอเคไหม แล้วให้เลือก เลือก ๆ ๆ ดูนะว่าเลือกอะไร ของเรานะคะ น่าจะ... ไม่น่าจะล่ะ ทุกเครื่องน่ะ 64 bit แน่นอน ให้เด็ก ๆ คลิกที่ตัวนี้ portable version นี่เห็นไหม คลิกตรงนี้นะคะ มันจะทำการดาวน์โหลดไฟล์เห็นไหมคะ ด้านล่างจะมีไฟล์ขึ้น เราต้องรอนะคะ รอให้มันโหลดเสร็จ เห็นไอ้เส้นสีน้ำเงินที่หมุนรอบวงกลมไหม ถ้ามันโหลดเสร็จมันจะขึ้นจนครบรอบ ถ้าใคร… ไอ้วง ๆ สีน้ำเงินหมดไปแล้วนะคะเด็ก ๆ สิ่งที่เราจะทำต่อ ให้ดูสไลด์ไปด้วย ตรงนี้นะคะ ที่ไฟล์ที่เราดาวน์โหลดเห็นไหมคะ ของใครอยู่ตรงไหน ถ้าเห็นดับเบิลคลิกเพื่อเปิด นี่นะคะ หรือ ๆ ๆ หรือใช้วิธีนี้นะเด็ก ๆ บางคนถ้าไม่เข้ามาอย่างนี้นะคะ ไปไหนแล้ว น่าจะอยู่ที่ Download ใช่ไหม โฟลเดอร์ข้าพเจ้าหายไปไหน Download Download นี่ คลิกขวาก็ได้นะคะ แล้วเลือก Extract ก็คือแตกไฟล์น่ะ เราจะไปแตกไว้ที่ไหน ดูนะคะ ตำแหน่งที่เราจะแตกไฟล์ไว้ เอาไว้ที่ Drive C: นะคะ ตำแหน่งที่เราจะแตกไฟล์ ไหนล่ะ ไฟล์เก๊าไปไหนแล้ว ไม่ใช่ อันนี้ปิดแล้วนะคะ อ้าว เมื่อกี้... หายไปไหนล่ะ มีไหมล่ะ เดี๋ยวนะ ตัวนี้นะคะ เลือก C: ตำแหน่งที่จะแตก Local Disk (C:) ไม่ให้แตกหรือ กด Select Folder นะคะ เลือกเห็นไหม ตำแหน่ง คือ Drive C: เสร็จแล้วกด Extract มันก็จะ... You'll need to provide admin… skip สิครับ ติ๊กที่ Do this for all… แล้วก็ Allow แล้วก็ Continue ไป โอเคนะคะ ถ้าใครแตกได้แล้ว มันจะขึ้น... อ้าว หายไปไหนล่ะ นี่ ๆ ๆ Sublime Text อยู่ตรงนี้นะคะ ไม่ใส่โฟลเดอร์ให้ด้วยแฮะ ไม่เป็นไร ขอให้แตกไฟล์แล้วกัน ใครยังแตกไฟล์ไม่ได้ เสร็จแล้วเราทำอย่างไรต่อ ดูนะคะ ว่าเมื่อแตกเสร็จแล้วนะคะ ให้ดูโฟลเดอร์ที่เรา เมื่อกี้ Drive C: ใช่ไหม เราเอาไปไว้ที่ Drive C: นี่ ทำไมมันขึ้นแบบนี้ล่ะ แปลก ๆ เว้ย เดี๋ยวนะ เหมือนไม่ได้ไง เวอร์ชันนี้ทำไมแตกไฟล์แล้วเป็นแปลก ๆ เดี๋ยวนะครับ ไปไหนแล้ว หาก่อนนะ ดาวน์โหลด Sublime Text เดี๋ยวนะ ขอใช้วิธี Move มันมาที่ Drive C: แล้วกัน Continue โอเค เมื่อเรา Move มันไป Drive C: แล้ว เราจะ Extract มันใหม่นะ เมื่อกี้ โลโก้มันไม่ขึ้นน่ะ เดี๋ยวนะ ไหนล่ะ Extract อ๋อ Open ก่อน แตกไฟล์ที่ C: โอเค ใช่ทั้งหมด เอาล่ะ นัั่นไง ได้แล้วนะคะ มันจะขึ้นอย่างนี้ ตัวนี้มานะคะ เห็นไหมมันจะมีโลโก้ Sublime Text ขึ้นมาอย่างนี้ แล้วเด็ก ๆ ก็คลิก Double Click เพื่อเปิดโปรแกรม เอ้า ไม่ยอมให้เปิดอีก อะไรอีกวะ ทำไมแตกไม่ได้ เดี๋ยวนะ รอก่อน ดูสิได้หรือยัง ได้แล้วนะคะ ให้เห็นโลโก้สีส้ม ๆ นี้ขึ้นมานะคะ Double Click เพื่อเปิดตรงโลโก้สีส้ม ๆ นะคะเด็ก ๆ ถ้าเปิดโปร… ถ้าได้นี่ โปรแกรมมันจะขึ้นอย่างนี้ เห็นไหมคะ ใครยังเปิดไม่ได้ยกมือ เดี๋ยวนะ เดี๋ยวไปไล่ดูทีละคนนะคะ ตอนนี้ปัญหาก็คือตอนแตกไฟล์นี่เอง นี่นะคะ มันจะต้องขึ้นหน้าต่างนี้มา เมื่อกี้ใครยังไม่ขึ้น Sublime Text ยกมือ เด็ก ๆ เปิดไอ้ตำแหน่งที่... ให้เปิดกระเป๋าโฟลเดอร์เราน่ะ เห็นหรือเปล่า ตอนนี้อยู่ไหนกัน ขอให้เด็ก ๆ ไปที่ Download สิ ไปที่ดาวน์โหลด แล้วไฟล์ดาวน์โหลดอยู่นั่นหรือเปล่า โอเคนะคะ ตอนนี้ทุกคน ทุกคนจะมี... ไหนล่ะ Sublime Text ตัวนี้ขึ้นมาแล้วใช่ไหมนะคะ ตอนนี้เด็ก ๆ จะมี Sublime Text หรือ Text Editor ไว้ทำโปรแกรม แต่ก่อนอื่น ก่อนที่เราจะทำโปรแกรมนี้นะคะ มันจะต้อง… ทุกครั้งที่เราเขียนนี่ ไฟล์มันจะถูกเอาไปเก็บ เพราะฉะนั้นนะคะ สิ่งที่เราจะทำในขั้นตอนต่อไป ติดตั้งแล้ว ไปไหนล่ะ ไปไหนล่ะ นี่ ได้หน้าต่างนี้มา เราจะสร้างโฟลเดอร์เพื่อเก็บมัน ก่อนอื่น ก่อนอื่นให้เด็ก ๆ คลิกที่ตัวนี้นะคะ File แล้วก็เลือกตัวแรก New File เห็นไหม 1 ครั้ง ใส่ชื่อ เอ้ย พิมพ์ชื่อนะคะ ทีนี้กฎของโปรแกรมในตัวนี้นะคะ Sublime Text นี่นะคะ มันจะมีไฟล์ชื่อ Untitled ขึ้นมาใช่ไหม อย่างนี้ปุ๊บ เดี๋ยวเราจะสร้างโฟลเดอร์ที่บอกนะคะ แล้วเด็ก ๆ คลิกที่คำว่า "File" อีกครั้งหนึ่ง แล้วไปที่ Save นะคะ เห็นหรือเปล่า กด 1 ครั้ง ดูนะคะ ตำแหน่งที่ไฟล์นี้อยู่ ก็คือ C นะเด็ก ๆ เช็กด้วยว่า เราอยู่ที่ C: เสร็จแล้ว ให้เด็ก ๆ กดที่ New Folder ตรงชื่อ New Folder นะคะ เดี๋ยวจะให้ตั้งชื่อเหมือนกันเลย ให้พิมพ์ว่า... ตรง My นี่ ตรงคำว่า "My" นี่ ให้เปลี่ยนเป็นชื่อเด็ก ๆ เอง นึกออกไหม เข้าใจไหมคะ ชื่อเล่นตัวเองน่ะ My แปลว่า "ของฉัน" ใช่ไหม แต่ถ้าใส่ชื่อของฉันหมดทุกคนหรืออย่างไร ไม่ได้ ไม่ได้ จะสับสนนะนี่ ชื่อโฟลเดอร์ตั้งเหมือนกันเลย เพราะเดี๋ยวตอนเขียนโค้ด กันปัญหานะคะ ไปไม่ถูก แต่น่าจะไปถูกนะ ดูนะคะ ตรงชื่อโฟลเดอร์นี่ ให้ตั้งชื่อด้วยชื่อเล่นตัวเอง n-e-w พิมพ์ชื่อเล่นแล้วก็ตามด้วยคำว่า "game" g-a-m-e โอเคไหม โฟลเดอร์ โฟลเดอร์ที่เราจะใช้เขียน เกมของเรานั่นเองนะคะ ก็คือชื่อเล่นของเด็ก ๆ แล้วก็ตามด้วยคำว่า "game" มันคือเกมของนิวนะ มันคือเกมของมิ่งนะ มันคือเกมของมาร์กี้นะ อย่างนี้นะคะ เกมของกุ้งเต้นนะคะ อย่างนี้นะคะ เป็นชื่อ ชื่อเล่นของเด็ก ๆ นะคะ จะได้สั้น ๆ หน่อย ชื่อจริงจะยาวไป ตัวแรกคือพิมพ์ด้วยชื่อ ชื่อเล่นนะคะ ดูนะคะ โฟลเดอร์ที่เราจะสร้างนี่ ตรงคำว่า "My" นี่ เราเปลี่ยนเป็นชื่อเล่นเรานะ แล้วก็ตามด้วยคำว่า "Game" นะคะ ก็คือมีชื่อเล่นแล้วก็คำว่า "Game" นะคะ ถ้าใครเสร็จแล้วกด Enter เดี๋ยวจะไปตรวจนะคะ ว่าโฟลเดอร์ของเด็ก ๆ เสร็จหรือยัง ที่อยากจะให้เด็ก ๆ จำนะคะ ก็คือจำไว้ว่าถ้าสัปดาห์หน้า เราจะต้องจำให้ได้ว่า ถ้าเราเรียนวิชานี้ ไฟล์ของเรามันจะอยู่ที่ไหนคะ อยู่ที่ Drive C: ใช่ไหมคะ Drive C: แล้วก็ชื่อที่เป็นชื่อเล่นเราใช่ไหม ชื่อเล่นเรา แล้วตามด้วยคำว่า "Game" มันจะเก็บไว้ที่ Drive C: เสมอนะคะ เวลาเรียกใช้งานหรือเวลา Save ทุกครั้ง อย่าลืมตำแหน่งเก็บของมัน ทีนี้ ตัวต่อมาในช่อง File Name เพราะเมื่อกี้เราเปิดไปแล้ว เราใช้คำว่า… ชื่อไฟล์ เราจะใช้คำว่า "Test" ก่อน T-e-s-t นะคะ Test แล้วเราเก็บไว้ไหน เข้าไปที่... เราต้องคลิกโฟลเดอร์เรานะเด็ก ๆ คลิกโฟลเดอร์ที่มีชื่อเล่นเด็ก ๆ น่ะค่ะ เพื่อเก็บไฟล์นี้นะคะ นี่ ตำแหน่งมันจะต้องอยู่ที่ Local Disk C: แล้วก็ในโฟลเดอร์ของเรา เห็นไหม เห็นไหมคะ ไฟล์ที่ชื่อว่า Test จะต้องอยู่ในโฟลเดอร์นี้ ใครที่พิมพ์คำว่า “File Name Test” เสร็จแล้ว กด Save นะคะ เช็กอย่างไร เปิดโฟลเดอร์นะคะ แล้วดูที่ Drive C: นะ แล้วก็หาโฟลเดอร์ที่ชื่อเราเก็บไว้ เห็นไหม มีไฟล์ที่ชื่อว่า "Test" เก็บไว้ เห็นไหมคะ สงสัยวันนี้น่าจะพอแค่นี้ก่อน ทีนี้ สิ่งที่เราจะต้องจำอีกอย่างหนึ่งก็คือ ดูนะคะ ชื่อไฟล์นะคะ เมื่อกี้ เมื่อกี้ Test Test Test เฉย ๆ นะ ไอ้ไฟล์ที่ชื่อ "Test" นี่ ก่อนอื่นให้เด็ก ๆ ลองปิด Sublime ไปก่อน ปิดนะคะ ปิดอย่างนี้นะ ให้ดูว่าตอนนี้เราไม่ได้เปิด Text Editor ไว้นะ ปิดไว้ทั้งหมดเลยนะ เสร็จแล้วไปเช็กโฟลเดอร์เราก่อน ให้ไปที่ Drive C: ของเรานะคะ หรือกระเป๋าโฟลเดอร์นี้ก็ได้ แล้วเลือกใช่ไหม C: แล้วก็เข้าไปที่ NewGame นะคะ ให้ลองลบไฟล์ Test ตัวนี้ออก เดี๋ยวเราจะสร้างใหม่ Delete เลยนะคะ กด Delete ลบออกไปแล้ว เพราะฉะนั้น ตอนนี้ในโฟลเดอร์ Pygame เรายังไม่มีไฟล์อะไรอยู่นะ ต้องไม่ให้มีไฟล์อะไรอยู่ เราจะมาลองเปิด ถ้าสัปดาห์หน้าแม่มาปุ๊บ แล้วแม่บอกว่า อ้าว เด็ก ๆ เปิด Sublime เด็ก ๆ ต้องไปที่ไหนคะ C: ใช่ไหมคะ แล้วก็หาไอ้โลโก้ Sublime ตัวนี้ นึกออกไหม แล้วก็กดเปิดโปรแกรม ก็คือ Double Click เพื่อเปิดโปรแกรมขึ้นมา มันจะชอบให้ขึ้นมาว่าดาวน์โหลดไหม ลองคลิกดาวน์โหลดก่อนนะคะ ถ้า... ถ้ามันขึ้นแบบนี้ บางคนก็ไม่ขึ้นนะ ถ้าใครขึ้นก็ดาวน์โหลดเวอร์ชันใหม่ก่อน มันจะได้ เผื่อจะมีฟังก์ชันหรือ... โค้ดตัวใหม่ ๆ ขึ้นมานะ มันบอกว่า Install เสร็จแล้วนะคะ เราก็ปิดได้เลยอย่างนั้นน่ะ ทีนี้เหมือนเดิม ไปที่ไฟล์แล้วก็ New ทุกครั้งที่เข้ามานะคะ ถ้าเราจะสร้างไฟล์ใหม่นี่ ให้คลิกที่คำว่า “New File” ของ Sublime นี่ เพื่อกันลืมนี่ พอ New File เสร็จ ให้เราเลือก Save ก่อน Save ก่อน ให้ไปที่ File แล้วคลิก Save ตอน Save ก็คือไปไหนคะ ไป Drive C: ใช่ไหมคะ ไปเลือกที่ Drive C: แล้วไปที่โฟลเดอร์ที่เราสร้างไว้ โฟลเดอร์ที่ชื่อเล่นของเรา แล้วก็มีคำว่า “Game” น่ะ ทีนี้ กฎของการตั้งชื่อนะคะ ตั้งชื่อใน Sublime Text เพื่อใช้ Pygame นี่ เด็ก ๆ จะต้องพิมพ์ ชื่อไฟล์ แล้วตามด้วย... จะต้องมี .py ทุกครั้งนะคะ วิธีการ วิธีการนะคะ ตรงช่อง File Name พิมพ์ เมื่อกี้ลืม ตอนที่พิมพ์คำว่า “test” ให้เด็ก ๆ พิมพ์ชื่อไฟล์ว่า “test” เหมือนเดิมนะคะ t-e-s-t แต่ให้เด็ก ๆ ใส่ .py ลงไปด้วย ข้อควรจำ ข้อที่ 1 ของไฟล์เกมเรานะคะ เราจะต้องพิมพ์ชื่อนะ ชื่อโปรแกรม สมมติถ้าครั้งหน้าไม่ใช่ test เช่น อาจจะทำตั้งชื่อว่า Game อย่างนี้นะคะ เด็ก ๆ จะต้องใส่ .py ปิดท้ายทุกครั้งจำไว้เลย โอเคไหม เข้าใจนะคะ ก็คือห้ามลืม .py เพราะอะไร ถ้าเราไม่ใช้ .py นี่ .py มาจากอะไรคะ มาจาก Py Py ในที่นี้หมายถึง Pygame นะคะ ก็คือมันจะไปเรียกใช้ Library นั่นเองนะคะ Pygame ขึ้นมา เพราะฉะนั้น เมื่อครั้งหน้านะคะ ตอนที่เรียน เมื่อแม่บอกว่าให้ Save ไฟล์นี่ อย่าลืมว่าตั้งชื่อให้มันแล้วตามด้วย . แล้วก็ตัว p แล้วก็ตัว y เสมอ จากนั้นถึงจะกด Save ได้นะคะ พอตรงนี้เสร็จนะ กด Save และเด็ก ๆ เช็กที่โฟลเดอร์ โฟลเดอร์ชื่อ Game ของเรานะคะ ไหนล่ะ อ้าว หาไม่เจอบาดหนิ แต่สังเกตตรงนี้นะคะ ตรงชื่อนี่จะมี... ไม่มีไอ้ .py ขึ้นมา แต่ให้เด็ก ๆ ดูตรง Type ตรงชนิด เห็นไหม ชนิดของมันจะเป็น PY File เห็นไหมคะ Type ที่ถูกต้องมันจะเป็น PY File ลองใหม่ ลอง test ใหม่ก็ได้ File แล้วให้เลือก Save As นะคะ ให้เห็นความแตกต่าง Save As เด็ก ๆ พิมพ์แค่ test เฉย ๆ นะ เมื่อกี้ test ใช่ไหม อันนี้ t-e-s-t test แล้วก็ 1 อันนี้จะให้ดูว่าแล้วถ้าเราไม่ใส่ .py จะต่างกันอย่างไร กด Save นะคะ test แล้วก็เลือก All File นี่ file อะไรก็ได้นี่นะคะ ไม่บอกนามสกุลมันนี่ กด Save 1 ครั้ง แล้วลองเปิดโฟลเดอร์ของเราดู แสดงว่าไป Save ให้ตั้งชื่อเหมือนกันเลยนะนี่ นะคะ ไฟล์ Type ไม่น่าจะใช่ตัวนี้ นี่เห็นไหมคะ ไอ้ตัว 111 ที่ Save ธรรมดานี่ ไม่กำหนดนี่ สังเกต File Type จะเป็นไฟล์เฉย ๆ เห็นไหม ถ้าไม่กด .py เมื่อไรนี่นะคะ File Type มันจะเป็นไฟล์ธรรมดานะคะ แล้วทำอย่างไร มันก็จะไปใช้งาน Library Pygame ไม่ได้นั่นเองนะคะ โอเคนะ ลักษณะไฟล์มันไม่เหมือนกันนะ ชนิดของไฟล์ก็ไม่เหมือนกัน อันไหนไม่ใช้ ลบ เดี๋ยวสัปดาห์นี้นะคะ 10 โมงกว่าเข้าไปแล้ว เดี๋ยวจะให้ลอง Test สักหน่อยหนึ่งนะคะ ก่อนอื่นนะ มันจะต้องพิมพ์ 3 คำนี้เสมอนะคะ ไม่ใช่ 3 คำ ก็คือถ้าเราใช้ Sublime สิ่งที่เราจะต้องพิมพ์ 1. คือ ส่วนของ Comment บอกแล้วว่า Comment นี่ เราจะพิมพ์เพื่อให้รู้ว่า เพื่ออธิบายนั่นเองที่มี... ที่มีเครื่องหมาย # หรือ Hashtag นี่ แล้วก็ตามด้วยข้อความนี่ เพื่ออธิบายว่าไอ้ตรงนี้คืออะไร เอาไว้อธิบายก็ได้หรือไว้บอกก็ได้นะคะ เสร็จแล้วส่วนต่อมา ก็คือ เราจะต้องพิมพ์คำว่า "import pygame" ทุกครั้งเลยนะคะ เพื่อเป็นการนำเข้าโมดูลของ Pygame นั่นเองนะคะ ก็คือไปเปิด Library นี้นะคะ มาดูนะคะ วิธีใช้งาน อันดับแรก ตอนนี้เด็ก ๆ อยู่ที่… ไฟล์ที่ชื่อว่า... ถ้าสมมติครั้งหน้ามา ครั้งหน้ามา ปิดแล้วเปิดใหม่อีกครั้งนะคะ เพื่อรู้วิธีเปิดไฟล์ด้วยเหมือนกัน ให้เด็ก ๆ ปิดโปรแกรม Sublime Text เสียก่อน เดี๋ยวเราเทสต์ อันนี้เสร็จแล้วเราจะพอนะคะ ของสัปดาห์นี้ พอบอกให้ไปเปิด Sublime Text ให้เด็ก ๆ ไปที่ไหนคะ C: ใช่ไหมคะ C: แล้วหาโลโก้ Sublime Text นะคะ วิธีการ ให้เด็ก ๆ Click ขวาที่ตัวนี้ ครั้งหน้าจะได้ไม่ต้องเข้ามาหา แล้วเลือกคำว่า Pin to Start เห็นหรือเปล่าลูก คลิกขวาที่โลโก้ Sublime Text น่ะค่ะ แล้วเลือก Pin to Start มันเอามาไว้ไหน ไม่ขึ้นหรือ จะปิดอย่างไรนี่ อันไหนไม่ใช่จะปิดก่อนนะ ทำไมตัวนี้ไม่ล็อกให้ Pin to Start เราอยากเอามันไว้ที่หน้า Desktop เรามากเลย Show more options เดี๋ยวก่อน Properties ไม่ขึ้นแฮะ ถ้าไม่หาในเครื่อง ก็อยากให้มันขึ้นตรงนี้ Windows นี้ ขึ้นตรงไหนนี่ เห็นไหมคะ ถ้าเลือก Pin to Start Sublime Text มันจะมาโผล่ตรงนี้เสมอ เวลาเราเปิดเราไม่ต้องเข้าไปลึกน่ะ ไม่ต้องมาเปิดโฟลเดอร์นึกออกไหม ใครไม่ขึ้นตรงนี้บ้าง ของใครไม่ขึ้นตรงนี้ คืออันนี้มัน Windows 11 นะ แม่ก็ไม่ค่อยชินใช้มันเหมือนกัน ถ้าเป็น Windows 10 มันจะขึ้นตรงนี้นะ พอเปิดตรงนี้มันจะขึ้นมาตรงนี้ไง พอเป็น Windows 11 นี่ เห็นไหมคะ Logo ของ Sublime Text จะต้องมาอยู่ตรงนี้ ของใครยังไม่ขึ้นมาอยู่ตรงนี้ยกมือ ขึ้นหมดทุกคนแล้วหรือ เพราะฉะนั้น ครั้งหน้ามา ให้เปิดจากตรงนี้ได้เลยนะเด็ก ๆ นะ เราก็มาเปิดที่นี่ได้เลยนะคะ เปิดค่ะ อะไรนี่ ขึ้นอะไรอีกแล้ว Microsoft PowerPoint ไม่บันทึก เราก็เปิดโปรแกรม Sublime Text จากตรงนี้ได้เลยนะคะ ตรงนี้ ถ้ามันขึ้นมาอีกคลิก Cancel ไปเลยนะลูก เพราะเราเวอร์ชันใหม่ล่าสุดแล้ว ก็คือถ้าเรามีโปรแกรมที่เขียนไว้แล้วนะคะ เราก็คลิกที่ Open File แทน แล้วก็เลือก อยู่ไหนคะ ในโฟลเดอร์ที่เราเก็บไว้ใช่ไหม ไหนล่ะ โฟลเดอร์ชื่อของเราน่ะ เราก็เลือกไฟล์นั้นขึ้นมานะคะ ไฟล์ test ให้เด็ก ๆ คลิกเพื่อเปิดไฟล์ test ของตัวเอง 1. เงื่อนไขของการเขียนโค้ดใน Sublime 1. นะคะ บรรทัดแรกนี่ ให้เด็ก ๆ นี่ใส่ Comment หรือเครื่องหมาย # น่ะ ไหนล่ะ ทีนี้ ตรง Comment นี่ บอกแล้วว่าเป็นภาษาไทยก็ได้ ภาษาอังกฤษก็ได้ ทดสอบโปรแกรม พิมพ์คำว่า "ทดสอบโปรแกรม" ใส่เครื่องหมาย ทีนี้ถ้าตัวอักษรมันเล็กนะ เดี๋ยวเปิด เปิด PowerPoint ก่อน สิ่งที่เด็ก ๆ จะต้องดูต่อไปนะคะ เวลาเราใช้ Sublime Text แล้ว เห็นไหม ขนาดของตัวอักษรมันเล็กนี่ เราจะเพิ่มนะคะ ขนาดให้ใหญ่ขึ้น ให้เด็ก ๆ กด Ctrl แล้วตามด้วยเครื่องหมาย + ดูนะคะในของแม่นี่ เห็นไหม เล็กน่ะ มองไม่เห็น ทำอย่างไรกดปุ่ม Ctrl แล้วตามด้วยเครื่องหมาย + เห็นไหม เลข 1 จะใหญ่ขึ้น ใส่ # นะคะ Comment เพื่อให้เห็น เห็นไหมคะ ถ้ามันใหญ่ไป อยากลดขนาดตัวอักษร ก็กด Ctrl แล้วก็ตามด้วยเครื่องหมาย - เห็นไหมคะ ทดสอบ ทดสอบ Sublime จะพิมพ์ภาษาไทยก็เปลี่ยนแป้นพิมพ์นะ ทดสอบบอกแล้วว่า Hashtag หรือ Comment นี่ ใช้เพื่อเอาไว้ให้เราอธิบายนะคะ ทดสอบโปรแกรมในบรรทัดที่ 1 นี่ ควรมีตัวนี้เสมอ ใน Sublime มันจะมีหมายเลขบรรทัด ขึ้นมาให้เสมอเห็นไหมคะ แล้วพอกด Enter มันจะเป็นคำสั่งในบรรทัดที่ 2 ในบรรทัดที่ 2 สิ่งที่เราจะต้องพิมพ์เสมอนะคะ ถ้าใช้เราจะเขียนเกมนี้ ก็คือเราจะต้องพิมพ์คำสั่ง import pygame มาดูวิธีการพิมพ์ i เปลี่ยนเป็นภาษาอังกฤษนะคะ i-m ปุ๊บ p-o-r-t เห็นไหม ถ้าเป็น Sublime Text นี่ ตัวไหนเป็นโปรแกรมสีมันจะเปลี่ยน เห็นไหมคะ import อะไร import ก็คือนำเข้า ความหมาย คือ นำเข้า ก็คือ สั่งให้โปรแกรมไปนำเข้าอะไร p-y-g-a-m-e เอ้ย m-e นะคะ เราจะต้องบอก Sublime ให้รู้ว่าเราจะไปเรียกใช้ Library ที่ชื่อ Pygame นั่นเอง หรือให้มันเข้าไปใช้งาน Library ใน Library Pygame นั่นเองนะคะ เสร็จแล้วกด Enter เวลาเขียนโปรแกรม ถ้าเด็ก ๆ ดูตัวเล็ก ๆ มันก็จะไม่เห็นใช่ไหม ว่าเราพิมพ์ถูกหรือพิมพ์ผิด เห็นไหม วิธีขยายก็คือ Ctrl + + ใช่ไหมคะ Ctrl + + ลดขนาดตัวอักษร Ctrl - - เห็นไหมคะ ลองกดได้นะคะ ตัวใหญ่-ตัวเล็ก สิ่งต่อมา บรรทัดที่ 3 ก็คือคำสั่งที่เราจะใช้ อันนี้เราแค่ Test ก็เลยจะใช้แค่คำสั่ง print ก็พอนะคะ print ใน Python ก็คือให้แสดงผลนะคะ อันนี้เทสต์เฉย ๆ p-r-i print เห็นไหมคะ ตามด้วยอะไร เครื่องหมายอะไรคะ รูปแบบ print แล้วก็ตามด้วยเครื่องหมายวงเล็บ ก็คือฟังก์ชัน print นั่นเองนะคะ ในวงเล็บนะคะ ถ้าต้องการให้แสดงข้อความคำพูด Single Quote หรือ Double Quote ก็ได้ พิมพ์คำว่า "Test Program" Test Program นะคะ ถ้าใครจะพิมพ์ภาษาไทย ก็พิมพ์ “ทดสอบโปรแกรม” ถ้าใครจะพิมพ์ภาษาอังกฤษ ก็พิมพ์คำว่า “Test program” นะคะ บอกแล้วว่าอะไรที่อยู่ในเครื่องหมาย Single Quote หรือ Double Quote ก็คือข้อความสามารถพิมพ์ได้ทั้งภาษาไทย ภาษาอังกฤษ แต่ทีนี้เวลาเราจะ Run ด้วย Sublime นี่นะคะ วิธี Run โปรแกรม Sublime นะคะ ให้ไปที่เมนูที่ชื่อว่า "ทดสอบโปรแกรม" นะ ใน Sublime นี่นะคะ เด็ก ๆ จะเห็นตัวนี้ ไปที่แถบเครื่องมือที่ชื่อว่า "Tools" T-o ตัว T นี่ ที่มีตัว T เห็นไหมลูก T-o-o-l-s Tools Tools Tools Tools นะคะ Tools แล้วเลือก เห็นไหมคะ เลือกที่ Build System Build System เห็นหรือยัง แล้วไปไหนต่อ ตรง Build System ให้มาที่ตำแหน่ง Python นะคะ อันนี้ต้องจำนะคะครั้งหน้า พอบอกว่า Run โปรแกรม หรือ Test โปรแกรมปุ๊บนี่นะคะ ให้เด็ก ๆ เลือก Build System แล้วก็เลือก Python หาคำว่า "Python" ให้เจอเสมอ แล้วกดคลิก 1 ครั้ง Build System เลือก Python เสร็จนะคะ เราก็จะเปิด Tools อีกครั้งหนึ่ง แล้วกด Build เด็ก ๆ จำ Shortcut ไว้นะคะ Ctrl + B ถ้าบอกว่าให้กด Ctrl + B เมื่อไหร่ เห็นไหม มันจะขึ้นหน้าต่างนี้มา เห็นไหมคะ ของใครไม่ขึ้น ใครไม่ขึ้นยกมือ ขึ้นนะคะ ตรง Ctrl + B นี้ สิ่งที่เราจะต้องทำต่อไป มันขึ้นไหมนี่ เมื่อกี้นี่ อยู่ข้างล่างหรือ แล้วให้กด Enter นะคะ พอกด Ctrl + B แล้วเด็ก ๆ กด Enter เดี๋ยวจะให้ดูผลย่อก่อน ย่อก่อน เห็นไหมคะ คำว่า "Test Program" นี่เห็นไหม จะขึ้นมา จะแสดงตัวนี้ขึ้นมา คำสั่ง Ctrl + B นะคะ พอเด็ก ๆ กด Ctrl + B ปุ๊บ เมื่อกี้ครั้งแรกนี่ ต้องกด Enter ก่อน แต่พอครั้งต่อมามันไม่ต้องกดนะคะ ลองเปลี่ยน Test Program เป็น... เดี๋ยวเปลี่ยนข้อความนะคะ ให้ดูจะได้เห็น เดี๋ยวจะกด Ctrl + B ให้ดูนะคะ ครั้งที่ 1 จะต้องกด Enter แต่พอครั้งต่อมา ไม่ต้องกดแล้วนะคะ เห็นไหม คำว่า "สวัสดีทุก ๆ คน" จะขึ้นมา เห็นหรือเปล่าคะ ข้อความของเราก็จะแสดง เพราะให้แสดงข้อความ… อุ้ย เดี๋ยว นั่นก็คือพอครั้งหน้ามา พอบอกให้กด Run Program นี่ ให้เด็ก ๆ กด Ctrl + B เลยนะคะ จำ Shortcut ไว้ Ctrl แล้วก็… กดปุ่ม Ctrl แล้วก็ตามด้วยเครื่องหมาย B เห็นไหม "สวัสดีทุก ๆ คน" ก็จะเปลี่ยนไปตามนี้นะคะ นี่คือการทำงานของตัว โปรแกรม Sublime นะคะ คือสิ่งที่ เด็ก ๆ ห้ามลืมก็คือบรรทัดที่ 1 กับบรรทัดที่ 2 จะต้องพิมพ์ด้วยตัวนี้เสมอ ส่วนบรรทัดที่ 3 จะเป็นโปรแกรม ซึ่งในครั้งหน้าเราจะมาเริ่มนะคะ สำหรับครั้งนี้โอเคค่ะ ทีนี้ ในสัปดาห์ที่แล้ว ตอนที่ก่อนจะเข้าห้องนะคะ บอกแล้วว่าโปรแกรมที่เราจะทำนะคะ เดี๋ยวเปิดให้ดู เมื่อใครเสร็จแล้วนะคะ กด File Save Save ไว้ก่อน Save เก็บไว้ก่อน ครั้งหน้ามาดูจำไว้ว่า 2 บรรทัดนี้ จะต้องมีเสมอนะคะ เสร็จแล้วก็ปิดได้ ปิด Sublime นะคะ ทีนี้ให้ดูโปรแกรม Pygame ตัวอย่าง… เช่น ๆ ๆ เอาเกมอะไรดี PYDEWVALLEY นี่มันทำ… เกมนี้มันทำอะไร เปิดให้ดูก่อนนะคะ มันจะมี... ถ้าเราเข้าคำว่า "Pygame" นะเด็ก ๆ นะคะ นี่ เข้าไปที่หน้านี้ นี่เขาจะมีเกมตัวอย่างให้ดูว่าอย่างนั้นเถอะนะคะ เช่น เหมือนเกมนี้เปิดได้หรือเปล่าไม่รู้ PROJECT TRUNK ว่างั้นนิ ไปที่โฮมเพจ ลองเปิดดูนะคะ เดี๋ยวจะลองเปิดดู ดูว่าเกมนี้มันเล่นอย่างไร อ๋อ ยิง ยิงปลา ยิงสัตว์ทะเลนั่นเอง เห็นไหม หลักของเกมที่เราจะทำ 1. เราจะต้องมีอะไรคะ Background หรือพื้นหลังของเกมนั้น ๆ ใช่ไหม 2. มีอะไรคะ มีไอ้เจ้าตัวนี่ ตัวเกมนี่ ตัวที่จะเป็นตัวเดินเรื่องใช่ไหม แล้วก็มีวิธีการในการอะไรล่ะ เดินใช่ไหมคะ กระโดด เห็นไหมคะ หรือยิงใช่ไหม กดอะไรยิง กดปุ่มไหนยิงใช่ไหม กดปุ่มไหนเด็กมันเดิน... เอ้ย ตัวเกมมันเดิน กระโดดขึ้นเห็นไหม เราจะใช้คำสั่งไหน ทีนี้สิ่งแรกที่อยากให้หา คือ 1. เด็ก ๆ จะต้องหา Background นึกออกไหม ก็คือถ้าเราไม่วาด Background เพื่อใช้งานเกมเอง เหมือนอย่างนี้เขาน่าจะไปทำเองนี่ เราก็ต้องหา Background ที่จะใช้ประกอบ สมมติ ถ้าสมมติ เหมือนเราจะทำเกม ไอ้ใต้ทะเลแบบนี้ เหมือนเขาน่ะ เกมยิงปลาใช่หรือเปล่า เด็ก ๆ ก็ต้องมีภาพ ใต้ท้องทะเลถูกต้องไหมครับ เพราะฉะนั้น เราก็ต้องไปหา Search Background นะคะ บอกแล้วว่า เพื่อไม่ให้ติดปัญหาลิขสิทธิ์ เวลา Search นำภาพ Background หรือว่ารูปต่าง ๆ ไปใช้นี่ เด็ก ๆ ก็ควรจะ Search ที่คำว่าอะไรคะ f-r-e-e ใช่ไหม free free อะไร ต้องให้บอกว่า free download ได้ด้วยนะคะ w-n-l-o-a-d เราจะได้ไม่ติดปัญหาลิขสิทธิ์นะ ดาวน์โหลดอะไร ใส่คำว่า “background” เลย จำเพาะเจาะจง b-a-c-k back ground g-r-o-u-n-d สมมติ สมมตินะคะ สมมติอยากได้ Background มหาสมุทรหรือทะเล Ocean O-c-e เราก็ไปที่ค้นรูป ทีนี้ บางทีพอค้น แล้วมันเป็นเหมือนภาพถ่าย เราอยากได้ภาพที่เป็นเหมือน ลักษณะของภาพการ์ตูนหรือภาพลายเส้น เราจะต้องใส่เครื่องหมาย + แล้วก็ตามด้วยคำว่า "vector" v-e-c-t-o-r เสมอ อันนี้ก็ได้นะ ทะเล้ ทะเล ทะเล้ ทะเล เน็ตหลุดหรือ หรือเอาภาพนี้ ภาพนี้ก็ใช้ได้เหมือนกันนะ นึกออกนะ ภาพใต้ทะเลนะ อ๋อ มันเปิด มันเล่นเปิดให้คนละหน้าต่างเลย นี่เห็นไหม เหมือนเราอยากได้ ภาพท้องทะเลด้านล่างอย่างนี้นะคะ นี่ก็คลิกเข้าชม เขาบอกให้เข้าชม เห็นไหมคะ ให้ free download เท่านั้นนะเด็ก ๆ หาที่มันขึ้นคำว่า "Free" น่ะ มันจะช่วยได้เยอะเลย มันไปเปิดหน้าต่างใหม่ตลอดเลย เห็นไหม เราก็จะเข้าไปเลือกได้นะ ให้เด็ก ๆ หา Background นะคะ ไว้อย่างน้อย สัก 3 อัน เผื่อไว้ เผื่อไว้ เผื่อเลือก เผื่อมาให้แม่ช่วยดู เพราะบางทีเหมือนมันกว้างเกินไป เล็กเกินไปอะไรอย่างนี้นะคะ ลองหาไว้นะคะ เป็นอะไร เอ้า เช่น ถ้าเราทำเกมทะเลทราย Background เราก็ควรเป็นทะเลทราย ถ้าเราทำเกมเกี่ยวกับป่า Background มันก็ควรจะเป็นป่านะ ถ้าเกมเป็นแบบภูเขา ก็มีภูเขาอะไรอย่างนี้ ก็คือเลือก Background ที่มันจะสอดคล้อง กับลักษณะเกมที่เราจะทำ ให้นึกถึงนะ เหมือน... เหมือนเมื่อกี้ตัวอย่างเกม เขาเป็นเกมใต้ทะเลใช่ไหม แม่ก็เลยบอกว่า เอ้า อย่างนั้นเราลองค้น รูปใต้ทะเลพวกนี้ขึ้นมาดูนะคะ คือ เรามือสมัครเล่น เรายังวาดไม่สวย เราก็ไปขอยืมเขามาใช้ว่าอย่างนั้นเถอะ สิ่งที่จะต้องทำต่อมา ไอ้เกมตัวนี้ ไอ้ตัวเกมนี่มันจะดุ๊กดิ๊กได้นี่ เด็ก ๆ ต้องหาภาพที่มันเป็นภาพต่อเนื่องนะคะ เขามีให้ไหม บอกแล้วนะว่า Pygame มันเป็น... พวกนี้ส่วนใหญ่มันเป็น Open-Source น่ะ บางทีเขาก็จะมีให้ดาวน์โหลดอย่างนี้เห็นไหมคะ Download Now หรือไปที่ Development log อย่างนี้นะคะ แล้วบางทีเขาก็จะมีบอกว่า Get PROJECT TRUNK เลือก Project นี้มา แล้วดาวน์โหลดก็ได้ อย่างนี้นะคะ หรือบางทีเราไม่อยากได้ทั้งหมดน่ะ เราอยากได้แค่เฉพาะตัวละคร เราก็ลองหาดู อาจจะเอาตัวอื่นก็ได้ มีอะไรอีกบ้าง ขอดูนะครับขอดู แต่ทีนี้ที่จะทำแบบแรก ก็คือเราจะทำเกม แบบที่มี Background แล้วก็ ทำให้ตัวเกมเรามันขยับได้ กระโดดได้ ยิงปืนเดี๋ยวตามมา มันต้องเคลื่อนไปข้างหน้า-ข้างหลังได้ ถูกไหม มันต้องเดินเป็นน่ะ เราให้เกมเรามันเดินได้น่ะ นะ นี่ ให้ไอ้ตัวเกมมันกระดุ๊กกระดิ๊กได้ เดินได้นี่นะคะ นี่ มีวัตถุหล่นลงมานี่ เราจะทำอย่างไร นี่ให้ไอ้ตัวหลักเรานี่ สิ่งที่จะต้องหาต่อ ก็คือตัวที่ 2 ตัวเกม ตัวเดินเกมของเรานี่นะคะ อันนี้ Background สมมติหา Background ได้แล้ว อย่างน้อย 3 ภาพ เหมือนที่บอกนะ สิ่งที่เราจะต้องหาต่อมาก็คือ มันเล็กจังวะ เรียกว่าอะไรล่ะ คือ ถ้าใครวาดรูปเป็นก็ไปวาดนะ ถ้าใครวาดไม่เป็น นี่เหมือน... เหมือนตัวการ์ตูนที่เราจะใช้นี่ มันให้มันเดินได้นี่ เห็นไหม ตำแหน่งยืน ท่าของตัวการ์ตูนมันจะเปลี่ยน ในสิ่งที่เขาเรียกว่า "Sprite Sheet” น่ะค่ะ ก็คือมันจะต้องมีลักษณะท่าทาง การเคลื่อนไหวของมันน่ะ นะ เหมือนเราจะเอาตัวนี้ วิ่ง ๆ ๆ อย่างนี้ ให้มันวิ่งเห็นไหม เห็นไหมรูปมันเปลี่ยนนี่ เราจะต้องหาไฟล์ที่เป็นลักษณะ เขาเรียก “Sprite Sheet” หรือเป็นภาพที่มีนี่ การเคลื่อนไหวต่อเนื่องแบบนี้ นึกออกนะ อย่างนี้ก็ได้ นินจาอย่างนี้ หรือโซนิกเห็นไหม หรือทำเพนกวิน ใครชอบสัตว์ ก็คือให้ลักษณะของตัว... เห็นไหมคะ มันมีภาพหลาย ๆ อันต่อเนื่องกัน เขาเรียก “Sprite Sheet” นี่ ของตัวการ์ตูนเคลื่อนไหวนี่นะคะ แต่อย่าลืมว่าให้เลือกฟรีนะลูก ให้หาที่เป็นฟรี อย่างน้อย 1 ตัวใช่ไหม เราจะใช้อย่างน้อย 1 ตัวก่อน แต่ถ้าวาดเป็น เราก็ไปวาดเอาเองได้นะคะ เลือก เลือกจะเอาแบบไหน เลือกเอา อย่าลืมกฎ ก็คือให้หาที่มันเป็น Free ด้วย Free Sprite Sheet ด้วยนะ เสียเงินไม่เอานะครับ เพราะฉะนั้น การบ้าน สัปดาห์หน้าถ้าจะเข้าห้องเรียน สิ่งที่เด็ก ๆ จะต้องมีก็คือ File Background อย่างน้อยเท่าไรครับ 3 ใช่ไหม 3 รูป ให้เลือกมา Background คนละแบบกัน จะได้ เพราะจะดูกับไอ้ตัวการ์ตูนที่เด็ก ๆ จะเอามาลงน่ะ เช่น อยากเล่นเป็นอะไรล่ะ เป็นคาวบอยเหรอ ถ้าคาวบอยมันก็น่าจะเป็น ฉาก หรือ Background มันก็น่าจะเป็นเกี่ยวกับอะไรนะ ทะเลทรายใช่ไหมหรือ... หรืออะไรล่ะ โรงนาอะไรอย่างนี้ พวกนี้ ให้มันสอดคล้องน่ะ นึกออกนะ เพราะฉะนั้น ถ้าเด็ก ๆ เลือกตัวการ์ตูน ลักษณะที่เป็นอะไรล่ะ ถ้ามังกร พวกมังกรมันก็น่าจะอยู่ในไหน ภูเขา ลักษณะ Background ควรจะเกี่ยวข้องกับภูเขาอะไรอย่างนี้ นึกออกนะ ให้มันสอดคล้องน่ะค่ะ เพราะฉะนั้นเลือกมาสัก 2-3 หรือถ้าเลือกเป็นสัตว์ เราเลือกเป็นสัตว์ นี่ หรือเป็นป่าอย่างนี้ ทำลักษณะ Background เป็นต้นไม้อะไรอย่างนี้มาก็ได้นะคะ แล้วมาจัดวางก็ได้นะ เหมือนหมี ให้หมีเดินป่าหาน้ำผึ้งอะไรอย่างนี้ ก็คือเลือกองค์ประกอบของ Background ให้มันสอดคล้องกับตัว... ตัว... ตัวเกมที่เราจะเอามาลงนั่นเองนะคะ ลองเลือกมานะคะ เกมนี่เลือกตัวเดียวก่อนก็ได้ แล้วครั้งต่อไป อยากเปลี่ยนเป็นตัวไหนก็ค่อยเอานะคะ มีใครไม่เข้าใจงานที่สั่งวันนี้บ้าง สมมติถ้าใครจะเอามนุษย์อวกาศก็เอาไอ้ตัวนี้ อย่าลืมนะว่าฟรีเท่านั้นนะคะ เด็ก ๆ ให้ดูที่มันขึ้นว่า Free Backgroundนะคะ เด็ก ๆ นี่ ถ้าอย่างนี้ ไปไหนล่ะ นี่ ๆ ๆ พอคลิกเข้าไปปุ๊บ เข้าชมสิ นี่ เห็นไหม มันจะติด Free ถ้าอย่างนี้ไม่ติดฟรีนี่ เขาขาย เราก็เลือก ไอ้ที่มันเป็น Free เสีย มาใช้งาน นึกออกนะ โอเคนะคะ เข้าใจนะคะ นี่เหมือนตัวนี้ ลักษณะเกมเจ้าหมีเดิน เห็นไหมมี Background ด้วย มีตัว… ตัวเป็นเด็ก อะไรนี่ ลูกเสือ ลูกเสือเดินเห็นไหม เห็นไหมคะ ฉากมีข้ามแม่น้ำอะไรอย่างนี้ ใช้อย่างนี้ก็ได้ หรือจะเอาฉากเดินป่าอย่างนี้ก็ได้ นี่เดินอยู่ในป่าอย่างนี้นะคะ นี่เหมือนกวางเดินนี่ นี่ หรือรูปนี้นะคะ เอามาใช้ หรืออย่างนี้ก็ได้ เหมือนเดินแล้วฉากมันเปลี่ยน จากตอนเช้าเป็นตอนกลางวัน เลือกมาแบบนั้นก็ได้ นึกออกนะ เดินไปเรื่อย ๆ อ้าวมืดแล้วอะไรอย่างนี้นะคะ นี่เดินแล้ว เอ๊ย มีข้ามสะพานด้วย หลักก็คืออย่าลืม Free เท่านั้นนะคะที่เราต้องการ โอเคนะคะ จะต้องได้ Background กับตัวเกมที่เป็นลักษณะที่บอกนะคะ มีรูปตัวมันมีท่าทางการเคลื่อนไหวแบบนี้นะคะ ใช้ได้นะคะเด็ก ๆ นี่รูปเกมที่เราจะเอามาใช้นี่ ต้องมีลักษณะแบบนี้นะคะ แต่อย่าลืมกฎอีกข้อหนึ่งก็คือให้มันเป็นฟรีด้วยนะคะ เพราะฮาโลวีนมันผ่านไปแล้ว ถ้าเรียนทันฮาโลวีนจะพาเล่นเกมฮาโลวีนกันไปเลย เดี๋ยวนะ พฤศจิกายน ธันวาคม คริสต์มาสเหรอ ซานตาคลอส แจกของขวัญ นะคะ ถ้าเอาสัตว์นี่ เห็นไหมคะ ก็คือภาพสัตว์นั้นจะต้องมีการเคลื่อนไหว มีลักษณะภาพต่อเนื่อง เป็นภาพเคลื่อนไหวอย่างนี้นะคะ ใช้ได้ นะคะ ตัวเกมเมอร์ของเรา โอเคนะคะ หาไว้ แล้วมีอะไรนะ มี Drive นะ เอาลงใน Drive ครั้งหน้ามาเปิด เปิดเป็นไหม เด็ก ๆ ใช้ Google Drive ตัวเองเป็นหรือเปล่า ไม่อย่างนั้นคือหาในห้องนี้นะ เพราะเดี๋ยวปล่อยแล้วนี่ ยังมีเวลากว่าจะถึงเที่ยงนะคะ ก็หารอก็ได้นะคะ ถ้าไม่อย่างนั้นก็ ถ้ามีเรียนตอนบ่ายก็เข้ามาหาก็ได้ กินข้าวเสร็จขึ้นมา แล้วก็มาหาก็ได้นะคะ ก็คือถ้าวันนี้ พรุ่งนี้ไม่มีเรียน ก็เข้ามาหาก็ได้นะ เด็ก ๆ นะ หาแล้วเก็บไว้ไหน เราจำโฟลเดอร์เราได้ใช่ไหมคะ เราก็สร้างโฟลเดอร์ไว้ในตัวที่เราสร้างไว้น่ะ แล้วก็สร้าง Folder อีกตัวหนึ่งชื่อ image image หรือ picture ก็ได้นะคะ i-m-a-g-e image ก็ได้นะคะ นี่นะคะ เราก็จะเอารูปเก็บไว้ในนี้ ให้มันอยู่ในโฟลเดอร์เดียวกัน เวลาหามันจะได้ง่าย ๆ แล้วก็จะได้รู้ด้วยว่ามันใช้กับเกมเรานะคะ เอาไว้ใช้ในงานเกม เห็นไหมคะ นะคะ สร้างโฟลเดอร์ไว้ โอเคค่ะ สัปดาห์นี้เราจะพอแค่นี้ เด็ก ๆ เตรียมรูปนะคะ ที่จะเอามาใช้ให้เรียบร้อย เพราะถ้ามา Search ในห้องมันจะเสียเวลานะคะ ให้เด็ก ๆ น่ะ หามาเตรียมไว้เลยนะคะ เสร็จแล้วสัปดาห์หน้ามา เราพร้อมจะทำ Coding ได้เลยนะคะ โอเคนะคะ สัปดาห์นี้เราจะพอแค่นี้ มีใครสงสัย เรื่อง Sublime หรือเรื่องภาพที่สั่งไปไหมคะ ถามได้ มีใครสงสัยไหมคะ เข้าใจนะ เด็ก ๆ จะต้อง 1. หารูป Background อย่างน้อย 3 อันใช่ไหมคะ 2. หารูปตัวเกม 1 ตัวนะคะ ลักษณะตัวเกม ก็คือจะต้องมีรูปที่มันมีภาพต่อเนื่องของมัน ที่เป็น Sprite ที่บอก คือ 1 ตัวนั้นมันอาจจะมีภาพที่มันเคลื่อนไหว 5 อัน 10 อันอะไรก็แล้วแต่ ก็คือให้นึกถึงความละเอียดมากน้อย ขึ้นอยู่กับไอ้ตัวภาพของตัวเกมเรานะคะ เคลื่อนไหวแบบสวย ๆ มันก็จะหลาย ๆ รูปหน่อย เคลื่อนไหวแบบดูแล้วไม่ต่อเนื่อง ก็อาจจะมีแค่ 2-3 รูป อะไรอย่างนี้นะคะ กฎของการเอารูปมาใช้ก็คือ ให้เลือกรูปที่เป็นรูปฟรีเสมอนะคะ จะได้ไม่ติดปัญหา โอเคนะคะ ถ้าไม่มีใครสงสัยแล้ว สัปดาห์นี้พอแค่นี้ ขอบคุณพี่ป๊อกแป๊กนะคะ ในการล่ามวันนี้ ขอบคุณค่ะ เจอกันสัปดาห์ค่ะ สวัสดีค่ะ บ๊ายบาย [สิ้นสุดการถอดความ]