(อาจารย์สุธิรา) รู้ว่าไม่ได้ยิน
แต่ดูได้ใช่ไหม เราจะให้ดูนะคะ
ไม่แน่ใจ
[เพลง “LALISA”]
(อาจารย์สุธิรา) ไม่เขึ้นอีก
[เพลง “LALISA”] (อาจารย์สุธิรา) เคยดูไหม
สัก 1 เพลงนะคะ
จังหวะไหน ถึงจะเร็วกว่านี้ เพลงอะไร
ใครเคยฟังเพลงลิซ่า บอกได้ไหม เพลงอะไร
เดี๋ยวนะ
เดี๋ยว ๆ ๆ
ท่อนนี้นะ ท่อน...
เร็วไป
นี่ ๆ ๆ
เอาแค่ท่อนนี้ได้ไหม
พร้อมยัง
ออกมาจากโต๊ะตัวเอง
ขยายออกมาข้าง ๆ
กระเถิบออกมา จะได้มีพื้นที่ กระเถิบมาตรงนี้
ไม่เอาเยอะ ไม่เอาเยอะ
1 ท่อน 1 ท่อนพอ
พร้อมหรือยัง ดูนะคะ เอาท่อนนี้พอนะคะ
เลยแล้วหรือ
ท่อนที่ 1 หม่องไหน นี่ ๆ ๆ
นี่ เดี๋ยวจะทำให้ช้าลง เดี๋ยวเราจะลดความเร็วนะคะ ให้ดูก่อน ให้ดูก่อน
จะได้
Alert Alert หน่อย ตื่นตัว
หน่อย [เพลง “LALISA”]
(อาจารย์สุธิรา) โอเคไหม ดูอีกที
โอเคไหม ดูนะคะ เดี๋ยวเอาช้าลงอีก
ได้สุดยัง
0.5 สิ
ยังไงก่อน เตรียม อยู่ในท่าเตรียม ทำมือ
ใช่ไหม มือมันจะอยู่
ดู ใครจะทำ
ท่าเตรียมใช่ไหมคะ เสร็จแล้วอะไร โยก
แล้วอะไรต่อ ดูนะ ทีนี้ดู ดูนะ
ดูและ
ทำตามด้วยเลย อันนี้เอาช้า ๆ ก่อนนะ
ย่อ
ใช่ไหม มีย่อ
เอาแค่จังหวะนี้พอนะ
มันมีอันนี้...
เพลงนี้
ที่มันเต้น ไอ้ท่า เอาเฉพาะที่มันเต้นท่า...
(นักศึกษา) เต้น Cover
(อาจารย์สุธิรา) โอเคไหม
นี่เลยนะ
เอาขยับนี่เลยนะ
โอเคไหม
นี่ ๆ ๆ ๆ ๆ เรา
ชอบมาเลย
ท่านี้ได้ไหม
ท่าเมื่อกี้
นี่ ๆ ๆ
นี่ ๆ ดูนะ ดูนะ เอาท่านี้นะ เอาท่าที่เริ่มตั้งแต่ท่อนนี้
นี่ นี่
นี่ โอเคไหม ดูนะ เอาท่าเมื่อกี้นะ
ที่เริ่มตั้งแต่นี่นะ พร้อมหรือยัง
นี่
นี่ ๆ เอาแค่นี้
Say love ใช่ไหม
เดี๋ยวนะ
เดี๋ยว ๆ ๆ
นี่
อยากได้
ท่อนนี้ไป ถึง... ถึงแค่
นี่ แค่นี้พอ แล้ววนกลับมา
โอเคไหม พร้อมยัง
พร้อมหรือยัง พร้อมหรือยัง พร้อมหรือยังคะ พร้อมนะ
โอเคนะ อีก 1 รอบ
[เพลง "LALISA"]
(อาจารย์สุธิรา) เดี๋ยวเด้อ
เข้าใจนะ เอาตั้งแต่ตรงนี้
ใช่ไหม ดูนะ ดูนะ เอาท่อนนี้นะ
นี่ ๆ
เริ่มตั้งแต่ท่อนนี้
ท่านี้อันดับแรก เอามือ เอามือป้องหูอย่างเขาน่ะ
ท่านี้นะ ท่ายืน เริ่มตั้งแต่
ท่านี้นะคะ ท่าที่... แล้วก็...
ไม่ต้องถึงแบบนี้
เอาแค่...
นี่...
นี่ อยากได้แค่นี้
นี่ ๆ Say love นะ
Say love นะคะ ท่อนเริ่มที่ Say love เป็นต้นไปนะ
Say love และก็
Say love แล้วก็อย่างนี้นะคะ เดี๋ยวมันจะ
กลับมา 2 รอบ โอเคไหม โอเคนะ
พร้อมหรือยัง
เริ่ม เตรียมนะ
ทุกคนทำมือ ทำมือกัน
ไม่ตื่นก็ต้องตื่น
พร้อม จะกดแล้วนะ โยกเลยนะคะ 1
2
3 [เพลง "LALISA"]
(อาจารย์สุธิรา) มีสาย Dance อยู่
อีก 1 ครั้ง ถ้าใครไม่ทำไม่ได้เรียนนะ
ทำก่อน ทำก่อน จะได้ตื่นก่อน
พร้อมหรือยัง รอบสุดท้าย โอเค [เพลง "LALISA"]
(อาจารย์สุธิรา) เตรียม
เกินเหรอ เดี๋ยวนะ เดี๋ยวนะ
อย่างนั้นขอทีละ 1
เหมือนไม่เหมือน ดู แถวละ 1
แถวละ 1 แถวละ 1 ทีละ 1 แถวนะ
ไปแถวแรกก่อน กุ้งเต้น
มิ่ง และก็ 3 คนนี้นะ
3 คนนี้ 3 คน แถวหน้า เริ่ม ท่าเตรียม
พร้อมนะ แม่กดแล้วนะ เต้นเลย
[เพลง "LALISA"]
(อาจารย์สุธิรา) โอเค แถวที่ 2 แถวที่ 2
4 คนสุดท้ายนะคะ เอาหรือยัง
เตรียม เตรียม อยู่ในท่าเตรียม
1 2
3[เพลง "LALISA"]
(อาจารย์สุธิรา) เยี่ยม ๆ ๆ เก่งมาก
ทีนี้ เดี๋ยวแม่ดูอาการ
แล้วถ้าใครง่วงเหงาหาวนอน เราจะมีรีแลกซ์ด้วยวิธี
นี้นะคะ จับเต้นไปดูไว้เลยนะคะ
ชอบของใครแล้วมาบอกไว้ เดี๋ยวมาอดนซ์กระจาย
เป็นอย่างไร Alert หรือยั ง
มาดูต่อนะคะ ที่เราจะเรียนกันต่อ
เมื่อกี้เราบอกแล้วว่าในเทอมนี้นะคะ
เราจะไม่ใช้ colab เราจะใช้ 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 เลย อย่างนี้นะคะ เราก็ต้องแปลภาษา
อีกทีหนึ่ง แต่ถ้าใช้ sublimetext นี่
มันจะรองรับได้หลายรูปแบบ ทั้งภาษาที่มีโครงสร้าง
แล้วก็ไม่มีโครงสร้าง ได้หมด
นะคะ เพราะฉะนั้น ก็เลยให้ใช้ตัวนี้ เพราะว่าถ้าลองแล้ว
เวลาเขียนแล้ว เด็ก ๆ จะเห็นข้อผิดพลาดได้ อย่างที่บอก
มันจะขึ้น 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 ใช่ไหมคะ py
นั่นไง
นะคะ python ที่เราลงไว้มีอยู่นะคะ
เพราะฉะนั้น ของใครไม่ขึ้นตัวนี้ ดูนะคะ เด็ก ๆ
ยกมือนะ อาจจะต้องได้ลงใหม่ ถ้าใครไม่ขึ้น
เครื่องใครไม่ขึ้นหรือเปล่า เห็นไหมคะ
พิมพ์แล้ว p-y ถ้าใคร p-y แล้วยังไม่เห็น
เติม พิมพ์ตัว 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 inInstall
s นะคะ t-
a-l
นี่นะคะ ll
l-l
ตัวที่ 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 ก่อน
เปิด Google Chrome Chom
แล้วก็พิมพ์ python
กุ้งเต้น ต้องได้ลง python ใหม่นะคะ
เครื่องกุ้งเต้น python มีปัญหา ไฟล์โดนลบ
ไม่เป็นไร เราลงใหม่ได้ ไม่ใช้เวลา
แป๊บหนึ่ง โอเคหรือยัง พิมพ์ p-y-
t-h-o-n แล้วก็ให้กด Enter
เดี๋ยวพาเข้า
ไปตามหน้าสไลด์นะ ไหนล่ะ
นี่ Welcome to
python.org เห็นไหม เห็นชื่อ
นี้ไหม
โอเค ขั้นต่อไป
ให้ไปที่ Download
ให้น้องไปที่ Download
นี่ ให้ไปที่ Download นะ
โอเค
เดี๋ยวรอโหลดนะ
พอโหลดเสร็จก็ติดตั้งโปรแกรม
นะคะ
ตอนเลือกนี่
ดูด้วยนะครับ
ระหว่างกำลังรอของอันนี้นะคะ
รอ Download เสร็จนะคะ
ถ้าเสร็จแล้ว
ปิดเลยนะ แล้วก็
กลับมาขั้นตอนนี้เหมือนเดิมนะ มาเปิด Command เหมือนเดิม
โอเค
น่าจะเป็นกับไวรัสนะคะ เมื่อกี้ ณืหะฟ
ไฟล์หายเหมือนเดิมเลย ต้อง...
ไอเจ้า กุ้งเต้น เดี๋ยว
ดูกับเจ้ามิ่งไปก่อน ไม่อย่างนั้นเราจะเสียเวลา
ต้องให้พี่ ๆ เขาเคลียร์เครื่องนะคะ
เปลี่ยนไปนั่งเครื่องอื่น ไปนั่งเครื่องอื่นนะคะ
แล้วก็
แล้วก็คอยแล้วเคลียร์เครื่องนี้นะคะ เครื่องนี้
ติดไวรัสไปแล้วนะคะ สำหรับคนอื่น
ถึงไหนแล้ว เราไอ้นี่ได้หรือยัง
เมาส์หาย
เมื่อกี้เรา command prompt เราเสร็จเรียบร้อย
แล้วใช่ไหมคะ เด็ก ๆ
สิ่งที่เราจะทำต่อมานะคะ
เอ้า...
เมื่อกี้ เราติดตั้ง Pygame เรียบร้อยแล้วนะ
ทีนี้
ตัวต่อไป มันจะมีอีกตัวหนึ่งนะคะ ไปไหนล่ะ
เลือกตัวไหนล่ะนี่
ไม่ใช่หรือ ทำไมไม่ขึ้นล่ะ
เป็นกับ Windows อันนี้บ่
เดี๋ยวนะคะ อาจาร์สวิตช์หน้าจอแล้ว
ไม่ขึ้น
ไม่ขึ้น เดี๋ยวนะ
โอเคนะ เมื่อกี้เรา
ติดตั้ง Pygame ได้แล้วนะคะ
มันก็จะมี ขึ้นไหม ขึ้นแล้ว โอเค ตัวต่อไปนะคะ
สิ่งที่เราจะติดตั้งตัวต่อไป ไหนล่ะ
เลย
อันนี้เสร็จแล้ว
ลองดูในเครื่องเรานะคะ พิมพ์ s-u
ไปที่แว่นขยายเหมือนเดิม s-u-b
พิมพ์ s-u-b
Sublime l
อันนี้แบน แสดงว่ายังไม่ได้ติดตั้งนะคะ
เพราะฉะนั้น ให้เด็ก ๆ เปิด Google Chrom
e นะคะ ทีนี้เมื่อกี้เราลง Pygame นะ
เราต้องมาลงโปรแกรมที่ชื่อว่า Sublime นะคะ
เปิด Google Chrome ขึ้นมา แล้วใน
ช่อง เดี๋ยว ๆ ๆ
ไม่เข้า Google พี่ Goo นะคะ พิมพ์
Sublime S-u-b
-l-i-...
m-e แล้วก็
ตามด้วยวรรค t-e-x-t นะคะ
Sublime Text ในช่องค้นหานะคะ
แล้วเด็ก ๆ กด Enter
มันจะต้องมาที่ นี่ ๆ ๆ
เดี๋ยวเราจะไป Download โปรแกรมมาใช้งานนะคะ
ใครขึ้นหน้านี้แล้ว
ยกมือ
แสดงว่าเห็นไหม ถ้าใครพิมพ์ไวมันก็จะเร็ว
นะคะ
เราจะไปที่ดาวน์โหลด
กันนะเด็ก ๆ เพระเราจะไป Download มันมา
นะคะ ไปเปิดอะไรนี่
มือบอนจริง ๆ เลย
ในสไลด์เรา ไปที่ Sublime
text นะ เห็นไหมคะ
คลิกที่ Download นะคะ เด็ก ๆ เห็นไหม
แล้วให้เด็ก ๆ คลิกที่ Double Click ที่ Down
นะคะ
คลิกตรงนี้
ตอนนี้เข้ามาหน้านี้หรือยัง เด็ก ๆ
อยู่หน้าที่ขึ้น Sublime Text อย่างนี้หรือยังคะ
ตอนนี้ทุกคนจะโผล่มา
ที่หน้าต่างนี้ โอเคไหม
แล้วให้เลือก เลือก ๆ ๆ ดูนะ ว่าเลือกอะไร
ของเรานะคะ
น่าจะ... ไม่น่าจะ ทุกเครื่องจะ 64 bit
แน่นอน ให้เด็ก ๆ คลิกที่ตัวนี้ portable version นี่ เห็นไหม คลิกตรงนี้นะคะ
มันจะทำการ
Download file เห็นไหมคะ ด้านล่างเห็นไหมคะ
ไฟล์ขึ้น เราต้องรอนะคะ เราต้องรอให้โหลดเสร็จ
ถ้ามัหมุนรอบวงกลมไหม ถ้ามันเสร็จ
มันจะขึ้นจนครบรอบ
ถ้าใคร ไอ้วง ๆ
สีน้ำเงินหมดไปแล้วนะเด็ก ๆ สิ่งที่
เราจะทำต่อ ให้ดูสไลด์ไปด้วย
ตรงนี้
นะคะ ที่ไฟล์ที่เรา Download เห็นไหมคะ
ของใครอยู่ตรงไหน ถ้าเห็นดับ Double Click เพื่อเปิด
นี่นะคะ
หรือ ๆ ๆ ใช้วิธีนี้นะเด็ก ๆ บางคน
ถ้าไม่เข้ามาอย่างนี้นะคะ
ไปไหนแล้ว น่าจะอยู่ที่ Download
ใช่ไหม โฟลเดอร์ข้าพเจ้าหายไปไหน
Download Download นี่ คลิกขวาก็ได้นะคะ
แล้วเลือก
Extract ก็คือแตกไฟล์น่ะ
เราจะไปแตกไว้ที่ไหน ดูนะคะ ตำแหน่งที่เราจะแตกไฟล์ไว้
เอาไว้ที่
Drive C: นะคะ ตำแหน่งที่เราจะแตกไฟล์
ไหนล่ะ ไฟล์เขาไปไหนแล้ว ไม่ใช่
อันนี้ปิดแล้วนะคะ เมื่อกี้ หายไปไหนล่ะ
มีไหมล่ะ เดี๋ยวนะ
ตัวนี้นะคะ
เลือก C: ตำแหน่งที่จะแตก
Local Disk C:
ไม่ให้แตกหรือ
กด
Select Folder นะคะ เลือก เห็นไหม ตำแหน่ง คือ Disk Drive C: เสร็จแล้วกด Ext
Extract
มันก็จะ... you need to porvide
admin scrip สิ
Skip สิครับ ติ๊กที่ You'll need to provide admin…
ติ๊กที่ Do this for all… แล้วก็
Allow แล้วก็ Continue ไปนะคะ ถ้าใครแตกได้แล้ว
มันจะขึ้น... หายไปไหนล่ะ
นี่ ๆ ๆ Sublime Text อยู่ตรงนี้นะคะ
ไม่ใส่โฟลเดอร์ให้ด้วยนะ ไม่เป็นอะไร
ขอให้แตกไฟล์แล้วกัน ใครยังแตกไฟล์ไม่ได้
เสร็จแล้วเรา
ทำอย่างไรต่อ ดูนะคะ
ว่าเมื่อแตกเสร็จแล้วนะคะ
ให้ดูโฟลเดอร์ที่เรา
เมื่อกี้ Drive C: ใช่ไหม เราเอาไปไว้ที่
Drive C: นี่ ทำไมมันขึ้นแบบนี้ล่ะ
แปลก ๆ นะ เดี๋ยวนะ เหมือนไม่ได้ไง เวอร์ชันนี้ทำไมแตกไฟล์
แล้
วเป็นแปลก ๆ นะครับ ไปไหนแล้ว
หาก่อนนะ
Download
Sublime Text
เดี๋ยวนะ ขอใช้วิธี Move
มันมาที่ Drive C: แล้วกัน
Continu
โอเค เมื่อเรา Move มันไป Drive C: แล้วเราจะ Extract มันใหม่นะ
เมื่อกี้ โลโก้มันไม่ขึ้น
เดี๋ยวนะ
Extract all Open มัน
แตกไฟล์ที่
C:
โอเค
ใช่ทั้งหมด
เอาล่ะ นัั่นไง ได้แล้วนะคะ
มันจะขึ้นอย่างนี้ ตัวนี้มานะคะ เห็นไหม มันจะมีโลโก้
Sublime Text ขึ้นมาอย่างนี้ แล้วเด็ก ๆ ก็
คลิก Double Click เพื่อเปิดโปรแกรม ไม่ยอมให้เปิดอีก
อะไรอีกนะ
ทำไมแตกไม่ได้
อย่างนั้นรอก่อน
เดี๋ยวนะ รอก่อน
ดูสิ ได้หรือยัง
ได้แล้วนะคะ
ให้เห็นโลโก้สีส้ม ๆ นี้ขึ้นมานะคะ
Double Click เพื่อเปิดตรงโลโก้สีส้ม ๆ
นะคะเด็ก ๆ ถ้าเปิด... ถ้าได้นี่
โปรแกรมมมันจะขึ้นอย่างนี้ เห็นไหมคะ
ใครยังเปิดไม่ได้ ยกมือ
เดี๋ยวนะ เดี๋ยวไปไล่ดูทีละคนนะคะ
ตอนนี้ ปัญหา ก็คือตอนแตกไฟล์นี่เอง
นี่นะคะ มันจะต้องขึ้นหน้าต่างนี้มา
เมื่อกี้ ใครยังไม่ขึ้น Sublime Text ยกมือ
เด็ก ๆ
เปิดไอ้ตำแหน่งที่...
ให้เปิดไอ้กระเป๋าโฟลเดอร์
เราน่ะ เห็นหรือเปล่า ตอนนี้อยู่ไหนกัน
ขอให้เด็ก ๆ ไปที่ Download สิ
ไปที่ดาวน์โหลด แล้วไฟล์ดาวน์โหลดอยู่นั่นหรือเปล่า
โอเคนะคะ
ตอนนี้ทุกคน ทุกคนจะมี
ไหนล่ะ Sublime Text ตัวนี้
ขึ้นมาแล้วใช่ไหม นะคะ ตอนนี้เด็ก ๆ
จะมี Sublime Text หรือ Text Editor
ไว้ทำโปรแกรม แต่ก่อนอื่น ก่อนที่เราจะ
ทำโปรแกรมนี้นะคะ
มันจะต้อง ทุกครั้งที่เราเขียนนี่
ไฟล์มันจะถูกเอาไปเก็บ
เพราะฉะนั้นนะคะ สิ่งที่เราจะทำในขั้นตอนต่อไป ติดตั้งแล้ว
ไปไหนล่ะ ไ
ปไหนล่ะ นี่ ได้
หน้าต่างนี้มา เราจะสร้างโฟลเดอร์เพื่อเก็บมัน
ก่อนอื่น ก่อนอื่น ให้เด็ก ๆ คลิกที่ตัวนี้
นะคะ ไฟล์ แล้วก็เลือก
ตัวแรก 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:
ใช่ไหมคะ Disk 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 ตัวนี้แล้วก็
เปิดโปรแกรม ก็คือดับเบิลคลิกเปิดโปรแกรมขึ้นมา
มันจะชอบ
ให้ขึ้นมาว่า ดาวน์โหลดไหม
ลองคลิกดาวน์โหลดก่อนนะคะ
ถ้า... ถ้ามันขึ้นแบบนี้ บางคน
ก็ไม่ขึ้นนะ ถ้าใครขั้นก็ดาวน์โหลดเวอร์ชันใหม่ก่อน
มันจะได้ เผื่อจะมีฟังก์ชัน
หรือ... โค้ดตัวใหม่ ๆ ขึ้นมา
นะ
มันบอกว่า 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 ไม่น่าจะใช่ตัวนี้
นี่ เห็นไหมคะ
ไอ้ตัว 1 1 1 ที่ save ธรรมดานี่
ไม่กำหนดนี่ สังเกต File type จะเป็นไฟล์เฉย ๆ
เห็นไหม ถ้าไม่กด .py เมื่อไหร่นี่
นะคะ file type มันจะเป็นไฟล์ธรรมดา
นะคะ แล้วทำอย่างไร มันก็จะไปใช้
งาน Library pygame ไม่ได้นั่นเองนะคะ
โอเคนะ ลักษณะไฟล์ไม่เหมือนกันนะ ลักษณะไฟล์ก็ไม่เหมือนกันนะคะ
เดี๋ยวสัปดาห์นี้นะคะ
10 โมงกว่าเข้าไปแล้ว
เดี๋ยวจะให้ลอง
Test สักหน่อย
หนึ่งนะคะ ก่อนอื่นนะ
มันจะต้องพิมพ์
3 คำนี้เสมอนะคะ ไม่ใช่ 3 คำ
ก็คือถ้าเราใช้ Sublime
สิ่งที่เราจะต้องพิมพ์ 1. คือ ส่วนของ
Comment บอกแล้วว่า Comment นี่ เรา
จะพิมพ์เพื่อให้รู้ว่า... เพื่อให้อธิบายนั่นเอง
นะคะ ที่มีเครื่องหมาย # หรือ Hashtag นี่
แล้วก็ตามด้วยข้อความนี่ เพื่ออธิบายว่า
ไอ้ตรงนี้ คือะไร เอาไว้อธิบาย
ก็ได้ หรือไว้บอกก็ได้นะคะ เสร็จแล้ว ส่วนต่อมา ก็คือ
เราจะต้องพิมพ์คำว่า "import pygame"
ทุกครั้งเลยนะคะ เพื่อ
เป็นการนำเข้าโมดูล
ของ Pygame นั่นเองนะคะ ก็คือไปเปิด Library น นี้
นะคะ มาดูนะคะ วิธีใช้งาน อันดับแรก
ตอนนี้เด็ก ๆ อยู่ที่
ไฟล์ที่ชื่อว่า ถ้าสมมติครั้งหน้า
มา ครั้งหน้ามา ปิดแล้วเปิดใหม่อีกครั้งหนึ่งนะคะ
เพื่อรู้วิธีเปิดไฟล์ด้วยเหมือนกัน
ให้เด็ก ๆ ปิดโปรแกรม Sublime Text
เสียก่อน เดี๋ยวเรา Test อันนี้เสร็จแล้ว
เราจะพอนะคะ ของสัปดาห์นี้
พอบอกให้ไปเปิด Sublime Text
ให้เด็ก ๆ ไปที่ไหนคะC: ใ
ช่ไหมคะ C: แล้วหาโลโก Sublime Text
นะคะ วิธีการ
ให้เด็ก ๆ คลิกขวา
ที่ตัวนี้ ครั้งหน้าจะได้ไม่ต้องเข้ามาหา แล้วเลือก
คำว่า 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 จะพิมพ์ภาษาไทย
ก็เปลี่ยนแป้นพิมพ์นะ ทดสอบ
บอกแล้วว่า Hasstag
หรือ 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 - -
นะคะ ลองกดได้นะคะ ตัวใหญ่ ตัวเล็ก
สิ่งต่อมา
บรรทัดที่ 3 ก็คือคำสั่งที่เราจะใช้ อันนี้
เราแค่ Test ก็เลยจะใช้คำสั่ง
print ก็พอนะคะ print ใน python ให้มันแสดงผล
นะคะ อันนี้ Test เฉย ๆ
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 นี่ ตัว T
tools
Tools Tools นะคะ Tools
แล้วเลือก
เห็นไหมคะ
เลือกที่ Bulid
system build system
เห็นหรือยัง
แล้วไปไหนต่อ
ตรง Build System ให้มาที่ตำแหน่ง
Python นะคะ
อันนี้ต้องจำนะคะ ครั้งหน้า พอ
บอกว่า Run โปรแกรม หรือ Test Program ปุ๊บนี่ ให้
เลือก Build System แล้วก็เลือก python
python หาคำว่า python ให้เจอเสมอ
แล้วกดคลิก 1 ครั้ง
Build System
เลือก python เสร็จนะคะ เราก็จะเปิด Tools อีกครั้งหนึ่ง
แล้วกด build
เด็ก ๆ จำ Shotcut ไว้นะคะ
Ctrl + B ถ้าบอกว่า
ให้กด Ctrl + B เมื่อไหร่
เห็นไหม มันจะขึ้นหน้าต่างนี้มา
เห็นไหมคะ ของใครไม่ขึ้น ยกมือ ขึ้นนะคะ
ตรง Ctrl + B นี้
สิ่งที่เราจะต้องทำต่อไป
มันขึ้นไหมนี่ เมื่อกี้นี
่ อยู่ข้างล่างหรือ
แล้วให้กด Enter นะคะ
พอกด Ctrl + B แล้ว เด็ก ๆ กด Enter
เดี๋ยวจะให้ดูผล
ย่อก่อน ย่อก่อน
เห็นไหมคะ คำว่า Test Program
นี่เห็นไหม จะขึ้นมา จะแสดงตัวนี้ขึ้นมา
คำสั่ง Ctrl+B นะคะ
พอเด็ก ๆ กด Ctrl + B ปุ๊บ
เมื่อกี้ครั้งแรกนี่ ต้องกด Enter ก่อน แต่พอครั้งต่อมา
มันไม่ต้องกดนะคะ ลองเปลี่ยน test program
เป็น... เดี๋ยวเปลี่ยนข้อความนะคะ
ให้ดู จะได้เห็น
เดี๋ยวจะกด Ctrl + B ให้ดูนะคะ
ครั้งที่ 1 จะต้องกด Enter แต่พอครั้งต่อมา
ไม่ต้องกดแล้วนะคะ เห็นไหม คำว่า "สวัสดี
ทุก ๆ คน" จะขึ้นมา เห็นหรือเปล่าคะ ข้อความ
ของเราก็จะแสดง เพราะให้แสดงข้อความ
Hello
นั่นก็คือพอครั้งหน้า
มา พอบอกให้กด Run Program นี ่
ให้เด็ก ๆ กด Ctrl + B เลยนะคะ จำ Shortcut ไว้
Ctrl แล้วกด กดปุ่ม Ctrl
ตามด้วยเครื่องหมาย B เห็นไหม สวัสดีทุก ๆ คน ก็จะเปลี่ยนไปตามนี้
นะคะ นี่คือการทำงานของ
ตัว
โปรแกรม Sublime นะคะ คือ
สิ่งที่เด็ก ๆ ห้ามลืม ก็คือบรรทัดที่ 1 กับบรรทัดที่
2 จะต้องพิมพ์ด้วยตัวนี้เสมอ
ส่วนบรรทัดที่ 3 จะเป็นโปรแกรม ซึ่งในครั้งหน้า
เราจะมาเริ่มนะคะ
สำหรับครั้งนี้ โอเคค่ะ ทีนี้
ในสัปดาห์ที่แล้ว ตอนที่
ก่อนจะเข้าห้องนะคะ บอกแล้วว่า
โปรแกรมที่เราจะทำนะคะ เดี๋ยวเปิดให้ดู
เมื่อใครเสร็จแล้ว
นะคะ กด File Save
save ไว้ก่อน save เก็บไว้ก่อน ครั้งหน้ามา
มาดูจำไส้ว่า 2 บรรทัดนี้
จะต้องมีเสมอนะคะ เสร็จแล้วก็ปิดได้ ปิด Sublime ได้
นะคะ ทีนี้
ให้ดูโปรแกรม pygame ตัวอย่าง
เช่น เช่น เช่น
เอาเกมอะไรดี
PYDEWVALLEY
เกมนี้มันทำอะไร เปิดให้ดูก่อนนะคะ มันจะมี ถ้าเราเข้า
คำว่า Pygame นะเด็ก ๆ
นะคะ
นี่ เข้าไปที่หน้านี้
นี่ เขาจะมีเกมตัวอย่าง
น่ะ ให้ดู ว่าอย่างนั้นเถอะนะคะ เช่น เหมือนเกมนี้
เปิดได้เปล่าไม่รู้
Project Truck
ไปที่ Home page
ลองเปิดดูนะคะ เดี๋ยวลองเปิดดู
ดูว่าเกมนี้มันเล่นอย่างไร
อ๋อ ยิง ยิงปลา
ยิงสัตว์ทะเลนั่นเอง
เห็นไหม หลักของเกมที่เราจะทำ 1. เราจะต้อง
มีอะไรคะ Background
หรือพื้นหลังของเกมนั้น ๆ ใช่ไหม 2. มีอะไรคะ มีไอ้เจ้าตัว
นี่ ตัวที่จะเป็นตัวเดินเรื่อง
ใช่ไหม แล้วก็
มีวิธีการ ในการอะไรล่ะ เดินใช่ไหมคะ
กระโดด เห็นไหมคะ หรือยิงใช่ไหม
กดอะไรยิง กดปุ่มไหนยิงใช่ไหม กดปุ่มไหน
เด็กมันเดิน... เอ้ย ตัวเกมมันเดิน
กระโดดขึ้น เห็นไหม เราจะใช้คำสั่งไหน ทีนี้
ทีนี้ สิ่งแรกที่อยากให้หา
คือ 1
. เด็ก ๆ จะต้องหา Background
นึกออกไหม ก็คือ
ถ้าเราไม่วาด background
ถ้าใช้งานเกมเองนี่ เราก็ต้องหา
Background ใช้ประกอบ สมมติ ถ้าสมมติ ถ้าเราจะ
ทำเกม ไอใต้ทะเล เหมือนเขาน่ะ
เกมยิงปลาใช่หรือเปล่า
เด็ก ๆ ก็ต้องมีภาพ
ใต้ท้องทะเล ถูกต้องไหมครับ เพราะฉะนั้น เราต้องไปหา Search
Background นะคะ
บอกแล้วว่าเพื่อไม่ให้ติดปัญหาลิขสิทธ
ิ์ เวลา Search นำภาพ Background หรือว่ารูปต่าง ๆ
ไปใช้นี่ เด็ก ๆ ก็ควรจะใช้คำว่าอะไรคะ
f-r-e-e ใช่ไหม free free อะไร ต้อง
บอกว่า Free Download ด้วยนะคะ
w-n-
l-o-a
-d เราจะได้ไม่ต้องติดปัญหาลิขสิทธิ์นะ ดาวน์โหลดอะไร ใส่คำว่า Background เลย เฉพาะเจาะจง
B-a-c-k
ground g-r-o-u-
n-d สมมติ ๆ
อยากได้ Background มหาสมุทร
หรือทะเล Ocean
เราก็ไปที่ค้นรูป
ทีนี้ บางทีพอค้นแล้วมันเป็นเหมือนภาพถ่าย เราอยากได้ภาพที่เป็นเหมือนลักษณะ
ของ
ภาพการ์ตูนหรือลายเส้น เราจะต้องใส่เครื่องหมายบวก
แล้วก็ตามด้วยคำว่า Vector
นะคะ v-e-c-t-o-r เสมอ
อันนี้ก็ได้นะ
ทะเล๊ ทะเล ทะเล
๊ ทะเล เน็ตหลุดหรือ
หรือเอาภาพนี้
ภาพนี้ก็ใช้ได้เหมือนกันนะคะ
นึกออกนะ ภาพใต้ทะเลนะ อ๋อ มัน
เปิด มันเล่นเปิดให้คนละหน้าต่างเลย
นี่เห็นไหม เหมือนเราอยากได้ภาพท้องทะเล
ด้านล่างอย่างนี้นะคะ
นี่ ก็คลิกเข้าชม เขาบอกให้เข้าชม
เห็นไหมคะ
ให้ Free download เท่านั้น้นะ
ที่มันขึ้นคำว่า "Free" น่ะช่วยได้เยอะเลย มันไปเปิดหน้าต่าง
ใหม่ตลอดเลย เห็นไหม
เห็นไหม เราก็จะเข้าไปเลือกได้นะ
ให้เด็ก ๆ หา Background นะคะ ไว้อย่างน้อย
สัก 3 อัน
เผื่อไว้ ๆ
ๆ เผื่อเลือก เผื่อมาให้แม่ช่วยดู เผื่อบางที
มันกว้างเกินไป เล็กเกินไปอะไรอย่างนี้นะคะ ลองหาไว้นะคะ
เป็นอะไร อย่างเช่นถ้าเราทำเกม
ทะเลทราย Background เราก็ควรเป็นทะเลทราย
ถ้าเราทำเกมเกี่ยวกับ
ป่า Background มันก็ควรจะเป็นป่านะ
ถ้าเกมเป็นแบบภูเขา
ก็มีภูเขาอะไรอย่างนี้ ก็คือเลือก Background ที่
มันจะสอดคล้องกับลักษณะเกมที่เราจะทำ ให้นึกถึงนะ
เหมือนเมื่อกี้ ตัวอย่างเกม เขาเป็นเกม
ใต้ทะเลใช่ไหม แม่ก็เลยบอกว่า อย่างนั้นเรา
ลองค้นรูปใต้ทะเลพวกนี้
ขึ้นมาดูนะคะ คือ
เรามือสมัครเล่น เรายังวาด
ไม่สวย เราก็ไปขอยืมเขามาใช้ว่าอย่างนั้นเถอะ
สิ่งที่จะต้องทำต่อมา
ไอ้เกมตัวนี้ ไอ้ตัวเกมนี่ มันจะดุ๊กดิ๊ก
ได้นี่ เด็ก ๆ ต้องหา
ภาพที่มันเป็นภาพต่อเนื่องนะคะ
เขามีให้ไหม บอกแล้วนะ ว่า Pygame
มันเป็น พวกนี้มัน เป็น Open Source น่ะ
บางทีเขาก็จะมีให้ดาวน์โหลดอย่างนี้เห็นไหมคะ
หรือไปที่
Devolopment log อย่างนี้นะคะ
หรือบางทีเขาจะมีบอกว่า
get
Get PROJECT TRUNK ก็ได้ แบบนี้นะคะ หรือ
บางทีเราไม่อยากได้ทั้งหมดน่ะ เราอยากได้แค่
เฉพาะตัวละคร เราก็ลองหาดู
อาจจะเอาตัวอื่นก็ได้ มีอะไร
อีกบ้าง ขอดูนะครับ ขอดู
แต่ทีนี้
ที่จะทำแบบแรก ก็คือเราจะทำเกมแบบที่มี
Background แล้วก็ทำให้ตัวเกมเรา
มันขยับได้ กระโดดได้
ยิงปืนเดี๋ยวตามมา มันจะต้องเคลื่อนไปข้างหน้า ข้างหลังได้
ถูกไหม มันต้องเดินเป็นน่ะ เราต้องทำเกมเราเดินได้
นะ
นี่ ให้ไอ้ตัวเกมมันกระดุ๊กกระดิ๊ก
ได้ เดินได้นี่นะคะ นี่
มีวัตถุหล่นลงมานี่ เราจะทำอย่างไร
นี่ ให้ไอ้ตัวหลักเรานี่
สิ่งที่จะต้องหาต่อ ก็คือตัวที่ 2
ตัวเกม ตัวเดินเกมของเรานี่นะคะ
หรือ Background สมมติหา Background ได้แล้ว อย่างน้อย 3 ภาพ
เหมือนที่บอกนะ สิ่งที่เราจะต้องหาต่อมา ก็คือ
มันเล็กจัง
เรียกว่าอะไรล่ะ คือ
ถ้าใครวาดรูปเป็นก็ไปวาดนะ ถ้าใครวาดไม่เป็น
เหมือน... เหมือนตัว
การ์ตูนที่เราจะใช้นี่
ให้มันเดินได้ที่ ท่าของตัวการ์ตูนมันจะเปลี่ยน
ในสิ่งที่เขาเรียกว่า Sprite Sheet น่ะค่ะ
ก็คือมันจะต้องมีลักษณะท่าทางการเคลื่อนไหวของมันน่ะ
นะ เหมือนเราจะเอาตัวนี้
วิ่ง ๆ ๆ อย่างนี้ ให้มันวิ่งเห็นไหม เห็นไหม
รูปมันเปลี่ยนนี่
เราจะต้องหา
ไฟล์ที่เป็นลักษณะ เขาเรียก Sprite Sheet
หรือเป็นภาพที่มี นี่ การเคลื่อนไหวต่อเนื่อง
แบบนี่ นึกออกนะ
อย่างนี้ก็ได้ นินจาอย่างนี้ หรือโซนิก
เห็นไหม หรือ
ทำเพนกวิน ใครชอบสัตว์ ก็คือให้ลักษณะของตัว...
เห็นไหมค่ะ มันมีภาพหลาย ๆ อันต่อเนื่องกัน
เขาเรียก sprite sheet นี่ ของตัวการ์ตูน
เคลื่อนไหวนี่นะคะ แต่อย่าลืมว่า
ให้เลือก Free นะลูก ให้หาที่เป็น Free อย่างน้อย
1 ตัว เราจะใช้อย่างน้อย 1 ตัวก่อน
แต่ถ้าวาดเป็น
ไปวาดเอาเองได้นะครับ เลือก เลือกเอาจะเอาแบบไหน
เลือกเอา อย่าลืมกฎ ก็คือให้หาที่มันเป็น
Free ด้วย Free Sprite Sheet ด้วยนะ
เสียเงินไม่เอานะครับ
เพราะฉะนั้น การบ้าน สัปดาห์หน้า
ถ้าจะเข้าห้องเรียน สิ่งที่เด็ก ๆ จะ
ต้องมี ก็คือ file background อย่างน้อย
เท่าไรครับ 3 ใช่ไหม 3 รูป
ให้เลือกมา Background
คนละแบบกัน จะได้... เพราะจะดู
กับไอ้ตัวการ์ตูนที่จะเอามาลงน่ะ
เช่น อยากเล่นเป็นอะไรล่ะ เป็นคาวบอยหรือ ถ้าคาวบอย
มันก็น่าจะเป็นฉาก หรือ Background
มันก็น่าจะเป็นเกี่ยวกับอะไรนะ ทะเลทรายใช่ไหม
หรือ หรืออะไรล่ะ โรงนา
อะไรพวกนี้ อย่างนี้ ให้มันสอดคล้องน่ะ นึกออกนะ เพราะฉะนั้น
ถ้าเด็ก ๆ เลือกตัวการ์ตูนลักษณะ
ที่เป็นอะไรล่ะ ถ้ามังกร พวกมังกร
มันก็น่าจะอยู่ในไหน ภูเขา
ลักษณะ Background ควรจะเกี่ยวข้องกับภูเขาอะไรอย่างนี้ นึกออกนะ ให้มัน
สอดคล้องน่ะค่ะ เพราะฉะนั้น เลือกมาสัก 2 , 3...
หรือถ้าเลือกเป็นสัตว์ เราเลือกเป็นสัตว์
นี่ หรือ
เป็นป่าอย่างนี้ ทำลักษณะ Background เป็นต้นไม้อะไรอย่างนี้มาก็ได้
นะคะ แล้วมาจัดวางก็ได้นะ
เหมือนหมี ให้หมีเดินป่าหาน้ำผึ้ง
อะไรอย่างนี้ ก็คือเลือกองค์ประกอบของ Background
ให้มันสอดคล้องกับตัวเกมที่เราจะเอามาลงนั่นเองนะคะ
ลองเลือกมานะคะ เกมนี่เลือกตัวเดียวก่อนก็ได้
แล้วครั้งต่อไปอยากเปล
ี่ยนตัวไหน ก็ค่อยเอานะคะ มีใครไม่เข้าใจ
งานที่สั่งวันนี้บ้าง สมมติถ้าใครจะเอามนุษย์อวกาศ
ก็เอาไอ้ตัวนี้ อย่าลืมนะว่า
Free เท่านั้นนะคะ เด็ก ๆ ที่มันขึ้น
ว่า Free Background นะคะ เด็ก ๆ
นี่ ถ้าอย่างนี้... ไปไหนล่ะ
นี่ ๆ ๆ พอคลิกเข้าไปปุ๊บ
เข้าชมสิ
นี่ เห็นไหม มันจะติด Free
ถ้าอย่างนี้ไม่ติด Free นี่เขาขาย เราก็เลือกไอ้อันที่
มันเป็น Free เสีย มาใช้งาน
เข้าใจนะคะ โอเคนะ เหมือนตัวนี้ ลักษณะ
เจ้าหมีเดิน เห็นไหมมี Background ด้วย
ตัวเป็นเด็กอะไรนี่ ลูกเสือ
ลูกเสือเดิน เห็นไหม เห็นไหมคะ
ฉากมีข้ามแม่น้ำ
หรือจะเอาฉากเดินป่าอย่างนี้ก็ได้
เดินอยู่ในป่าอย่างนี้นะคะ
นี่ เหมือนกวางเดินนี่
หรือรูปนี้ นะคะ เอามาใช้ หรืออย่างนี้ก็ได้
เหมือนเดินแล้ว
ฉากมันเปลี่ยน จากตอนเช้าเป็นตอนกลางวัน
เลือกมาแบบนั้นก็ได้ นึกออกนะ อ้าวมืดแล้ว
นะคะ นี่เดินแล้ว
มีข้ามสะพานด้วย หลัก ก็คือ
อย่าลืม Free เท่านั้นนะคะ ที่เราต้องการ
โอเคนะคะ จะต้องได้ Background
กับตัวเกมที่เป็นลักษณะที่บอกนะคะ
มีรูป ตัวมัน มีท่าทางการเคลื่อนไหวแบบนี้นะคะ ใช้ได้นะคะ
เด็ก ๆ นี่ รูปเกมที่เราจะเอามาใช้นี่
ต้องมีลักษณะอย่างนี้นะคะ แต่อย่าลืม
กฎอีกข้อหนึ่ง ก็คือให้มันฟรีด้วย
เพราะฮาโลวีนมันผ่านมาแล้ว ถ้าทันฮาโลวีน
พาเล่นเกมฮาโลวีนกันไปเลย
เดี๋ยวนะ พฤษจิกา
ยน ธันวาคม คริสต์มาสหรือ ซานตอคอ
ร์ส แจกของขวัญนะคะ
ถ้าเอาสัตว์ เห็นไหมคะ ภาพสัตว์ต้องมีการ
เคลื่อนไหว มีลักษระภาพเป็นภาพต่อเนื่อง เคลื่อนไหว
ใช้ได้นะคะ ตัวเกมเมอร์
ของเรา โอเคนะคะ หาไว้
แล้วมีอะไร มี Drive เอาลงใน Drive
ครั้งหน้ามาเปิด เด็ก ๆ ใช้
Google Drive ตัวเองเป็นหรือเปล่า ไม่อย่างนั้น
คือ หาในห้องนี้นะ เพราะเดี๋ยวปล่อยแล้วนี่
ยังมีเวลากว่าจะถึงเที่ยงนะคะ ก็หารอก็ได้
นะคะ ถ้าไม่อย่างนั้นก็
ถ้ามีเรียนตอนบ่าย ก็เข้ามาหาก็ได้ กินข้าวเสร็จ
แล้วก็มาหาก็ได้นะคะ ก็คือถ้าวันนี้
พรุ่งนี้ไม่มีเรียน ก็เข้ามาหาก็ได้นะเด็ก ๆ นะ
หาแล้วเก็บไว้ไหน
เราจำโฟลเดอร์ด้ใช่ไหมคะ เราก็
สร้างโฟลเดอร์ไว้ในตัว
ที่เราสร้างไว้น่ะ แล้วก็สร้าง
โฟลเดอร์อีกตัวหนึ่ง ชื่อ...
Image
image หรือ picture ก็ได้นะคะ
i-m-a-g-e
Image ก็ได้นะคะ นี่นะคะ
เราก็จะเอารูปเก็บไว้ในนี้ ให้มันอยู่ในโฟลเดอร์เดียวกัน เวลา
หามันจะได้ง่าย ๆ แล้วก็จะได้รู้ด้วยว่า
มันใช้กับเกมเรานะคะ เอาไว้ใช้ในงานเกมนะ
คะ เห็นไหมคะ สร้างโฟลเดอร์ไว้ โอเคค่ะ
สัปดาห์นี้เราจะพอแค่นี้ เด็ก ๆ
เตรียมรูปนะคะ ที่จะเอามาใช้ให้เรียบร้อย
เพราะถ้ามา Search ในห้องมันจะเสียเวลานะคะ
ให้เด็ก ๆ น่ะ
หามาเตรียมไว้เลยนะคะ เสร็จแล้วสัปดาห์หน้ามา
เราพร้อมจะทำ Coding ได้เลย
นะคะ โอเคนะคะ
สัปดาห์นี้ เราจะพอแค่นี้ มีใคร
สงสัยเรื่อง Sublime
หรือเรื่องภาพที่สั่งไปไหม ถามได้
มีใครสงสัยไหมคะ เข้าใจนะ เด็ก ๆ
จะต้อง 1. หารูป Background 1
อย่างน้อย 3 อันใช่ไหมคะ 2.
หารูปตัวเกม
1 ตัวนะคะ ลักษณะตัวเกม ก็คือ
จะต้องมีรูปที่มันมีรูป ที่มันมีภาพต่อเนื่อง
ของมัน ที่เป็น Sprite อย่างที่บอก คือ 1 ตัวนั้น
มันอาจะมีภาพที่มันเคลือนไหว 5 อัน หรือ 10 อัน
อะไรก็แล้วแต่ ก็คือให้นึกถึงความละเอียดมากน้อย
ขึ้นอยู่กับไอตัวภาพ
ของตัวเกมเรานะคะ เคลื่อนไหวแบบสวย ๆ มันก็จะ
หลาย ๆ รูปหน่อย เคลื่อนไหวแบบ ดูแล้ว
ไม่ต่อเนื่อง ก็อาจจะมีแค่ 2-3 รูปอย่างนี้นะคะ
กฎของการเอารูปมาใช้ ก็คือ
ให้เลือกรูปที่เป็นรูป Free เสมอนะคะ จะได้ไม่
ติดปัญหา โอเคนะคะ
ถ้าไม่มีใครสงสัยแล้ว สัปดาห์นี้จบเท่านี้
ขอบคุณพี่ป๊อกแป๊กนะคะ
ในการล่ามวันนี้ ขอบคุณค่ะ เจอกันสัปดาห์ค่ะ สวัสดีค่ะ
บ๊ายบาย