WEBVTT

00:00:00.762 --> 00:00:04.262
(ล่าม) โอเคค่ะ (อาจารย์สุธิรา) โอเคค่ะ นะคะ

00:00:04.262 --> 00:00:08.803
(อาจารย์สุธิรา) เดี๋ยวเรามาดูกันนะคะว่าเทอมนี้นะคะ

00:00:09.210 --> 00:00:11.797
วิชาที่เราจะเรียนในวันนี้

00:00:15.001 --> 00:00:19.699
มันก็จะเป็นวิชาที่ต่อเนื่องมาจากเทอมที่แล้ว

00:00:19.935 --> 00:00:23.721
ก็คือ หลักการเขียนโปรแกรมนะคะ

00:00:26.184 --> 00:00:32.667
เทอมนี้ก็เลยเป็นการเขียนโปรแกรมคอมพิวเตอร์นะคะ

00:00:38.067 --> 00:00:45.606
ในส่วนเนื้อหาที่เราจะใช้ในการเรียนในวิชานี้นะคะ

00:00:46.251 --> 00:00:51.599
จะไม่เขียนแบบไปเขียนระบบหรืออะไร ก็คือ ก็อยากให้เด็ก ๆ

00:00:52.010 --> 00:00:55.552
เข้าใจได้ง่าย ๆ ไม่ซับซ้อนมากนะคะ

00:00:56.107 --> 00:00:58.631
ก็เลยจะพาเขียนเกมนะคะ

00:00:59.218 --> 00:01:00.970
ซึ่งมันจะมี…

00:01:02.964 --> 00:01:08.070
มี 2 แบบ ก็คือแบบแรก เกม 2D หรือ 2 มิติ

00:01:08.540 --> 00:01:16.952
อันนี้ 2 มิติก็คือเราจะเห็นแค่ภาพที่เป็นลักษณะในด้านเดียวน่ะคะ

00:01:16.952 --> 00:01:23.540
เหมือน… เหมือนถ้าเป็นคนก็จะเห็นแค่ด้านข้างที่เป็นแบน ๆ นะ นะคะ

00:01:24.009 --> 00:01:29.354
มันจะเป็นเกมแบบรุ่นเก่าว่าอย่างนั้นเถอะเขาบอก และอีกตัวหนึ่ง

00:01:30.527 --> 00:01:38.830
การเขียนเกมแบบ 3D ตัวปัจจุบันนะคะ ส่วนใหญ่เขาหันมาใช้เขียนเกมแบบ 3D

00:01:38.830 --> 00:01:43.153
เพราะว่าเวลาเล่นมันก็ เออ จะดูสมจริงกว่า เขาว่านะคะ

00:01:43.564 --> 00:01:48.283
แต่เราก็มีข้อจำกัดนะ เรื่องทรัพยากรที่ใช้ แต่อย่างน้อย…

00:01:51.040 --> 00:02:01.663
อย่างน้อยเราก็จะต้องรู้พื้นฐานเขียนเกมได้ ผ่านการเขียนแบบ 2D นะคะ 2 มิติก่อนนะคะ

00:02:02.155 --> 00:02:06.781
ทีนี้ เราจะเขียนโปรแกรมเกมนี่ได้

00:02:06.781 --> 00:02:11.373
เราก็จะต้องมีโปรแกรมที่เราจะเอามาใช้ในการเขียนนะ

00:02:11.373 --> 00:02:22.337
แล้วก็ภาษาที่จะใช้นะคะ ซึ่งก็เป็นตัวเดียวกับภาษาที่เราเรียนในเทอมที่แล้ว นั่นก็คือ Python นะคะ

00:02:22.337 --> 00:02:28.187
นะคะ แต่ทีนี้ ในเทอมที่แล้วนี่ Python เราน่ะ

00:02:28.187 --> 00:02:34.800
เราใช้ Colab นะ ในการเขียนโค้ดหรือเขียนโปรแกรมนั่นเองนะคะ

00:02:34.800 --> 00:02:43.071
แต่ในวิชานี้นะคะ เราจะไม่ใช้ Colab เราจะใช้โปรแกรมดังต่อไปนี้นะคะ

00:02:43.364 --> 00:02:46.530
มาดูกันว่าจะใช้โปรแกรมอะไรบ้าง

00:02:47.938 --> 00:02:53.326
โปรแกรมที่เราจะใช้นะคะ เมื่อกี้พูดถึง Python ไปแล้วนะ

00:02:55.086 --> 00:02:59.387
จะมีอีกตัวหนึ่ง มันไม่เชิงเป็นโปรแกรมหรอก มันจะเป็น...

00:02:59.387 --> 00:03:04.306
เขาเรียกเป็น Library ของภาษา Python นั่นก็คือ

00:03:06.828 --> 00:03:13.857
Pygame นั่นเองนะคะ ตัวแรกนี่คือภาษาที่เราใช้เขียนตั้งแต่เทอมที่แล้วนะคะ

00:03:13.857 --> 00:03:16.951
ต่อเนื่องมาจากเทอมที่แล้ว คือภาษา Python นะคะ

00:03:17.420 --> 00:03:21.893
ตัว Pygame นี่ มันจะเป็น Library

00:03:22.890 --> 00:03:30.783
ก็คือมันจะช่วยให้เราเขียนเกมได้ง่ายขึ้นนะคะ ไม่ต้องไปเขียนทีละคำสั่ง

00:03:30.783 --> 00:03:39.053
อาจจะเป็นการเรียกใช้เลย เหมือนไม่ต้องไปเขียนโปรแกรมควบคุมเมาส์อย่างนี้นะคะ

00:03:39.053 --> 00:03:46.009
เพราะ Pygame จะมีให้เลยว่า คำสั่งนี้ กดเมาส์ไปทางไหนอย่างนี้นะคะ

00:03:46.009 --> 00:03:50.267
ก็คือมันจะลดขั้นตอนในการเขียนของเราลงไปอีกนะคะ

00:03:50.619 --> 00:03:57.435
ถ้าเป็นยุคแรก ๆ คือเวลาเขียนเกมนี่ คือต้องเขียนทุกอย่างเลยนะคะ

00:03:57.435 --> 00:04:02.848
ยุคใหม่นี่เขาจะเรียกว่ามี Library เพื่อช่วยในการเขียนนะคะ

00:04:03.493 --> 00:04:07.114
และอีกตัวหนึ่งที่เราจะใช้ช่วย

00:04:08.756 --> 00:04:18.020
เป็นโปรแกรมที่ชื่อว่า Sublime Text ไอ้ตัวสีส้ม ๆ ไอ้โลโก้สีส้ม ๆ นี่นะคะ

00:04:18.020 --> 00:04:22.835
มันจะช่วยให้การเขียนโปรแกรมของเรานี่สะดวกมากขึ้น ก็คือ

00:04:23.715 --> 00:04:30.790
จำได้นะเหมือนตอนเราเขียนในเทอมก่อน Colab เหมือนพิมพ์คำว่า P ลงไป มันจะมีตัว

00:04:31.611 --> 00:04:37.539
คำสั่งของแต่ละโปรแกรมขึ้นมาน่ะ ให้เราเลือกใช่ไหมคะ Sublime นี่ก็เหมือนกัน

00:04:38.360 --> 00:04:46.475
ช่วยอย่างไร 1. จะทำให้เราพิมพ์คำสั่งได้ผิดพลาดน้อยลง

00:04:46.475 --> 00:04:52.771
ลดข้อผิดพลาดในการพิมพ์คำสั่งนะคะ แล้วมันก็จะวางโครงไว้ให้ ก็คือ

00:04:53.299 --> 00:04:57.136
นึกออกนะ ตอนเขียน Python นี่ มันก็ต้องเขียนตามโครงสร้าง

00:04:57.136 --> 00:05:04.638
ไม่ใช่ว่าเราจะเขียนชิดย่อหน้าทั้งหมดใช่ไหม เหมือนเขียนตัวหนึ่งก็จะมีวรรคเข้าไปหน่อย

00:05:04.638 --> 00:05:06.620
วรรคเข้าไปหน่อยนะคะ

00:05:06.620 --> 00:05:12.817
เขามีโครงสร้างว่าตรงนี้เป็นอะไร ส่วนของเงื่อนไขเขียนอย่างไร

00:05:12.817 --> 00:05:19.590
มีโครงสร้างอยู่ตรงไหน sub ย่อยเขียนอย่างไร มีโครงสร้างอย่างไรนะคะ Sublime ก็จะช่วยได้

00:05:20.411 --> 00:05:23.551
และตัวสุดท้าย

00:05:24.431 --> 00:05:33.674
PANDA3D นะคะ ตัวนี้ก็คือถ้าเราเขียน 2D เสร็จ แล้วเรามีเวลาเหลือ

00:05:33.674 --> 00:05:41.030
เราก็จะลองเขียนแบบ 3D ดูนะคะ โปรแกรม 3D ดู โปรแกรมเกมแบบ 3D นะคะ

00:05:43.845 --> 00:05:48.864
ทีนี้ก่อนที่เราจะไปเริ่มต้นเขียนได้นี่นะคะ

00:05:51.034 --> 00:05:56.455
เอ๊ะ วันจันทร์มา ทำไมมีอาการยังง่วงเหงาหาวนอนกันอยู่

00:05:57.921 --> 00:06:04.442
ก่อนอื่น ก่อนอื่น ทุกคนลุกขึ้นสิ ให้ทุกคนลุกขึ้นนะคะ ลุกขึ้น

00:06:06.495 --> 00:06:10.696
วันจันทร์ วันจันทร์เรียนทั้งวันแล้วนะ ยืนขึ้น ยืนขึ้น

00:06:11.282 --> 00:06:18.432
วันนี้วันอังคารแล้วยัง… วันอังคารปกตินี่ ถ้าเรียนตอนเช้ามันไม่น่าง่วงนอน

00:06:18.784 --> 00:06:22.020
เพราะมันยังไม่ได้เรียนอะไร อะไรยังไม่เข้าสมองเลย

00:06:22.020 --> 00:06:27.008
แต่ถ้าช่วงบ่ายนี่ ไปเรียนมาแล้วอะไรอย่างนี้นะคะ

00:06:29.530 --> 00:06:34.093
จะพา Relax สัก 1 เพลงสิ

00:06:40.838 --> 00:06:45.884
รู้ว่าไม่ได้ยินแต่ดูได้ใช่ไหม เราจะให้ดูนะคะ

00:07:08.548 --> 00:07:10.698
ไม่แน่ใจ

00:07:36.434 --> 00:07:41.673
[เพลง “LALISA”]

00:07:41.673 --> 00:07:43.226
(อาจารย์สุธิรา) เอ้า ไม่ขึ้นอีก

00:07:43.226 --> 00:07:59.598
[Music Video เพลง “LALISA”]

00:07:59.598 --> 00:08:06.436
(อาจารย์สุธิรา) เคยดูไหม สัก 1 เพลงนะคะ

00:08:11.011 --> 00:08:17.783
จังหวะไหนถึงจะเร็วกว่านี้ เพลงอะไร ใครเคยฟังเพลงลิซ่า บอกได้ไหมเพลงอะไร

00:08:20.306 --> 00:08:21.771
เดี๋ยวนะ

00:08:26.170 --> 00:08:33.361
เดี๋ยว ๆ ๆ ท่อนนี้นะ ท่อน...

00:08:42.628 --> 00:08:43.908
เร็วไป

00:08:48.894 --> 00:08:55.522
นี่ ๆ ๆ เอาแค่ท่อนนี้ได้ไหม พร้อมหรือยัง

00:08:59.100 --> 00:09:06.492
ออกมาจากโต๊ะตัวเอง ขยายออกมาข้าง ๆ กระเถิบออกมาจะได้มีพื้นที่

00:09:08.076 --> 00:09:13.228
มิ่งกระเถิบมาทางนี้ ไม่เอาเยอะ ไม่เอาเยอะ

00:09:17.686 --> 00:09:20.087
1 ท่อน 1 ท่อนพอ

00:09:22.257 --> 00:09:27.002
พร้อมหรือยัง ดูนะคะ เอาท่อนนี้พอนะ

00:09:39.730 --> 00:09:46.002
เลยแล้วหรือ ท่อนที่ 1 อยู่ไหนนี่ นี่ ๆ ๆ ๆ

00:10:08.128 --> 00:10:10.128
เอาแค่นี้ก่อน

00:10:15.000 --> 00:10:22.027
เดี๋ยวจะทำให้ช้าลง เดี๋ยวเราจะลดความเร็วนะคะ ให้ดูก่อน ให้ดูก่อน

00:10:24.960 --> 00:10:28.604
จะได้ Alert Alert หน่อย ตื่นตัวหน่อย

00:10:35.232 --> 00:10:45.977
โอเคไหม ดูอีกที โอเคไหม ดูนะคะ เดี๋ยวเอาช้าลงอีก

00:10:45.977 --> 00:10:47.830
ได้สุดยัง

00:10:50.587 --> 00:10:52.778
0.5 สิ

00:10:57.939 --> 00:11:04.360
ทำอย่างไรก่อน เตรียม อยู่ในท่าเตรียมทำมือใช่ไหม มือมันจะอยู่…

00:11:05.885 --> 00:11:19.158
ดูใครจะทำ ท่าเตรียมใช่ไหมคะ เสร็จแล้วอะไร โยก โยกแล้วก็… แล้วอะไรต่อ ดูนะ ทีนี้ดู ดูนะ

00:11:20.683 --> 00:11:26.038
ดูและทำตามด้วยเลย อันนี้เอาช้า ๆ ก่อนนะ

00:11:33.017 --> 00:11:35.937
ย่อใช่ไหม มีย่อ

00:11:42.272 --> 00:11:44.427
เอาแค่จังหวะนี้พอนะ

00:11:53.739 --> 00:11:57.075
อันนี้ อันนี้...

00:12:49.159 --> 00:12:54.591
เพลงนี้ที่มันเต้นท่าเมื่อกี้ เอาเฉพาะที่มันเต้นท่า...

00:12:54.592 --> 00:12:55.888
(นักศึกษา) เต้น Cover เหรอคะ

00:14:28.764 --> 00:14:30.000
(อาจารย์สุธิรา) โอเคไหม

00:14:31.290 --> 00:14:34.694
นี่เลยนะ เอาขยับนี่เลยนะ

00:14:41.814 --> 00:14:44.068
(อาจารย์สุธิรา) โอเคไหม

00:14:48.936 --> 00:14:51.533
นี่ ๆ ๆ ๆ ๆ เราชอบมากเลย

00:14:57.046 --> 00:15:00.000
ท่านี้ได้ไหม ท่าเมื่อกี้

00:15:02.170 --> 00:15:11.084
นี่ ๆ ๆ นี่ ๆ ดูนะ ดูนะ เอาท่านี้นะ เอาท่าที่เริ่มตั้งแต่ท่อนนี้นี่

00:15:11.084 --> 00:15:13.887
นี่ ๆ

00:15:18.169 --> 00:15:19.609
โอเคไหม

00:15:20.078 --> 00:15:24.966
ดูนะ เอาท่าเมื่อกี้นะ ที่เริ่มตั้งแต่นี่นะ พร้อมหรือยัง

00:15:26.726 --> 00:15:27.781
นี่

00:15:39.805 --> 00:15:41.715
นี่ ๆ เอาแค่นี้

00:15:48.871 --> 00:15:51.920
Say love ใช่ไหม เดี๋ยวนะ

00:15:56.612 --> 00:15:57.790
เดี๋ยว ๆ ๆ

00:16:03.303 --> 00:16:04.378
นี่

00:16:10.889 --> 00:16:17.088
อยากได้ท่อนนี้ นึกออกนะ ตั้งแต่ท่อนนี้ไปถึงแค่

00:16:19.434 --> 00:16:27.294
นี่ แค่นี้พอ แล้ววนกลับมา โอเคไหม พร้อมหรือยัง พร้อมหรือยัง พร้อมหรือยัง

00:16:27.294 --> 00:16:30.270
พร้อมหรือยังคะ พร้อมนะ

00:16:34.903 --> 00:16:39.153
ท่ายืน ท่ายืน พร้อมนะ

00:16:39.974 --> 00:16:42.211
โอเคนะ อีก 1 รอบ

00:16:42.211 --> 00:16:54.999
[เพลง "LALISA"]

00:16:54.999 --> 00:16:59.553
(อาจารย์สุธิรา) เดี๋ยวเด้อ เข้าใจนะ

00:16:59.553 --> 00:17:06.625
เอาตั้งแต่ตรงนี้ แล้วก็อะไรนะ ตรงนี้ใช่ไหม ดูนะ ดูนะ เอาท่อนนี้นะ

00:17:09.147 --> 00:17:20.782
นี่ ๆ เริ่มตั้งแต่ท่อนนี้ ยืน ยืนท่านี้ อันดับแรกเอามือ เอามือป้องหูนี่ อย่างเขาน่ะ ท่านี้นะ ท่ายืน

00:17:20.782 --> 00:17:31.986
เริ่มตั้งแต่ท่านี้นะคะ ท่าที่... แล้วก็... ไม่ต้องถึงแบบนี้ เอาแค่นี่ นี่… [เสียงไม่ชัดเจน]

00:18:05.385 --> 00:18:13.827
(อาจารย์สุธิรา) นี่ ๆ ๆ Say love นะ Say love Say love นะคะ ท่อนเริ่มที่ Say love เป็นต้นไปนะ

00:18:13.827 --> 00:18:16.074
Say love และก็...

00:18:19.300 --> 00:18:26.569
แล้วก็อย่างนี้นะคะ แล้วมันจะวนกลับมา 2 รอบ โอเคไหม โอเคนะ

00:18:29.267 --> 00:18:31.160
พร้อมหรือยัง

00:18:40.017 --> 00:18:40.984
เริ่ม

00:18:42.343 --> 00:18:48.375
เตรียมนะ ทุกคนทำมือ ทำมือกัน ไม่ตื่นก็ต้องตื่น

00:18:50.193 --> 00:18:59.821
พร้อม จะกดแล้วนะ โยกเลยนะคะ 1 2 3

00:18:59.821 --> 00:19:09.414
[เพลง "LALISA"]

00:19:09.414 --> 00:19:13.030
(อาจารย์สุธิรา)  มีสายแดนซ์อยู่ เอ้า

00:19:14.673 --> 00:19:22.838
อีก 1 ครั้ง ถ้าใครไม่ทำไม่ได้เรียนนะเอ้า ทำก่อน ทำก่อน จะได้ตื่น

00:19:23.131 --> 00:19:26.327
พร้อมหรือยัง รอบสุดท้าย โอเค

00:19:28.263 --> 00:19:29.757
เตรียม

00:19:35.094 --> 00:19:38.132
เกินเหรอ เดี๋ยวนะ เดี๋ยวนะ

00:19:38.133 --> 00:19:49.594
[เพลง "LALISA"]

00:19:49.594 --> 00:19:53.077
(อาจารย์สุธิรา) เอ้า อย่างนั้นขอทีละ 1

00:19:55.658 --> 00:19:57.488
เหมือนไม่เหมือน ดู

00:19:58.368 --> 00:20:03.327
แถวละ 1 แถวละ 1 ทีละ 1 แถวนะ ไปทีละแถว แถวแรกก่อน

00:20:04.265 --> 00:20:11.774
ไอ้กุ้งเต้น มิ่ง และก็ 3 คนนี้นะ 3 คนนี้ 3 คนแถวหน้า เริ่ม

00:20:12.361 --> 00:20:18.586
อยู่ในท่าเตรียม พร้อมนะ แม่กดแล้วนะ เต้นเลย

00:20:25.507 --> 00:20:34.526
โอเค แถวที่ 2 แถวที่ 2 4 คนสุดท้ายนะคะ เอาหรือยัง

00:20:43.362 --> 00:20:52.218
เตรียม เตรียม อยู่ในท่าเตรียม 1 2 3

00:20:59.667 --> 00:21:07.719
เยี่ยม ๆ ๆ เก่งมาก ทีนี้ เดี๋ยวแม่ดูอาการแล้ว ถ้าใครง่วงเหงาหาวนอน

00:21:07.719 --> 00:21:15.970
เราจะมารีแลกซ์ด้วยวิธีนี้นะคะ จับเต้น ไปดูไว้เลยนะ ชอบของใครแล้วมาบอกไว้

00:21:15.970 --> 00:21:21.784
เดี๋ยวพาแดนซ์กระจายนะคะ เป็นอย่างไร Alert หรือยังทีนี้

00:21:21.784 --> 00:21:25.500
มาดูต่อนะคะ ที่เราจะเรียนกันต่อ

00:21:26.673 --> 00:21:34.116
เมื่อกี้เราบอกแล้วว่า ในเทอมนี้นะคะ เราจะไม่ใช้ Collapse เราจะใช้ Sublime แล้วก็

00:21:34.820 --> 00:21:44.636
Library ที่ชื่อว่า “Pygame” ก่อนอื่นเราต้องมารู้ก่อน ว่า Pygame นี่ มันคืออะไรนะคะ

00:21:46.748 --> 00:21:53.842
เขาบอกไว้ว่า นี่เห็นไหมคะ Pygame มันเป็น Library หนึ่งของ

00:21:54.429 --> 00:22:00.305
Python เห็นไหม ใช้ในการเขียน... มันจะมีโมดูลน่ะค่ะ

00:22:00.305 --> 00:22:08.857
โมดูลก็คือมีคำสั่ง มีชุดคำสั่งอยู่ในตัว Library ที่ชื่อ Pygame นี้นะคะ

00:22:08.857 --> 00:22:13.155
ซึ่งเราจะใช้โมดูลพวกนี้มาเขียน

00:22:13.566 --> 00:22:21.888
โดยไม่ต้องไปเขียนโมดูลใหญ่ ๆ ถ้าเป็นแต่ก่อนคือถ้าเราจะเขียนโปรแกรมนี่

00:22:21.888 --> 00:22:28.119
1 โปรแกรมนะคะ เด็ก ๆ จะต้องเริ่มเขียน ตั้งแต่ Start End อะไรอย่างนี้นะ

00:22:28.119 --> 00:22:32.931
นึกถึงหลักการเขียนโปรแกรมนะ ก็คือต้องมีจุดเริ่มต้นใช่ไหมคะ

00:22:32.931 --> 00:22:39.686
แล้วก็ไปถึงจุดสิ้นสุด ซึ่งถ้าเขียนขนาดนั้นจริง ๆ นี่ โปรแกรมก็จะมีใหญ่มากเลย

00:22:39.686 --> 00:22:48.768
ก็คือให้นึกถึง 1 ตัวอักษรใช้พื้นที่ในการจัดเก็บไปกี่ Bit กี่ Byte ไปแล้วนะ นะคะ

00:22:48.768 --> 00:22:52.765
ตัว Pygame Library นี่ ก็จะช่วยในการลด…

00:22:53.703 --> 00:23:00.927
ลดขั้นตอนของการเขียนคำสั่งบางตัว เช่น เหมือนเราจะให้มันเดิน เดินไปทางซ้าย

00:23:00.927 --> 00:23:08.369
ถ้าเป็นคำสั่งที่เราเขียนผ่าน Colab นี่ เราก็ต้องบอกเลยว่า

00:23:08.721 --> 00:23:18.299
เดินซ้ายก็คือให้ข้อความนะคะ ค่อย ๆ ขยับ มันก็จะขยับไปทีละนิด ได้ทีละ 1

00:23:18.299 --> 00:23:24.261
ต้องไปสั่งให้มันบวกเพิ่ม หรือวนลูปอะไรอย่างนี้นะคะ อย่างนี้เป็นต้น

00:23:24.261 --> 00:23:32.477
แต่ถ้าเราใช้ Library ใน Pygame นี่ เหมือนเราเลือกคำสั่งการใช้เมาส์นะคะ

00:23:32.477 --> 00:23:35.277
เพราะเวลาเล่นเกมนะ

00:23:35.746 --> 00:23:40.101
ตัวควบคุมมันก็คือ 1. เมาส์ล่ะ ใช่ไหม

00:23:40.101 --> 00:23:46.191
2. ถ้าใครเป็นคอเกมมันก็จะมีไอ้พวกอุปกรณ์ เช่นอะไรนะ

00:23:47.305 --> 00:23:53.353
ไอ้คันบังคับใช่ไหมคะ หรือไอ้ Joystick น่ะ ที่เป็นตัวควบคุมนะ

00:23:53.881 --> 00:24:02.868
หรือถ้าเบสิกเลยก็คือใช้แป้นลูกศรใช่ไหม ลูกศรซ้าย-ขวานะ อย่างนี้นะคะ

00:24:03.161 --> 00:24:05.756
ในการควบคุมตัวเกมนั่นเองนะคะ

00:24:07.750 --> 00:24:11.504
เมื่อกี้เราพูดถึง Pygame ไปแล้วนะคะ

00:24:11.504 --> 00:24:17.284
ทีนี้อีกตัวหนึ่งที่บอกไว้ไอ้ตัวโลโก้สีส้ม ๆ

00:24:17.284 --> 00:24:23.466
ที่มันชื่อว่า "Sublime Text" นี่นะคะ ไอ้โลโก้สีส้ม ๆ นี่นะคะ

00:24:23.466 --> 00:24:29.141
มันคืออะไร Sublime Text นี่นะคะ

00:24:29.669 --> 00:24:36.626
อธิบายไว้ว่ามันเป็น Text Editor Text Editor แปลตามตัวเลยนะ

00:24:36.626 --> 00:24:43.335
Text ก็คือข้อความ Editor ก็คือตัวแก้ข้อความ แต่ความจริงแล้วมันไม่ได้ใช้แก้

00:24:43.863 --> 00:24:51.588
ก็คือเราใช้ในการเขียนโปรแกรมนั่นเองนะคะ เห็นไหมคะ เป็น

00:24:52.292 --> 00:24:57.456
Text Editor ที่มีความสามารถในการเขียนโค้ด เห็นไหมคะ

00:24:57.808 --> 00:25:06.980
มันรองรับได้หลายภาษานะคะ แล้วก็เห็นไหมคะ หลายภาษาเลย เช่น

00:25:07.332 --> 00:25:15.745
ใช้ภาษา C ก็ได้ ก็คือถ้าเขียนด้วยภาษา C นะคะ แล้วมาเขียนผ่าน Text Editor

00:25:15.745 --> 00:25:22.592
ที่ชื่อว่า "Sublime Text" นี่ มันก็จะทำให้ คือสังเกตว่าภาษาที่ขึ้นมานี่

00:25:22.592 --> 00:25:32.162
ส่วนใหญ่จะเป็นภาษามีโครงสร้างหรือกึ่งโครงสร้าง หรือเป็นภาษาที่เขาเรียกว่าเป็น OOP

00:25:32.162 --> 00:25:36.895
หรือ Object-Oriented Programming นะคะ

00:25:38.244 --> 00:25:42.162
ก็คือสมัยก่อนนี่

00:25:42.455 --> 00:25:49.494
เวลาเขียนโปรแกรมนี่มันเขียนผ่าน… อาจจะเขียนบน DOS เลยอย่างนี้นะคะ

00:25:49.494 --> 00:25:53.625
เราก็ต้องมาแปลภาษาอีกทีหนึ่ง แต่ถ้าใช้ Sublime Text นี่

00:25:53.625 --> 00:26:01.753
มันจะรองรับได้หลายรูปแบบ ทั้งภาษาที่มีโครงสร้าง แล้วก็ไม่มีโครงสร้าง ได้หมดนะคะ

00:26:01.753 --> 00:26:07.622
เพราะฉะนั้น ก็เลยให้ใช้ตัวนี้ เพราะว่าถ้าลองแล้ว เวลาเขียนแล้ว

00:26:07.622 --> 00:26:16.146
เด็ก ๆ จะเห็นข้อผิดพลาดได้เหมือนที่บอก มันจะขึ้น Error เตือนนะคะ ดูง่าย หาง่ายนะคะ

00:26:19.079 --> 00:26:22.123
ตัวสุดท้ายนะคะ PANDA3D

00:26:24.175 --> 00:26:28.497
เขาบอกว่าเป็น Game Engine ถ้าแปลตามตัว

00:26:29.084 --> 00:26:37.570
ก็คือสำหรับสร้างนะคะ สร้าง ๆ ๆ มันสามารถสร้างได้ทั้งกราฟิกนะ

00:26:38.919 --> 00:26:46.044
Audio ก็คือเสียงนะคะ I/O Collision Detection นะคะ ก็คือ…

00:26:47.217 --> 00:26:56.643
I/O นี่ก็คือระบบปฏิบัติการนั่นเองนะคะ แล้วก็มันใช้ ใช้กับ…

00:26:58.872 --> 00:27:06.149
คือตัวนี้แต่เดิมน่ะ มันเริ่มมาจากภาษา C C++ ก่อนนะคะ C++

00:27:06.149 --> 00:27:13.973
แล้วทีนี้มันก็… เขาก็พัฒนาน่ะ ทุกโปรแกรมที่เรียนมาตั้งแต่อดีตจนถึงปัจจุบันนะคะ

00:27:13.973 --> 00:27:22.950
เขาก็จะพัฒนาให้เราสามารถเขียนได้ง่ายขึ้นนะคะ ไม่ต้องมีความซับซ้อนในการเขียนมากขึ้น

00:27:22.950 --> 00:27:30.684
อะไรอย่างนี้ มันก็จะช่วยทำให้โปรแกรมที่พัฒนานี่ มีความหลากหลาย เพราะว่าพอเขียนง่าย

00:27:30.684 --> 00:27:33.039
คนเขียนก็มีหลายกลุ่มนะ

00:27:33.391 --> 00:27:39.061
แล้วที่สำคัญก็คือมันจะเขียนในเชิงที่เป็น Open-Source

00:27:39.061 --> 00:27:42.701
Open-Source ก็คือโปรแกรมที่เมื่อเราเขียนแล้ว

00:27:43.639 --> 00:27:49.217
มันจะสามารถแชร์ให้คนอื่นมาพัฒนาต่อก็ได้

00:27:49.217 --> 00:27:56.496
หรือเราไปสามารถเอาโปรแกรม Open-Source ของคนอื่นมาพัฒนาต่อก็ได้ถ้าเขาแชร์มานะคะ

00:27:56.496 --> 00:27:58.633
อย่างนี้เป็นต้น มันก็จะช่วยให้…

00:28:00.000 --> 00:28:03.874
เขาเรียกว่าอะไรล่ะ มันจะเป็นเหมือนการระดมสมองน่ะ

00:28:03.874 --> 00:28:10.861
เพราะการเขียนโปรแกรม 1 โปรแกรมนี่ มันไม่ใช่คน ๆ เดียวเขียนแล้วเสร็จนะคะ

00:28:10.861 --> 00:28:18.976
มันจะต้องใช้คนหลายคน เพราะแต่ละคน คน 1 คนเหมือนในห้องเรานี่ ที่นั่งกันอยู่นี่นะคะ

00:28:19.328 --> 00:28:27.292
เด็ก ๆ ทุกคนมีความถนัดไม่เหมือนกันนะ บางคนอาจจะชอบอย่างนี้นะคะ

00:28:27.292 --> 00:28:31.710
บางคนอาจจะชอบอย่างนี้ แต่เมื่อโดนจับมารวมมามิกซ์

00:28:32.062 --> 00:28:38.190
เอามารวมกันนี่ มันอาจจะได้สิ่งดี ๆ เกิดขึ้น เหมือน ๆ ให้นึกถึงเหมือน

00:28:40.419 --> 00:28:46.806
ถ้าให้เราทำขนม 1 อันนี่นะคะ แบบเดิม ๆ มันก็จะรูปเดิม ๆ

00:28:46.806 --> 00:28:49.710
แต่ถ้าหลาย ๆ คน มาระดมความคิด

00:28:49.710 --> 00:28:54.955
ว่าลองเอาขนมหลาย ๆ แบบ แล้วเอามามิกซ์รวมกันสิ

00:28:55.307 --> 00:28:59.016
มันจะเกิดสิ่งใหม่ เขาเรียกเกิดสิ่งใหม่ใช่ไหมคะ

00:28:59.016 --> 00:29:03.827
เกิดรสชาติใหม่ ๆ ได้ไหม แล้วอร่อยไหม อย่างนี้นะคะ

00:29:03.827 --> 00:29:07.152
นั่นก็คือหลักการของการพัฒนาโปรแกรม

00:29:07.680 --> 00:29:13.713
ที่เป็น Open-Source ด้วย ก็คือ มีของเก่าแล้วลองเอามาวาง

00:29:13.713 --> 00:29:17.358
วางแล้วเผยแพร่ ก็คือ… หรือแชร์กัน

00:29:17.358 --> 00:29:24.477
หรือแบ่งปันกันนะคะ ให้คนอื่น แล้วคนอื่นอาจจะเอาไปต่อ... ต่อยอด

00:29:24.946 --> 00:29:33.599
เอามารวมใหม่ต่อไปเรื่อย ๆ มันก็จะได้อะไรใหม่ ๆ เพิ่มมากขึ้นอย่างนี้นะคะ จะเป็นลักษณะอย่างนี้นะคะ

00:29:35.065 --> 00:29:42.327
ทีนี้ สิ่งที่เราจะทำต่อไป ทำไมมันไม่ไป เราจะต้องลงโปรแกรมก่อน

00:29:42.327 --> 00:29:49.850
ไม่อย่างนั้นเราจะเขียนไม่ได้ใช่ไหม เด็ก ๆ จะต้องรู้วิธีการลงโปรแกรมนะคะ

00:29:52.079 --> 00:29:58.855
ตัวแรกนี่ Python เทอมที่แล้วเราลงไปแล้วนะ เราไม่น่าลงอีกแล้วล่ะเทอมนี้นะคะ

00:29:58.855 --> 00:30:03.726
แต่เพื่อความชัวร์ ก่อนอื่น ก่อนอื่น

00:30:06.131 --> 00:30:10.042
เด็ก ๆ เปิดเครื่องแล้วใช่ไหมคะ มีใครยังไม่เปิดเครื่องอีก

00:30:11.215 --> 00:30:14.001
เปิดเครื่องนะคะ เปิดเครื่อง แล้ว...

00:30:20.922 --> 00:30:30.300
ให้... ไหนล่ะคำค้น ให้คลิกที่แว่นขยายนะคะ

00:30:30.300 --> 00:30:37.310
เราจะลองค้นดูว่า Python เรา ที่เราเรียนไปในเทอมที่แล้วน่ะ

00:30:37.310 --> 00:30:44.962
ยังมีชีวิตอยู่ไหม ยังอยู่ไหม ยังอยู่ไหม ไม่โดนลบทิ้งไปใช่ไหมนะคะ

00:30:45.000 --> 00:30:49.317
ลองพิมพ์ตัว P P ก่อน

00:30:51.077 --> 00:30:57.757
P แล้วก็ y ใช่ไหมคะ y นั่นไง นะคะ

00:30:58.226 --> 00:31:02.386
Python ที่เราลงไว้มีอยู่นะคะ เพราะฉะนั้น

00:31:02.973 --> 00:31:10.174
ของใครไม่ขึ้นตัวนี้ ดูนะคะเด็ก ๆ ยกมือนะ อาจจะต้องได้ลงใหม่ ถ้าใครไม่ขึ้น

00:31:10.819 --> 00:31:16.416
เครื่องใครไม่ขึ้นหรือเปล่า เห็นไหมคะ พิมพ์แล้ว

00:31:16.768 --> 00:31:22.688
Py ถ้าใคร Py แล้วยังไม่เห็นเติม พิมพ์ตัว t เพิ่ม

00:31:23.099 --> 00:31:35.905
P-y-t-h-o-n นี่นะคะ ลองพิมพ์ดู ในช่องไอ้รูปแว่นขยายเรานี่นะคะ

00:31:35.906 --> 00:31:39.923
เราค้นดูก่อนโปรแกรมเรายังอยู่ดีไหม

00:31:40.744 --> 00:31:47.256
โอเคนะคะ เรามี Python แล้ว เพราะฉะนั้น เราก็จะข้ามตัวนี้ไปนะคะ

00:31:49.192 --> 00:31:51.780
ติดตั้งแล้ว ดาวน์โหลดแล้วนะคะ

00:31:55.827 --> 00:31:57.650
สิ่งที่เราจะทำต่อมา

00:32:00.000 --> 00:32:06.901
นะคะ เราจะต้องไปเปิดใช้งาน Library ที่ชื่อ Pygame

00:32:07.194 --> 00:32:13.449
เพราะฉะนั้น เห็นไหมคะ วิธีจะติดตั้ง Pygame หรือเอา Library Pygame ลงนะคะ

00:32:13.449 --> 00:32:18.802
เหมือนเดิม เด็ก ๆ ไปที่เครื่องมือแว่นขยายเหมือนเดิมค่ะ

00:32:19.623 --> 00:32:22.987
นะคะ แล้วพิมพ์คำว่า...

00:32:25.509 --> 00:32:33.897
เดี๋ยวในสไลด์บอกให้พิมพ์คำว่า "command" นะคะ c-o-m-m-a-n-d

00:32:34.484 --> 00:32:40.363
ในสไลด์บอกให้พิมพ์ เดี๋ยวปิดไป เปิดหลายหน้าต่างจะงง

00:32:40.363 --> 00:32:47.099
ในช่องนี้นะคะ ช่องค้นหาในรูปแว่นขยาย เราพิมพ์ตัว c ก่อน

00:32:47.451 --> 00:32:49.594
c แล้วก็ o

00:32:50.591 --> 00:32:52.526
แล้วก็ m

00:32:53.348 --> 00:33:01.436
m เห็นไหม ให้มันขึ้นไอ้ตัวหน้าต่างดำ ๆ อย่างนี้ Command Prompt เห็นไหมคะ

00:33:01.436 --> 00:33:10.771
ใครยังไม่เห็นตัวนี้ พิมพ์ต่อนะคะ c-o-m-m-a-n-d Command นี่นะคะ

00:33:10.771 --> 00:33:16.445
ถ้าใครเห็นแล้วคลิก Double Click เพื่อเปิด หรือคลิกที่ Open ก็ได้

00:33:18.791 --> 00:33:27.675
มันจะต้องขึ้นหน้าต่างที่มีสีดำ ๆ แล้วก็มีเคอร์เซอร์กะพริบตัวนี้ขึ้นมานะเด็ก ๆ

00:33:30.000 --> 00:33:37.543
โอเคไหม ใครยังไม่ขึ้นหน้านี้ เดี๋ยวย่อลงนิดหนึ่ง ย่อแล้วหรือนี่ ไม่ย่อให้

00:33:37.543 --> 00:33:41.514
เดี๋ยวขอย่อหน่อย เดี๋ยวจะไม่เห็นนะคะ เห็นไหม

00:33:42.042 --> 00:33:46.180
นะคะ มันจะเป็นหน้าต่างอย่างนี้ ขึ้นมาสีดำ

00:33:47.001 --> 00:33:56.563
โผล่ขึ้นมาอย่างนี้ แล้วก็มีตัวนี้กะพริบอยู่นะคะ เดี๋ยวจะเดินไปดูนะคะ ว่าใครยังเปิดไม่ขึ้น

00:34:09.067 --> 00:34:13.640
ทุกคนเปิดได้แล้วนะคะ ตอนนี้เราเปิด Command Prompt มา

00:34:13.640 --> 00:34:20.739
สิ่งที่เราจะทำ ก็คือเราจะพิมพ์คำสั่งเพื่อให้ไปเรียกใช้งาน

00:34:21.032 --> 00:34:26.647
เจ้าส่วนที่ชื่อว่า Pygame นั่นเองนะคะ ตอนนี้เราอยู่ที่สไลด์หน้านี้

00:34:26.647 --> 00:34:32.926
บอกว่าพิมพ์ Command นะ แล้วต่อไป ต่อไป ไหนล่ะ ไหนล่ะ

00:34:40.082 --> 00:34:46.781
สิ่งที่เราจะพิมพ์นะคะ พิมพ์ pip install pygame นี้ก่อนนะ

00:34:46.781 --> 00:34:49.924
พิมพ์ตัวนี้นะคะ วรรคตามนี้เลยนะคะเด็ก ๆ

00:34:51.625 --> 00:35:01.866
ในหน้านี้พิมพ์ p p ก่อน คำแรก p นะคะ เห็นไหม เห็นชัดไหมคะ

00:35:02.218 --> 00:35:16.331
เดี๋ยวนะ เห็นหรือเปล่า p แล้วก็ i แล้วก็ p เสร็จแล้วเคาะ Space Bar 1 ครั้ง เพื่อวรรคนะคะ

00:35:17.973 --> 00:35:19.539
โอเคไหม

00:35:20.829 --> 00:35:25.248
แล้วก็ตามด้วยพิมพ์ด้วยตัว i

00:35:27.008 --> 00:35:39.629
-n In Installs s นะคะ t-a-l

00:35:42.151 --> 00:35:45.285
นี่นะคะ เอ้ย ll ll

00:35:45.754 --> 00:35:50.873
นี่ตัวที่ 2 install s-t-a-l-l นะคะ

00:35:54.568 --> 00:36:01.007
ll ใครยังพิมพ์ไม่ทัน

00:36:12.269 --> 00:36:17.145
เด็ก ๆ ต้องพิมพ์นะคะ ตรงตำแหน่งที่เคอร์เซอร์กะพริบน่ะ

00:36:17.145 --> 00:36:28.964
นี่ให้พิมพ์คำสั่งว่า p-i-p แล้วก็กด Space Bar เพื่อวรรค 1 ครั้งนะคะ

00:36:28.964 --> 00:36:37.930
แล้วก็ตามด้วยคำสั่งที่ชื่อว่า Install i-n-s-t-a-l-l

00:36:37.930 --> 00:36:45.999
แล้วก็ตามด้วยอีกตัวหนึ่ง ก็คือ p-y-g-a-m-e

00:36:45.999 --> 00:36:52.398
install pygame นะคะ นี่พิมพ์คำสั่งนี้ลงไป พิมพ์คำนี้ลงไป

00:36:53.395 --> 00:36:54.737
นี่

00:36:56.262 --> 00:37:11.790
เห็นไหม ที่ทำแถบครอบไว้ เห็นไหมคะ p-i-p วรรค แล้วก็ตามด้วย i-n-s-t-a-l-l

00:37:12.318 --> 00:37:18.351
เว้นวรรคนะคะ แล้วก็ตามด้วย p-y-g-a-m-e

00:37:18.820 --> 00:37:26.120
แล้วเดี๋ยวจะเดินไปดูนะคะ เพราะถ้าพิมพ์ผิด มันก็จะไม่ทำงาน ต้องพิมพ์ให้ถูกด้วยนะคะ

00:37:26.531 --> 00:37:31.161
ข้อความผิดไม่ได้นะคะ เอ้ย คำสั่งผิดไม่ได้นะคะ

00:41:02.755 --> 00:41:06.899
เพื่อน ๆ คนอื่น พิมพ์เสร็จแล้ว แล้วก็กด Enter ไปแล้ว

00:41:06.899 --> 00:41:10.084
ตอนนี้มันเหลือเครื่องหนึ่งที่ยังไม่ขึ้นนะคะ

00:41:13.662 --> 00:41:20.230
นี่นะคะ พอกด Enter มันจะให้เรารอสักพักหนึ่ง แล้วมันจะมีอย่างนี้วิ่งขึ้นมา

00:41:20.230 --> 00:41:26.535
นี่ ๆ มันจะต้องขึ้นคำว่า "Successfully"

00:41:28.940 --> 00:41:30.708
ทีนี้

00:42:14.714 --> 00:42:17.847
ของเด็ก ๆ ที่ขึ้นสีเหลือง ๆ นะคะ

00:42:17.847 --> 00:42:24.304
ของใครที่ขึ้นสีเหลือง ๆ ให้เด็ก ๆ ทำการคัดลอก ตั้งแต่ C: จนถึงตัวนี้ เห็นไหมลูก

00:42:28.644 --> 00:42:36.594
ทำแถบอย่างนี้เพื่อ copy นะคะ เห็นหรือเปล่า เสร็จแล้วกด Ctrl + C

00:42:36.594 --> 00:42:42.563
แล้วก็เอามาวางหลังเคอร์เซอร์นะ แล้วกด Enter นี่

00:42:42.974 --> 00:42:45.433
แล้วให้มันขึ้นอย่างนี้ถึงจะถูกนะ

00:44:10.100 --> 00:44:17.889
ในระหว่าง... พอดีมีเครื่องหนึ่งมันไม่ขึ้นนะคะ อาจจะเสียเวลาแป๊บหนึ่งนะคะพี่ล่าม

00:44:20.352 --> 00:44:24.643
ในระหว่างที่รอเพื่อน ลืมถามพี่ล่ามชื่ออะไรคะ

00:44:27.106 --> 00:44:32.367
(ล่าม) ค่ะ ชื่อมนนภัส ค่ะ (อาจารย์สุธิรา) ชื่อเล่น เผื่อน้องจะได้จำได้

00:44:32.367 --> 00:44:34.499
(ล่าม) ต๊อกแต๊ก ค่ะ (อาจารย์สุธิรา) ป๊อกแป๊กนะคะ

00:44:34.499 --> 00:44:37.636
(อาจารย์สุธิรา) พี่ป๊อกแป๊กนะคะ พี่ป๊อกแป๊ก (ล่าม) ต เต่า ค่ะ ต เต่า

00:44:37.636 --> 00:44:39.278
(อาจารย์สุธิรา) รอแป๊บหนึ่งนะคะ

00:47:12.642 --> 00:47:17.645
เดี๋ยวนะคะ เสียเวลากับ 1 เครื่องแป๊บหนึ่ง เพราะฉะนั้น

00:47:17.645 --> 00:47:23.197
เพื่อนคนอื่น ๆ รอไปนะคะ เดี๋ยวแม่ขอไปย้อนของกุ้งเต้น กุ้งเต้นมันจะต้อง…

00:47:23.197 --> 00:47:25.543
กุ้งเต้นเปิด...

00:47:26.774 --> 00:47:28.927
Chrome ก่อน Chrome ก่อน

00:47:29.338 --> 00:47:31.700
เปิด Google Chrome นะ

00:47:33.342 --> 00:47:37.894
แล้วก็พิมพ์ Python กุ้งเต้นต้องได้ลง Python ใหม่นะคะ

00:47:37.894 --> 00:47:41.763
เครื่องกุ้งเต้น Python มีปัญหา ไฟล์โดนลบ

00:47:41.763 --> 00:47:48.448
ไม่เป็นอะไรเราลงใหม่ได้ ไม่ใช้เวลานาน แป๊บหนึ่งนะคะ โอเคหรือยัง

00:47:48.448 --> 00:47:55.181
พิมพ์ p-y-t-h-o-n แล้วก็ให้กด Enter

00:48:00.518 --> 00:48:05.541
เดี๋ยวพาเข้า ไปตามหน้าสไลด์นะ

00:48:06.128 --> 00:48:08.803
ไหนล่ะ ตื๊ด ๆ

00:48:09.331 --> 00:48:16.094
นี่ Welcome to python.org เห็นไหม เห็นชื่อนี้ไหม

00:48:20.141 --> 00:48:25.532
โอเค ขั้นต่อไปให้ไปที่ Download

00:48:27.116 --> 00:48:32.366
ให้น้องไปที่ Download

00:48:36.472 --> 00:48:38.879
นี่ให้ไปที่ Download นะ

00:48:46.035 --> 00:48:50.956
โอเค เดี๋ยวรอโหลดนะ

00:48:56.645 --> 00:48:59.442
พอโหลดเสร็จก็ติดตั้งโปรแกรมนะคะ

00:49:05.425 --> 00:49:07.666
ตอนเลือกนี่ดูด้วยนะคะ

00:49:34.986 --> 00:49:38.987
ระหว่างกำลังรอของอันนี้นะคะ

00:49:43.797 --> 00:49:45.990
รอดาวน์โหลดเสร็จนะคะ

00:49:53.967 --> 00:49:56.666
เสร็จแล้วปิดเลยนะ

00:49:58.836 --> 00:50:03.332
แล้วก็กลับมาขั้นตอนนี้เหมือนเดิมนะ มาเปิด Command เหมือนเดิม

00:52:26.850 --> 00:52:28.742
โอเค

00:52:31.909 --> 00:52:39.100
น่าจะเป็นกับไวรัสนะคะ เมื่อกี้ Install แล้ว ไฟล์หายเหมือนเดิมเลยนะคะ ต้อง...

00:52:40.038 --> 00:52:46.836
ไอ้เจ้ากุ้งเต้น เดี๋ยวดูกับเจ้ามิ่งไปก่อน ไม่อย่างนั้นเราจะเสียเวลา

00:52:46.836 --> 00:52:52.756
ต้องให้พี่ ๆ เขาเคลียร์เครื่องนะคะ ไม่อย่างนั้นเปลี่ยนไปนั่งเครื่องอื่น

00:52:52.756 --> 00:52:55.274
ไปนั่งเครื่องอื่นนะคะ

00:52:57.680 --> 00:53:01.732
แล้วก็คอยแล้วเคลียร์เครื่องนี้นะคะ

00:53:02.084 --> 00:53:10.643
เครื่องนี้น่าจะติดไวรัสไปแล้วนะคะ สำหรับคนอื่นถึงไหนแล้ว เราไอ้นี่ได้หรือยัง

00:53:12.227 --> 00:53:15.068
เมาส์หาย

00:53:16.300 --> 00:53:21.412
เมื่อกี้เรา Command Prompt เรา เสร็จเรียบร้อยแล้วใช่ไหมคะเด็ก ๆ

00:53:23.524 --> 00:53:26.598
สิ่งที่เราจะทำต่อมานะคะ

00:53:29.237 --> 00:53:31.287
เอ้า...

00:53:43.252 --> 00:53:47.053
เมื่อกี้เราติดตั้ง Pygame เรียบร้อยแล้วนะ

00:53:49.810 --> 00:53:54.519
ทีนี้ ตัวต่อไป มันจะมีอีกตัวหนึ่งนะคะ ไปไสล่ะ

00:53:56.806 --> 00:53:58.582
เลือกตัวไหนล่ะนี่

00:53:58.582 --> 00:54:07.610
ทำไมจอดำอีกละ ก็เลือกแล้วไม่ใช่หรือ เอ้า ทำไมไม่ขึ้นล่ะ

00:54:11.665 --> 00:54:20.306
เป็นกับ Windows อันนี้บ่ เดี๋ยวนะคะ อาจารย์สวิตช์หน้าจอแล้วไม่ขึ้น

00:54:23.415 --> 00:54:24.874
เดี๋ยวนะ

00:54:27.572 --> 00:54:36.993
โอเคนะ เมื่อกี้เราติดตั้ง Pygame ได้แล้วนะคะ มันก็จะมี… ขึ้นไหม ขึ้นแล้ว โอเค

00:54:37.286 --> 00:54:42.245
ตัวต่อไปนะคะ สิ่งที่เราจะติดตั้งตัวต่อไป ไหนล่ะ

00:54:44.063 --> 00:54:45.813
เลย

00:54:47.573 --> 00:54:49.546
อันนี้เสร็จแล้ว

00:54:55.470 --> 00:55:04.934
ลองดูในเครื่องเรานะคะ พิมพ์ s-u ไปที่แว่นขยายเหมือนเดิม s-u-b พิมพ์ s-u-b

00:55:06.166 --> 00:55:08.366
Sublime l

00:55:24.364 --> 00:55:27.479
อันนี้ Band แสดงว่ายังไม่ได้ติดตั้งนะคะ

00:55:28.124 --> 00:55:31.935
เพราะฉะนั้น ให้เด็ก ๆ เปิด Google Chrome นะคะ

00:55:31.935 --> 00:55:39.503
ทีนี้เมื่อกี้เราลง Pygame นะ เราต้องมาลงโปรแกรมที่ชื่อว่า "Sublime" นะคะ

00:55:39.503 --> 00:55:43.597
เปิด Google Chrome ขึ้นมา แล้วในช่อง…

00:55:44.594 --> 00:56:07.171
เดี๋ยว ๆ ๆ ไม่เข้า Google พี่ Goo นะคะ พิมพ์ sublime s-u-b-l-i-m-e

00:56:07.171 --> 00:56:12.287
แล้วก็ตามด้วยวรรค t-e-x-t นะคะ sublime text

00:56:14.223 --> 00:56:22.112
ในช่องค้นหานะคะ แล้วเด็ก ๆ กด Enter มันจะต้องมาที่นี่ ๆ ๆ

00:56:23.637 --> 00:56:27.816
เดี๋ยวเราจะไปดาวน์โหลดโปรแกรมมาใช้งานนั่นเองนะคะ

00:56:29.341 --> 00:56:31.988
ใครขึ้นหน้านี้แล้วยกมือ

00:56:36.621 --> 00:56:41.046
แสดงว่าเห็นไหม ถ้าใครพิมพ์ไวมันก็จะเร็วนะคะ

00:56:45.328 --> 00:56:51.342
เราจะไปที่ดาวน์โหลดกันนะเด็ก  ๆ เพราะเราจะไปดาวน์โหลดมันมานะคะ

00:56:53.336 --> 00:56:57.075
เอาไปเปิดอะไรนี่มือบอนจริง ๆ เลย

00:57:01.357 --> 00:57:05.133
ในสไลด์เราไปที่ Sublime Text นะ

00:57:06.658 --> 00:57:07.747
เห็นไหมคะ

00:57:07.747 --> 00:57:11.233
คลิกที่ Download นะคะ เด็ก ๆ เห็นไหม

00:57:11.761 --> 00:57:16.629
แล้วให้เด็ก ๆ Click ที่... Double Click ที่ Download นะคะ

00:57:22.115 --> 00:57:31.531
คลิกตรงนี้ ตอนนี้เข้ามาหน้านี้หรือยัง เด็ก ๆ อยู่หน้าที่ขึ้น Sublime Text อย่างนี้หรือยังคะ

00:58:00.301 --> 00:58:06.277
ตอนนี้นะคะ ตอนนี้ทุกคนจะโผล่มาที่หน้าต่างนี้ โอเคไหม

00:58:07.039 --> 00:58:12.550
แล้วให้เลือก เลือก ๆ ๆ ดูนะว่าเลือกอะไร

00:58:29.677 --> 00:58:36.282
ของเรานะคะ น่าจะ... ไม่น่าจะล่ะ ทุกเครื่องน่ะ 64 bit แน่นอน

00:58:36.282 --> 00:58:42.999
ให้เด็ก ๆ คลิกที่ตัวนี้ portable version นี่เห็นไหม คลิกตรงนี้นะคะ

00:58:45.000 --> 00:58:51.553
มันจะทำการดาวน์โหลดไฟล์เห็นไหมคะ ด้านล่างจะมีไฟล์ขึ้น

00:58:51.553 --> 00:58:57.557
เราต้องรอนะคะ รอให้มันโหลดเสร็จ เห็นไอ้เส้นสีน้ำเงินที่หมุนรอบวงกลมไหม

00:58:58.026 --> 00:59:00.509
ถ้ามันโหลดเสร็จมันจะขึ้นจนครบรอบ

00:59:38.236 --> 00:59:45.477
ถ้าใคร… ไอ้วง ๆ สีน้ำเงินหมดไปแล้วนะคะเด็ก ๆ สิ่งที่เราจะทำต่อ ให้ดูสไลด์ไปด้วย

00:59:58.263 --> 01:00:00.665
ตรงนี้นะคะ

01:00:00.665 --> 01:00:06.687
ที่ไฟล์ที่เราดาวน์โหลดเห็นไหมคะ ของใครอยู่ตรงไหน ถ้าเห็นดับเบิลคลิกเพื่อเปิด

01:00:11.673 --> 01:00:21.313
นี่นะคะ หรือ ๆ ๆ หรือใช้วิธีนี้นะเด็ก ๆ บางคนถ้าไม่เข้ามาอย่างนี้นะคะ

01:00:24.304 --> 01:00:28.349
ไปไหนแล้ว น่าจะอยู่ที่ Download ใช่ไหม

01:00:29.053 --> 01:00:40.938
โฟลเดอร์ข้าพเจ้าหายไปไหน Download Download นี่ คลิกขวาก็ได้นะคะ แล้วเลือก

01:00:59.179 --> 01:01:07.017
Extract ก็คือแตกไฟล์น่ะ เราจะไปแตกไว้ที่ไหน ดูนะคะ ตำแหน่งที่เราจะแตกไฟล์ไว้

01:01:13.762 --> 01:01:16.208
เอาไว้ที่ Drive C: นะคะ

01:01:17.381 --> 01:01:20.708
ตำแหน่งที่เราจะแตกไฟล์ ไหนล่ะ

01:01:21.529 --> 01:01:27.676
ไฟล์เก๊าไปไหนแล้ว ไม่ใช่ อันนี้ปิดแล้วนะคะ อ้าว เมื่อกี้... หายไปไหนล่ะ

01:01:33.189 --> 01:01:45.110
มีไหมล่ะ เดี๋ยวนะ ตัวนี้นะคะ เลือก C: ตำแหน่งที่จะแตก Local Disk (C:)

01:01:49.157 --> 01:01:50.825
ไม่ให้แตกหรือ

01:02:10.246 --> 01:02:17.157
กด Select Folder นะคะ เลือกเห็นไหม ตำแหน่ง คือ Drive C: เสร็จแล้วกด Extract

01:02:19.093 --> 01:02:21.626
มันก็จะ...

01:02:22.740 --> 01:02:29.023
You'll need to provide admin… skip สิครับ

01:02:30.000 --> 01:02:36.763
ติ๊กที่ Do this for all… แล้วก็ Allow แล้วก็ Continue ไป

01:02:41.220 --> 01:02:48.070
โอเคนะคะ ถ้าใครแตกได้แล้ว มันจะขึ้น... อ้าว หายไปไหนล่ะ

01:02:48.539 --> 01:02:54.976
นี่ ๆ ๆ Sublime Text อยู่ตรงนี้นะคะ ไม่ใส่โฟลเดอร์ให้ด้วยแฮะ ไม่เป็นไร

01:02:54.976 --> 01:02:59.264
ขอให้แตกไฟล์แล้วกัน ใครยังแตกไฟล์ไม่ได้

01:03:02.783 --> 01:03:08.607
เสร็จแล้วเราทำอย่างไรต่อ ดูนะคะ ว่าเมื่อแตกเสร็จแล้วนะคะ

01:03:15.763 --> 01:03:23.727
ให้ดูโฟลเดอร์ที่เรา เมื่อกี้ Drive C: ใช่ไหม เราเอาไปไว้ที่ Drive C: นี่

01:03:29.886 --> 01:03:31.755
ทำไมมันขึ้นแบบนี้ล่ะ

01:03:39.556 --> 01:03:44.039
แปลก ๆ เว้ย เดี๋ยวนะ เหมือนไม่ได้ไง

01:03:45.000 --> 01:03:52.598
เวอร์ชันนี้ทำไมแตกไฟล์แล้วเป็นแปลก ๆ เดี๋ยวนะครับ ไปไหนแล้ว หาก่อนนะ

01:03:55.531 --> 01:03:57.353
ดาวน์โหลด

01:04:01.283 --> 01:04:03.365
Sublime Text

01:04:08.644 --> 01:04:13.501
เดี๋ยวนะ ขอใช้วิธี Move มันมาที่ Drive C: แล้วกัน

01:04:16.140 --> 01:04:19.585
Continue โอเค

01:04:19.820 --> 01:04:23.953
เมื่อเรา Move มันไป Drive C: แล้ว เราจะ Extract มันใหม่นะ

01:04:23.953 --> 01:04:28.994
เมื่อกี้ โลโก้มันไม่ขึ้นน่ะ เดี๋ยวนะ ไหนล่ะ

01:04:31.751 --> 01:04:35.988
Extract อ๋อ Open ก่อน

01:04:38.217 --> 01:04:41.143
แตกไฟล์ที่ C:

01:04:43.548 --> 01:04:44.504
โอเค

01:04:58.815 --> 01:05:00.445
ใช่ทั้งหมด

01:05:03.495 --> 01:05:06.840
เอาล่ะ นัั่นไง ได้แล้วนะคะ

01:05:06.840 --> 01:05:10.173
มันจะขึ้นอย่างนี้ ตัวนี้มานะคะ

01:05:10.466 --> 01:05:16.769
เห็นไหมมันจะมีโลโก้ Sublime Text ขึ้นมาอย่างนี้ แล้วเด็ก ๆ ก็คลิก Double Click เพื่อเปิดโปรแกรม

01:05:17.238 --> 01:05:21.227
เอ้า ไม่ยอมให้เปิดอีก อะไรอีกวะ

01:05:24.101 --> 01:05:26.349
ทำไมแตกไม่ได้

01:05:32.684 --> 01:05:35.497
เดี๋ยวนะ รอก่อน

01:05:49.786 --> 01:05:51.489
ดูสิได้หรือยัง

01:05:53.601 --> 01:05:59.390
ได้แล้วนะคะ ให้เห็นโลโก้สีส้ม ๆ นี้ขึ้นมานะคะ

01:06:00.000 --> 01:06:03.242
Double Click เพื่อเปิดตรงโลโก้สีส้ม ๆ นะคะเด็ก ๆ

01:06:05.178 --> 01:06:09.891
ถ้าเปิดโปร… ถ้าได้นี่ โปรแกรมมันจะขึ้นอย่างนี้ เห็นไหมคะ

01:06:11.416 --> 01:06:14.640
ใครยังเปิดไม่ได้ยกมือ

01:06:15.754 --> 01:06:23.827
เดี๋ยวนะ เดี๋ยวไปไล่ดูทีละคนนะคะ ตอนนี้ปัญหาก็คือตอนแตกไฟล์นี่เอง

01:06:29.399 --> 01:06:32.303
นี่นะคะ มันจะต้องขึ้นหน้าต่างนี้มา

01:06:38.110 --> 01:06:41.804
เมื่อกี้ใครยังไม่ขึ้น Sublime Text ยกมือ

01:06:51.305 --> 01:07:01.545
เด็ก ๆ เปิดไอ้ตำแหน่งที่... ให้เปิดกระเป๋าโฟลเดอร์เราน่ะ เห็นหรือเปล่า

01:07:01.838 --> 01:07:06.520
ตอนนี้อยู่ไหนกัน ขอให้เด็ก ๆ ไปที่ Download สิ

01:07:07.810 --> 01:07:13.093
ไปที่ดาวน์โหลด แล้วไฟล์ดาวน์โหลดอยู่นั่นหรือเปล่า

01:10:59.278 --> 01:11:04.362
โอเคนะคะ ตอนนี้ทุกคน ทุกคนจะมี...

01:11:04.831 --> 01:11:10.921
ไหนล่ะ Sublime Text ตัวนี้ขึ้นมาแล้วใช่ไหมนะคะ

01:11:10.921 --> 01:11:18.314
ตอนนี้เด็ก ๆ จะมี Sublime Text หรือ Text Editor ไว้ทำโปรแกรม แต่ก่อนอื่น

01:11:18.314 --> 01:11:22.877
ก่อนที่เราจะทำโปรแกรมนี้นะคะ

01:11:24.930 --> 01:11:29.906
มันจะต้อง… ทุกครั้งที่เราเขียนนี่ ไฟล์มันจะถูกเอาไปเก็บ

01:11:29.906 --> 01:11:35.310
เพราะฉะนั้นนะคะ สิ่งที่เราจะทำในขั้นตอนต่อไป ติดตั้งแล้ว

01:11:35.837 --> 01:11:37.949
ไปไหนล่ะ ไปไหนล่ะ

01:11:42.524 --> 01:11:52.570
นี่ ได้หน้าต่างนี้มา เราจะสร้างโฟลเดอร์เพื่อเก็บมัน ก่อนอื่น ก่อนอื่นให้เด็ก ๆ คลิกที่ตัวนี้นะคะ

01:11:54.799 --> 01:11:59.320
File แล้วก็เลือกตัวแรก New File เห็นไหม

01:12:00.610 --> 01:12:02.266
1 ครั้ง

01:12:06.958 --> 01:12:15.101
ใส่ชื่อ เอ้ย พิมพ์ชื่อนะคะ ทีนี้กฎของโปรแกรมในตัวนี้นะคะ

01:12:15.101 --> 01:12:17.693
Sublime Text นี่นะคะ

01:12:19.805 --> 01:12:23.268
มันจะมีไฟล์ชื่อ Untitled ขึ้นมาใช่ไหม

01:12:31.773 --> 01:12:40.942
อย่างนี้ปุ๊บ เดี๋ยวเราจะสร้างโฟลเดอร์ที่บอกนะคะ แล้วเด็ก ๆ คลิกที่คำว่า "File" อีกครั้งหนึ่ง

01:12:41.411 --> 01:12:45.278
แล้วไปที่ Save นะคะ

01:12:49.384 --> 01:12:51.940
เห็นหรือเปล่า กด 1 ครั้ง

01:13:07.014 --> 01:13:12.019
ดูนะคะ ตำแหน่งที่ไฟล์นี้อยู่ ก็คือ C นะเด็ก ๆ

01:13:12.019 --> 01:13:19.980
เช็กด้วยว่า เราอยู่ที่ C: เสร็จแล้ว ให้เด็ก ๆ กดที่ New Folder

01:13:32.534 --> 01:13:35.117
ตรงชื่อ New Folder นะคะ

01:13:36.008 --> 01:13:38.917
เดี๋ยวจะให้ตั้งชื่อเหมือนกันเลย

01:13:42.084 --> 01:13:43.795
ให้พิมพ์ว่า...

01:13:45.000 --> 01:13:51.186
ตรง My นี่ ตรงคำว่า "My" นี่ ให้เปลี่ยนเป็นชื่อเด็ก ๆ เอง นึกออกไหม

01:13:51.597 --> 01:13:56.570
เข้าใจไหมคะ ชื่อเล่นตัวเองน่ะ My แปลว่า "ของฉัน" ใช่ไหม

01:13:56.570 --> 01:14:04.425
แต่ถ้าใส่ชื่อของฉันหมดทุกคนหรืออย่างไร ไม่ได้ ไม่ได้ จะสับสนนะนี่

01:14:08.648 --> 01:14:13.215
ชื่อโฟลเดอร์ตั้งเหมือนกันเลย เพราะเดี๋ยวตอนเขียนโค้ด

01:14:13.626 --> 01:14:17.482
กันปัญหานะคะ ไปไม่ถูก แต่น่าจะไปถูกนะ

01:14:20.532 --> 01:14:23.669
ดูนะคะ ตรงชื่อโฟลเดอร์นี่

01:14:26.484 --> 01:14:30.757
ให้ตั้งชื่อด้วยชื่อเล่นตัวเอง

01:14:30.757 --> 01:14:37.429
n-e-w พิมพ์ชื่อเล่นแล้วก็ตามด้วยคำว่า "game"

01:14:38.426 --> 01:14:41.100
g-a-m-e

01:14:43.915 --> 01:14:51.007
โอเคไหม โฟลเดอร์ โฟลเดอร์ที่เราจะใช้เขียนเกมของเรานั่นเองนะคะ

01:14:51.007 --> 01:14:55.093
ก็คือชื่อเล่นของเด็ก ๆ แล้วก็ตามด้วยคำว่า "game"

01:14:56.031 --> 01:15:04.898
มันคือเกมของนิวนะ มันคือเกมของมิ่งนะ มันคือเกมของมาร์กี้นะ อย่างนี้นะคะ

01:15:04.898 --> 01:15:10.455
เกมของกุ้งเต้นนะคะ อย่างนี้นะคะ เป็นชื่อ ชื่อเล่นของเด็ก ๆ นะคะ

01:15:10.455 --> 01:15:13.661
จะได้สั้น ๆ หน่อย ชื่อจริงจะยาวไป

01:15:14.482 --> 01:15:18.587
ตัวแรกคือพิมพ์ด้วยชื่อ ชื่อเล่นนะคะ

01:16:41.760 --> 01:16:50.758
ดูนะคะ โฟลเดอร์ที่เราจะสร้างนี่ ตรงคำว่า "My" นี่ เราเปลี่ยนเป็นชื่อเล่นเรานะ

01:16:51.403 --> 01:16:59.309
แล้วก็ตามด้วยคำว่า "Game" นะคะ ก็คือมีชื่อเล่นแล้วก็คำว่า "Game" นะคะ

01:16:59.309 --> 01:17:05.601
ถ้าใครเสร็จแล้วกด Enter เดี๋ยวจะไปตรวจนะคะ ว่าโฟลเดอร์ของเด็ก ๆ เสร็จหรือยัง

01:17:56.017 --> 01:18:02.577
ที่อยากจะให้เด็ก ๆ จำนะคะ ก็คือจำไว้ว่าถ้าสัปดาห์หน้า

01:18:03.926 --> 01:18:11.454
เราจะต้องจำให้ได้ว่า ถ้าเราเรียนวิชานี้ ไฟล์ของเรามันจะอยู่ที่ไหนคะ

01:18:11.806 --> 01:18:13.160
อยู่ที่

01:18:15.000 --> 01:18:22.254
Drive C: ใช่ไหมคะ Drive C: แล้วก็ชื่อที่เป็นชื่อเล่นเราใช่ไหม

01:18:22.254 --> 01:18:27.701
ชื่อเล่นเรา แล้วตามด้วยคำว่า "Game" มันจะเก็บไว้ที่ Drive C: เสมอนะคะ

01:18:27.701 --> 01:18:33.531
เวลาเรียกใช้งานหรือเวลา Save ทุกครั้ง อย่าลืมตำแหน่งเก็บของมัน

01:18:34.763 --> 01:18:36.314
ทีนี้

01:18:37.252 --> 01:18:40.972
ตัวต่อมาในช่อง File Name เพราะเมื่อกี้เราเปิดไปแล้ว

01:18:41.324 --> 01:18:50.879
เราใช้คำว่า… ชื่อไฟล์ เราจะใช้คำว่า "Test" ก่อน T-e-s-t นะคะ

01:18:51.231 --> 01:18:56.595
Test แล้วเราเก็บไว้ไหน เข้าไปที่... เราต้องคลิกโฟลเดอร์เรานะเด็ก ๆ

01:18:57.357 --> 01:19:02.367
คลิกโฟลเดอร์ที่มีชื่อเล่นเด็ก ๆ น่ะค่ะ เพื่อเก็บไฟล์นี้นะคะ นี่

01:19:02.778 --> 01:19:09.290
ตำแหน่งมันจะต้องอยู่ที่ Local Disk C: แล้วก็ในโฟลเดอร์ของเรา เห็นไหม

01:19:10.639 --> 01:19:11.842
เห็นไหมคะ

01:19:15.000 --> 01:19:18.671
ไฟล์ที่ชื่อว่า Test จะต้องอยู่ในโฟลเดอร์นี้

01:19:18.671 --> 01:19:25.357
ใครที่พิมพ์คำว่า “File Name Test” เสร็จแล้ว กด Save นะคะ

01:19:26.882 --> 01:19:34.209
เช็กอย่างไร เปิดโฟลเดอร์นะคะ แล้วดูที่ Drive C: นะ

01:19:34.209 --> 01:19:42.616
แล้วก็หาโฟลเดอร์ที่ชื่อเราเก็บไว้ เห็นไหม มีไฟล์ที่ชื่อว่า "Test" เก็บไว้ เห็นไหมคะ

01:19:50.065 --> 01:19:54.333
สงสัยวันนี้น่าจะพอแค่นี้ก่อน

01:20:25.653 --> 01:20:27.133
ทีนี้

01:20:29.186 --> 01:20:34.469
สิ่งที่เราจะต้องจำอีกอย่างหนึ่งก็คือ ดูนะคะ

01:20:37.812 --> 01:20:42.226
ชื่อไฟล์นะคะ

01:20:43.575 --> 01:20:49.029
เมื่อกี้ เมื่อกี้ Test Test Test เฉย ๆ นะ ไอ้ไฟล์ที่ชื่อ "Test" นี่

01:20:49.498 --> 01:20:53.414
ก่อนอื่นให้เด็ก ๆ ลองปิด Sublime ไปก่อน

01:20:54.352 --> 01:21:01.069
ปิดนะคะ ปิดอย่างนี้นะ ให้ดูว่าตอนนี้เราไม่ได้เปิด

01:21:01.480 --> 01:21:09.080
Text Editor ไว้นะ ปิดไว้ทั้งหมดเลยนะ เสร็จแล้วไปเช็กโฟลเดอร์เราก่อน

01:21:09.080 --> 01:21:14.038
ให้ไปที่ Drive C: ของเรานะคะ หรือกระเป๋าโฟลเดอร์นี้ก็ได้

01:21:14.390 --> 01:21:20.688
แล้วเลือกใช่ไหม C: แล้วก็เข้าไปที่ NewGame

01:21:22.975 --> 01:21:24.438
นะคะ

01:21:25.200 --> 01:21:31.710
ให้ลองลบไฟล์ Test ตัวนี้ออก เดี๋ยวเราจะสร้างใหม่

01:21:33.763 --> 01:21:39.625
Delete เลยนะคะ กด Delete ลบออกไปแล้ว เพราะฉะนั้น ตอนนี้ในโฟลเดอร์

01:21:40.446 --> 01:21:45.376
Pygame เรายังไม่มีไฟล์อะไรอยู่นะ ต้องไม่ให้มีไฟล์อะไรอยู่

01:21:47.253 --> 01:21:54.272
เราจะมาลองเปิด ถ้าสัปดาห์หน้าแม่มาปุ๊บ แล้วแม่บอกว่า อ้าว เด็ก ๆ เปิด Sublime

01:21:54.272 --> 01:21:56.016
เด็ก ๆ ต้องไปที่ไหนคะ

01:21:56.720 --> 01:21:58.441
C: ใช่ไหมคะ

01:21:58.441 --> 01:22:02.661
แล้วก็หาไอ้โลโก้ Sublime ตัวนี้ นึกออกไหม

01:22:02.661 --> 01:22:07.398
แล้วก็กดเปิดโปรแกรม ก็คือ Double Click เพื่อเปิดโปรแกรมขึ้นมา

01:22:15.000 --> 01:22:20.122
มันจะชอบให้ขึ้นมาว่าดาวน์โหลดไหม

01:22:21.823 --> 01:22:24.618
ลองคลิกดาวน์โหลดก่อนนะคะ ถ้า...

01:22:26.026 --> 01:22:31.525
ถ้ามันขึ้นแบบนี้ บางคนก็ไม่ขึ้นนะ ถ้าใครขึ้นก็ดาวน์โหลดเวอร์ชันใหม่ก่อน

01:22:31.525 --> 01:22:40.987
มันจะได้ เผื่อจะมีฟังก์ชันหรือ... โค้ดตัวใหม่ ๆ ขึ้นมานะ

01:22:48.505 --> 01:22:52.993
มันบอกว่า Install เสร็จแล้วนะคะ เราก็ปิดได้เลยอย่างนั้นน่ะ

01:22:53.580 --> 01:22:55.035
ทีนี้เหมือนเดิม

01:22:57.205 --> 01:23:03.394
ไปที่ไฟล์แล้วก็ New ทุกครั้งที่เข้ามานะคะ

01:23:03.394 --> 01:23:09.229
ถ้าเราจะสร้างไฟล์ใหม่นี่ ให้คลิกที่คำว่า “New File”

01:23:14.742 --> 01:23:21.068
ของ Sublime นี่ เพื่อกันลืมนี่ พอ New File เสร็จ ให้เราเลือก

01:23:22.300 --> 01:23:26.859
Save ก่อน Save ก่อน ให้ไปที่ File แล้วคลิก Save

01:23:28.384 --> 01:23:35.245
ตอน Save ก็คือไปไหนคะ ไป Drive C:  ใช่ไหมคะ ไปเลือกที่ Drive C:

01:23:36.887 --> 01:23:42.273
แล้วไปที่โฟลเดอร์ที่เราสร้างไว้ โฟลเดอร์ที่ชื่อเล่นของเรา

01:23:42.273 --> 01:23:43.779
แล้วก็มีคำว่า “Game” น่ะ

01:23:45.000 --> 01:23:51.856
ทีนี้ กฎของการตั้งชื่อนะคะ ตั้งชื่อใน Sublime Text

01:23:51.856 --> 01:23:57.176
เพื่อใช้ Pygame นี่ เด็ก ๆ จะต้องพิมพ์

01:23:57.704 --> 01:24:03.906
ชื่อไฟล์ แล้วตามด้วย... จะต้องมี .py

01:24:05.666 --> 01:24:08.310
ทุกครั้งนะคะ วิธีการ

01:24:09.894 --> 01:24:18.425
วิธีการนะคะ ตรงช่อง File Name พิมพ์ เมื่อกี้ลืม ตอนที่พิมพ์คำว่า “test”

01:24:18.777 --> 01:24:27.562
ให้เด็ก ๆ พิมพ์ชื่อไฟล์ว่า “test” เหมือนเดิมนะคะ t-e-s-t

01:24:27.562 --> 01:24:34.513
แต่ให้เด็ก ๆ ใส่ .py ลงไปด้วย

01:25:06.420 --> 01:25:16.976
ข้อควรจำ ข้อที่ 1 ของไฟล์เกมเรานะคะ เราจะต้องพิมพ์ชื่อนะ ชื่อโปรแกรม

01:25:16.976 --> 01:25:19.846
สมมติถ้าครั้งหน้าไม่ใช่ test เช่น

01:25:21.430 --> 01:25:32.640
อาจจะทำตั้งชื่อว่า Game อย่างนี้นะคะ เด็ก ๆ จะต้องใส่ .py ปิดท้ายทุกครั้งจำไว้เลย

01:25:32.640 --> 01:25:39.203
โอเคไหม เข้าใจนะคะ ก็คือห้ามลืม .py เพราะอะไร

01:25:39.203 --> 01:25:42.782
ถ้าเราไม่ใช้ .py นี่

01:25:43.069 --> 01:25:47.347
.py มาจากอะไรคะ มาจาก Py

01:25:48.872 --> 01:25:51.693
Py ในที่นี้หมายถึง Pygame นะคะ

01:25:51.693 --> 01:25:57.713
ก็คือมันจะไปเรียกใช้ Library นั่นเองนะคะ Pygame ขึ้นมา

01:26:15.895 --> 01:26:23.434
เพราะฉะนั้น เมื่อครั้งหน้านะคะ ตอนที่เรียน เมื่อแม่บอกว่าให้ Save ไฟล์นี่

01:26:23.434 --> 01:26:31.731
อย่าลืมว่าตั้งชื่อให้มันแล้วตามด้วย . แล้วก็ตัว p แล้วก็ตัว y เสมอ

01:26:31.731 --> 01:26:36.449
จากนั้นถึงจะกด Save ได้นะคะ

01:26:40.437 --> 01:26:43.199
พอตรงนี้เสร็จนะ กด Save

01:26:43.551 --> 01:26:46.303
และเด็ก ๆ เช็กที่โฟลเดอร์

01:26:46.948 --> 01:26:51.695
โฟลเดอร์ชื่อ Game ของเรานะคะ ไหนล่ะ

01:26:54.393 --> 01:26:56.869
อ้าว หาไม่เจอบาดหนิ

01:27:00.799 --> 01:27:03.322
แต่สังเกตตรงนี้นะคะ

01:27:03.615 --> 01:27:05.327
ตรงชื่อนี่จะมี...

01:27:06.148 --> 01:27:10.116
ไม่มีไอ้ .py ขึ้นมา แต่ให้เด็ก ๆ ดูตรง Type

01:27:10.585 --> 01:27:18.772
ตรงชนิด เห็นไหม ชนิดของมันจะเป็น PY File เห็นไหมคะ

01:27:18.772 --> 01:27:24.747
Type ที่ถูกต้องมันจะเป็น PY File ลองใหม่ ลอง test ใหม่ก็ได้

01:27:26.155 --> 01:27:31.078
File แล้วให้เลือก Save As นะคะ

01:27:32.251 --> 01:27:35.478
ให้เห็นความแตกต่าง Save As

01:27:35.771 --> 01:27:39.454
เด็ก ๆ พิมพ์แค่ test เฉย ๆ นะ

01:27:39.454 --> 01:27:46.609
เมื่อกี้ test ใช่ไหม อันนี้  t-e-s-t test แล้วก็ 1

01:27:48.369 --> 01:27:56.598
อันนี้จะให้ดูว่าแล้วถ้าเราไม่ใส่ .py จะต่างกันอย่างไร กด Save

01:28:12.493 --> 01:28:18.760
นะคะ test แล้วก็เลือก All File นี่ file อะไรก็ได้นี่นะคะ

01:28:18.760 --> 01:28:22.460
ไม่บอกนามสกุลมันนี่ กด Save 1 ครั้ง

01:28:23.105 --> 01:28:25.642
แล้วลองเปิดโฟลเดอร์ของเราดู

01:28:32.798 --> 01:28:36.559
แสดงว่าไป Save ให้ตั้งชื่อเหมือนกันเลยนะนี่

01:28:44.008 --> 01:28:45.828
นะคะ

01:28:53.394 --> 01:28:56.467
ไฟล์ Type ไม่น่าจะใช่ตัวนี้

01:29:18.755 --> 01:29:24.734
นี่เห็นไหมคะ ไอ้ตัว 111 ที่ Save ธรรมดานี่ ไม่กำหนดนี่

01:29:24.734 --> 01:29:32.689
สังเกต File Type จะเป็นไฟล์เฉย ๆ เห็นไหม ถ้าไม่กด .py เมื่อไรนี่นะคะ

01:29:32.689 --> 01:29:36.064
File Type มันจะเป็นไฟล์ธรรมดานะคะ

01:29:36.064 --> 01:29:41.807
แล้วทำอย่างไร มันก็จะไปใช้งาน Library Pygame ไม่ได้นั่นเองนะคะ

01:29:42.452 --> 01:29:48.672
โอเคนะ ลักษณะไฟล์มันไม่เหมือนกันนะ ชนิดของไฟล์ก็ไม่เหมือนกัน อันไหนไม่ใช้ ลบ

01:29:48.672 --> 01:29:51.324
เดี๋ยวสัปดาห์นี้นะคะ

01:29:53.142 --> 01:29:56.048
10 โมงกว่าเข้าไปแล้ว

01:29:58.629 --> 01:30:03.794
เดี๋ยวจะให้ลอง Test สักหน่อยหนึ่งนะคะ

01:30:04.674 --> 01:30:07.821
ก่อนอื่นนะ

01:30:10.226 --> 01:30:16.312
มันจะต้องพิมพ์ 3 คำนี้เสมอนะคะ ไม่ใช่ 3 คำ

01:30:17.074 --> 01:30:24.026
ก็คือถ้าเราใช้ Sublime สิ่งที่เราจะต้องพิมพ์ 1. คือ ส่วนของ Comment

01:30:24.906 --> 01:30:29.396
บอกแล้วว่า Comment นี่ เราจะพิมพ์เพื่อให้รู้ว่า

01:30:30.393 --> 01:30:33.087
เพื่ออธิบายนั่นเองที่มี...

01:30:33.087 --> 01:30:38.049
ที่มีเครื่องหมาย # หรือ Hashtag นี่ แล้วก็ตามด้วยข้อความนี่

01:30:38.342 --> 01:30:45.538
เพื่ออธิบายว่าไอ้ตรงนี้คืออะไร เอาไว้อธิบายก็ได้หรือไว้บอกก็ได้นะคะ

01:30:45.538 --> 01:30:48.700
เสร็จแล้วส่วนต่อมา ก็คือ

01:30:49.052 --> 01:30:55.520
เราจะต้องพิมพ์คำว่า "import pygame" ทุกครั้งเลยนะคะ

01:30:55.872 --> 01:31:01.553
เพื่อเป็นการนำเข้าโมดูลของ Pygame นั่นเองนะคะ

01:31:01.553 --> 01:31:04.628
ก็คือไปเปิด Library นี้นะคะ

01:31:08.323 --> 01:31:12.281
มาดูนะคะ วิธีใช้งาน อันดับแรก

01:31:13.395 --> 01:31:15.830
ตอนนี้เด็ก ๆ อยู่ที่…

01:31:24.511 --> 01:31:30.000
ไฟล์ที่ชื่อว่า... ถ้าสมมติครั้งหน้ามา ครั้งหน้ามา

01:31:30.000 --> 01:31:35.860
ปิดแล้วเปิดใหม่อีกครั้งนะคะ เพื่อรู้วิธีเปิดไฟล์ด้วยเหมือนกัน

01:31:37.619 --> 01:31:40.902
ให้เด็ก ๆ ปิดโปรแกรม Sublime Text เสียก่อน

01:31:41.664 --> 01:31:42.762
เดี๋ยวเราเทสต์

01:31:44.346 --> 01:31:48.151
อันนี้เสร็จแล้วเราจะพอนะคะ ของสัปดาห์นี้

01:31:49.500 --> 01:31:56.074
พอบอกให้ไปเปิด Sublime Text ให้เด็ก ๆ ไปที่ไหนคะ C: ใช่ไหมคะ

01:31:56.543 --> 01:32:02.942
C: แล้วหาโลโก้ Sublime Text นะคะ วิธีการ

01:32:10.450 --> 01:32:15.152
ให้เด็ก ๆ Click ขวาที่ตัวนี้ ครั้งหน้าจะได้ไม่ต้องเข้ามาหา

01:32:15.152 --> 01:32:19.908
แล้วเลือกคำว่า Pin to Start เห็นหรือเปล่าลูก

01:32:22.137 --> 01:32:28.383
คลิกขวาที่โลโก้ Sublime Text น่ะค่ะ แล้วเลือก Pin to Start

01:32:30.553 --> 01:32:35.709
มันเอามาไว้ไหน ไม่ขึ้นหรือ

01:32:52.308 --> 01:32:54.431
จะปิดอย่างไรนี่

01:32:56.191 --> 01:32:58.410
อันไหนไม่ใช่จะปิดก่อนนะ

01:33:06.094 --> 01:33:09.472
ทำไมตัวนี้ไม่ล็อกให้ Pin to Start

01:33:10.059 --> 01:33:14.635
เราอยากเอามันไว้ที่หน้า Desktop เรามากเลย

01:33:18.154 --> 01:33:20.435
Show more options เดี๋ยวก่อน

01:33:24.541 --> 01:33:25.812
Properties

01:33:32.440 --> 01:33:35.242
ไม่ขึ้นแฮะ

01:33:44.451 --> 01:33:50.027
ถ้าไม่หาในเครื่อง ก็อยากให้มันขึ้นตรงนี้

01:33:55.775 --> 01:34:00.631
Windows นี้ ขึ้นตรงไหนนี่ เห็นไหมคะ

01:34:01.159 --> 01:34:06.126
ถ้าเลือก Pin to Start Sublime Text มันจะมาโผล่ตรงนี้เสมอ

01:34:06.126 --> 01:34:11.198
เวลาเราเปิดเราไม่ต้องเข้าไปลึกน่ะ ไม่ต้องมาเปิดโฟลเดอร์นึกออกไหม

01:34:12.958 --> 01:34:16.169
ใครไม่ขึ้นตรงนี้บ้าง ของใครไม่ขึ้นตรงนี้

01:34:17.459 --> 01:34:23.759
คืออันนี้มัน Windows 11 นะ แม่ก็ไม่ค่อยชินใช้มันเหมือนกัน

01:34:24.463 --> 01:34:29.229
ถ้าเป็น Windows 10 มันจะขึ้นตรงนี้นะ พอเปิดตรงนี้มันจะขึ้นมาตรงนี้ไง

01:34:29.229 --> 01:34:37.192
พอเป็น Windows 11 นี่ เห็นไหมคะ Logo ของ Sublime Text จะต้องมาอยู่ตรงนี้

01:34:37.192 --> 01:34:40.599
ของใครยังไม่ขึ้นมาอยู่ตรงนี้ยกมือ

01:34:42.769 --> 01:34:44.610
ขึ้นหมดทุกคนแล้วหรือ

01:35:36.580 --> 01:35:41.932
เพราะฉะนั้น ครั้งหน้ามา ให้เปิดจากตรงนี้ได้เลยนะเด็ก ๆ นะ

01:35:41.932 --> 01:35:48.758
เราก็มาเปิดที่นี่ได้เลยนะคะ เปิดค่ะ

01:35:48.758 --> 01:35:52.325
อะไรนี่ ขึ้นอะไรอีกแล้ว Microsoft PowerPoint

01:35:52.736 --> 01:35:54.793
ไม่บันทึก

01:35:55.731 --> 01:36:00.370
เราก็เปิดโปรแกรม Sublime Text จากตรงนี้ได้เลยนะคะ

01:36:01.836 --> 01:36:08.835
ตรงนี้ ถ้ามันขึ้นมาอีกคลิก Cancel ไปเลยนะลูก เพราะเราเวอร์ชันใหม่ล่าสุดแล้ว

01:36:10.360 --> 01:36:23.181
ก็คือถ้าเรามีโปรแกรมที่เขียนไว้แล้วนะคะ เราก็คลิกที่ Open File แทน

01:36:23.768 --> 01:36:26.800
แล้วก็เลือก อยู่ไหนคะ

01:36:27.504 --> 01:36:32.292
ในโฟลเดอร์ที่เราเก็บไว้ใช่ไหม ไหนล่ะ

01:36:35.694 --> 01:36:42.652
โฟลเดอร์ชื่อของเราน่ะ เราก็เลือกไฟล์นั้นขึ้นมานะคะ ไฟล์ test ให้เด็ก ๆ

01:36:43.473 --> 01:36:45.805
คลิกเพื่อเปิดไฟล์ test ของตัวเอง

01:36:49.852 --> 01:36:56.452
1. เงื่อนไขของการเขียนโค้ดใน Sublime 1. นะคะ

01:36:56.452 --> 01:37:05.569
บรรทัดแรกนี่ ให้เด็ก ๆ นี่ใส่ Comment หรือเครื่องหมาย # น่ะ ไหนล่ะ

01:37:13.429 --> 01:37:17.583
ทีนี้ ตรง Comment นี่ บอกแล้วว่าเป็นภาษาไทยก็ได้

01:37:17.583 --> 01:37:23.441
ภาษาอังกฤษก็ได้ ทดสอบโปรแกรม พิมพ์คำว่า "ทดสอบโปรแกรม"

01:37:23.441 --> 01:37:29.298
ใส่เครื่องหมาย ทีนี้ถ้าตัวอักษรมันเล็กนะ

01:37:30.000 --> 01:37:41.021
เดี๋ยวเปิด เปิด PowerPoint ก่อน สิ่งที่เด็ก ๆ จะต้องดูต่อไปนะคะ

01:37:45.000 --> 01:37:48.397
เวลาเราใช้ Sublime Text แล้ว

01:37:49.042 --> 01:37:52.134
เห็นไหม ขนาดของตัวอักษรมันเล็กนี่

01:37:52.544 --> 01:37:58.933
เราจะเพิ่มนะคะ ขนาดให้ใหญ่ขึ้น ให้เด็ก ๆ กด Ctrl แล้วตามด้วยเครื่องหมาย +

01:37:58.933 --> 01:38:06.679
ดูนะคะในของแม่นี่ เห็นไหม เล็กน่ะ มองไม่เห็น ทำอย่างไรกดปุ่ม Ctrl

01:38:06.679 --> 01:38:08.759
แล้วตามด้วยเครื่องหมาย +

01:38:10.812 --> 01:38:13.090
เห็นไหม เลข 1 จะใหญ่ขึ้น

01:38:16.173 --> 01:38:21.888
ใส่ # นะคะ Comment เพื่อให้เห็น เห็นไหมคะ

01:38:21.888 --> 01:38:27.286
ถ้ามันใหญ่ไป อยากลดขนาดตัวอักษร ก็กด Ctrl แล้วก็ตามด้วยเครื่องหมาย -

01:38:28.811 --> 01:38:38.467
เห็นไหมคะ ทดสอบ ทดสอบ Sublime จะพิมพ์ภาษาไทยก็เปลี่ยนแป้นพิมพ์นะ

01:38:38.467 --> 01:38:47.353
ทดสอบบอกแล้วว่า Hashtag หรือ Comment นี่ ใช้เพื่อเอาไว้ให้เราอธิบายนะคะ

01:38:47.353 --> 01:38:53.864
ทดสอบโปรแกรมในบรรทัดที่ 1 นี่ ควรมีตัวนี้เสมอ

01:38:58.791 --> 01:39:02.793
ใน Sublime มันจะมีหมายเลขบรรทัด ขึ้นมาให้เสมอเห็นไหมคะ

01:39:03.614 --> 01:39:13.838
แล้วพอกด Enter มันจะเป็นคำสั่งในบรรทัดที่ 2 ในบรรทัดที่ 2 สิ่งที่เราจะต้องพิมพ์เสมอนะคะ

01:39:13.838 --> 01:39:25.004
ถ้าใช้เราจะเขียนเกมนี้ ก็คือเราจะต้องพิมพ์คำสั่ง import pygame มาดูวิธีการพิมพ์

01:39:25.415 --> 01:39:31.480
i เปลี่ยนเป็นภาษาอังกฤษนะคะ i-m ปุ๊บ

01:39:32.477 --> 01:39:43.515
p-o-r-t เห็นไหม ถ้าเป็น Sublime Text นี่ ตัวไหนเป็นโปรแกรมสีมันจะเปลี่ยน

01:39:43.515 --> 01:39:51.236
เห็นไหมคะ import อะไร import ก็คือนำเข้า ความหมาย คือ นำเข้า ก็คือ

01:39:51.705 --> 01:40:02.071
สั่งให้โปรแกรมไปนำเข้าอะไร p-y-g-a-m-e เอ้ย m-e นะคะ

01:40:02.775 --> 01:40:09.324
เราจะต้องบอก Sublime ให้รู้ว่าเราจะไปเรียกใช้ Library

01:40:09.324 --> 01:40:15.479
ที่ชื่อ Pygame นั่นเอง หรือให้มันเข้าไปใช้งาน Library

01:40:16.066 --> 01:40:23.445
ใน Library Pygame นั่นเองนะคะ เสร็จแล้วกด Enter

01:40:28.255 --> 01:40:34.503
เวลาเขียนโปรแกรม ถ้าเด็ก ๆ ดูตัวเล็ก ๆ มันก็จะไม่เห็นใช่ไหม

01:40:34.503 --> 01:40:40.733
ว่าเราพิมพ์ถูกหรือพิมพ์ผิด เห็นไหม วิธีขยายก็คือ Ctrl + + ใช่ไหมคะ

01:40:40.733 --> 01:40:46.364
Ctrl + + ลดขนาดตัวอักษร Ctrl - - เห็นไหมคะ

01:40:46.364 --> 01:40:51.172
ลองกดได้นะคะ ตัวใหญ่-ตัวเล็ก สิ่งต่อมา

01:40:52.286 --> 01:41:01.227
บรรทัดที่ 3 ก็คือคำสั่งที่เราจะใช้ อันนี้เราแค่ Test ก็เลยจะใช้แค่คำสั่ง print ก็พอนะคะ

01:41:01.227 --> 01:41:07.271
print ใน Python ก็คือให้แสดงผลนะคะ อันนี้เทสต์เฉย ๆ

01:41:08.385 --> 01:41:10.626
p-r-i

01:41:17.723 --> 01:41:23.179
print เห็นไหมคะ ตามด้วยอะไร เครื่องหมายอะไรคะ รูปแบบ

01:41:23.179 --> 01:41:27.538
print แล้วก็ตามด้วยเครื่องหมายวงเล็บ ก็คือฟังก์ชัน print นั่นเองนะคะ

01:41:28.476 --> 01:41:35.369
ในวงเล็บนะคะ ถ้าต้องการให้แสดงข้อความคำพูด Single Quote หรือ Double Quote ก็ได้

01:41:40.061 --> 01:41:46.065
พิมพ์คำว่า "Test Program" Test Program นะคะ

01:41:48.118 --> 01:41:51.700
ถ้าใครจะพิมพ์ภาษาไทย ก็พิมพ์ “ทดสอบโปรแกรม”

01:41:51.700 --> 01:41:55.991
ถ้าใครจะพิมพ์ภาษาอังกฤษ ก็พิมพ์คำว่า “Test program” นะคะ

01:41:57.633 --> 01:42:02.731
บอกแล้วว่าอะไรที่อยู่ในเครื่องหมาย Single Quote หรือ Double Quote

01:42:02.731 --> 01:42:07.479
ก็คือข้อความสามารถพิมพ์ได้ทั้งภาษาไทย ภาษาอังกฤษ

01:42:11.409 --> 01:42:19.756
แต่ทีนี้เวลาเราจะ Run ด้วย Sublime นี่นะคะ วิธี Run โปรแกรม Sublime นะคะ

01:42:23.393 --> 01:42:26.771
ให้ไปที่เมนูที่ชื่อว่า

01:42:29.000 --> 01:42:34.462
"ทดสอบโปรแกรม" นะ ใน Sublime นี่นะคะ เด็ก ๆ จะเห็นตัวนี้

01:42:43.964 --> 01:42:51.264
ไปที่แถบเครื่องมือที่ชื่อว่า "Tools" T-o ตัว T นี่ ที่มีตัว T เห็นไหมลูก

01:42:51.733 --> 01:42:59.862
T-o-o-l-s Tools Tools Tools Tools นะคะ Tools

01:43:01.094 --> 01:43:02.699
แล้วเลือก

01:43:20.061 --> 01:43:23.062
เห็นไหมคะ เลือกที่ Build

01:43:25.349 --> 01:43:30.027
System Build System เห็นหรือยัง

01:43:34.778 --> 01:43:36.909
แล้วไปไหนต่อ

01:43:37.977 --> 01:43:43.598
ตรง Build System ให้มาที่ตำแหน่ง Python นะคะ

01:43:45.244 --> 01:43:52.233
อันนี้ต้องจำนะคะครั้งหน้า พอบอกว่า Run โปรแกรม หรือ Test โปรแกรมปุ๊บนี่นะคะ

01:43:52.233 --> 01:43:54.863
ให้เด็ก ๆ เลือก Build System

01:43:54.863 --> 01:44:00.110
แล้วก็เลือก Python หาคำว่า "Python" ให้เจอเสมอ

01:44:00.697 --> 01:44:03.289
แล้วกดคลิก 1 ครั้ง

01:44:23.876 --> 01:44:26.327
Build System เลือก Python เสร็จนะคะ

01:44:26.797 --> 01:44:30.982
เราก็จะเปิด Tools อีกครั้งหนึ่ง แล้วกด Build

01:44:31.803 --> 01:44:35.927
เด็ก ๆ  จำ Shortcut ไว้นะคะ

01:44:36.807 --> 01:44:43.233
Ctrl + B ถ้าบอกว่าให้กด Ctrl + B เมื่อไหร่

01:44:48.453 --> 01:44:53.380
เห็นไหม มันจะขึ้นหน้าต่างนี้มา เห็นไหมคะ ของใครไม่ขึ้น

01:44:55.081 --> 01:45:02.643
ใครไม่ขึ้นยกมือ ขึ้นนะคะ ตรง Ctrl + B นี้ สิ่งที่เราจะต้องทำต่อไป

01:45:13.728 --> 01:45:15.968
มันขึ้นไหมนี่ เมื่อกี้นี่

01:45:17.669 --> 01:45:19.465
อยู่ข้างล่างหรือ

01:45:31.908 --> 01:45:37.030
แล้วให้กด Enter นะคะ พอกด Ctrl + B แล้วเด็ก ๆ กด Enter

01:45:37.030 --> 01:45:43.232
เดี๋ยวจะให้ดูผลย่อก่อน ย่อก่อน

01:45:44.229 --> 01:45:49.092
เห็นไหมคะ คำว่า "Test Program" นี่เห็นไหม

01:45:49.620 --> 01:45:56.562
จะขึ้นมา จะแสดงตัวนี้ขึ้นมา คำสั่ง Ctrl + B นะคะ

01:45:56.562 --> 01:45:58.966
พอเด็ก ๆ กด Ctrl + B ปุ๊บ

01:46:01.194 --> 01:46:06.060
เมื่อกี้ครั้งแรกนี่ ต้องกด Enter ก่อน แต่พอครั้งต่อมามันไม่ต้องกดนะคะ

01:46:06.353 --> 01:46:11.486
ลองเปลี่ยน Test Program เป็น... เดี๋ยวเปลี่ยนข้อความนะคะ

01:46:13.070 --> 01:46:15.951
ให้ดูจะได้เห็น

01:46:21.758 --> 01:46:27.876
เดี๋ยวจะกด Ctrl + B ให้ดูนะคะ ครั้งที่ 1 จะต้องกด Enter แต่พอครั้งต่อมา

01:46:28.228 --> 01:46:30.089
ไม่ต้องกดแล้วนะคะ เห็นไหม

01:46:30.969 --> 01:46:34.662
คำว่า "สวัสดีทุก ๆ คน" จะขึ้นมา เห็นหรือเปล่าคะ

01:46:35.776 --> 01:46:41.786
ข้อความของเราก็จะแสดง เพราะให้แสดงข้อความ… อุ้ย เดี๋ยว

01:46:45.305 --> 01:46:52.376
นั่นก็คือพอครั้งหน้ามา พอบอกให้กด Run Program นี่

01:46:52.376 --> 01:46:57.987
ให้เด็ก ๆ กด Ctrl + B เลยนะคะ จำ Shortcut ไว้ Ctrl แล้วก็…

01:46:58.339 --> 01:47:01.825
กดปุ่ม Ctrl แล้วก็ตามด้วยเครื่องหมาย B เห็นไหม

01:47:02.118 --> 01:47:05.988
"สวัสดีทุก ๆ คน" ก็จะเปลี่ยนไปตามนี้นะคะ

01:47:06.633 --> 01:47:10.797
นี่คือการทำงานของตัว

01:47:12.733 --> 01:47:21.778
โปรแกรม Sublime นะคะ คือสิ่งที่ เด็ก ๆ ห้ามลืมก็คือบรรทัดที่ 1 กับบรรทัดที่ 2

01:47:22.599 --> 01:47:25.309
จะต้องพิมพ์ด้วยตัวนี้เสมอ

01:47:25.309 --> 01:47:30.966
ส่วนบรรทัดที่ 3 จะเป็นโปรแกรม ซึ่งในครั้งหน้าเราจะมาเริ่มนะคะ

01:47:32.784 --> 01:47:36.856
สำหรับครั้งนี้โอเคค่ะ ทีนี้

01:47:41.490 --> 01:47:47.283
ในสัปดาห์ที่แล้ว ตอนที่ก่อนจะเข้าห้องนะคะ

01:47:47.283 --> 01:47:51.952
บอกแล้วว่าโปรแกรมที่เราจะทำนะคะ เดี๋ยวเปิดให้ดู

01:48:04.680 --> 01:48:11.851
เมื่อใครเสร็จแล้วนะคะ กด File Save

01:48:13.493 --> 01:48:15.755
Save ไว้ก่อน Save เก็บไว้ก่อน

01:48:16.166 --> 01:48:19.256
ครั้งหน้ามาดูจำไว้ว่า 2 บรรทัดนี้

01:48:19.667 --> 01:48:25.614
จะต้องมีเสมอนะคะ เสร็จแล้วก็ปิดได้ ปิด Sublime นะคะ

01:48:27.550 --> 01:48:31.259
ทีนี้ให้ดูโปรแกรม Pygame ตัวอย่าง…

01:48:33.253 --> 01:48:35.534
เช่น ๆ ๆ

01:48:36.766 --> 01:48:38.532
เอาเกมอะไรดี

01:48:40.585 --> 01:48:45.726
PYDEWVALLEY นี่มันทำ… เกมนี้มันทำอะไร เปิดให้ดูก่อนนะคะ

01:48:46.488 --> 01:48:51.041
มันจะมี... ถ้าเราเข้าคำว่า "Pygame" นะเด็ก ๆ

01:48:53.856 --> 01:48:55.264
นะคะ

01:49:00.015 --> 01:49:01.710
นี่ เข้าไปที่หน้านี้

01:49:06.168 --> 01:49:14.021
นี่เขาจะมีเกมตัวอย่างให้ดูว่าอย่างนั้นเถอะนะคะ เช่น เหมือนเกมนี้เปิดได้หรือเปล่าไม่รู้

01:49:16.367 --> 01:49:22.444
PROJECT TRUNK ว่างั้นนิ ไปที่โฮมเพจ

01:49:23.206 --> 01:49:26.179
ลองเปิดดูนะคะ เดี๋ยวจะลองเปิดดู

01:49:29.639 --> 01:49:31.394
ดูว่าเกมนี้มันเล่นอย่างไร

01:49:34.092 --> 01:49:39.851
อ๋อ ยิง ยิงปลา ยิงสัตว์ทะเลนั่นเอง

01:49:39.851 --> 01:49:41.486
เห็นไหม

01:49:41.486 --> 01:49:49.248
หลักของเกมที่เราจะทำ 1. เราจะต้องมีอะไรคะ Background หรือพื้นหลังของเกมนั้น ๆ ใช่ไหม

01:49:49.600 --> 01:49:57.505
2. มีอะไรคะ มีไอ้เจ้าตัวนี่ ตัวเกมนี่ ตัวที่จะเป็นตัวเดินเรื่องใช่ไหม

01:49:58.561 --> 01:50:05.859
แล้วก็มีวิธีการในการอะไรล่ะ เดินใช่ไหมคะ กระโดด

01:50:06.739 --> 01:50:11.837
เห็นไหมคะ หรือยิงใช่ไหม กดอะไรยิง กดปุ่มไหนยิงใช่ไหม

01:50:11.837 --> 01:50:16.728
กดปุ่มไหนเด็กมันเดิน... เอ้ย ตัวเกมมันเดิน กระโดดขึ้นเห็นไหม

01:50:17.021 --> 01:50:25.956
เราจะใช้คำสั่งไหน ทีนี้สิ่งแรกที่อยากให้หา คือ 1.

01:50:28.243 --> 01:50:32.082
เด็ก ๆ จะต้องหา Background

01:50:33.196 --> 01:50:39.276
นึกออกไหม ก็คือถ้าเราไม่วาด Background เพื่อใช้งานเกมเอง

01:50:39.276 --> 01:50:41.799
เหมือนอย่างนี้เขาน่าจะไปทำเองนี่

01:50:42.151 --> 01:50:45.000
เราก็ต้องหา Background ที่จะใช้ประกอบ

01:50:45.000 --> 01:50:51.601
สมมติ ถ้าสมมติ เหมือนเราจะทำเกม ไอ้ใต้ทะเลแบบนี้ เหมือนเขาน่ะ

01:50:53.419 --> 01:50:58.493
เกมยิงปลาใช่หรือเปล่า เด็ก ๆ ก็ต้องมีภาพ

01:50:59.666 --> 01:51:07.221
ใต้ท้องทะเลถูกต้องไหมครับ เพราะฉะนั้น เราก็ต้องไปหา Search Background นะคะ

01:51:12.442 --> 01:51:18.681
บอกแล้วว่า เพื่อไม่ให้ติดปัญหาลิขสิทธิ์ เวลา Search นำภาพ

01:51:18.681 --> 01:51:24.343
Background หรือว่ารูปต่าง ๆ ไปใช้นี่ เด็ก ๆ ก็ควรจะ Search ที่คำว่าอะไรคะ

01:51:24.343 --> 01:51:31.642
f-r-e-e ใช่ไหม free free อะไร ต้องให้บอกว่า free download ได้ด้วยนะคะ

01:51:32.698 --> 01:51:40.848
w-n-l-o-a-d เราจะได้ไม่ติดปัญหาลิขสิทธิ์นะ

01:51:40.848 --> 01:51:45.091
ดาวน์โหลดอะไร ใส่คำว่า “background” เลย จำเพาะเจาะจง

01:51:46.205 --> 01:51:48.756
b-a-c-k back

01:51:49.107 --> 01:51:57.325
ground g-r-o-u-n-d สมมติ สมมตินะคะ สมมติอยากได้

01:51:57.736 --> 01:52:05.166
Background มหาสมุทรหรือทะเล Ocean O-c-e

01:52:10.210 --> 01:52:15.516
เราก็ไปที่ค้นรูป ทีนี้ บางทีพอค้น แล้วมันเป็นเหมือนภาพถ่าย

01:52:15.516 --> 01:52:21.697
เราอยากได้ภาพที่เป็นเหมือนลักษณะของภาพการ์ตูนหรือภาพลายเส้น

01:52:21.697 --> 01:52:24.161
เราจะต้องใส่เครื่องหมาย +

01:52:24.982 --> 01:52:31.292
แล้วก็ตามด้วยคำว่า "vector" v-e-c-t-o-r เสมอ

01:52:34.401 --> 01:52:38.550
อันนี้ก็ได้นะ ทะเล้ ทะเล ทะเล้ ทะเล

01:52:42.128 --> 01:52:46.423
เน็ตหลุดหรือ หรือเอาภาพนี้

01:52:47.479 --> 01:52:50.354
ภาพนี้ก็ใช้ได้เหมือนกันนะ

01:52:52.466 --> 01:53:00.337
นึกออกนะ ภาพใต้ทะเลนะ อ๋อ มันเปิด มันเล่นเปิดให้คนละหน้าต่างเลย นี่เห็นไหม

01:53:01.862 --> 01:53:06.670
เหมือนเราอยากได้ภาพท้องทะเลด้านล่างอย่างนี้นะคะ

01:53:08.488 --> 01:53:12.128
นี่ก็คลิกเข้าชม เขาบอกให้เข้าชม

01:53:19.633 --> 01:53:25.713
เห็นไหมคะ ให้ free download เท่านั้นนะเด็ก ๆ หาที่มันขึ้นคำว่า "Free" น่ะ

01:53:25.713 --> 01:53:30.495
มันจะช่วยได้เยอะเลย มันไปเปิดหน้าต่างใหม่ตลอดเลย

01:53:32.196 --> 01:53:36.628
เห็นไหม เราก็จะเข้าไปเลือกได้นะ

01:53:56.981 --> 01:54:01.389
ให้เด็ก ๆ หา Background นะคะ ไว้อย่างน้อย

01:54:04.204 --> 01:54:10.168
สัก 3 อัน เผื่อไว้ เผื่อไว้ เผื่อเลือก เผื่อมาให้แม่ช่วยดู

01:54:10.168 --> 01:54:16.707
เพราะบางทีเหมือนมันกว้างเกินไป เล็กเกินไปอะไรอย่างนี้นะคะ ลองหาไว้นะคะ

01:54:16.707 --> 01:54:25.124
เป็นอะไร เอ้า เช่น ถ้าเราทำเกมทะเลทราย Background เราก็ควรเป็นทะเลทราย

01:54:25.124 --> 01:54:32.662
ถ้าเราทำเกมเกี่ยวกับป่า Background มันก็ควรจะเป็นป่านะ

01:54:33.307 --> 01:54:38.417
ถ้าเกมเป็นแบบภูเขา ก็มีภูเขาอะไรอย่างนี้

01:54:38.417 --> 01:54:44.593
ก็คือเลือก Background ที่มันจะสอดคล้อง กับลักษณะเกมที่เราจะทำ ให้นึกถึงนะ

01:54:44.593 --> 01:54:50.382
เหมือน... เหมือนเมื่อกี้ตัวอย่างเกม เขาเป็นเกมใต้ทะเลใช่ไหม

01:54:50.910 --> 01:54:53.640
แม่ก็เลยบอกว่า เอ้า อย่างนั้นเราลองค้น

01:54:54.285 --> 01:54:59.511
รูปใต้ทะเลพวกนี้ขึ้นมาดูนะคะ คือ

01:55:02.796 --> 01:55:08.628
เรามือสมัครเล่น เรายังวาดไม่สวย เราก็ไปขอยืมเขามาใช้ว่าอย่างนั้นเถอะ

01:55:09.097 --> 01:55:12.616
สิ่งที่จะต้องทำต่อมา

01:55:16.898 --> 01:55:21.881
ไอ้เกมตัวนี้ ไอ้ตัวเกมนี่มันจะดุ๊กดิ๊กได้นี่

01:55:23.758 --> 01:55:28.977
เด็ก ๆ ต้องหาภาพที่มันเป็นภาพต่อเนื่องนะคะ

01:55:33.787 --> 01:55:40.294
เขามีให้ไหม บอกแล้วนะว่า Pygame มันเป็น... พวกนี้ส่วนใหญ่มันเป็น Open-Source น่ะ

01:55:40.294 --> 01:55:45.355
บางทีเขาก็จะมีให้ดาวน์โหลดอย่างนี้เห็นไหมคะ Download Now

01:55:47.760 --> 01:55:51.602
หรือไปที่ Development log อย่างนี้นะคะ

01:55:52.013 --> 01:55:54.252
แล้วบางทีเขาก็จะมีบอกว่า

01:55:56.364 --> 01:56:03.560
Get PROJECT TRUNK เลือก  Project นี้มา แล้วดาวน์โหลดก็ได้ อย่างนี้นะคะ

01:56:03.560 --> 01:56:12.497
หรือบางทีเราไม่อยากได้ทั้งหมดน่ะ เราอยากได้แค่เฉพาะตัวละคร เราก็ลองหาดู

01:56:12.497 --> 01:56:15.098
อาจจะเอาตัวอื่นก็ได้

01:56:15.626 --> 01:56:17.461
มีอะไรอีกบ้าง

01:56:19.279 --> 01:56:21.566
ขอดูนะครับขอดู

01:56:24.205 --> 01:56:29.759
แต่ทีนี้ที่จะทำแบบแรก ก็คือเราจะทำเกม แบบที่มี Background แล้วก็

01:56:30.991 --> 01:56:36.194
ทำให้ตัวเกมเรามันขยับได้ กระโดดได้

01:56:36.194 --> 01:56:41.326
ยิงปืนเดี๋ยวตามมา มันต้องเคลื่อนไปข้างหน้า-ข้างหลังได้ ถูกไหม

01:56:41.737 --> 01:56:47.097
มันต้องเดินเป็นน่ะ เราให้เกมเรามันเดินได้น่ะ นะ

01:57:13.422 --> 01:57:19.508
นี่ ให้ไอ้ตัวเกมมันกระดุ๊กกระดิ๊กได้ เดินได้นี่นะคะ

01:57:20.564 --> 01:57:24.679
นี่ มีวัตถุหล่นลงมานี่ เราจะทำอย่างไร

01:57:25.090 --> 01:57:35.723
นี่ให้ไอ้ตัวหลักเรานี่ สิ่งที่จะต้องหาต่อ ก็คือตัวที่ 2 ตัวเกม ตัวเดินเกมของเรานี่นะคะ

01:57:41.010 --> 01:57:46.676
อันนี้ Background สมมติหา Background ได้แล้ว อย่างน้อย 3 ภาพ เหมือนที่บอกนะ

01:57:46.676 --> 01:57:49.402
สิ่งที่เราจะต้องหาต่อมาก็คือ

01:58:17.908 --> 01:58:19.405
มันเล็กจังวะ

01:58:28.848 --> 01:58:37.992
เรียกว่าอะไรล่ะ คือ ถ้าใครวาดรูปเป็นก็ไปวาดนะ ถ้าใครวาดไม่เป็น นี่เหมือน...

01:58:39.458 --> 01:58:48.475
เหมือนตัวการ์ตูนที่เราจะใช้นี่ มันให้มันเดินได้นี่ เห็นไหม ตำแหน่งยืน ท่าของตัวการ์ตูนมันจะเปลี่ยน

01:58:48.475 --> 01:58:52.018
ในสิ่งที่เขาเรียกว่า "Sprite Sheet” น่ะค่ะ

01:58:52.605 --> 01:58:57.325
ก็คือมันจะต้องมีลักษณะท่าทาง การเคลื่อนไหวของมันน่ะ

01:58:57.853 --> 01:58:59.641
นะ เหมือนเราจะเอาตัวนี้

01:59:01.342 --> 01:59:03.721
วิ่ง ๆ ๆ อย่างนี้ ให้มันวิ่งเห็นไหม

01:59:04.718 --> 01:59:06.720
เห็นไหมรูปมันเปลี่ยนนี่

01:59:09.829 --> 01:59:17.221
เราจะต้องหาไฟล์ที่เป็นลักษณะ เขาเรียก “Sprite Sheet”

01:59:17.221 --> 01:59:22.448
หรือเป็นภาพที่มีนี่ การเคลื่อนไหวต่อเนื่องแบบนี้ นึกออกนะ

01:59:23.093 --> 01:59:25.963
อย่างนี้ก็ได้ นินจาอย่างนี้

01:59:27.371 --> 01:59:29.524
หรือโซนิกเห็นไหม

01:59:31.166 --> 01:59:34.611
หรือทำเพนกวิน ใครชอบสัตว์

01:59:34.611 --> 01:59:41.296
ก็คือให้ลักษณะของตัว... เห็นไหมคะ มันมีภาพหลาย ๆ อันต่อเนื่องกัน

01:59:41.296 --> 01:59:43.225
เขาเรียก “Sprite Sheet” นี่

01:59:43.929 --> 01:59:49.340
ของตัวการ์ตูนเคลื่อนไหวนี่นะคะ แต่อย่าลืมว่าให้เลือกฟรีนะลูก

01:59:49.340 --> 01:59:58.256
ให้หาที่เป็นฟรี อย่างน้อย 1 ตัวใช่ไหม เราจะใช้อย่างน้อย 1 ตัวก่อน

01:59:58.901 --> 02:00:05.355
แต่ถ้าวาดเป็น เราก็ไปวาดเอาเองได้นะคะ เลือก เลือกจะเอาแบบไหน เลือกเอา

02:00:05.942 --> 02:00:14.568
อย่าลืมกฎ ก็คือให้หาที่มันเป็น Free ด้วย Free Sprite Sheet ด้วยนะ เสียเงินไม่เอานะครับ

02:00:16.093 --> 02:00:20.450
เพราะฉะนั้น การบ้าน

02:00:20.450 --> 02:00:23.752
สัปดาห์หน้าถ้าจะเข้าห้องเรียน

02:00:23.752 --> 02:00:32.659
สิ่งที่เด็ก ๆ จะต้องมีก็คือ File Background อย่างน้อยเท่าไรครับ 3 ใช่ไหม 3 รูป

02:00:33.480 --> 02:00:43.876
ให้เลือกมา Background คนละแบบกัน จะได้ เพราะจะดูกับไอ้ตัวการ์ตูนที่เด็ก ๆ จะเอามาลงน่ะ

02:00:44.537 --> 02:00:50.439
เช่น อยากเล่นเป็นอะไรล่ะ เป็นคาวบอยเหรอ ถ้าคาวบอยมันก็น่าจะเป็น

02:00:50.732 --> 02:00:54.360
ฉาก หรือ Background มันก็น่าจะเป็นเกี่ยวกับอะไรนะ

02:00:55.122 --> 02:01:02.599
ทะเลทรายใช่ไหมหรือ... หรืออะไรล่ะ โรงนาอะไรอย่างนี้ พวกนี้ ให้มันสอดคล้องน่ะ

02:01:02.599 --> 02:01:11.043
นึกออกนะ เพราะฉะนั้น ถ้าเด็ก ๆ เลือกตัวการ์ตูน ลักษณะที่เป็นอะไรล่ะ

02:01:11.571 --> 02:01:15.000
ถ้ามังกร พวกมังกรมันก็น่าจะอยู่ในไหน

02:01:15.000 --> 02:01:20.209
ภูเขา ลักษณะ Background ควรจะเกี่ยวข้องกับภูเขาอะไรอย่างนี้ นึกออกนะ

02:01:20.209 --> 02:01:24.526
ให้มันสอดคล้องน่ะค่ะ เพราะฉะนั้นเลือกมาสัก 2-3

02:01:25.347 --> 02:01:28.946
หรือถ้าเลือกเป็นสัตว์ เราเลือกเป็นสัตว์

02:01:38.565 --> 02:01:46.757
นี่ หรือเป็นป่าอย่างนี้ ทำลักษณะ Background เป็นต้นไม้อะไรอย่างนี้มาก็ได้นะคะ

02:01:46.757 --> 02:01:53.130
แล้วมาจัดวางก็ได้นะ เหมือนหมี ให้หมีเดินป่าหาน้ำผึ้งอะไรอย่างนี้

02:01:53.717 --> 02:01:58.819
ก็คือเลือกองค์ประกอบของ Background ให้มันสอดคล้องกับตัว... ตัว...

02:01:58.819 --> 02:02:02.963
ตัวเกมที่เราจะเอามาลงนั่นเองนะคะ ลองเลือกมานะคะ

02:02:02.963 --> 02:02:10.124
เกมนี่เลือกตัวเดียวก่อนก็ได้ แล้วครั้งต่อไป อยากเปลี่ยนเป็นตัวไหนก็ค่อยเอานะคะ

02:02:10.124 --> 02:02:14.290
มีใครไม่เข้าใจงานที่สั่งวันนี้บ้าง

02:02:14.759 --> 02:02:18.472
สมมติถ้าใครจะเอามนุษย์อวกาศก็เอาไอ้ตัวนี้

02:02:20.232 --> 02:02:28.754
อย่าลืมนะว่าฟรีเท่านั้นนะคะ เด็ก ๆ ให้ดูที่มันขึ้นว่า Free Backgroundนะคะ เด็ก ๆ

02:02:29.516 --> 02:02:31.477
นี่ ถ้าอย่างนี้

02:02:32.005 --> 02:02:35.960
ไปไหนล่ะ นี่ ๆ ๆ พอคลิกเข้าไปปุ๊บ

02:02:39.772 --> 02:02:41.357
เข้าชมสิ

02:02:42.061 --> 02:02:44.568
นี่ เห็นไหม มันจะติด Free

02:02:45.272 --> 02:02:52.177
ถ้าอย่างนี้ไม่ติดฟรีนี่ เขาขาย เราก็เลือกไอ้ที่มันเป็น Free เสีย มาใช้งาน นึกออกนะ

02:02:52.646 --> 02:02:57.943
โอเคนะคะ เข้าใจนะคะ นี่เหมือนตัวนี้ ลักษณะเกมเจ้าหมีเดิน

02:02:57.943 --> 02:03:06.504
เห็นไหมมี Background ด้วย มีตัว… ตัวเป็นเด็ก อะไรนี่ ลูกเสือ ลูกเสือเดินเห็นไหม

02:03:06.504 --> 02:03:12.454
เห็นไหมคะ ฉากมีข้ามแม่น้ำอะไรอย่างนี้ ใช้อย่างนี้ก็ได้

02:03:12.454 --> 02:03:15.460
หรือจะเอาฉากเดินป่าอย่างนี้ก็ได้

02:03:15.753 --> 02:03:20.174
นี่เดินอยู่ในป่าอย่างนี้นะคะ

02:03:21.992 --> 02:03:24.714
นี่เหมือนกวางเดินนี่

02:03:25.711 --> 02:03:30.564
นี่ หรือรูปนี้นะคะ เอามาใช้ หรืออย่างนี้ก็ได้

02:03:35.667 --> 02:03:38.227
เหมือนเดินแล้วฉากมันเปลี่ยน

02:03:38.227 --> 02:03:42.226
จากตอนเช้าเป็นตอนกลางวัน เลือกมาแบบนั้นก็ได้ นึกออกนะ

02:03:42.226 --> 02:03:45.579
เดินไปเรื่อย ๆ อ้าวมืดแล้วอะไรอย่างนี้นะคะ

02:03:46.341 --> 02:03:49.935
นี่เดินแล้ว เอ๊ย มีข้ามสะพานด้วย

02:03:51.871 --> 02:03:57.016
หลักก็คืออย่าลืม Free เท่านั้นนะคะที่เราต้องการ

02:03:57.309 --> 02:04:04.041
โอเคนะคะ จะต้องได้ Background กับตัวเกมที่เป็นลักษณะที่บอกนะคะ

02:04:04.041 --> 02:04:09.834
มีรูปตัวมันมีท่าทางการเคลื่อนไหวแบบนี้นะคะ ใช้ได้นะคะเด็ก ๆ

02:04:09.834 --> 02:04:15.279
นี่รูปเกมที่เราจะเอามาใช้นี่ ต้องมีลักษณะแบบนี้นะคะ

02:04:15.279 --> 02:04:21.248
แต่อย่าลืมกฎอีกข้อหนึ่งก็คือให้มันเป็นฟรีด้วยนะคะ

02:04:22.069 --> 02:04:27.539
เพราะฮาโลวีนมันผ่านไปแล้ว ถ้าเรียนทันฮาโลวีนจะพาเล่นเกมฮาโลวีนกันไปเลย

02:04:30.706 --> 02:04:37.890
เดี๋ยวนะ พฤศจิกายน ธันวาคม คริสต์มาสเหรอ ซานตาคลอส แจกของขวัญ

02:04:40.471 --> 02:04:45.700
นะคะ ถ้าเอาสัตว์นี่ เห็นไหมคะ ก็คือภาพสัตว์นั้นจะต้องมีการเคลื่อนไหว

02:04:46.052 --> 02:04:49.919
มีลักษณะภาพต่อเนื่อง เป็นภาพเคลื่อนไหวอย่างนี้นะคะ ใช้ได้

02:04:50.916 --> 02:04:54.849
นะคะ ตัวเกมเมอร์ของเรา โอเคนะคะ

02:04:56.139 --> 02:05:02.797
หาไว้ แล้วมีอะไรนะ มี Drive นะ เอาลงใน Drive ครั้งหน้ามาเปิด

02:05:02.797 --> 02:05:06.194
เปิดเป็นไหม เด็ก ๆ ใช้ Google Drive ตัวเองเป็นหรือเปล่า

02:05:07.895 --> 02:05:12.756
ไม่อย่างนั้นคือหาในห้องนี้นะ เพราะเดี๋ยวปล่อยแล้วนี่

02:05:12.756 --> 02:05:22.683
ยังมีเวลากว่าจะถึงเที่ยงนะคะ ก็หารอก็ได้นะคะ ถ้าไม่อย่างนั้นก็ ถ้ามีเรียนตอนบ่ายก็เข้ามาหาก็ได้

02:05:22.683 --> 02:05:26.151
กินข้าวเสร็จขึ้นมา แล้วก็มาหาก็ได้นะคะ

02:05:27.383 --> 02:05:32.985
ก็คือถ้าวันนี้ พรุ่งนี้ไม่มีเรียน ก็เข้ามาหาก็ได้นะ เด็ก ๆ นะ

02:05:34.099 --> 02:05:38.536
หาแล้วเก็บไว้ไหน เราจำโฟลเดอร์เราได้ใช่ไหมคะ

02:05:39.064 --> 02:05:50.592
เราก็สร้างโฟลเดอร์ไว้ในตัวที่เราสร้างไว้น่ะ แล้วก็สร้าง Folder อีกตัวหนึ่งชื่อ

02:05:59.331 --> 02:06:07.713
image image หรือ picture ก็ได้นะคะ i-m-a-g-e

02:06:09.121 --> 02:06:16.614
image ก็ได้นะคะ นี่นะคะ เราก็จะเอารูปเก็บไว้ในนี้ ให้มันอยู่ในโฟลเดอร์เดียวกัน

02:06:16.614 --> 02:06:21.870
เวลาหามันจะได้ง่าย ๆ แล้วก็จะได้รู้ด้วยว่ามันใช้กับเกมเรานะคะ

02:06:21.870 --> 02:06:27.552
เอาไว้ใช้ในงานเกม เห็นไหมคะ นะคะ สร้างโฟลเดอร์ไว้

02:06:28.080 --> 02:06:36.951
โอเคค่ะ สัปดาห์นี้เราจะพอแค่นี้ เด็ก ๆ เตรียมรูปนะคะ ที่จะเอามาใช้ให้เรียบร้อย

02:06:36.951 --> 02:06:41.640
เพราะถ้ามา Search ในห้องมันจะเสียเวลานะคะ

02:06:42.227 --> 02:06:46.915
ให้เด็ก ๆ น่ะ หามาเตรียมไว้เลยนะคะ

02:06:46.915 --> 02:06:54.744
เสร็จแล้วสัปดาห์หน้ามา เราพร้อมจะทำ Coding ได้เลยนะคะ

02:06:54.744 --> 02:07:00.038
โอเคนะคะ สัปดาห์นี้เราจะพอแค่นี้

02:07:00.038 --> 02:07:02.510
มีใครสงสัย

02:07:03.976 --> 02:07:09.149
เรื่อง Sublime หรือเรื่องภาพที่สั่งไปไหมคะ ถามได้

02:07:09.149 --> 02:07:12.400
มีใครสงสัยไหมคะ เข้าใจนะ

02:07:12.400 --> 02:07:19.677
เด็ก ๆ จะต้อง 1. หารูป Background อย่างน้อย 3 อันใช่ไหมคะ

02:07:19.677 --> 02:07:32.963
2. หารูปตัวเกม 1 ตัวนะคะ ลักษณะตัวเกม ก็คือจะต้องมีรูปที่มันมีภาพต่อเนื่องของมัน

02:07:32.963 --> 02:07:34.703
ที่เป็น Sprite ที่บอก

02:07:35.817 --> 02:07:42.261
คือ 1 ตัวนั้นมันอาจจะมีภาพที่มันเคลื่อนไหว 5 อัน 10 อันอะไรก็แล้วแต่

02:07:42.261 --> 02:07:50.341
ก็คือให้นึกถึงความละเอียดมากน้อย ขึ้นอยู่กับไอ้ตัวภาพของตัวเกมเรานะคะ

02:07:50.752 --> 02:07:54.522
เคลื่อนไหวแบบสวย ๆ มันก็จะหลาย ๆ รูปหน่อย

02:07:54.522 --> 02:08:01.289
เคลื่อนไหวแบบดูแล้วไม่ต่อเนื่อง ก็อาจจะมีแค่ 2-3 รูป อะไรอย่างนี้นะคะ

02:08:01.817 --> 02:08:08.538
กฎของการเอารูปมาใช้ก็คือ ให้เลือกรูปที่เป็นรูปฟรีเสมอนะคะ

02:08:08.538 --> 02:08:12.421
จะได้ไม่ติดปัญหา โอเคนะคะ

02:08:12.421 --> 02:08:16.776
ถ้าไม่มีใครสงสัยแล้ว สัปดาห์นี้พอแค่นี้

02:08:16.776 --> 02:08:29.018
ขอบคุณพี่ป๊อกแป๊กนะคะ ในการล่ามวันนี้ ขอบคุณค่ะ เจอกันสัปดาห์ค่ะ สวัสดีค่ะ บ๊ายบาย