1
00:00:04,304 --> 00:00:08,304
เราจะมาทำต่อจากสัปดาห์ที่แล้ว

2
00:00:11,784 --> 00:00:15,603

3
00:00:15,603 --> 00:00:18,256
นะคะ

4
00:00:18,256 --> 00:00:20,454

5
00:00:20,454 --> 00:00:24,454
เดี๋ยว อันเดิมอยู่ไหน

6
00:00:25,817 --> 00:00:28,148

7
00:00:28,148 --> 00:00:32,148

8
00:00:42,698 --> 00:00:44,624
เผื่อในกรณีที่บางคนยังไม่ได้โหลด Backg มานะ

9
00:00:44,624 --> 00:00:48,624
เปิด...

10
00:00:49,449 --> 00:00:52,309

11
00:00:52,309 --> 00:00:56,289

12
00:00:56,289 --> 00:01:00,289

13
00:01:00,621 --> 00:01:04,621
ในกรณีที่

14
00:01:06,144 --> 00:01:10,144
ในสัปดาห์ที่แล้วเราสร้าง

15
00:01:11,725 --> 00:01:15,725
ตัว Scene หรือฉากของเกมเราแล้วนะ ทีนี้

16
00:01:20,540 --> 00:01:24,540
Background มัน ก็

17
00:01:26,728 --> 00:01:30,659
เด็ก ๆ อย่าลืมเปิดอะไรคะ โปรแกรม Sublime ถ้าของใครคลิกเข้ามาตรง

18
00:01:30,659 --> 00:01:34,659
หน้าต่าง Windows แล้วมันไม่เห็

19
00:01:42,735 --> 00:01:44,037
นนะ คนมันใช้เยอะแล้วมันเลื่อนนะคะ

20
00:01:44,037 --> 00:01:44,828
เพราะว่าเราพิมพ์ไปแล้วนี่นะ

21
00:01:44,828 --> 00:01:48,828

22
00:01:58,739 --> 00:01:59,402

23
00:01:59,402 --> 00:02:03,402

24
00:02:04,043 --> 00:02:08,043
ใช้คำค้นหานะคะ Sub... พอเจอ Sublime Text เราก็คลิก Open

25
00:02:14,521 --> 00:02:18,521
เพื่อเปิดโปรแกรมของเรานะ เด็ก ๆ ต้องเปิดโปรแกรมรอเลย

26
00:02:18,756 --> 00:02:22,756
นะคะ ถ้าขึ้นอัปเดตมา บอกแล้วว่ากด Cancel ไปเลยนะคะ เพราะมันเป็นเวอร์ชันล่าสุด

27
00:02:25,622 --> 00:02:29,622
เรายังอยู่ที่ส่วนของการกำหนดหน้าจออยู่

28
00:02:30,755 --> 00:02:34,755
เรายังไม่ไปตรงอื่นเลย เราได้ icon ได้ส่วนของ Scene ต่อไป ก็คือ...

29
00:02:35,947 --> 00:02:39,947
ตัวเดิมเรา แล้วลองกด Ctrl +

30
00:02:46,757 --> 00:02:47,325
B 1 ครั้ง กดปุ่ม Ctrl กับปุ่ม B นะคะ

31
00:02:47,325 --> 00:02:51,325
สังเกต เด็ก ๆ จะสังเกตเห็นว่า

32
00:02:51,540 --> 00:02:55,540
หน้าจอเกม หรือ Scene ของเรา

33
00:03:02,324 --> 00:03:05,941
มันจะเป็น พื้นหลังมันจะเป็นสีดำ คือ ถ้าให้เราสามารถเปลี่ยนสีของของพื้นหลังฉากเราได้นะคะ เพราะฉะนั้น

34
00:03:05,941 --> 00:03:09,941
คำสั่งที่ใช้ ก็คือคำสั่งนี้

35
00:03:16,221 --> 00:03:17,012
นะคะ ทีนี้ แต่ทีนี้ ก่อนที่จะ

36
00:03:17,012 --> 00:03:21,012
ใส่สี หรือว่าจะรู้ว่าสีไหนเป็นสีอะไร

37
00:03:24,388 --> 00:03:28,388
สิ่งที่เราจะต้องทำ ก็คือเด็ก ๆ

38
00:03:30,531 --> 00:03:31,388
ให้เปิด Google Chrome

39
00:03:31,388 --> 00:03:32,445
ให้เด็ก ๆ เปิด Google ขึ้นมานะ

40
00:03:32,445 --> 00:03:36,445
อยู่หน้า Google นะคะ นี่

41
00:03:38,186 --> 00:03:42,186
แล้วให้พิมพ์คำค้นว่า

42
00:03:44,266 --> 00:03:48,077
คำค้นว่าอะไร

43
00:03:48,077 --> 00:03:52,077
ลืม

44
00:03:53,546 --> 00:03:57,314

45
00:03:57,314 --> 00:04:01,314
โอเค

46
00:04:01,443 --> 00:04:05,443
เห็นไหมคะ พิมพ์ตามอันนี้

47
00:04:08,716 --> 00:04:11,492
Color to RGB เห็นไหม พิมพ์คำค้น

48
00:04:11,492 --> 00:04:15,492
ตามตัวนี้นะคะ C-o-

49
00:04:19,882 --> 00:04:23,821
l-o-r-s

50
00:04:23,821 --> 00:04:27,821
Colors แล้วก็

51
00:04:31,076 --> 00:04:34,691
t-o to

52
00:04:34,691 --> 00:04:35,212
r-g-b

53
00:04:35,212 --> 00:04:39,212
ก็คือให้พิมพ์คำนี้นะคะ เด็ก ๆ

54
00:04:40,109 --> 00:04:40,136

55
00:04:40,136 --> 00:04:44,136
c-o-l-o

56
00:04:48,552 --> 00:04:52,552
-r เติม s ด้วย Colors

57
00:04:57,108 --> 00:04:58,322
s colors to t-o to แล้วก็

58
00:04:58,322 --> 00:05:02,322
ตัว r ตัว g ตัว b ตัวเล็ก ตัวใหญ่

59
00:05:08,816 --> 00:05:10,554
ได้เหมือนกันหมดนะคะ แล้วกดค้นหาได้เลย Enter เพื่อค้นหาได้เลย

60
00:05:10,554 --> 00:05:12,121

61
00:05:12,121 --> 00:05:16,121

62
00:05:17,447 --> 00:05:20,097

63
00:05:20,097 --> 00:05:24,097

64
00:05:24,363 --> 00:05:28,363

65
00:05:28,817 --> 00:05:32,817

66
00:05:33,270 --> 00:05:37,270
แล้วให้เรา

67
00:05:40,105 --> 00:05:44,105
ใครขึ้นหรือยัง ใครยังไม่ขึ้นหน้านี้

68
00:05:44,825 --> 00:05:47,876
ให้เลือกตัวแรกนะคะ สไลด์มันไม่เปลี่ยนหรือ

69
00:05:47,876 --> 00:05:48,198
เดี๋ยวนะ

70
00:05:48,198 --> 00:05:52,198

71
00:05:54,248 --> 00:05:58,248
โอเคไหม นี่นะคะ

72
00:06:01,057 --> 00:06:05,057
ในช่องค้นหา ให้เด็ก ๆ พิมพ์ Colors to rgb

73
00:06:05,875 --> 00:06:09,875
ขอโทษที

74
00:06:14,653 --> 00:06:18,653
ลืมดู จากนั้นกด Enter เมื่อพิมพ์เสร็จแล้วกด Enter นะคะ

75
00:06:20,570 --> 00:06:22,510
มันจะขึ้น เห็นไหมคะ

76
00:06:22,510 --> 00:06:26,510
ให้เลือกอันแรกเลย RGB ลิงก์แรก

77
00:06:27,152 --> 00:06:31,152
RGB code chart เราต้อง

78
00:06:33,534 --> 00:06:37,534
การ chart สี เพื่อจะพิมพ์ค่าสีถูก

79
00:06:38,466 --> 00:06:42,466
เพราะฉะนั้น เราต้องเลือกตัวนี้นะลูก สมมติ

80
00:06:43,566 --> 00:06:46,453
เราอยากได้สีนี้ ค่าสีมันคืออะไรนะคะ คลิกเข้าไป

81
00:06:46,453 --> 00:06:48,136
1 ครั้ง นี่ค่ะ

82
00:06:48,136 --> 00:06:52,136
จะดูอย่างไรว่าสีคืออะไร

83
00:06:58,083 --> 00:06:58,273
เด็ก ๆ คลิกที่ช่องสีปุ๊บ

84
00:06:58,273 --> 00:07:02,273
นะคะ เห็นไหมมัน

85
00:07:03,566 --> 00:07:07,566
มันจะมีค่าสีนี่ขึ้นมา ก็คือตัวนี้ค่าสี

86
00:07:09,913 --> 00:07:13,654
ของเขานะคะ

87
00:07:13,654 --> 00:07:17,285
หรือดูจากตรงนี้ก็ได้ เหมือนกัน

88
00:07:17,285 --> 00:07:21,285
เห็นไหมคะ ให้... ถ้าเราจะใช้ ก็คือ

89
00:07:23,751 --> 00:07:27,751
วิธีการนะคะ สมมติเอาชมพูนี้ อย่างนี้

90
00:07:30,003 --> 00:07:32,268
กด...

91
00:07:32,268 --> 00:07:36,149

92
00:07:36,149 --> 00:07:40,149
ตัวนี้ไม่ขึ้นหรือ ก็คือ

93
00:07:46,313 --> 00:07:47,854
เราจะก๊อบปี้ค่าสีตัวนี้ไปใส่

94
00:07:47,854 --> 00:07:49,338
นึกออกนะ

95
00:07:49,338 --> 00:07:53,338
มันมี 2 โค้ดนะคะ

96
00:07:54,990 --> 00:07:58,990
ดูในตาราง มันจะมี H กับ decimon

97
00:08:06,899 --> 00:08:10,823
Hextracode กับ maximumcode

98
00:08:10,823 --> 00:08:13,607
นะคะ เดี๋ยวมาดูกันว่าตัวที่เราใช้คือตัวไหนเปิดหน้านี้ทิ้งไว้เลยนะคะ เปิดหน้านี้ทิ้งไว้เลย

99
00:08:13,607 --> 00:08:17,607
ใครยังไม่ขึ้นหน้าที่มีชาร์ตสีนี้ยกมือ

100
00:08:21,928 --> 00:08:25,707
ขึ้นหรือยัง ใครยังไม่ขึ้นยกมือนะคะ เด็ก ๆ ขึ้นไหมคะ

101
00:08:25,707 --> 00:08:29,707
เดี๋ยวกรอกค่าสีไม่ถูกลูก มันจะไม่ได้

102
00:08:31,126 --> 00:08:35,126
ใส่ไม่ครบ มันไม่ได้นะ

103
00:08:36,385 --> 00:08:40,385
ไม่ต้องไปนั่งจำนะคะ เราเปิด

104
00:08:41,373 --> 00:08:41,889
อยากได้สีอ่อน สีแก่อะไรอย่างนี้ เปิดหน้านี้

105
00:08:41,889 --> 00:08:43,685
ทิ้งไว้ด้วยเลยนะคะ แล้ว

106
00:08:43,685 --> 00:08:46,189
เรามาดูคำสั่งเราต่อ

107
00:08:46,189 --> 00:08:50,189
สิ่งที่

108
00:08:51,700 --> 00:08:53,680
จะทำ ก็คือตัวคำสั่งนะคะ

109
00:08:53,680 --> 00:08:57,680
ก็คือเราจะต้องกำหนดตัวแปรสี

110
00:09:01,772 --> 00:09:05,733
เสียก่อน แล้วก็ตามด้วย

111
00:09:05,733 --> 00:09:05,772
ค่าสีที่เราจะใช้นะคะ

112
00:09:05,772 --> 00:09:09,772
พอใส่

113
00:09:10,710 --> 00:09:14,710
พอได้ค่าสีเสร็จ เราค่อยมา Field

114
00:09:16,320 --> 00:09:20,320
ใช้คำสั่ง field เพื่ออยู่ในฉาก

115
00:09:26,652 --> 00:09:26,894
เห็นไหมคะ นะคะ และสิ่งที่

116
00:09:26,894 --> 00:09:30,894
สิ่งที่เราจะต้องมีเพิ่มขึ้นมา ก็คือส่วนของการอัปเดต

117
00:09:32,760 --> 00:09:33,339
นะคะ

118
00:09:33,339 --> 00:09:37,339

119
00:09:38,003 --> 00:09:42,003
อันดับแรก อันดับแรก ไปที่

120
00:09:43,253 --> 00:09:46,338
บรรทัดที่...

121
00:09:46,338 --> 00:09:48,370

122
00:09:48,370 --> 00:09:52,370

123
00:09:52,394 --> 00:09:56,197

124
00:09:56,197 --> 00:10:00,197

125
00:10:00,226 --> 00:10:04,226
ดูนะคะ เด็ก ๆ

126
00:10:10,306 --> 00:10:11,857
เด็ก ๆ จะต้องไป เปิด Sublime ขึ้นมา

127
00:10:11,857 --> 00:10:15,857
โอเคไหม บรรทัดที่เราจะ

128
00:10:17,446 --> 00:10:21,446
ที่เราจะยังอยู่ ต่อจาก pygame.display.set นะคะ

129
00:10:24,540 --> 00:10:28,169

130
00:10:28,169 --> 00:10:30,133
สิ่งที่เราจะทำ ก็คือ

131
00:10:30,133 --> 00:10:32,722
สร้างตัวแปรชื่อว่า

132
00:10:32,722 --> 00:10:36,722
bg

133
00:10:43,073 --> 00:10:47,073
bg มาจากคำเต็มว่า Background นะคะ แล้ว

134
00:10:49,827 --> 00:10:53,827
ตาม Color แล้วกัน bg color นะคะ

135
00:10:59,081 --> 00:11:01,418
ตามด้วยเครื่องหมายเท่ากับ

136
00:11:01,418 --> 00:11:02,619
แล้วก็

137
00:11:02,619 --> 00:11:06,619
ใส่วงเล็บ ไม่ใช่ใส่วงเล็บ

138
00:11:10,081 --> 00:11:13,825
ตามด้วยเครื่องหมายเท่ากับ

139
00:11:13,825 --> 00:11:16,417
แล้วก็ค่าสีที่เราจะใช้อยู่ตรงไหน เรามาดู

140
00:11:16,417 --> 00:11:20,346

141
00:11:20,346 --> 00:11:24,346

142
00:11:34,957 --> 00:11:38,957

143
00:11:38,960 --> 00:11:42,960
ไปเปิด

144
00:11:43,857 --> 00:11:47,857
ผิดอันใช่ไหมนี่ ทำไมหน้าต่างขึ้นเยอะ

145
00:11:49,610 --> 00:11:52,392
เดี๋ยวนะ ตัวนี้ล่ะ

146
00:11:52,392 --> 00:11:56,392

147
00:11:56,950 --> 00:12:00,950

148
00:12:01,320 --> 00:12:04,242

149
00:12:04,242 --> 00:12:08,242
แล้วก็ใส่

150
00:12:11,473 --> 00:12:15,437
ค่าสีนะคะ ดูนะคะ

151
00:12:15,437 --> 00:12:18,464
ก็คือ

152
00:12:18,464 --> 00:12:21,641
ตัวเลขเลขในชุดมัน

153
00:12:21,641 --> 00:12:25,641
เราจะตรงนี้เด็ก ๆ นี่ เอาค่า

154
00:12:30,258 --> 00:12:34,258
ตรง decimoncode เช่

155
00:12:38,981 --> 00:12:42,981
น สมมติ สมมติเราจะเอาสี ให้เห็นว่าจากสีดำน่ะค่ะ ให้เห็นชัด ๆ

156
00:12:44,385 --> 00:12:45,820
ว่าเปลี่ยนสีนะ

157
00:12:45,820 --> 00:12:48,423
ฟ้าไหนนี่

158
00:12:48,423 --> 00:12:52,423
ขอฟ้านี้แล้วกัน Aqua

159
00:12:59,551 --> 00:13:03,551
Deep sky

160
00:13:04,280 --> 00:13:08,280
blue อันนี้แล้วกัน ให้เรา ก๊อบตัว

161
00:13:10,990 --> 00:13:13,247
นะคะ ตัวเลขที่อยู่ในตารางสุดท้าย นึกออกนะ ช่องสุดท้ายนี่

162
00:13:13,247 --> 00:13:17,247
เพราะเดซิมอนโค้ดเป็น

163
00:13:17,841 --> 00:13:21,841
ค่าสี RGB เหมือนในวงเล็บเลย

164
00:13:24,587 --> 00:13:28,587
ก๊อปเลยนะคะ เด็ก ๆ ไม่ต้องจำ กด ทำ Hilight Code

165
00:13:30,550 --> 00:13:30,655
แล้วก็กด Copy เอา

166
00:13:30,655 --> 00:13:34,655
แค่ 3 อันในชุด ในวงเล็บนี้นะลูก

167
00:13:40,388 --> 00:13:43,431
ห้ามเอาเกินกว่านั้น คัดลอกแล้วก็เอามาวางใน Code เรานะคะ

168
00:13:43,431 --> 00:13:47,431
เท่ากับ แล้วก็กด Ctrl + B

169
00:13:48,655 --> 00:13:51,282
วาง อย่างนี้ โอเคไหม

170
00:13:51,282 --> 00:13:55,282
กำหนดค่าให้ Background color เสร็จแล้ว

171
00:14:00,319 --> 00:14:02,390
สิ่งที่เราจะต้องทำต่อมา ก็คือกด

172
00:14:02,390 --> 00:14:06,390
เรียกใช้ค่าสีนั้นนะคะ เอามาไว้ที่ไหน

173
00:14:11,596 --> 00:14:12,168
ดูตำแหน่งนะคะ

174
00:14:12,168 --> 00:14:14,294
เห็นไหม อยู่

175
00:14:14,294 --> 00:14:18,294
ระหว่างคำสั่ง if

176
00:14:23,375 --> 00:14:27,375
type ==

177
00:14:31,011 --> 00:14:32,189
click เห็นไหมคะ ก็คือบรรทัดที่เท่าไรนะ บรรทัดที่ 18 กด Enter หนึ่งครั้ง

178
00:14:32,189 --> 00:14:35,032
เราจะอยู่ที่ตำแหน่งที่บรรทัด 18 นะคะ

179
00:14:35,032 --> 00:14:39,032
ทีนี้

180
00:14:40,209 --> 00:14:44,209
เด็ก ๆ ต้องดูอะไร ตัวแปรฉากที่เราตั้งไว้ ว่า

181
00:14:48,614 --> 00:14:50,614
ชื่อว่าอะไรคะ เราตั้งชื่อตัวแปรฉากเรา คือ ตัวแรกนี่

182
00:14:50,614 --> 00:14:54,614
ถ้าใครตั้ง screen ดูนะคะ

183
00:14:58,761 --> 00:15:02,761
ดูชื่อตัวนี้ตัวแปรของฉากเรานี่เห็นไหมคะ เพราะตอนเรียกใช้ ดูรูปแบบคำสั่ง

184
00:15:04,029 --> 00:15:08,029
ดี ๆ นะคะ ชื่อตัวแปรฉาก แล้วตาม

185
00:15:09,449 --> 00:15:13,449
ด้วยเครื่องหมาย . แล้วตามด้วย

186
00:15:14,784 --> 00:15:16,347
คำสั่ง fill

187
00:15:16,347 --> 00:15:16,820
แล้วตามด้วยในวงเล็บ

188
00:15:16,820 --> 00:15:20,820
ชื่อตัวแปรสี แล้วก็ค่าสีนั้น

189
00:15:22,608 --> 00:15:25,359
นะคะ

190
00:15:25,359 --> 00:15:29,359

191
00:15:34,101 --> 00:15:34,163
โอเคหรือยัง

192
00:15:34,163 --> 00:15:38,163
นะคะ

193
00:15:39,447 --> 00:15:43,447
เพราะฉะนั้น ตัวแปรฉากเรา ชื่อนี้นะ

194
00:15:48,177 --> 00:15:50,907
เราจะอยู่ในตำแหน่งบรรทัดที่ 18 นะ อย่าใส่ผิดที่นะ 18 แล้วตำแหน่ง

195
00:15:50,907 --> 00:15:54,907
ก็คือต้องตรงกับคำว่า "Run"

196
00:15:55,302 --> 00:15:59,302
เรียกใช้ Screen

197
00:16:03,489 --> 00:16:03,807
นะคะ กด s screen ขึ้น

198
00:16:03,807 --> 00:16:07,807
Click 1 ครั้ง ตามด้วยเครื่องหมาย

199
00:16:14,069 --> 00:16:18,069
ตามด้วย . แล้วก็พิมพ์ f-i-ll fil

200
00:16:19,385 --> 00:16:23,385
l แล้วก็ตามด้วยวงเล็บอะไร วงเล็บตัวแปรสีนี่

201
00:16:24,074 --> 00:16:28,074
Background Color นี่ เห็นไหมคะ

202
00:16:30,341 --> 00:16:34,321
พิมพ์ B

203
00:16:34,321 --> 00:16:37,622
เดี๋ยว bg color มันจะขึ้นมา

204
00:16:37,622 --> 00:16:41,622
มันจะไม่ผิดเลยนะคะ แล้วตัวแปรสีแล้วก็ตาม

205
00:16:42,717 --> 00:16:46,717
ด้วยค่าสีนะคะ / ใส่เครื่องหมาย

206
00:16:54,781 --> 00:16:55,594
/ ก่อนอื่นเด็ก ๆ Copy

207
00:16:55,594 --> 00:16:59,594
ค่าสีมาเสียก่อนนะ

208
00:16:59,717 --> 00:17:03,717
คะ คัดลอก copy

209
00:17:07,013 --> 00:17:11,013
bg colors แล้วใส่

210
00:17:12,926 --> 00:17:14,012
/ แล้วก็วาง

211
00:17:14,012 --> 00:17:18,012
โอเคนะคะ

212
00:17:20,006 --> 00:17:24,006
ทีนี้เมื่อเกิดการเปลี่ยนแปลง

213
00:17:24,656 --> 00:17:27,161
นี่ เราจะต้องมี

214
00:17:27,161 --> 00:17:28,933
คำสั่งสำหรับอัปเดต

215
00:17:28,933 --> 00:17:32,933
ก่อนบรรทัดสุดท้าย เด็ก ๆ ดู

216
00:17:37,916 --> 00:17:41,069
บรรทัดที่ 20 ซึ่ง

217
00:17:41,069 --> 00:17:43,289
เป็นบรรทัดที่เราให้จบเกมนะคะ เรา

218
00:17:43,289 --> 00:17:46,644
กด Enter เพื่อเพิ่มบรรทัด

219
00:17:46,644 --> 00:17:50,644
นะคะ ในบรรทัดที่ 21

220
00:17:53,076 --> 00:17:55,405
ใส่ # เข้าไป เราบอกแล้วว่า

221
00:17:55,405 --> 00:17:59,405
ตรงนี้ คือ อัปเดต

222
00:18:01,185 --> 00:18:02,921
เป็นตำแหน่งที่สำหรับคำสั่ง update

223
00:18:02,921 --> 00:18:06,921
จะได้รู้นะคะ อยู่ตรงนี้

224
00:18:08,340 --> 00:18:12,340
อัปเดตคำสั่งที่ใช้นะคะ ก็คือ

225
00:18:14,365 --> 00:18:17,793
pygame.display

226
00:18:17,793 --> 00:18:20,132

227
00:18:20,132 --> 00:18:24,132
.update

228
00:18:30,291 --> 00:18:34,291
()

229
00:18:46,259 --> 00:18:42,712

230
00:18:24,677 --> 00:18:25,100

231
00:18:25,100 --> 00:18:29,100

232
00:18:29,137 --> 00:18:33,137

233
00:18:43,111 --> 00:18:44,117
หน้าไหนนะ นี่ล่ะหน้าโค้ด

234
00:18:44,117 --> 00:18:44,352

235
00:18:44,352 --> 00:18:48,352
ไหน

236
00:18:48,548 --> 00:18:52,548
color จะอยู่ที่

237
00:18:56,123 --> 00:19:00,123
กำหนดหน้าจอ ต่อจากบรรทัดที่ display game

238
00:19:04,925 --> 00:19:08,925
ตั้งชื่อตัวแปร background color

239
00:19:10,017 --> 00:19:13,987
รูปแบบ ก็คือชื่อตัวแปรนะคะ แล้วก็ตามด้วยค่าสีที่เราจะหา

240
00:19:13,987 --> 00:19:17,477
แล้วเราก็ไป Copy ค่าสีในตารางมาวาง

241
00:19:17,477 --> 00:19:20,436

242
00:19:20,436 --> 00:19:24,436
รหัสสี

243
00:19:30,348 --> 00:19:31,887
ที่บอกว่าจากเว็บนี่ไง ที่ให้เปิดนี่ นี่ ๆ ๆ

244
00:19:31,887 --> 00:19:33,029
จากตารางนี้

245
00:19:33,029 --> 00:19:37,029
เอาไว้ไหน

246
00:19:40,790 --> 00:19:44,790
หน้านี้ ให้ search แล้ว

247
00:19:49,514 --> 00:19:53,514
นะ ไปต่อนะคะ ของคนอื่น

248
00:19:55,340 --> 00:19:59,340
พิมพ์ pygame.display.

249
00:20:07,143 --> 00:20:09,275
upload แล้วก็วงเล็บปิด ตรงตำแหน่งก่อนจะอันนี้

250
00:20:09,275 --> 00:20:13,275
ก่อนจะ ไหนล่ะ

251
00:20:16,977 --> 00:20:20,977
Sublime ไปไหนแล้ว Sublime ไม่ขึ้น ต่อไปบรรทัด update เรานะ

252
00:20:21,951 --> 00:20:23,502
มันจะต้องกับ

253
00:20:23,502 --> 00:20:26,644
ตำแหน่ง Run นะลูก

254
00:20:26,644 --> 00:20:30,644
มันจะ tab เข้าไป 1 Tab

255
00:20:36,552 --> 00:20:37,014

256
00:20:37,014 --> 00:20:40,396

257
00:20:40,396 --> 00:20:44,396

258
00:20:47,056 --> 00:20:51,056
เห็นไหมคะ ฟังก์ชันมันจะโดนเรียกขึ้นมา

259
00:20:53,141 --> 00:20:57,141
นี่นะครับ 1 อัน

260
00:20:57,869 --> 00:20:59,783
เห็นไหม ตำแหน่ง update จะอยู่ก่อนเราจะจบ

261
00:20:59,783 --> 00:21:03,783
มันจะอัปเดตการทำงานก่อน

262
00:21:07,184 --> 00:21:08,101
ทุกครั้ง ให้มันอัปเดตก่อนเสมอ

263
00:21:08,101 --> 00:21:12,101
ก่อนจะออกจากโปรแกรม ว่าอย่างนั้นเถอะ

264
00:21:17,928 --> 00:21:19,360

265
00:21:19,360 --> 00:21:23,213
โอเค รู้แล้ว รู้แล้ว

266
00:21:23,213 --> 00:21:25,844
เดี๋ยวนะ

267
00:21:25,844 --> 00:21:29,844
ตอนเรียกใช้นะคะ เราใส่แต่ชื่อมันก็ได้ เพราะ

268
00:21:34,287 --> 00:21:35,848
ตัวแปรเรากำหนดแล้วนะว่าสีอะไร

269
00:21:35,848 --> 00:21:39,848
เราเรียกแต่ background color พอนะคะ ค่าสีไม่ต้องใส่

270
00:21:44,550 --> 00:21:44,622
ในที่นี้ /

271
00:21:44,622 --> 00:21:48,478
หมายถึง ก็คือให้เลือกว่าจะใส่ตัวแปร หรือจะ

272
00:21:48,478 --> 00:21:52,478
ใส่ค่าสี ซึ่งใส่ตัวค่าตัวแปรม

273
00:21:59,179 --> 00:22:03,179
ันจะขึ้น ถ้าเรามีแล้วมันจะขึ้นมาเลย จะง่ายกว่า ใครพิมพ์ อัปเดตเสร็จแล้ว

274
00:22:06,454 --> 00:22:08,669
กด Build ได้เลย Ctrl + B ได้เลยเด็ก ๆ

275
00:22:08,669 --> 00:22:12,669
สีไม่เปลี่ยนหรือ error ไม่ขึ้นด้วย

276
00:22:14,751 --> 00:22:17,900
ไหน แม่อัปเดตให้ ตำแหน่งไหนผิด bg color

277
00:22:17,900 --> 00:22:21,900

278
00:22:31,187 --> 00:22:34,804
screen fill

279
00:22:34,804 --> 00:22:38,804
background color supdate run ไม่ให้เติมสี

280
00:22:47,192 --> 00:22:48,612
แล้วหรือ เวอร์ชันนี้ ไม่แน่ใจ

281
00:22:48,612 --> 00:22:52,612

282
00:22:54,382 --> 00:22:58,382

283
00:23:07,199 --> 00:23:09,239
ไม่อัปเดต มันไม่ยอมอัปเดต

284
00:23:09,239 --> 00:23:13,239

285
00:23:20,764 --> 00:23:24,764

286
00:23:25,245 --> 00:23:28,404

287
00:23:28,404 --> 00:23:32,404

288
00:23:43,217 --> 00:23:47,217

289
00:23:55,225 --> 00:23:59,225

290
00:24:00,748 --> 00:24:04,748

291
00:24:07,230 --> 00:24:08,685

292
00:24:08,685 --> 00:24:12,685

293
00:24:12,700 --> 00:24:16,700

294
00:24:18,852 --> 00:24:20,569

295
00:24:20,569 --> 00:24:24,569

296
00:24:35,248 --> 00:24:39,248

297
00:24:39,420 --> 00:24:43,420
โอเค รู้แล้ว ใส่ตำแหน่งผิดนะคะเด็ก ๆ

298
00:24:46,520 --> 00:24:50,520
ขอโทษที ตำแหน่ง Screen fill

299
00:24:55,266 --> 00:24:59,266
เลื่อนบรรทัดที่ run

300
00:25:02,882 --> 00:25:03,480
ปุ๊บ กด Enter แล้ว ทีนี้เมื่อ Enter

301
00:25:03,480 --> 00:25:07,480
แล้วมันลงมาตำแหน่งนี้ให้เด็ก ๆ

302
00:25:10,997 --> 00:25:14,190
กดปุ่ม backspace ย้อนหลังไป 1 ให้เห็น

303
00:25:14,190 --> 00:25:17,198
for เห็นไหมคะ แล้วค่อยเอา Screen fill มาใส่ แล้วพอ update

304
00:25:17,198 --> 00:25:21,198
เด็ก ๆ จะได้

305
00:25:21,828 --> 00:25:25,828
ผิดตัวใช่ไหม มีหลายตัว งง เห็นไหมคะ เปลี่ยนสีแล้ว ใครยังไม่เปลี่ยน

306
00:25:32,171 --> 00:25:36,171
ยกมือ ใครไม่เปลี่ยน ให้ดูตำแหน่งแรกไล่ไปทีละตำ

307
00:25:43,279 --> 00:25:47,279
นะคะ กำหนดตัวแปรนี้หรือยัง กำหนดหรือยัง อันนี้เสร็จหรือยัง

308
00:25:47,445 --> 00:25:51,445
บรรทัดที่ 10 มีตัวแปรสีแล้วมีค่า

309
00:25:59,285 --> 00:26:00,120
โอเคนะคะ ไปดูบรรทัดต่อมา ก็คือสีที่เราจะใส่

310
00:26:00,120 --> 00:26:03,757
มันจะอยู่ใน... เห็นไหมคะ ตำแหน่ง loop

311
00:26:03,757 --> 00:26:07,757
ตำแหน่ง Loop ที่ต่อจากบรรทัดที่

312
00:26:15,289 --> 00:26:19,289
ที่ต่อจากบรรทัดที่... หาปุ่มไม่เจอ ต่อจาก Run f

313
00:26:23,290 --> 00:26:25,977
alse บรรทัดที่ 19 ให้ดูบรรทัดที่มีคำว่า "run = false"

314
00:26:25,977 --> 00:26:29,977
วิ่งออกหรือยังลูก สีออกหรือยัง กด Enter 1 ครั้งปุ๊บนี่

315
00:26:37,202 --> 00:26:38,905
สังเกตตำแหน่งเคอร์เซอร์มันจะอยู่ตรงกับ Run ใช่ไหม

316
00:26:38,905 --> 00:26:42,905
ให้เรากดปุ่ม back space

317
00:26:47,298 --> 00:26:51,298
ต้องกดปุ่ม back space 2 ทีนะคะ เพื่อให้ตำแหน่งเคอร์เซอร์มันอยู่ตรงกับคำว่า "for" เห็นไหม

318
00:26:56,619 --> 00:26:59,050
for สีแดง ๆ ในบรรทัดที่ 16

319
00:26:59,050 --> 00:26:59,638
เห็นไหม แล้ว

320
00:26:59,638 --> 00:27:03,638
ก็พิมพ์คำสั่ง

321
00:27:08,129 --> 00:27:09,431
screen ก็คือตัวแปรฉากที่เราตั้งไว้

322
00:27:09,431 --> 00:27:13,431
กด s ปุ๊บ เจอ screen enter

323
00:27:19,305 --> 00:27:19,895
แล้วก็ .fill แล้วก็ในวงเล็บ

324
00:27:19,895 --> 00:27:22,269
ชื่อตัวแปรสีนะคะ โอเคไหม เสร็จแล้วอย่าลืม

325
00:27:22,269 --> 00:27:26,269
พอเสร็จบรรทัดนี้นะคะ

326
00:27:31,050 --> 00:27:33,094
ในบรรทัดที่ 21 นี่ ให้ใส่ #

327
00:27:33,094 --> 00:27:36,456
เราจะต้องสั่ง มีคำสั่งอัปเดตด้วย

328
00:27:36,456 --> 00:27:40,456
นี่ เห็นไหมคะ อยู่ตรงกับ screen.fill นั่นแหละ

329
00:27:43,504 --> 00:27:46,521
pygame

330
00:27:46,521 --> 00:27:50,521
.display.screenfill.update

331
00:27:53,245 --> 00:27:57,245

332
00:28:07,322 --> 00:28:10,478

333
00:28:10,478 --> 00:28:14,478

334
00:28:23,328 --> 00:28:27,328

335
00:28:31,333 --> 00:28:35,333

336
00:28:35,335 --> 00:28:39,335

337
00:28:39,338 --> 00:28:43,338

338
00:28:43,339 --> 00:28:47,339

339
00:28:47,340 --> 00:28:51,340

340
00:28:55,345 --> 00:28:59,345

341
00:28:59,346 --> 00:29:03,346

342
00:29:03,348 --> 00:29:07,348

343
00:29:11,557 --> 00:29:15,557

344
00:29:19,362 --> 00:29:23,362
สำหรับเด็ก ๆ บางคนนะคะ พอพิมพ์ไปแล้วมันขึ้น Error

345
00:29:26,417 --> 00:29:27,568
สาเหตุหนึ่ง

346
00:29:27,568 --> 00:29:27,774
ให้ดูที่ตำแหน่งที่พิมพ์ แล้วลองทำ

347
00:29:27,774 --> 00:29:31,774
อย่างนี้ครอบ ถ้าเด็ก ๆ ใช้ Tab

348
00:29:33,572 --> 00:29:37,572
มันจะไม่ขึ้น Error

349
00:29:42,759 --> 00:29:44,966
ตรงตำแหน่งนี้มันเป็น ... สีเทา ๆ ขาว ๆ นั่นแสดงว่า เด็ก ๆ ไปกดด้วยแป้น

350
00:29:44,966 --> 00:29:48,966
Spacebar เพื่อขยับตำแหน่งใช่ไหม ใน Sublime

351
00:29:55,383 --> 00:29:58,104
บอกแล้วว่าไอ้โปรแกรมนี้มันโดน

352
00:29:58,104 --> 00:29:59,815
บล็อกโครงสร้างมันขึ้นมาให้กด

353
00:29:59,815 --> 00:30:03,815
spacebar ในการ tab

354
00:30:04,543 --> 00:30:07,739
คือ เลื่อนตำแหน่งของคำสั่งเข้าไปตามโครงสร้าง ตามอันนี้

355
00:30:07,739 --> 00:30:11,739
Space bar จะใช้เฉพาะ

356
00:30:15,255 --> 00:30:19,255
มีการเว้นวรรคอย่างนี้ 1 จุดเท่านั้น สังเกตความแตกต่าง นี่การ

357
00:30:19,390 --> 00:30:23,390
ใช้ Spacebar มันจะเป็นจุด ๆ เหมือน while run

358
00:30:25,336 --> 00:30:27,183
เห็นไหมคะ แต่ถ้าเด็ก ๆ

359
00:30:27,183 --> 00:30:29,326
ถ้ามันเป็น Tab น่ะ โครงสร้างของมันโดนกำหนด

360
00:30:29,326 --> 00:30:33,326
มันจะเป็นขีดยาว ๆ อย่างนี้ คือ เป็น Tab เห็นไหมคะ

361
00:30:33,646 --> 00:30:35,144
ทีนี้ คือสิ่งที่ต้องจำนะคะ

362
00:30:35,144 --> 00:30:39,144

363
00:30:40,086 --> 00:30:44,086
คำสั่งใหม่แล้วให้กดนี่ กด Spacebar

364
00:30:49,800 --> 00:30:53,800
นะ มันจะไปตามบล็อก บล็อกที่มันตั้งไว้นึกออกไหมลูก เพราะฉะนั้น ต้องไปตำแหน่ง

365
00:30:58,914 --> 00:31:00,990
ให้ถูกนะคะ ใครยังไม่ออกอีก ใครยังไม่ออกอีก

366
00:31:00,990 --> 00:31:04,582

367
00:31:04,582 --> 00:31:08,582

368
00:31:14,239 --> 00:31:17,013

369
00:31:17,013 --> 00:31:20,622

370
00:31:20,622 --> 00:31:24,622

371
00:31:31,118 --> 00:31:35,118

372
00:31:39,427 --> 00:31:43,427

373
00:31:51,433 --> 00:31:55,433

374
00:31:55,435 --> 00:31:59,435

375
00:32:07,442 --> 00:32:11,442

376
00:32:11,444 --> 00:32:15,444

377
00:32:23,450 --> 00:32:27,450

378
00:32:27,454 --> 00:32:31,454

379
00:32:39,460 --> 00:32:43,460

380
00:32:43,464 --> 00:32:47,464
เห็นไหม

381
00:32:51,278 --> 00:32:55,278
บาสเห็นหรือเปล่า บรรทัดที่ 2 ทีนี้จำไว้นะคะ เรียนวิชาเขียนโปรแกรมนี่

382
00:32:58,493 --> 00:33:01,201
ถ้าใครไม่มา ตัวเองจะไม่ทันเพื่อน

383
00:33:01,201 --> 00:33:05,201
ถูกไหม เพราะแม่จะเขียนต่อสัปดาห์ที่แล้ว แล้วก็

384
00:33:10,855 --> 00:33:11,001
จะไม่รู้ตำแหน่งใช่ไหมคะ แล้วก็จะพิมพ์ผิด พิมพ์ผิด พิมพ์ถูก

385
00:33:11,001 --> 00:33:11,459
เพราะฉะนั้น

386
00:33:11,459 --> 00:33:15,459
อย่าขาดนะคะ เรียนวิชาเขียนโปรแกรมนี่ ไม่อย่างนั้นจะไปต่อไม่ได้

387
00:33:18,387 --> 00:33:20,830
นะ

388
00:33:20,830 --> 00:33:24,830

389
00:33:25,067 --> 00:33:28,703

390
00:33:28,703 --> 00:33:32,703

391
00:33:33,500 --> 00:33:37,500

392
00:33:47,488 --> 00:33:48,940

393
00:33:48,940 --> 00:33:52,940

394
00:34:03,501 --> 00:34:07,501

395
00:34:07,502 --> 00:34:11,502

396
00:34:11,502 --> 00:34:15,502

397
00:34:19,507 --> 00:34:23,507

398
00:34:24,142 --> 00:34:28,142

399
00:34:31,515 --> 00:34:35,515

400
00:34:35,516 --> 00:34:39,516

401
00:34:39,518 --> 00:34:43,518

402
00:34:43,519 --> 00:34:47,519

403
00:34:51,524 --> 00:34:55,523

404
00:34:55,523 --> 00:34:59,523

405
00:35:02,174 --> 00:35:05,738
บาสดูนะคะ

406
00:35:05,738 --> 00:35:07,088
ตรงนี้ที่มีชื่อ

407
00:35:07,088 --> 00:35:09,858
ไฟล์นี่

408
00:35:09,858 --> 00:35:12,646

409
00:35:12,646 --> 00:35:16,646
เครื่องตัวเองน่ะ

410
00:35:20,482 --> 00:35:24,482
เครื่องบาสน่ะ ไม่ใช่ เดี๋ยวใจเย็น ๆ

411
00:35:25,057 --> 00:35:29,057
ฟังให้จบแล้วค่อยพิมพ์

412
00:35:31,228 --> 00:35:35,228
จะอธิบายก่อน ตรงที่บอกว่า image load นี่ เห็นไหมคะ

413
00:35:38,594 --> 00:35:40,528
สิ่งที่มันจะไปโหลด  ก็คือ

414
00:35:40,528 --> 00:35:44,528
ชื่อไฟล์ ไฟล์ของบาส

415
00:35:47,972 --> 00:35:50,449
จะต้องอยู่ที่ C: แล้วก็ในโฟลเดอร์ที่

416
00:35:50,449 --> 00:35:53,976
โปรแกรมเซฟไว้

417
00:35:53,976 --> 00:35:57,976
ชื่อโปรแกรมเราอยู่ตรงไหน

418
00:36:03,730 --> 00:36:04,457
ไฟล์นั้นนี่ก็จะอยู่ตรงนั้นด้วย เข้าใจหรือเปล่า

419
00:36:04,457 --> 00:36:04,923

420
00:36:04,923 --> 00:36:08,872

421
00:36:08,872 --> 00:36:12,872

422
00:36:12,914 --> 00:36:16,914

423
00:36:27,562 --> 00:36:31,562

424
00:36:31,567 --> 00:36:35,567

425
00:36:39,571 --> 00:36:43,571

426
00:36:43,572 --> 00:36:47,572

427
00:36:47,574 --> 00:36:48,360

428
00:36:48,360 --> 00:36:52,360

429
00:36:59,583 --> 00:37:03,583

430
00:37:03,584 --> 00:37:07,584

431
00:37:15,593 --> 00:37:19,593

432
00:37:19,594 --> 00:37:20,801

433
00:37:20,801 --> 00:37:24,801

434
00:37:31,603 --> 00:37:35,603

435
00:37:35,604 --> 00:37:39,604

436
00:37:39,604 --> 00:37:43,604

437
00:37:47,616 --> 00:37:51,616

438
00:37:51,626 --> 00:37:52,577

439
00:37:52,577 --> 00:37:56,577

440
00:38:03,629 --> 00:38:07,629

441
00:38:07,631 --> 00:38:11,631

442
00:38:11,632 --> 00:38:15,632

443
00:38:15,634 --> 00:38:19,634

444
00:38:19,635 --> 00:38:23,635

445
00:38:23,635 --> 00:38:27,635

446
00:38:35,642 --> 00:38:39,642

447
00:38:39,645 --> 00:38:43,645

448
00:38:43,648 --> 00:38:47,648

449
00:38:51,654 --> 00:38:55,654

450
00:38:55,654 --> 00:38:59,654

451
00:38:59,655 --> 00:39:00,352

452
00:39:00,352 --> 00:39:04,352

453
00:39:07,660 --> 00:39:11,660

454
00:39:11,661 --> 00:39:15,661

455
00:39:15,665 --> 00:39:19,665

456
00:39:23,664 --> 00:39:27,664

457
00:39:27,669 --> 00:39:31,669

458
00:39:31,671 --> 00:39:35,671

459
00:39:39,673 --> 00:39:43,673

460
00:39:43,674 --> 00:39:44,489

461
00:39:44,489 --> 00:39:48,489

462
00:39:51,680 --> 00:39:55,680

463
00:39:55,682 --> 00:39:59,682

464
00:39:59,683 --> 00:40:03,683

465
00:40:03,685 --> 00:40:07,685

466
00:40:11,688 --> 00:40:15,688

467
00:40:15,689 --> 00:40:19,689

468
00:40:19,689 --> 00:40:23,689

469
00:40:27,693 --> 00:40:31,693

470
00:40:31,697 --> 00:40:35,697

471
00:40:35,697 --> 00:40:39,697

472
00:40:39,699 --> 00:40:43,699

473
00:40:43,704 --> 00:40:47,703

474
00:40:47,703 --> 00:40:51,703

475
00:40:55,708 --> 00:40:59,708

476
00:40:59,710 --> 00:41:03,710

477
00:41:03,711 --> 00:41:03,927
ดูนะ

478
00:41:03,927 --> 00:41:06,586
บาส ทีนี้ฟังไว้นะ ถ้าใครเข้าเรียน

479
00:41:06,586 --> 00:41:10,586
ไม่ทันนี่ รอบหน้าต้องรอ

480
00:41:11,303 --> 00:41:15,303
จนกว่าแม่จะสอนเพื่อนเสร็จนะ ไม่อย่างนั้นจะเสียเวลา แล้วตัวเองจะ

481
00:41:18,744 --> 00:41:22,744
ได้ทำตามเพื่อนทีหลัง เพราะฉะนั้น

482
00:41:23,599 --> 00:41:27,599
ถ้าครั้งหน้าบาสไม่มาเข้า แล้วครั้งต่อไปบาสเข้า ครั้ง

483
00:41:28,789 --> 00:41:32,789
ต่อไป แล้วบาสเข้าอย่างนี้ บาสต้องรอให้

484
00:41:35,725 --> 00:41:36,264
ให้เพื่อนทำจนเสร็จ แล้วบาสถึงจะมาทำตามเพื่อนได้ โอเคไหมนะคะ

485
00:41:36,264 --> 00:41:40,264
ทีนี้เราใส่สีพื้นได้แล้ว

486
00:41:42,591 --> 00:41:43,552
นะคะ แล้วในกรณีที่...

487
00:41:43,552 --> 00:41:47,552
อันนี้คือในกรณีที่มีสี

488
00:41:48,220 --> 00:41:52,220
และอีกกรณีหนึ่งที่บอกว่า

489
00:41:54,088 --> 00:41:56,941
ใส่ภาพพื้นหลังเข้าไปแทนใช่ไหมเด็ก ๆ

490
00:41:56,941 --> 00:41:57,848
background อยู่ไหน background

491
00:41:57,848 --> 00:42:01,848
ไหนล่ะ หา Background เจ้าของไม่เห็น ต่อไปนะคะ

492
00:42:04,628 --> 00:42:08,628
สิ่งที่จะทำ

493
00:42:15,738 --> 00:42:18,060
ตั้งแต่สัปดาห์แรกเลยนะ ก็คือให้หาภาพ Background

494
00:42:18,060 --> 00:42:20,546
จะเอามาเป็นฉาก ใช่ไหมคะ สิ่งที่เราจะทำต่อมา

495
00:42:20,546 --> 00:42:24,024
ก็คือคำสั่งนี้นะลูก เมาส์หาย เดี๋ยวนะ

496
00:42:24,024 --> 00:42:26,108
คำสั่งต่อไปนะคะ

497
00:42:26,108 --> 00:42:30,108

498
00:42:30,289 --> 00:42:32,909
อยู่ไหนล่ะ

499
00:42:32,909 --> 00:42:36,909

500
00:42:39,128 --> 00:42:41,429
เมื่อกี้เราไปไหนแล้ว

501
00:42:41,429 --> 00:42:45,429
เมื่อกี้อ่านผิด ทีนี้

502
00:42:52,539 --> 00:42:56,539
การใส่ภาพ Background แทนสีพื้นหลัง ในกรณีที่

503
00:42:58,057 --> 00:43:02,057
เรามีฉากที่เป็นภาพนะคะ รูปแบบ ก็คือเหมือนเดิมทุกครั้ง เราจะต้อง

504
00:43:05,067 --> 00:43:09,067
สร้างตัวแปรเพื่อให้โปรแกรมมันรู้จักก่อนว่า

505
00:43:10,170 --> 00:43:14,170
ไอตัวนี้ เป็นตัวแปรที่ไว้สำหรับ

506
00:43:15,851 --> 00:43:15,886
เก็บภาพ ใครที่มีรูปมาแล้ว

507
00:43:15,886 --> 00:43:19,886
เหมือนเดิมนะคะ เด็ก ๆ อย่าลืม

508
00:43:20,499 --> 00:43:24,499
เช็กอะไรคะ เช็กนามสกุลภาพตัวเองใช่ไหมคะ

509
00:43:25,424 --> 00:43:28,345
โหลดมา อยู่ไหน เดี๋ยวนะ

510
00:43:28,345 --> 00:43:28,910
ของแม่โหลดมาแล้ว

511
00:43:28,910 --> 00:43:32,910
จะเอารูปนี้นะคะ เดี๋ยวขอ Move ไปก่อน

512
00:43:38,716 --> 00:43:40,553
Move ไปที่ Drive C

513
00:43:40,553 --> 00:43:43,513
ขอเปิด C:

514
00:43:43,513 --> 00:43:47,513
นึกออกนะ โฟลเดอร์ที่เราเขียนโปรแรมอยู่ตรงไหน

515
00:43:54,281 --> 00:43:58,281
เราเปิด 2 อันเลยนะ เดี๋ยวเราจะเอารูปนี้มาใส่ เหมือนเดิมนะคะ

516
00:44:01,874 --> 00:44:02,984
คลิกภาพที่เราจะใช้งานแล้ว

517
00:44:02,984 --> 00:44:06,984
ถ้าใครขึ้น ตำแหน่ง Type

518
00:44:08,074 --> 00:44:12,074
อย่างนี้ นี่คือนามสกุลไฟล์ที่เราจะพิมพ์

519
00:44:12,228 --> 00:44:14,321
ลงไป นึกออกนะ

520
00:44:14,321 --> 00:44:18,321
เด็ก ๆ ดูตำแหน่งตรงนี้ให้ดี ๆ นะคะ

521
00:44:22,132 --> 00:44:26,132
ชื่อไฟล์ แต่ละคนไม่เหมือนกั

522
00:45:31,811 --> 00:45:35,811

523
00:45:47,814 --> 00:45:47,814

524
00:45:47,814 --> 00:45:51,814
ภาพของใครของมัน

525
00:45:55,815 --> 00:45:59,815
ตัวใครตัวมัน ไม่ใช่ดูแต่ชื่อนะ ดูนามสกุลมันด้วยนึกออกนะ 2 อย่างนี้ จะเป็นชื่อของเรา

526
00:46:01,083 --> 00:46:05,083
แม่พิมพ์ชื่อของแม่ ตัวเองมาพิมพ์ชื่อตัวเองต

527
00:46:11,825 --> 00:46:15,259
ไม่ใช่ ให้นึกถึงนะ โอเค ก่อนอื่นก็คือต้องเช็กก่อน

528
00:46:15,259 --> 00:46:19,259
นามสกุลไฟล์ เราเป็นไฟล์อะไรด้วย

529
00:46:19,397 --> 00:46:21,267
บาสยังไม่ได้โหลดไหม โหลดหรือยัง

530
00:46:21,267 --> 00:46:25,267
ถามเธอสิ โหลดรูป background มาหรือยัง

531
00:46:25,302 --> 00:46:28,011
โอเค อย่างนั้นเริ่มได้

532
00:46:28,011 --> 00:46:29,731
ตัวแปรแรกนะคะ

533
00:46:29,731 --> 00:46:33,731
เปิด Sublime เรา

534
00:46:41,147 --> 00:46:44,452
เราก็จะมาที่ตำแหน่ง... ยังอยู่ในการกำหนดหน้าจอเกมอยู่

535
00:46:44,452 --> 00:46:48,452
เราจะไปต่อจากบรรทัดที่ 10 Background Color อยู่

536
00:46:54,215 --> 00:46:58,215
เมื่อกี้มี background color แล้ว

537
00:46:58,397 --> 00:47:02,397
bg เหมือนเดิม ตัวแปรตั้งเหมือนกันได้

538
00:47:05,444 --> 00:47:06,861
ไหงเป็นตัวใหญ่ BG แต่จะเป็น pic แทน

539
00:47:06,861 --> 00:47:10,861
ใช้ pic สั้นหน่อย Image จะยาวไป

540
00:47:14,758 --> 00:47:16,636
แต่ทีนี้

541
00:47:16,636 --> 00:47:18,820
เพื่อไม่ให้สับสนนะ

542
00:47:18,820 --> 00:47:22,820
ใช้ pic นี่ล่ะ

543
00:47:27,812 --> 00:47:31,812
สั้น ๆ หน่อย เดี๋ยวจะมาสับสนกับ image อีก

544
00:47:32,186 --> 00:47:36,186
BG pic picture นั่นเอง

545
00:47:37,971 --> 00:47:40,878
คือการตั้งชื่อตัวแปรนี่ ตัวเองจะจำไม่ได้ เพราะฉะนั้น พยายามอย่าตั้งยาวมาก

546
00:47:40,878 --> 00:47:44,878
เหมือนเดิมนะคะ เมื่อประกาศตัวแปรต้องกำหนดค่า

547
00:47:47,905 --> 00:47:48,259
ให้มัน ก็คือเท่ากับ

548
00:47:48,259 --> 00:47:48,932

549
00:47:48,932 --> 00:47:52,932
เท่ากับแล้วตามด้วยอะไร

550
00:47:57,148 --> 00:48:01,148
คำสั่ง pygame.image.load เหมือนเดิม

551
00:48:03,818 --> 00:48:07,404
นะคะ เพราะเราจะต้องเียกภาพนั้นมาใช้

552
00:48:07,404 --> 00:48:10,703
ใช้เหมือน Icon เลย แต่ตัวแปรเป็นคนลตัว ต้องจำ

553
00:48:10,703 --> 00:48:13,710
ไว้ว่ามันต้องสร้างตัวแปรคนละตัวเพราะว่า

554
00:48:13,710 --> 00:48:17,710
icon ก็เป็นของ icon นะ อันนี้เป็น background คนละตัว

555
00:48:21,338 --> 00:48:25,328
เห็นไหมคะ นะคะ pygame ค่ะ พิมพ์ p พอขึ้น

556
00:48:25,328 --> 00:48:28,406
pygame กด pygame

557
00:48:28,406 --> 00:48:31,391
.i

558
00:48:31,391 --> 00:48:35,391
เลือก image เห้นไหมคะ ให้เลือก

559
00:48:42,237 --> 00:48:46,237
ที่ image กด Enter อย่า

560
00:48:47,127 --> 00:48:51,127
พิมพ์นะคะ เพราะถ้าพิมพ์แล้วจะผิดใช่ไหม

561
00:48:51,160 --> 00:48:54,771
เหมือนเดิม load เห็นไหมคะ เลื่อนลงมาเลือก load ใส่วงเล็บ

562
00:48:54,771 --> 00:48:58,641
ในวงเล็บอย่าลืมใส่เครื่องหมายคำพูด

563
00:48:58,641 --> 00:48:59,189
นะคะ ชื่อตัวนี้

564
00:48:59,189 --> 00:49:03,189
มาจากไหน ให้ไปดูที่โฟลเดอร์ที่เราเก็บ

565
00:49:03,642 --> 00:49:07,642
ไฟล์ Background เราไว้

566
00:49:15,668 --> 00:49:16,110
16552 เดี๋ยวขอเปลี่ยนชื่อก่อนนะ บอกแล้ว

567
00:49:16,110 --> 00:49:20,110
บางทีเด็ก ๆ ไปเซิร์ชมาแล้วชื่อมันยาวนะ แล้วพอ

568
00:49:26,644 --> 00:49:30,644
เราจะมาเรียกใช้น่ะ ถ้าชื่อมันยาว ถ้าของใครที่ save มา

569
00:49:31,304 --> 00:49:34,799
แล้วชื่อมันยาว วิธีแก้เรา Rename นะ windows 11 นี่

570
00:49:34,799 --> 00:49:35,225
มีความงง มึน ๆ อึน ๆ

571
00:49:35,225 --> 00:49:39,225
จะ Rename

572
00:49:39,803 --> 00:49:43,803
ไม่เปิดสิ เราจะ Rename น่ะ เราจะเปลี่ยนชื่อเธอ

573
00:49:46,627 --> 00:49:50,293
อยู่ไหนนะ

574
00:49:50,293 --> 00:49:54,293
คำสั่ง Rename เธอนี่ คือบ่ให้ rename

575
00:49:58,645 --> 00:50:01,111

576
00:50:01,111 --> 00:50:05,111

577
00:50:05,257 --> 00:50:09,257

578
00:50:11,600 --> 00:50:15,600
ถ้าใครไม่รู้

579
00:50:16,472 --> 00:50:20,472
ไม่รู้เหมือนนะ Windows 11

580
00:50:22,638 --> 00:50:26,638
ทำไม Rename ไม่ได้ Poperties

581
00:50:33,772 --> 00:50:37,772
open... show more options

582
00:50:39,442 --> 00:50:41,515

583
00:50:41,515 --> 00:50:45,515

584
00:50:47,777 --> 00:50:50,621
ไม่เห็นขึ้นเลย

585
00:50:50,621 --> 00:50:54,621
ถ้า Rename ไม่ได้นะคะ ดูนะคะ เปิดตัวโปรแกรม Paint

586
00:51:01,317 --> 00:51:05,317
Open with pain ปุ๊บ

587
00:51:06,558 --> 00:51:10,558
ทำไมรูป...

588
00:51:11,982 --> 00:51:15,982
รูปเรามันเป็นอย่างนี้ล่ะ ก็ file save as

589
00:51:21,527 --> 00:51:25,527
save ass นะ จะได้เต็มหน้าจอไหมนี่

590
00:51:25,822 --> 00:51:28,134
เอาไปก่อนแล้วกัน เพื่อมันให้เป็นการเสียเวลานะคะ

591
00:51:28,134 --> 00:51:32,134

592
00:51:32,459 --> 00:51:34,361
16552

593
00:51:34,361 --> 00:51:38,361

594
00:51:40,839 --> 00:51:42,420
ชื่อใคร เป็นชื่อใคร

595
00:51:42,420 --> 00:51:46,420

596
00:51:47,171 --> 00:51:51,171
16552.jp

597
00:51:58,482 --> 00:52:00,397
g นะคะ g อันนี้คือชื่อภาพ Background

598
00:52:00,397 --> 00:52:04,397
ในเครื่องของแม่นะคะ ภาพ Background

599
00:52:11,945 --> 00:52:15,945
ของเด็ก ๆ ชื่อตัวนี้ก็เปลี่ยนไปตามชื่อของตัวเองนะคะ เหมือนกัน อย่าลืมดูกว่านามสกุลของตัวเองคืออะไร

600
00:52:16,850 --> 00:52:20,199
บางคนอาจจะเป็น png ก็ได้ บางคนจะเป็น jpg ก็ได้

601
00:52:20,199 --> 00:52:20,995
ก็แล้วแต่นะคะ

602
00:52:20,995 --> 00:52:24,995
โอเคไหม นี่ก็คือสั่งให้เราสร้างตัวแปร

603
00:52:25,250 --> 00:52:29,250
background pic เพื่อ

604
00:52:30,661 --> 00:52:32,740
ไปดาวน์โหลดภาพ background ของเรา

605
00:52:32,740 --> 00:52:35,301
ขึ้นมานะคะ มาใช้งาน

606
00:52:35,301 --> 00:52:37,147

607
00:52:37,147 --> 00:52:41,147
จากนั้นเราจะต้องทำอะไร

608
00:52:45,150 --> 00:52:47,956
เราจะต้องเรียก

609
00:52:47,956 --> 00:52:51,956
ตัวแปรนั้นน่ะ มานะคะ

610
00:52:55,156 --> 00:52:59,156
แล้วแล้วก็วาง จะวาง

611
00:53:01,457 --> 00:53:03,094
มันไว้ตำแหน่งไหน ไม่ยากเลย ตำแหน่งรูปนะคะ ก็คือ

612
00:53:03,094 --> 00:53:07,094
ตำแหน่งที่ 00 ก็คือเริ่มจาก

613
00:53:10,315 --> 00:53:14,315
มุม x 0 y 0 ก็คือวางให้มันเต็มฉากเรา

614
00:53:18,238 --> 00:53:20,501
นั่นเองนะคะ คำสั่งที่จะใช้อยู่ที่...

615
00:53:20,501 --> 00:53:24,501
ตัวนี้พิมพ์เสร็จหรือยัง

616
00:53:26,892 --> 00:53:28,797
code บรรทัดที่ 11

617
00:53:28,797 --> 00:53:32,797
ถ้าพิมพ์เสร็จแล้วนะคะ เราจะต้องมาที่

618
00:53:35,871 --> 00:53:36,086
บรรทัดที่

619
00:53:36,086 --> 00:53:40,086
21 เห็นไหม ต่อจาก Sceen fill

620
00:53:47,978 --> 00:53:51,978
นะคะ เด็ก ๆ จะต้องมาอยู่ตำแหน่งบรรทัดใน loop นี่

621
00:53:53,079 --> 00:53:57,079
เพราะเราจะไปเลือกใช้ Backgroung

622
00:54:03,984 --> 00:54:07,984
picture เหมือน background color

623
00:54:07,985 --> 00:54:11,985
เรียกเหมือนกัน ตำแหน่งก็อยู่ถัดจากบรรทัดนั้นมา

624
00:54:15,675 --> 00:54:19,675
คำสั่งของตัวนี้คือ blit b-l-i-t

625
00:54:22,455 --> 00:54:26,455
นี่นะคะ เราเรียกตัวแปรฉากก่อน พิมพ์ s

626
00:54:34,702 --> 00:54:37,384
แล้วเลือก screen แล้วตามด้วยเครื่องหมาย .

627
00:54:37,384 --> 00:54:37,421
b-l-i-t เลือก screen แล้วตามด้วยเครื่องหมาย .

628
00:54:37,421 --> 00:54:40,013
แล้วก็วงเล็บ

629
00:54:40,013 --> 00:54:44,013
นะคะ bild bild อะไร ชื่อตัวนี้นะคะ

630
00:54:49,972 --> 00:54:53,972
bg bg แต่ให้เลือกเป็นอะไรคะ bgpic

631
00:54:55,997 --> 00:54:56,446
แต่ให้เลือกเป็นอะไรคะ

632
00:54:56,446 --> 00:55:00,446
bg pic เพราะ bg color คือ สีพื้น

633
00:55:03,593 --> 00:55:07,593
bg pic ก็คือ Backgroun

634
00:55:08,000 --> 00:55:12,000
ที่มีรูป กด ยังไม่กด ใส่อะไรเข้าได้วย ระบุ

635
00:55:12,543 --> 00:55:12,991
ระบุตำแหน่งเห็นไหมคะ ใส่

636
00:55:12,991 --> 00:55:15,691
เครื่องหมาย

637
00:55:15,691 --> 00:55:19,691
,

638
00:55:25,637 --> 00:55:29,519
ลูกน้ำนี่ แล้วก็วงเล็บเปิดวงเล็บปิด

639
00:55:29,519 --> 00:55:33,519
1 ครั้งนะคะ ดูวิธีพิมพ์นะคะ ใส่ , 1 ครั้ง แล้วก็ใส่วงเล็บ

640
00:55:38,861 --> 00:55:40,478
ตำแหน่งก็คือ 0, 0 แบบนี้นะคะ

641
00:55:40,478 --> 00:55:44,478
ใครพิมพ์บรรทัดนี้เสร็จ กด Ctrl + B ดู

642
00:55:50,162 --> 00:55:54,162
ได้เลย นี่นะ ทีนี้

643
00:55:55,319 --> 00:55:58,126
เด็ก ๆ จะเห็นว่า สัดส่วนรูป

644
00:55:58,126 --> 00:56:02,126
กับฉากเรามันไม่ Balance กันเห็นไหม

645
00:56:04,914 --> 00:56:06,203
มันมีวิธีทำอยู่ 2 แบบ

646
00:56:06,203 --> 00:56:08,431
ก็คือเรามาแก้ที่ตำแหน่งฉากเรา

647
00:56:08,431 --> 00:56:12,431
800 x 600 นี่ เพิ่มไป

648
00:56:17,743 --> 00:56:18,615
1,800

649
00:56:18,615 --> 00:56:22,615
แล้ว Ctrl + B ดู

650
00:56:26,114 --> 00:56:27,495
ใหญ่เกิน 1800

651
00:56:27,495 --> 00:56:31,495
ให้นึกถึงนะ เหมือนจะใหญ่บึ้ม

652
00:56:35,466 --> 00:56:36,083
800

653
00:56:36,083 --> 00:56:40,083
600 ใหญ่ไป 1,000 ได้ไหม

654
00:56:45,065 --> 00:56:45,333
1,600 ก็ใหญ่ไป

655
00:56:45,333 --> 00:56:45,351
1200

656
00:56:45,351 --> 00:56:49,351

657
00:56:53,499 --> 00:56:57,499
ใส่ความกว้างผิด ชีวิต

658
00:56:58,328 --> 00:57:02,328
เปลี่ยน กว้าง x ยาว

659
00:57:02,358 --> 00:57:06,358
width height

660
00:57:09,480 --> 00:57:11,098
1,000

661
00:57:11,098 --> 00:57:13,176
อันนี้ 600 โอเค 800 นะ

662
00:57:13,176 --> 00:57:17,176
เอาใหม่นะ

663
00:57:21,853 --> 00:57:21,352
แก้ไปเรื่อย ๆ

664
00:57:14,558 --> 00:57:17,552

665
00:57:17,552 --> 00:57:21,552

666
00:57:32,043 --> 00:57:36,043
1,000 1,200

667
00:57:40,046 --> 00:57:44,046
บางทีเหมือน Background

668
00:57:47,540 --> 00:57:51,540
ในกรณีนี้ เดี๋ยวขอไปเปลี่ยนรูป background ตัวเองก่อนนะ มันบิ๊กบึ้ม

669
00:57:54,599 --> 00:57:58,599
เกินไป

670
00:58:04,055 --> 00:58:08,055

671
00:58:08,060 --> 00:58:10,016

672
00:58:10,016 --> 00:58:13,602

673
00:58:13,602 --> 00:58:17,602
แป๊บหนึ่งนะคะ เด็ก ๆ ขอเปลี่ยนรูปก่อน

674
00:58:18,066 --> 00:58:20,260
pictu

675
00:58:20,260 --> 00:58:21,329
ขอลอง ขอลอง ขอลอง

676
00:58:21,329 --> 00:58:25,329

677
00:58:25,914 --> 00:58:29,914

678
00:58:40,070 --> 00:58:44,070

679
00:58:48,076 --> 00:58:52,076

680
00:58:52,078 --> 00:58:56,078

681
00:58:56,084 --> 00:59:00,084

682
00:59:08,094 --> 00:59:12,094

683
00:59:12,094 --> 00:59:16,094

684
00:59:16,095 --> 00:59:20,095

685
00:59:24,106 --> 00:59:28,103

686
00:59:28,103 --> 00:59:32,103

687
00:59:32,107 --> 00:59:36,107

688
00:59:44,113 --> 00:59:48,113

689
00:59:48,116 --> 00:59:52,116

690
00:59:56,125 --> 01:00:00,125

691
01:00:00,127 --> 01:00:04,126

692
01:00:04,126 --> 01:00:08,126

693
01:00:08,265 --> 01:00:10,813
โอเค เราจะเปลี่ยน

694
01:00:10,813 --> 01:00:14,813
ชื่อตัวนี้เป็น bg1

695
01:00:16,840 --> 01:00:20,840
นะ เปลี่ยนรูป

696
01:00:21,652 --> 01:00:25,652

697
01:00:32,140 --> 01:00:32,620

698
01:00:32,620 --> 01:00:36,620
ดูภาพจะใหญ่ โอเค จะเอาพื้นที่ไซซ์ขนาดนี้นะคะ

699
01:00:38,923 --> 01:00:41,963
แต่ปัญหา คือ ภาพ บางทีไฟล์

700
01:00:41,963 --> 01:00:45,963
background เรามันใหญ่เกิน สมมตินะคะ

701
01:00:45,997 --> 01:00:49,997

702
01:00:54,937 --> 01:00:58,937
จะเอาประมาณนี้ล่ะ ถ้าเปิดขึ้นมาแล้วไฟล์ต้นฉบับ

703
01:01:01,180 --> 01:01:03,990
มันใหญ่มากนี่ เรามีตัวแปรที่ชื่อ

704
01:01:03,990 --> 01:01:07,990
มีอีกคำสั่งหนึ่งนะคะ ไหนใครยังโหลดภาพตัวเองไม่ได้

705
01:01:10,722 --> 01:01:13,485
ยกมือ

706
01:01:13,485 --> 01:01:17,485

707
01:01:17,547 --> 01:01:21,547

708
01:01:21,749 --> 01:01:25,749

709
01:01:36,166 --> 01:01:40,166

710
01:01:40,166 --> 01:01:44,166

711
01:01:46,058 --> 01:01:50,058

712
01:01:56,176 --> 01:02:00,176

713
01:02:08,183 --> 01:02:12,182

714
01:02:12,182 --> 01:02:16,182

715
01:02:16,184 --> 01:02:20,184

716
01:02:20,188 --> 01:02:24,188

717
01:02:24,194 --> 01:02:28,194

718
01:02:28,194 --> 01:02:32,194

719
01:02:40,198 --> 01:02:44,198

720
01:02:44,201 --> 01:02:48,201

721
01:02:56,209 --> 01:03:00,209

722
01:03:00,210 --> 01:03:04,210

723
01:03:04,210 --> 01:03:08,210

724
01:03:08,218 --> 01:03:12,218

725
01:03:12,224 --> 01:03:16,224

726
01:03:16,227 --> 01:03:20,227

727
01:03:20,227 --> 01:03:24,227

728
01:03:24,227 --> 01:03:28,227

729
01:03:28,229 --> 01:03:32,229

730
01:03:32,233 --> 01:03:36,233

731
01:03:40,239 --> 01:03:44,239

732
01:03:44,240 --> 01:03:48,240

733
01:03:48,242 --> 01:03:52,240

734
01:03:52,240 --> 01:03:56,240

735
01:03:56,244 --> 01:04:00,244

736
01:04:00,245 --> 01:04:04,245

737
01:04:04,250 --> 01:04:08,250

738
01:04:08,252 --> 01:04:12,252

739
01:04:12,253 --> 01:04:16,253

740
01:04:16,253 --> 01:04:20,253

741
01:04:20,255 --> 01:04:24,255

742
01:04:24,258 --> 01:04:28,258

743
01:04:28,261 --> 01:04:32,260

744
01:04:32,260 --> 01:04:36,260

745
01:04:36,265 --> 01:04:40,265

746
01:04:44,265 --> 01:04:48,265

747
01:04:48,269 --> 01:04:52,269

748
01:04:52,269 --> 01:04:56,269

749
01:04:56,273 --> 01:05:00,273

750
01:05:04,273 --> 01:05:08,273

751
01:05:08,277 --> 01:05:12,277

752
01:05:12,281 --> 01:05:16,281

753
01:05:20,285 --> 01:05:24,285

754
01:05:24,287 --> 01:05:28,287

755
01:05:28,289 --> 01:05:32,289

756
01:05:32,290 --> 01:05:36,290

757
01:05:36,293 --> 01:05:40,293

758
01:05:40,296 --> 01:05:44,296

759
01:05:44,299 --> 01:05:48,299

760
01:05:52,303 --> 01:05:56,303

761
01:05:56,304 --> 01:06:00,304

762
01:06:00,306 --> 01:06:04,306

763
01:06:08,311 --> 01:06:12,311

764
01:06:12,312 --> 01:06:16,312

765
01:06:16,316 --> 01:06:20,314

766
01:06:20,314 --> 01:06:24,314

767
01:06:24,317 --> 01:06:28,317

768
01:06:28,322 --> 01:06:32,322

769
01:06:32,324 --> 01:06:36,324

770
01:06:36,327 --> 01:06:40,327

771
01:06:40,330 --> 01:06:44,330

772
01:06:44,331 --> 01:06:48,331

773
01:06:48,333 --> 01:06:52,333

774
01:06:52,336 --> 01:06:56,336

775
01:06:56,337 --> 01:07:00,337

776
01:07:00,340 --> 01:07:04,340

777
01:07:04,342 --> 01:07:08,342

778
01:07:08,343 --> 01:07:12,342

779
01:07:12,342 --> 01:07:16,342

780
01:07:16,345 --> 01:07:20,345

781
01:07:20,347 --> 01:07:24,347

782
01:07:24,350 --> 01:07:28,350

783
01:07:28,352 --> 01:07:32,352

784
01:07:32,352 --> 01:07:36,352

785
01:07:36,352 --> 01:07:40,352

786
01:07:40,354 --> 01:07:44,354

787
01:07:44,357 --> 01:07:48,357

788
01:07:48,361 --> 01:07:52,360

789
01:07:52,360 --> 01:07:56,360

790
01:07:56,363 --> 01:08:00,361

791
01:08:00,361 --> 01:08:04,361

792
01:08:04,362 --> 01:08:07,987

793
01:08:07,987 --> 01:08:10,183

794
01:08:10,183 --> 01:08:11,701
ทุกคน

795
01:08:11,701 --> 01:08:15,701
โหลดมาแล้วนะคะ แต่ปรากฏว่าบางคนรูป

796
01:08:17,426 --> 01:08:21,426
ตัวเองเล็กกว่าฉาก ไอรูปเล็กกว่าฉาก มัน

797
01:08:27,300 --> 01:08:30,181
ไปปรับขนาดฉากได้ นึกออกนะ ถ้าของใครรูปมันเล็กกว่าฉาก เรามาปรับตรงนี้

798
01:08:30,181 --> 01:08:33,651
แต่ถ้าของใครเป็นเหมือนตัวอย่างของอาจารย์แม่

799
01:08:33,651 --> 01:08:37,651
เห็นไหม ตัวรูปข้างหลังน่ะ มันใหญ่กว่าฉากอีก

800
01:08:41,777 --> 01:08:45,777
เพิ่มขนาดฉากแล้วยังไม่เห็นรูป เราจะมีคำสั่งสำหรับแปลงรูป

801
01:08:47,716 --> 01:08:50,043
ที่เราโหลดมาแล้วมันเล็กหรือมันใหญ่

802
01:08:50,043 --> 01:08:54,043
เกินไปนะคะ นั่นก็คือ

803
01:08:56,103 --> 01:09:00,103
คำสั่งนี้เลย เปลี่ยนขนาดเห็นไหมคะ การเปลี่ยนขนาดภาพ

804
01:09:01,292 --> 01:09:05,292
คำสั่งนี้ชื่อว่า Tranfrom Scale

805
01:09:11,194 --> 01:09:12,375
เห็นไหม แต่เราจะต้อง

806
01:09:12,375 --> 01:09:16,375
กำหนดชื่อตัวแปร ให้มันเป็นอีกตัวหนึ่งก่อนนะคะ

807
01:09:21,101 --> 01:09:24,611
แล้วก็กำหนดความสูง ความกว้าง

808
01:09:24,611 --> 01:09:28,611
ด้วยตัวเราเอง ดูจากอันไหน เราทำให้มัน

809
01:09:29,536 --> 01:09:33,536
เท่าตัวนี้ ก็คือเรามาดูของตัวนี้เรา เห็นไหมคะ มันก็จะ

810
01:09:34,892 --> 01:09:35,347
พอดีกับขนาดของฉากเรานะคะ

811
01:09:35,347 --> 01:09:39,347
ก่อนอื่นนะคะ

812
01:09:41,759 --> 01:09:45,759
ก่อนที่เราจะใช้ transform นะคะ

813
01:09:50,284 --> 01:09:53,736
เราใช้คำสั่งเพื่อสร้าง

814
01:09:53,736 --> 01:09:57,736

815
01:10:05,034 --> 01:10:09,034
เด็ก ๆ ขยันใช้ตัวย่ออยู่แล้วนะ bg tranform แล้วกัน

816
01:10:14,305 --> 01:10:18,305
bg.trans นะคะ

817
01:10:18,578 --> 01:10:22,578
bg trans ก็คือการที่

818
01:10:27,760 --> 01:10:31,760
เราจะทำการเปลี่ยนขนาด ตามด้วยเหมือนเดิม = นะคะ ประกาศตัวแปรเสร็จแล้ว

819
01:10:34,501 --> 01:10:37,969
9 ตั้งกำหนดค่าให้ตัวแปรนะคะ นั่นก็คือ py

820
01:10:37,969 --> 01:10:41,969
game บอกแล้วว่าเราใช้ Sublime เราจะไม่พิมพ์ p-y-g-a-m-e

821
01:10:45,930 --> 01:10:49,930
เราพิมพ์แค่ p แล้วถ้าเห็นคำว่า pygame

822
01:10:51,085 --> 01:10:54,187
กด Enter ได้เลย เพราะอย่างนี้มันจะทำ

823
01:10:54,187 --> 01:10:56,059
ให้เด็ก ๆ พิมพ์คำสั่งไม่ผิดนะคะ ตามด้วย . เครื่องหมาย .

824
01:10:56,059 --> 01:11:00,059
เห็นไหมน่ะ เห็นไหม

825
01:11:02,254 --> 01:11:06,254
เดี๋ยวนะ อายุเยอะแล้ว memory ไม่ดีนะคะ

826
01:11:15,828 --> 01:11:17,280
โค้ดทำอะไรใด ๆ ทั้งสิ้นนะคะ เด็ก ๆ transform

827
01:11:17,280 --> 01:11:21,280
.scale โอเค ขอทวนอีกรอบ

828
01:11:23,290 --> 01:11:26,147
transform t-r-a-

829
01:11:26,147 --> 01:11:26,349
n

830
01:11:26,349 --> 01:11:27,717
t-r-a-n-s

831
01:11:27,717 --> 01:11:31,717
s s s

832
01:11:32,572 --> 01:11:36,572
f-o-r-m transform.

833
01:11:42,974 --> 01:11:45,780
scale s-c-a-l-e แล้วก็ใส่วงเล็บ

834
01:11:45,780 --> 01:11:49,780

835
01:11:57,022 --> 01:12:01,022
โอเคไหมคะ ในวงเล็บ

836
01:12:02,025 --> 01:12:06,025
ใส่อะไร มาดูกัน ในวงเล็บสิ่งที่เราจะต้องใส่

837
01:12:11,191 --> 01:12:13,561
ก็คือชื่อตัวแปรรูปของเรา ก็คือชื่อข้างบนนะ

838
01:12:13,561 --> 01:12:17,561
ความกว้าง ความสูงนี่ ความกว้าง ความสูง ก็คือ

839
01:12:18,805 --> 01:12:22,805
เท่ากับตำแหน่ง screen.bilt นี่

840
01:12:28,119 --> 01:12:31,695
ที่เราสร้างก็คือตัวนี้เท่ากับตัวนี้ scale ก็คือ bg.pic ครับ ก็คือ

841
01:12:31,695 --> 01:12:35,695
ต้องเอาตัวนี้ เพราะเราจะไปแปลงภาพนี้ scale

842
01:12:42,058 --> 01:12:45,500
เราจะแปลงตัวแปรนี้

843
01:12:45,500 --> 01:12:46,269
ชื่อนี้นะคะ เพราะฉะนั้น ตำแหน่งของเด็ก ๆ

844
01:12:46,269 --> 01:12:50,269
ก็คือดูของตัวเองนะ ใช้ชื่อเดียวกันก็ bg

845
01:12:50,697 --> 01:12:54,697
เลือก pic

846
01:13:06,545 --> 01:13:10,545
นี่เลย ไซซ์นี้เลยครับ

847
01:13:14,993 --> 01:13:18,078
ก๊อบฯ มาเลย อย่าได้ช้า มันจะได้ไซซ์เท่ากันเป๊ะ

848
01:13:18,078 --> 01:13:22,078
กด

849
01:13:22,256 --> 01:13:24,597
Ctrl + B

850
01:13:24,597 --> 01:13:25,607

851
01:13:25,607 --> 01:13:29,607
Scale

852
01:13:32,983 --> 01:13:36,983
แล้วน้องยังไม่หดให้อีกน่ะ แหม่ ๆ

853
01:13:38,211 --> 01:13:42,211
ใหญ่จริง ไม่เป็นอะไร

854
01:13:43,306 --> 01:13:44,899
ปล่อยไปก่อนนะครับ ค่อยไปหารูปที่มันเหมาะสมนะ

855
01:13:44,899 --> 01:13:45,833

856
01:13:45,833 --> 01:13:49,833

857
01:13:49,899 --> 01:13:53,899

858
01:13:56,171 --> 01:14:00,090
ไม่ เราลดลงครึ่งหนึ่ง ถ้ามัน

859
01:14:00,090 --> 01:14:04,090
เต็มพอดีแล้วมันยังใหญ่เกิน เราก็

860
01:14:06,873 --> 01:14:07,773
แก้ตัวเลขสิครับรออะไร หาร 2

861
01:14:07,773 --> 01:14:11,773
ให้นึกถึงหลักการเวลาจะลดขนาด

862
01:14:14,898 --> 01:14:18,371
1,500 หาร 2 ได้เท่าไร

863
01:14:18,371 --> 01:14:22,356
ลดลงครึ่งหนึ่งดูก่อน

864
01:14:22,356 --> 01:14:26,356
เพราะอะไร เพราะจากตัวนี้เรา ขนาดมัน

865
01:14:26,561 --> 01:14:30,561
1,500 กับ 800 ใช่ไหม ตัว...

866
01:14:32,613 --> 01:14:34,439
ตัวฉากเต็มเรา คือ 1,500

867
01:14:34,439 --> 01:14:38,439
ขนาดภาพให้เล็กกว่าฉาก จาก 1,500

868
01:14:42,215 --> 01:14:45,584
ลดลงครึ่งหนึ่ง ใครหัวไวคิดหน่อยสิ 1,500 หาร 2

869
01:14:45,584 --> 01:14:49,584
เหลือ 750 800 ก็จะ

870
01:14:51,903 --> 01:14:55,317
เหลือ 400 ลดลงครึ่งหนึ่งเลย

871
01:14:55,317 --> 01:14:58,377
Ctrl + B ใหม่ ยังใหญ่อยู่

872
01:14:58,377 --> 01:14:59,471
เลยนะ ลดอีก

873
01:14:59,471 --> 01:15:03,471

874
01:15:04,239 --> 01:15:05,884
2 3 4 5

875
01:15:05,884 --> 01:15:09,884

876
01:15:10,210 --> 01:15:14,210
ลดลงอีกครึ่งหนึ่ง

877
01:15:19,385 --> 01:15:23,329
200 750

878
01:15:23,329 --> 01:15:27,329
325 อ้าว

879
01:15:28,019 --> 01:15:32,019
ครึ่ง  2 รอบแล้วนะ

880
01:15:39,962 --> 01:15:41,305
Crtl + B แสดงว่ารูปนี้ใหญ่จริง ก็จะปล่อยไปก่อนนะคะ

881
01:15:41,305 --> 01:15:45,305
ถ้าอย่างนี้แก้ไป 3 ครั้งแล้ว ไซซ์ยังไม่ได้

882
01:15:47,655 --> 01:15:51,655
ก็นั่นหมายความว่า ภาพ Background

883
01:15:56,451 --> 01:16:00,381
เห็นไหมคะ นั่นแปลว่า Ctrl + B นั่นแสดงว่า

884
01:16:00,381 --> 01:16:04,381
ภาพ Background เรามีขนาดใหญ่มาก

885
01:16:12,059 --> 01:16:14,439
เพื่อตรวจสอบว่ามันใหญ่ขนาดไหน

886
01:16:14,439 --> 01:16:16,744
นะคะ เราก็ค่อยไปหาภาพอื่นมาแทนนะ ตอนนี้ใช้ไป

887
01:16:16,744 --> 01:16:20,744
ก่อน ถ้าของใครยังแก้ไม่ได้

888
01:16:25,671 --> 01:16:29,671
ก็คือเราต้องไปเลือกรูปแล้วดูขนาดด้วยนะลูกนะ

889
01:16:32,268 --> 01:16:35,207
นั่นคือหลักการนะคะ เพราะฉะนั้น คำสั่งนี้อย่างน้อยเราได้รูป

890
01:16:35,207 --> 01:16:39,207
มาแล้ว แน่นอนแล้วนะคะ ต่อมา ต่อมา

891
01:16:41,991 --> 01:16:45,991
ที่เราจะทำต่อมา ไปไหนแล้ว บรรทัดสุดท้ายแล้ว โอเค

892
01:16:46,435 --> 01:16:47,873
ของสไลด์นี้ สไลด์ใหม่อยู่ไหนครับ

893
01:16:47,873 --> 01:16:51,873
ไหนล่ะ ปึ๊บ ๆ ๆ

894
01:16:52,589 --> 01:16:53,670

895
01:16:53,670 --> 01:16:57,670
อันนี้โหลดไปแล้ว

896
01:17:03,700 --> 01:17:06,139
เรียกใช้ background เรียกแล้ว

897
01:17:06,139 --> 01:17:07,191

898
01:17:07,191 --> 01:17:11,191
ตัวนี้มันจะยากขึ้นไปอีก เดี๋ยว

899
01:17:14,193 --> 01:17:17,557
เราจะพอแค่นี้ก่อนนะคะ เพราะคำสั่งนี้

900
01:17:17,557 --> 01:17:19,923
มันจะเป็นการที่จะทำให้ตัวฉาก

901
01:17:19,923 --> 01:17:23,923
คือให้นึกถึงตัว...

902
01:17:27,143 --> 01:17:30,293
ถ้าตัวเกมเรามันวิ่งไปน่ะ ฉากมันอยู่กับที่

903
01:17:30,293 --> 01:17:34,293
แต่ความจริงแล้วมันไม่ใช่ นึกออกนะ

904
01:17:35,310 --> 01:17:37,806
เราต้องหาให้ฉากเหมือนฉากมันเคลื่อนน่ะค่ะ มันจะเป็น

905
01:17:37,806 --> 01:17:41,799
คำสั่งพวกนี้นะคะ

906
01:17:41,799 --> 01:17:45,799
เดี๋ยวเรามาเรียนต่อใน

907
01:17:48,701 --> 01:17:48,863
สัปดาห์หน้านะคะ  ทีนี้เมื้อกี้ใคร

908
01:17:48,863 --> 01:17:51,941
ไม่ทัน ใครยังเอารูปใส่ไม่ได้

909
01:17:51,941 --> 01:17:55,941
ทีนี้เมื่อรูปมันใหญ่ บอกแล้วนะ เมื่อกี้

910
01:18:03,761 --> 01:18:04,800
ลอง transform แล้วรูปมันก็ยังใหญ่อยู่ ง่ายสุดเราลอง

911
01:18:04,800 --> 01:18:08,280
ไป หา Serach รูปใหม่นะลูก หา

912
01:18:08,280 --> 01:18:12,280
เสิร์ชภาพใหม่ เหมือนเดิม

913
01:18:15,145 --> 01:18:19,145
free นะคะ เหมือนเดิมต้องเลือกที่มันเป็น free download

914
01:18:21,792 --> 01:18:23,320
เสมอนะครับ เด็ก ๆ มันจะได้ไม่มีปัญหาติดนั่นนี่โน่น

915
01:18:23,320 --> 01:18:27,320
ยังหา jungle

916
01:18:34,181 --> 01:18:38,181
ไม่ได้เลย ไม่อย่างนั้นต้องไปลดขนาดไซซ์รูปภาพเรา

917
01:18:40,036 --> 01:18:41,416
ความจริงอยากได้รูปนี้นะ คือตัวเดียวกัน

918
01:18:41,416 --> 01:18:45,416
หรือเปล่า เข้าชม

919
01:18:46,714 --> 01:18:50,714
ไปไหนแล้ว

920
01:18:53,385 --> 01:18:54,360

921
01:18:54,360 --> 01:18:58,360

922
01:18:58,532 --> 01:19:02,532

923
01:19:04,727 --> 01:19:08,681
โอ้ เมื่อกี้

924
01:19:08,681 --> 01:19:12,681
สังเกตง่าย ๆ ไฟล์มันใหญ่นี่ มัน

925
01:19:13,524 --> 01:19:17,524
เป็นไฟล์ zip เลย เห็นไหม เพราะเวลาโหลดมา

926
01:19:22,956 --> 01:19:26,956
ไฟล์มันใหญ่มากน่ะ อย่างนี้แสดงว่าภาพออกมา background ใหญ่บึ้มเลยนะ

927
01:19:31,533 --> 01:19:33,294
เราก็ต้องเปลี่ยนนะครับ เราต้องไปหาไซซ์เล็ก ๆ

928
01:19:33,294 --> 01:19:36,823
ก็คือใช้โปรแกรมแล้วช่วย

929
01:19:36,823 --> 01:19:36,970
ในการเขาเรียกว่าอะไรล่ะ ลดขนาดภาพ

930
01:19:36,970 --> 01:19:40,970
เวอร์ชันนี้ windows นี้

931
01:19:46,879 --> 01:19:50,646
พอใช้ Paint แล้วมันไม่ใช่น่ะ มันไม่ได้อย่างที่เราต้องการ ดูนะ

932
01:19:50,646 --> 01:19:54,234
เดี๋ยวแม่จะลองทำให้ดูนะ Open

933
01:19:54,234 --> 01:19:57,860
นี่ ๆ ดูรูปนี้นะคะ

934
01:19:57,860 --> 01:19:59,957
ต้นฉบับอย่างบึ้มเลย

935
01:19:59,957 --> 01:20:03,957
เลือก select All แล้วนะ

936
01:20:09,982 --> 01:20:13,982
แล้วก็เลือก

937
01:20:14,148 --> 01:20:18,148
image resize ดูนะครับ เลือก resize

938
01:20:19,645 --> 01:20:23,645
จะลดเปอร์เซ็นต์มันครึ่งหนึ่ง

939
01:20:25,327 --> 01:20:29,327
เหลือครึ่งหนึ่ง 50 ยังใหญ่อยู่เลยเห็นไหม ลดอีก

940
01:20:30,869 --> 01:20:34,869
image resize อีก เอ้ย

941
01:20:35,390 --> 01:20:39,278
Select All ก่อน

942
01:20:39,278 --> 01:20:41,126
ก็คือใช้ตัวโปรแกรมนั่นล่ะ ช่วยในการ

943
01:20:41,126 --> 01:20:41,884
ลดขนาด

944
01:20:41,884 --> 01:20:45,884
คลิก OK

945
01:20:48,872 --> 01:20:52,872
ได้หรือยัง ยัง เห็นไหม

946
01:20:53,063 --> 01:20:54,437
ยังล้นไอ้นี่อยู่เลย ลดอีก

947
01:20:54,437 --> 01:20:58,437
3 3 แล้วนะ

948
01:21:00,565 --> 01:21:02,110
50

949
01:21:02,110 --> 01:21:06,110
เห็นไหม

950
01:21:10,711 --> 01:21:14,711
แต่ทีนี้เวลา save นะลูก ให้ไฟล์

951
01:21:15,486 --> 01:21:19,486
save as.. เป็น Png นะคะ

952
01:21:21,288 --> 01:21:25,288
save เป็นอีกชื่อหนึ่ง ขอใหม่ bg to

953
01:21:26,249 --> 01:21:27,759
เดี๋ยวลองให้ดูกันเห็น ๆ

954
01:21:27,759 --> 01:21:31,759
เดี๋ยวเราจะแก้

955
01:21:32,591 --> 01:21:36,591
เอาเมื่อกี้ไป transform ข้างนอก คำสั่งนี้เมื่อกี้

956
01:21:41,948 --> 01:21:44,513
ไม่ใช้แล้วนะครับ เดี๋ยวขอลบออก

957
01:21:44,513 --> 01:21:48,513
คำสั่งนี้ก็ไม่มีความจำเป็น ถ้าไม่ลบออก วิธีการก็คือใส่ #

958
01:21:49,491 --> 01:21:53,491
เข้าไปลูก bg to นะคะ ที่เรียก นามสกุลก็เปลี่ยน

959
01:21:59,563 --> 01:22:02,682
ก็ .png ด้วย เมื่อกี้เปลี่ยนทั้งชื่อ-นามสกุล

960
01:22:02,682 --> 01:22:05,641
ให้มันเลย ขอลองใหม่ Ctrl + B เห็นหรือยัง ๆ ๆ

961
01:22:05,641 --> 01:22:09,641
เห็นไหม นี่คือ 1. ถ้าปรับในตัว

962
01:22:10,310 --> 01:22:14,310
Code ของโปรแกรมเราไม่ได้ เราไปใช้

963
01:22:18,426 --> 01:22:22,426
โปรแกรม paint ช่วยนะคะ ลดเสีย ไปเพิ่มอีกนิดหนึ่ง ไม่เป็นอะไรนะครับ

964
01:22:25,409 --> 01:22:27,430
ก็อย่างนี้ล่ะ เพราะเอาของเขามาไม่ได้สร้างเอง ก็จะ

965
01:22:27,430 --> 01:22:31,430
ได้ขนาดที่เราไม่รู้ขนาดที่แท้จริวงเท่า

966
01:22:36,678 --> 01:22:40,678
ไร เราก็ต้องมาปรับเขาอย่างนี้นะเด็ก ๆ นะคะ ถ้าอย่างนั้นให้มันเท่า

967
01:22:42,781 --> 01:22:46,781
ไซซ์เรา เท่าไรนะ 1,500

968
01:22:52,681 --> 01:22:53,105
ดูสิจะเท่าพอดีไหม 1,500 กับ 800 ปรับให้เท่า

969
01:22:53,105 --> 01:22:57,105
ไซซ์หน้าจอว่าอย่างนั้นเถอะ

970
01:22:57,182 --> 01:23:01,182
Ctrl + B สิครับ รออะไร

971
01:23:04,967 --> 01:23:08,967

972
01:23:12,685 --> 01:23:16,685
1,500 นะ

973
01:23:19,076 --> 01:23:23,076
นะครับ มีวิธีแก้อยู่ 2 วิธี

974
01:23:27,572 --> 01:23:31,572
อย่างนี้ล่ะ แล้วแต่จะเลือก

975
01:23:33,323 --> 01:23:37,323
pixel วิธีการ

976
01:23:37,777 --> 01:23:41,777
ก็คือ ไหนล่ะ paint เรา

977
01:23:42,795 --> 01:23:46,795
file select All

978
01:23:54,639 --> 01:23:55,167
Resize เดี๋ยวเปลี่ยน

979
01:23:55,167 --> 01:23:59,167
เป็น pixel นะคะ

980
01:24:01,885 --> 01:24:04,972
800 โอเค

981
01:24:04,972 --> 01:24:05,904
เกินไปน่ะ g]-

982
01:24:05,904 --> 01:24:09,904
ย้อนคืนได้ไหม ขอลองไซซ์นี้ล่ะกัน

983
01:24:17,565 --> 01:24:21,565
Save ก่อน

984
01:24:21,836 --> 01:24:23,246
Crtl + B ใหม่นะคะ

985
01:24:23,246 --> 01:24:27,246
เห็นไหม ได้เต็ม ๆ แล้วนะคะ

986
01:24:31,205 --> 01:24:35,205
อาจจะใหญ่ไปนิด ค่อยไปปรับนะคะ เด็ก ๆ

987
01:24:35,218 --> 01:24:39,218
ใช้โปรแกรม Paint ปรับเอานะคะ

988
01:24:40,558 --> 01:24:40,760
ค่อยไปปรับขนาดเอา ก็ลองปรับ

989
01:24:40,760 --> 01:24:44,760
แล้วถ้ามันยังไม่สมดุลแล้วค่อยปรับใหม่

990
01:24:48,654 --> 01:24:49,915
จากต้นฉบับไฟล์ใหญ่มาก

991
01:24:49,915 --> 01:24:53,915
โอเคนะ แล้วเดี๋ยวสัปดาห์หน้า

992
01:24:58,373 --> 01:25:00,066
ใครที่... ให้ดูตัวนี้นะคะ เช็กตัว

993
01:25:00,066 --> 01:25:01,141
ไฟล์ที่ชื่อว่า

994
01:25:01,141 --> 01:25:05,141
ที่บอกว่าเราจะต้องไปหาไฟล์ภาพที่มันมี

995
01:25:05,842 --> 01:25:09,842
ตัวการ์ตูนเราใช่ไหม

996
01:25:11,421 --> 01:25:12,265
ที่มันจะต้อง... เดี๋ยวนะสีไม่ใช้แล้ว

997
01:25:12,265 --> 01:25:16,265
มันมีลักษณะเหมือนเคลื่อนไหวน่ะ ที่เราต้องการ

998
01:25:19,614 --> 01:25:20,204
นึกออกนะ อย่างนี้นะคะ ก็คือให้มันมี

999
01:25:20,204 --> 01:25:24,204
ภาพกันของตัวละครเรา

1000
01:25:29,616 --> 01:25:33,616
มันเคลื่อนไหวได้ อย่าลืมเลือก free นะ

1001
01:25:33,893 --> 01:25:35,010
ไฟล์มันจะต้องเป็น... เดี๋ยวนะเหมือนที่เคย...

1002
01:25:35,010 --> 01:25:39,010
เลือกคำว่า "Free"

1003
01:25:43,174 --> 01:25:45,234
พิมพ์ไหม ไม่ใช่เลือก

1004
01:25:45,234 --> 01:25:49,234
ฟรีดาวน์โหลด D-o-

1005
01:25:53,246 --> 01:25:57,246
w-n-l-o-a-d sprit

1006
01:25:59,037 --> 01:26:03,037
Sheet

1007
01:26:04,531 --> 01:26:07,452
เช่น ๆ ๆ

1008
01:26:07,452 --> 01:26:11,430

1009
01:26:11,430 --> 01:26:14,019
สมมติตัวอย่าง ตัวอย่าง หาตัวอย่

1010
01:26:14,019 --> 01:26:18,019
างก่อน เราอยากได้แบบเจาะจงตัวละครเลย เราก็ระบุ

1011
01:26:26,608 --> 01:26:30,608
ชื่อมันตามหลังด้วยเครื่องหมายบวก แล้วก็ชื่อเกมเรานั้นนะคะ เช่น ใครอยากได้กระต่ายก็ Rabbit

1012
01:26:36,769 --> 01:26:40,769
ใครอยากได้เสือก็ Tiger นะคะ ขอเป็น Free Pic Free Pic จะให้อย่างไรไม่รู้

1013
01:26:42,632 --> 01:26:44,593
ขอเข้าไปดูก่อน

1014
01:26:44,593 --> 01:26:48,593
คือ Out size แล้วหรือเปล่านี่

1015
01:26:51,605 --> 01:26:54,149

1016
01:26:54,149 --> 01:26:58,149

1017
01:27:02,143 --> 01:27:02,316

1018
01:27:02,316 --> 01:27:06,039
นะครับ เปิดด้วย ๆ

1019
01:27:06,039 --> 01:27:10,039
แหม่ ๆ ไม่ให้เปิดอีกแล้ว

1020
01:27:10,509 --> 01:27:14,336

1021
01:27:14,336 --> 01:27:18,336
Download

1022
01:27:19,806 --> 01:27:23,806
open with

1023
01:27:24,119 --> 01:27:28,119
ขอเปิดด้วย Paint แล้วกัน นี่บางที

1024
01:27:31,847 --> 01:27:35,847
มันได้เป็นภาพใหญ่ ๆ คือบางอันนะคะ

1025
01:27:37,595 --> 01:27:41,595
sprite sheet มันจะ

1026
01:27:44,791 --> 01:27:47,744
แยกไฟล์ เดี๋ยวหาให้ดูตัวอย่างอีกอันหนึ่งนะ ที่มันจะแยกไฟล์มาให้ เช่น เช่น ไหนนะ

1027
01:27:47,744 --> 01:27:51,744

1028
01:28:00,793 --> 01:28:04,793

1029
01:28:12,804 --> 01:28:16,804

1030
01:28:16,805 --> 01:28:20,804

1031
01:28:20,804 --> 01:28:24,804

1032
01:28:26,328 --> 01:28:30,328
สูงสุด เขาบอกว่าฟรีนะ

1033
01:28:31,177 --> 01:28:35,177
เดี๋ยวจะลองดูนะ

1034
01:28:37,297 --> 01:28:37,960

1035
01:28:37,960 --> 01:28:41,960

1036
01:28:42,586 --> 01:28:46,586

1037
01:28:47,962 --> 01:28:51,962
อ้าว ไม่ให้น่ะ...

1038
01:28:58,402 --> 01:28:59,434
ไหนบอกว่าฟรีล่ะ

1039
01:28:59,434 --> 01:29:03,210

1040
01:29:03,210 --> 01:29:06,210

1041
01:29:06,210 --> 01:29:10,210

1042
01:29:20,838 --> 01:29:22,625
หาไม่เจอ

1043
01:29:22,625 --> 01:29:26,625

1044
01:29:36,851 --> 01:29:40,849

1045
01:29:40,849 --> 01:29:44,849

1046
01:29:44,851 --> 01:29:48,851

1047
01:29:48,859 --> 01:29:52,859

1048
01:29:52,860 --> 01:29:56,860

1049
01:29:58,603 --> 01:30:00,186

1050
01:30:00,186 --> 01:30:04,186
นี่ดูเหมือน Cat กับ Dog อันนี้นะคะ

1051
01:30:09,130 --> 01:30:13,130
ให้มันเป็นไฟล์ Zip มา เดี๋ยวจะลองเปิดให้ดู คือ...

1052
01:30:13,751 --> 01:30:14,650
ถ้า ถ้า เอาไป

1053
01:30:14,650 --> 01:30:15,131

1054
01:30:15,131 --> 01:30:19,131

1055
01:30:24,427 --> 01:30:26,242
ไว้ที่ Picture ก่อน

1056
01:30:26,242 --> 01:30:30,242

1057
01:30:30,787 --> 01:30:34,363

1058
01:30:34,363 --> 01:30:38,363

1059
01:30:39,356 --> 01:30:43,356

1060
01:30:47,107 --> 01:30:49,012
นี่

1061
01:30:49,012 --> 01:30:52,413
อย่างของอันนี้ นี่มันจะมี

1062
01:30:52,413 --> 01:30:56,413
ภาพแยกมาให้อย่างนี้นี่ค่ะ เราจะต้องได้ลักษณะ

1063
01:30:58,464 --> 01:31:02,464
ของตัวเกมแบบนี้นะเด็ก ๆ

1064
01:31:03,581 --> 01:31:07,581
เหมือนจะ Out walk นะ walk

1065
01:31:09,884 --> 01:31:12,086
ที่ 1

1066
01:31:12,086 --> 01:31:16,086
แบบนี้ ถ้าใครที่ได้มา แล้วเป็นแผง

1067
01:31:23,972 --> 01:31:27,972
เหมือนตอนแรก เมื่อกี้เอาไปไว้ไหนแล้ว ดาวน์โหลดใช่ไหม นี่เหมือนอย่างนี้ ดูนะครับ

1068
01:31:28,960 --> 01:31:32,960
Open with

1069
01:31:39,860 --> 01:31:42,006
paint ใครที่ได้มาแล้วเป็น 1 แผ่น แล้วมีหลายตัว เด็ก ๆ จะต้อง.. นึกออกนะ

1070
01:31:42,006 --> 01:31:46,006
ตัดทีละตัวน่ะค่ะ ให้ได้รูป

1071
01:31:47,762 --> 01:31:51,762
เข้าใจไหม ให้ได้รูปที่ครอบการเคลื่อนไหว

1072
01:31:54,212 --> 01:31:58,212
เหมือนโฟลเดอร์นี้เลย นี่

1073
01:31:59,936 --> 01:32:03,936
มันควรจะได้ภาพที่เป็นลักษณะนี้ที่มันแยกออกมาแล้

1074
01:32:12,912 --> 01:32:15,702
วนึกออกหรือเปล่า แต่ตอนนี้ภาพมันรวม ถ้าใครไปโหลดแล้วมัน ได้ภาพที่มันเป็นทั้งหมด

1075
01:32:15,702 --> 01:32:16,977
อย่างนี้มาน่ะ เราก็ต้องมาใช้ Paint ของเรา

1076
01:32:16,977 --> 01:32:20,977
อย่างนี้นะ Select ปุ๊บ

1077
01:32:26,942 --> 01:32:29,045
แล้วก็ Resize ให้มันเท่ากันนะ

1078
01:32:29,045 --> 01:32:30,417

1079
01:32:30,417 --> 01:32:34,417

1080
01:32:41,461 --> 01:32:42,400
นี่ให้เราดูตำแหน่งที่เราทำ

1081
01:32:42,400 --> 01:32:46,400
นี่ ให้ Fix ให้มันเท่ากันนะ

1082
01:32:50,767 --> 01:32:53,217
คลิก OK ปุ๊บ

1083
01:32:53,217 --> 01:32:55,692
กด crop นี่

1084
01:32:55,692 --> 01:32:59,674
ดูนะคะ แล้วให้จำค่า

1085
01:32:59,674 --> 01:33:03,674
นี้ไว้ ว่าไซซ์ที่มันเท่ากัน

1086
01:33:07,990 --> 01:33:11,990
คือไซซ์นี้  ก็คือเราจะต้องตัดให้ได้ขนาดนี้เท่า ๆ กันทุกภาพนะลูก

1087
01:33:16,559 --> 01:33:20,559
ไม่อยากนั้นให้นึกถึงว่าเราทำตัวการ์ตูนเคลื่อนไหวปรากฏ เอ๊ะ ทำไมมันเล็ก

1088
01:33:21,366 --> 01:33:22,811
นึกออกไหม ตัวมันเล็กมันใหญ่ เวลาตัดน่ะลูก

1089
01:33:22,811 --> 01:33:26,811
ขนาดภาพมันจะต้องเท่ากัน นึกออกนะ

1090
01:33:30,839 --> 01:33:34,839

1091
01:33:34,979 --> 01:33:38,979
นี่ เพราะฉะนั้น

1092
01:33:42,292 --> 01:33:46,292
118 ก็ต้อง 118 เท่ากัน

1093
01:33:46,986 --> 01:33:50,428
118 82

1094
01:33:50,428 --> 01:33:54,428
ก็ต้อง 118 82 เท่ากันทุกตัว กำหนด

1095
01:33:56,061 --> 01:33:59,813
ขนาดให้มันเท่ากันทุกตัวน่ะ

1096
01:33:59,813 --> 01:34:02,367

1097
01:34:02,367 --> 01:34:06,367

1098
01:34:06,371 --> 01:34:10,371
อยากได้เสือวิ่ง เช่น เช่น ตัวนี้ size แร

1099
01:34:20,956 --> 01:34:23,117
ก กำหนดที่

1100
01:34:23,117 --> 01:34:26,957

1101
01:34:26,957 --> 01:34:30,957

1102
01:34:40,960 --> 01:34:44,960
102.82 Vertical

1103
01:34:51,261 --> 01:34:51,934
102.82 โอเคนะคะ

1104
01:34:51,934 --> 01:34:55,934
แล้วก็เซฟเป็น T1 อย่างนี้นะคะ แล้ว

1105
01:35:00,390 --> 01:35:04,390
ก็ย้อนกลับคืนมา ตัวที่ 2 ก็

1106
01:35:07,696 --> 01:35:07,862
ทำเหมือนกัน อันนี้หางมันติดกันก็จะยากหน่อย

1107
01:35:07,862 --> 01:35:11,141

1108
01:35:11,141 --> 01:35:15,141
102 กับ 82

1109
01:35:20,822 --> 01:35:22,230
นะคะ

1110
01:35:22,230 --> 01:35:26,230
นี่นะ

1111
01:35:28,253 --> 01:35:32,253
โอเค ถ้าไม่อย่างนั้นก็นี่ล่ะ

1112
01:35:36,286 --> 01:35:40,286
ใช้ให้เด็ก ๆ ไปที game 2d

1113
01:35:43,326 --> 01:35:43,657
นี่ก็ได้ มันให้โหลด แต่ก็ไม่เยอะ

1114
01:35:43,657 --> 01:35:47,264
มันมีนี่ มันมีรูปตัวนี้ ตัวนี้ ตัวนี้

1115
01:35:47,264 --> 01:35:49,423
ตัวนี้

1116
01:35:49,423 --> 01:35:53,423
นะคะ หาดูอย่างนี้ Free

1117
01:35:54,133 --> 01:35:58,133
access ฟรี Sprite หาคำว่า

1118
01:36:04,454 --> 01:36:06,287
อย่างนี้นะคะ เพราะไม่อย่างนั้น มันจะไม่ได้

1119
01:36:06,287 --> 01:36:10,287
มันจะไม่ได้ ให้ไปหา Free

1120
01:36:16,662 --> 01:36:19,528
sprite เหมือนไม่รู้น้องเพนกวิน

1121
01:36:19,528 --> 01:36:21,680
นี่ จะให้เยอะเท่าไหน

1122
01:36:21,680 --> 01:36:24,765
ตะมุตะมิ

1123
01:36:24,765 --> 01:36:28,765
นี่ ถ้ามันติดดาวนี่

1124
01:36:30,240 --> 01:36:31,511
คือเสียเงิน เราต้อง

1125
01:36:31,511 --> 01:36:35,511
ดูที่เขาไม่ติดดาวใช่หรือเปล่า

1126
01:36:38,975 --> 01:36:42,358

1127
01:36:42,358 --> 01:36:42,919
ไอ้ตัวนี้ได้

1128
01:36:42,919 --> 01:36:46,919
หมดแล้ว

1129
01:36:48,649 --> 01:36:52,649
3 of 3 3 หน้าแล้วหรือ

1130
01:36:56,647 --> 01:36:58,456
ไม่นะ

1131
01:36:58,456 --> 01:37:02,240

1132
01:37:02,240 --> 01:37:06,240
เราก็ search ว่า Free แล้วนะ แต่ไม่ให้

1133
01:37:17,011 --> 01:37:19,815
ใน Freepik หาฟรี Sprite เลย

1134
01:37:19,815 --> 01:37:21,171
หาที่มันจะขึ้น Free ให้เราไหม

1135
01:37:21,171 --> 01:37:25,171
หรือว่านี่เราโหลดไปจนหมดโควต้าแล้ว

1136
01:37:32,267 --> 01:37:36,112
ขึ้นแบบเสียสตางค์ทั้งนั้นเลยนะคะ หาเพิ่มนะเด็ก ๆ

1137
01:37:36,112 --> 01:37:36,901
หาไว้ก่อนนะ เพราะคราวหน้ามันจะ

1138
01:37:36,901 --> 01:37:40,901
ต่อด้วย เอาตัวนี้มาลง

1139
01:37:41,256 --> 01:37:42,431
เช่น เช่

1140
01:37:42,431 --> 01:37:46,431
เจอรูป

1141
01:37:49,842 --> 01:37:50,393

1142
01:37:50,393 --> 01:37:54,393

1143
01:37:54,519 --> 01:37:58,519

1144
01:38:09,029 --> 01:38:13,029

1145
01:38:13,311 --> 01:38:17,311

1146
01:38:25,044 --> 01:38:28,256
นะคะ

1147
01:38:28,256 --> 01:38:32,219
หาไว้ บอกแล้วถ้าหาไม่ได้แล้ว

1148
01:38:32,219 --> 01:38:36,219
ใช้วิธีที่บอกนะ ตัดไปทีละรูปนะคะ

1149
01:38:38,248 --> 01:38:42,248
โอเคนะคะ เดี๋ยวสัปดาห์

1150
01:38:42,459 --> 01:38:45,047
นี้ เราจะพอแค่นี้ก่อน

1151
01:38:45,047 --> 01:38:46,274
ต่อกันในสัปดาห์หน้านะคะ

1152
01:38:46,274 --> 01:38:50,274

1153
01:38:51,154 --> 01:38:54,931
มีใครยังทำไม่ได้อีก

1154
01:38:54,931 --> 01:38:58,931
รูป

1155
01:39:07,594 --> 01:39:10,579
ยังไม่พอดีกับกรอบนี่ เปลี่ยนขนาดก่อน

1156
01:39:10,579 --> 01:39:12,942
1500 1000 สิ

1157
01:39:12,942 --> 01:39:15,624
1,800

1158
01:39:15,624 --> 01:39:19,624

1159
01:39:23,346 --> 01:39:27,346
แป๊บหนึ่ง ๆ

1160
01:39:43,075 --> 01:39:55,198

1161
01:39:25,058 --> 01:39:27,060

1162
01:39:27,060 --> 01:39:31,060

1163
01:39:34,247 --> 01:39:38,247

1164
01:39:43,794 --> 01:39:47,794
1,800 800 ประมาณนี้นะคะ 1,800

1165
01:39:50,648 --> 01:39:54,347
กับ 1,600 เสร็จแล้วก็เซฟไว้

1166
01:39:54,347 --> 01:39:58,347
โอเคค่ะ สัปดาห์นี้

1167
01:39:59,651 --> 01:40:02,833
พอแค่นี้

1168
01:40:02,833 --> 01:40:06,833

1169
01:40:17,100 --> 01:40:21,100

1170
01:40:21,107 --> 01:40:25,107

1171
01:40:25,110 --> 01:40:29,110

1172
01:40:29,111 --> 01:40:33,111

1173
01:40:33,113 --> 01:40:37,113

1174
01:40:37,114 --> 01:40:41,114

1175
01:40:41,117 --> 01:40:45,117

1176
01:40:45,122 --> 01:40:49,122

1177
01:40:49,122 --> 01:40:53,122

1178
01:40:53,125 --> 01:40:57,125

1179
01:41:01,128 --> 01:41:05,128

1180
01:41:05,131 --> 01:41:09,131

1181
01:41:09,133 --> 01:41:13,133

1182
01:41:13,137 --> 01:41:17,137

1183
01:41:17,139 --> 01:41:21,138

1184
01:41:21,138 --> 01:41:25,138

1185
01:41:25,140 --> 01:41:29,140

1186
01:41:33,145 --> 01:41:37,145

1187
01:41:37,148 --> 01:41:41,147

1188
01:41:41,147 --> 01:41:45,147

1189
01:41:45,148 --> 01:41:49,148

1190
01:41:49,155 --> 01:41:53,153

1191
01:41:53,153 --> 01:41:53,154

1192
01:41:53,154 --> 01:41:57,154

1193
01:41:57,155 --> 01:41:57,155

1194
01:41:57,155 --> 01:42:01,155

1195
01:42:02,170 --> 01:42:06,170

1196
01:42:06,172 --> 01:42:10,172

1197
01:42:10,173 --> 01:42:14,173

1198
01:42:14,177 --> 01:42:18,177

1199
01:42:18,177 --> 01:42:22,177

1200
01:42:22,178 --> 01:42:26,178

1201
01:42:26,183 --> 01:42:30,183

1202
01:42:30,188 --> 01:42:34,188

1203
01:42:34,191 --> 01:42:38,191

1204
01:42:38,193 --> 01:42:42,193

1205
01:42:42,196 --> 01:42:46,196

1206
01:42:46,199 --> 01:42:50,199

1207
01:42:50,202 --> 01:42:54,202

1208
01:42:54,207 --> 01:42:58,207

1209
01:42:58,209 --> 01:43:02,209

1210
01:43:02,212 --> 01:43:06,212

1211
01:43:06,213 --> 01:43:10,213

1212
01:43:10,213 --> 01:43:14,213

1213
01:43:14,215 --> 01:43:18,215

1214
01:43:18,220 --> 01:43:22,220

1215
01:43:22,224 --> 01:43:26,224

1216
01:43:26,226 --> 01:43:30,226

1217
01:43:30,226 --> 01:43:34,226

1218
01:43:34,231 --> 01:43:38,231

1219
01:43:38,233 --> 01:43:42,233

1220
01:43:42,236 --> 01:43:46,236

1221
01:43:46,237 --> 01:43:50,237

1222
01:43:50,238 --> 01:43:54,238

1223
01:43:54,242 --> 01:43:58,242

1224
01:43:58,246 --> 01:44:02,246

1225
01:44:02,247 --> 01:44:06,247

1226
01:44:06,248 --> 01:44:10,248