1
00:01:49,502 --> 00:01:51,099
OUND

2
00:01:51,099 --> 00:01:51,105
ภาพพื้นหลังอยู่แล้วนะคะ

3
00:01:51,105 --> 00:01:55,105

4
00:02:01,522 --> 00:02:02,135
ใครยังไม่มีหน้าต่างพื้นที่

5
00:02:02,135 --> 00:02:06,135
การทำงานของตัวเองที่มีรูป Background

6
00:02:10,274 --> 00:02:14,274
ยกมือนะคะ เดี๋ยวไปต่อไม่ได้ เพราะสิ่งที่เราจะทำต่อไป ก็คือเราจะ

7
00:02:16,596 --> 00:02:17,941
เอาตัว

8
00:02:17,941 --> 00:02:21,569
เกม

9
00:02:21,569 --> 00:02:25,569
ของเราเข้ามานะคะ แล้วจะทำให้มันเคลื่อนไหว

10
00:02:28,598 --> 00:02:31,719

11
00:02:31,719 --> 00:02:34,282

12
00:02:34,282 --> 00:02:38,282

13
00:02:46,652 --> 00:02:48,022
ของ

14
00:02:48,022 --> 00:02:52,022
ใครยังไม่ขึ้น ขึ้นหมด

15
00:02:53,643 --> 00:02:57,643
ทุกคนแล้วหรือยังคะ อะไรนี่มีเวอร์ชัน... Cancel ไป

16
00:03:01,800 --> 00:03:05,800

17
00:03:08,553 --> 00:03:12,553
ทำไหมหน้าต่างนี้มันไม่ยอมให้ย่อลง

18
00:03:18,170 --> 00:03:14,737

19
00:03:10,485 --> 00:03:14,485

20
00:03:14,866 --> 00:03:18,866

21
00:03:26,103 --> 00:03:30,103
ทำไม PowerPoint ย่อลงไม่ได้ล่ะ

22
00:03:32,576 --> 00:03:36,576
เราต้องการพื้นที่

23
00:03:38,824 --> 00:03:58,352

24
00:03:34,391 --> 00:03:38,391

25
00:03:39,600 --> 00:03:42,696

26
00:03:42,696 --> 00:03:46,696

27
00:03:52,288 --> 00:03:56,288

28
00:04:04,784 --> 00:04:08,784

29
00:04:17,200 --> 00:04:21,200

30
00:04:21,202 --> 00:04:25,202

31
00:04:29,206 --> 00:04:33,206

32
00:04:33,208 --> 00:04:37,208

33
00:04:45,218 --> 00:04:49,218

34
00:04:49,218 --> 00:04:53,218

35
00:04:54,215 --> 00:04:58,215

36
00:05:05,227 --> 00:05:09,227

37
00:05:13,229 --> 00:05:17,229

38
00:05:17,239 --> 00:05:21,239

39
00:05:21,240 --> 00:05:25,240

40
00:05:25,241 --> 00:05:26,922

41
00:05:26,922 --> 00:05:30,922
โอเคนะคะ สิ่งแรก

42
00:05:33,556 --> 00:05:36,598
เด็ก ๆ ไปดูไฟล์ของเราใน

43
00:05:36,598 --> 00:05:40,598
Disk : C โฟลเดอร์เรา

44
00:05:46,818 --> 00:05:49,932
ยังไม่ได้โหลดภาพหรือ

45
00:05:49,932 --> 00:05:53,368
จำได้ไหมครับ ตัวเกมที่จะใช้...

46
00:05:53,368 --> 00:05:57,368
ทำไมมันย่อสไลด์

47
00:05:58,598 --> 00:06:02,598
PowerPoint ตัวนี้ลงไม่ได้ ปิดก็ไม่ได้ คือ

48
00:06:04,911 --> 00:06:08,911
... ขอ

49
00:06:08,926 --> 00:06:12,926
ปิดก่อนแป๊บหนึ่ง

50
00:06:13,413 --> 00:06:17,413
จำได้ไหมคะ

51
00:06:20,564 --> 00:06:24,564
ที่บอกให้ค้น sprites sheet น่ะ

52
00:06:27,806 --> 00:06:24,383

53
00:06:21,148 --> 00:06:23,405

54
00:06:23,405 --> 00:06:27,405

55
00:06:27,843 --> 00:06:31,843
คือ เราต้องการภาพที่มันมีลักษณะ

56
00:06:32,667 --> 00:06:36,667
ของภาพที่มีหลาย ๆ ภาพ คือ ภาพที่มี

57
00:06:39,753 --> 00:06:40,854
การเคลื่อนไหวต่อเนื่องกันนะคะ ก็คือเด็ก ๆ

58
00:06:40,854 --> 00:06:44,854
จะต้องเลือกตัวการ์ตูน หรือตัวเกม

59
00:06:49,605 --> 00:06:53,605
ที่เราจะทำให้เขาเคลื่อนไหว เราจะไม่มาเสียเวลาวาดเอง เลยจะให้

60
00:06:54,717 --> 00:06:58,717
ค้นจากเน็ตนะ ก็ต้องเลือกใช้

61
00:07:02,806 --> 00:07:06,806
Free Download ด้วยนะคะ

62
00:07:08,218 --> 00:07:12,218
เพื่อจะได้ไม่ติดปัญหาลิขสิทธิ์ ต้องพิมพ์คำว่า "Free Download" เสมอ

63
00:07:15,562 --> 00:07:19,562
เวลาค้นนะ แล้วก็ตามด้วยคำว่า "Spirte sheet "

64
00:07:29,273 --> 00:07:30,169
S-p-r-i-t-e Sprite

65
00:07:30,169 --> 00:07:34,169
แล้วก็ sheet s-h-e-e-

66
00:07:41,295 --> 00:07:45,295
t แล้วก็กดค้นหา นี่ลักษณะภาพ sprite sheet ก็คือ

67
00:07:47,570 --> 00:07:51,570
ถ้า Sprite ก็มีภาพตัวหลัก แล้วก็มีภาพที่เหมือนตัวเขาน่ะ เคลื่อนไหวได้

68
00:07:52,866 --> 00:07:56,866
มีรูปอื่น ๆ ที่ เห็นไหมคะ เสื้อผ้าอะไรเขาก็เหมือนกัน

69
00:07:58,699 --> 00:08:01,588
นะคะ เพราะเราต้องการวัตถุของเรานี่ ไอ้ตัวเกม

70
00:08:01,588 --> 00:08:05,588
เรานี่ ให้มันเคลื่อนไหวนะคะ

71
00:08:08,338 --> 00:08:12,338

72
00:08:17,311 --> 00:08:21,311
ถ้าใครหาได้แล้ว ให้โหลดแล้วเอาไปใส่ไว้ใน...

73
00:08:32,409 --> 00:08:29,320

74
00:08:26,936 --> 00:08:30,777

75
00:08:30,777 --> 00:08:34,598

76
00:08:34,598 --> 00:08:38,598

77
00:08:49,324 --> 00:08:53,324
ตอนนี้โหลดมาแล้วนะคะ

78
00:08:55,837 --> 00:08:59,837
จะเอาภาพนี้ รอแป๊บหนึ่ง

79
00:09:01,147 --> 00:09:04,566
ใครยังไม่โหลด โหลดเลยนะคะ ก็คือ

80
00:09:04,566 --> 00:09:06,889
ให้มันมีตัวหลาย ๆ ตัว อย่างน้อย อย่างน้อย

81
00:09:06,889 --> 00:09:10,889
มีภาพตัวเกมนี่ สัก 4 ตัว

82
00:09:11,790 --> 00:09:13,369
เป็นอย่างน้อยนะ มีมาก

83
00:09:13,369 --> 00:09:15,862
กว่านั้นก็ได้นะคะ

84
00:09:15,862 --> 00:09:19,862

85
00:09:21,904 --> 00:09:25,571

86
00:09:25,571 --> 00:09:29,571
โฟลเดอร์ที่เราดาวน์โหลดนะคะ เดี๋ยวจะ

87
00:09:32,619 --> 00:09:36,619
Move ไปไว้ที่ Disk C ของเรานะคะ

88
00:09:38,000 --> 00:09:38,596

89
00:09:38,596 --> 00:09:42,596

90
00:09:44,959 --> 00:09:46,612

91
00:09:46,612 --> 00:09:50,612

92
00:09:51,072 --> 00:09:55,072

93
00:10:05,357 --> 00:10:06,727

94
00:10:06,727 --> 00:10:10,727

95
00:10:14,034 --> 00:10:18,034
เอาไปไว้ที่เราเก็บโปรแกรม

96
00:10:18,162 --> 00:10:22,162
ที่เราเขียนเกมไว้น่ะที่เราเก็บไว้

97
00:10:25,069 --> 00:10:25,703
Extract ไฟล์แล้วนะคะ

98
00:10:25,703 --> 00:10:26,611

99
00:10:26,611 --> 00:10:30,611

100
00:10:30,627 --> 00:10:34,627

101
00:10:35,805 --> 00:10:39,805
จะเข้า Cat แล้วกัน

102
00:10:42,495 --> 00:10:44,480
นี่ ๆ ๆ

103
00:10:44,480 --> 00:10:48,480
เดี๋ยวจะเลือกเฉพาะที่เขาเป็น

104
00:10:49,032 --> 00:10:51,131
ขอเอาเป็นเดินนะคะ

105
00:10:51,131 --> 00:10:55,131
จะเดินหรือจะ... ขอเป็นรูปเดินแล้วกัน

106
00:10:57,521 --> 00:11:01,521
เอามาทดลองให้ดูก่อนนะคะ

107
00:11:02,330 --> 00:11:04,447
สักวันนี้มี

108
00:11:04,447 --> 00:11:08,447
หลายตัวหน่อย เอาถึงหมายเลข

109
00:11:12,829 --> 00:11:14,456
12

110
00:11:14,456 --> 00:11:18,456
นี่นะคะ เราจะต้องมี

111
00:11:23,258 --> 00:11:27,258
รูปตัวเกมเราอยู่ใน Folder อย่างนี้

112
00:11:27,324 --> 00:11:29,375
นะคะ โฟลเดอร์ชื่อเกม

113
00:11:29,375 --> 00:11:33,375
ที่เราสร้างน่ะค่ะ ให้สังเกตว่าเรามีไฟล์

114
00:11:39,082 --> 00:11:42,616
Sublime pygame อยู่ตรงไหน

115
00:11:42,616 --> 00:11:44,367
มีรูปอยู่ตรงนั้นล่ะ มันจะได้หากันเจอนะคะ เด็ก ๆ

116
00:11:44,367 --> 00:11:48,367
ก่อนอื่นเด็ก ๆ เปิดโฟลเดอร์ตัวเองเข้ามาไว้ด้วย

117
00:11:56,560 --> 00:12:00,560
เดี๋ยวจะไปเดินเช็กว่ามีรูปแบบนี้กันหรือยัง เลือกสัก 1 ตัวนะ เลือกตัวเกมสัก 1 ตัว

118
00:12:01,935 --> 00:12:02,974

119
00:12:02,974 --> 00:12:06,974

120
00:12:10,271 --> 00:12:10,612

121
00:12:10,612 --> 00:12:14,612

122
00:12:14,781 --> 00:12:18,781

123
00:12:20,853 --> 00:12:24,356
ดูนะคะ คำค้นที่ใช้

124
00:12:24,356 --> 00:12:26,562

125
00:12:26,562 --> 00:12:30,562

126
00:12:30,741 --> 00:12:34,741

127
00:12:35,901 --> 00:12:39,901

128
00:12:49,439 --> 00:12:53,439

129
00:12:53,524 --> 00:12:57,524
ดูคำที่ใช้ค้นเห็นไหม บนหน้าสไลด์นี่

130
00:12:59,458 --> 00:13:03,458
Free download

131
00:13:04,355 --> 00:13:05,846
Sprite Sheet นะคะ ให้ค้นด้วยคำนี้แล้ว

132
00:13:05,846 --> 00:13:09,846
เพราะถ้าค้นด้วยคำว่า "sprites sheet" น่ะ

133
00:13:16,686 --> 00:13:18,764
มันจะได้ภาพที่บอกว่ามีหลาย ๆ ตัวค่ะ ที่เขาทำไว้แล้วน่ะ จะได้ภาพที่บอกว่ามีหลาย ๆ ตัวค่ะ ที่เขาทำไว้แล้วน่ะ

134
00:13:18,764 --> 00:13:22,764

135
00:13:29,236 --> 00:13:30,817

136
00:13:30,817 --> 00:13:34,817

137
00:13:35,955 --> 00:13:39,427

138
00:13:39,427 --> 00:13:43,427

139
00:13:53,465 --> 00:13:55,521

140
00:13:55,521 --> 00:13:59,521

141
00:14:09,476 --> 00:14:13,437

142
00:14:13,437 --> 00:14:17,437

143
00:14:25,488 --> 00:14:26,594

144
00:14:26,594 --> 00:14:30,594

145
00:14:41,501 --> 00:14:45,501

146
00:14:53,508 --> 00:14:57,508

147
00:14:57,509 --> 00:14:59,449

148
00:14:59,449 --> 00:15:03,449

149
00:15:13,520 --> 00:15:15,033

150
00:15:15,033 --> 00:15:19,033

151
00:15:29,532 --> 00:15:31,138

152
00:15:31,138 --> 00:15:31,984

153
00:15:31,984 --> 00:15:35,984

154
00:15:45,544 --> 00:15:49,544
ใน...

155
00:15:50,455 --> 00:15:54,455
ในโฟลเดอร์เด็ก ๆ ทุกคน เมื่อกี้ไปตรวจแล้วนะคะ

156
00:15:58,549 --> 00:16:01,130
ตัวเกมที่เราจะเอามาลงแล้ว ไปไหนล่ะ

157
00:16:01,130 --> 00:16:05,130
อยู่ไหนเอ่ย อยู่ไหนเอ่ย

158
00:16:08,543 --> 00:16:11,428
นี่นะคะ อันดับแรก อันดับที่ 1

159
00:16:11,428 --> 00:16:15,023
เหมือนเดิมลองวางก่อน

160
00:16:15,023 --> 00:16:18,221
เพราะเราจะรู้ว่าเอาไอ้ตัวนี้เข้ามาวางในฉากได้ไหม

161
00:16:18,221 --> 00:16:22,221
เพราะฉะนั้นนะคะ

162
00:16:24,031 --> 00:16:26,690
คำสั่งยังเป็นคำสั่งเดิมอยู่นะ ก็คือ

163
00:16:26,690 --> 00:16:27,319
คำสั่งที่จะ

164
00:16:27,319 --> 00:16:31,319
นี่ ๆ ๆ

165
00:16:32,931 --> 00:16:36,931
เอารูปมาใส่นี่นะคะ

166
00:16:41,921 --> 00:16:42,211
แต่เราจะต้องประกาศตัวแปรใหม่ ตอนนี้

167
00:16:42,211 --> 00:16:46,211
ไปที่บรรทัด ตำแหน่งที่ 14 บรรทัดที่

168
00:16:47,922 --> 00:16:49,789
14 ก่อน เด็ก ๆ เลื่อนลงมาประมาณบรรทัดที่ 14

169
00:16:49,789 --> 00:16:53,789
เพราะในสัปดาห์ก่อน

170
00:16:57,784 --> 00:17:01,784
เรามี Background มีอะไรแล้วนะคะ เรากำหนดหน้าจอ

171
00:17:04,164 --> 00:17:08,164
ได้แล้ว สิ่งที่เราจะทำต่อมาใส่ Hashtag นะคะ หรือเครื่องหมาย # ก่อน

172
00:17:09,259 --> 00:17:09,629
แล้วก็บอกว่า

173
00:17:09,629 --> 00:17:13,629

174
00:17:21,580 --> 00:17:25,580

175
00:17:33,582 --> 00:17:37,427
เราจะเอาตัวเกมเข้ามาแล้ว

176
00:17:37,427 --> 00:17:41,427
ก็เลย

177
00:17:42,148 --> 00:17:46,148
ใส่ # ไว้ตรงส่วนนี้จะเป็นส่วนที่เราเอาตัวเกม

178
00:17:49,069 --> 00:17:49,592
เข้ามานะคะ นำเข้าเกม

179
00:17:49,592 --> 00:17:53,592
ใส่ # ไว้ แล้วก็กดเว้น

180
00:17:57,349 --> 00:18:01,349
2 ที เว้น 2 บรรทัด เราจะอยู่บรรทัด

181
00:18:05,600 --> 00:18:09,600
ที่ 15 จะได้เช็กง่าย ๆ ไปตามบรรทัดก่อนตอนนี้

182
00:18:15,845 --> 00:18:12,356

183
00:18:06,923 --> 00:18:10,923

184
00:18:11,363 --> 00:18:15,363

185
00:18:15,790 --> 00:18:19,790

186
00:18:29,607 --> 00:18:33,607

187
00:18:41,614 --> 00:18:45,614
ก่อนอื่นเหมือนเดิมนะคะ รูปแบบจะคล้าย ๆ

188
00:18:53,301 --> 00:18:57,301
นะคะ ก็คือให้ pygame มันไปโหลดภาพตัวเกมเรามาก่อน เราต้องมากำหนดตัวแปรเราก่อน

189
00:18:58,842 --> 00:19:00,555

190
00:19:00,555 --> 00:19:04,555
ตัวแปรเรา

191
00:19:05,364 --> 00:19:09,364
สมมติเมื่อกี้ให้เด็ก ๆ ดูที่อะไร

192
00:19:12,913 --> 00:19:13,922
ดูที่ตัวละครของเรามันเป็นตัว

193
00:19:13,922 --> 00:19:17,259
อะไร นึกออกไหมลูก

194
00:19:17,259 --> 00:19:21,259
เช่น ตัวนี้เป็นแมว เพราะฉะนั้น ชื่อตัวแปร

195
00:19:27,745 --> 00:19:29,391
คือตัวอะไรคะ ตัว Cat ภาษาอังกฤษ

196
00:19:29,391 --> 00:19:30,660
ของใครเป็นตัวอะไรบ้าง ถ้าใครเป็นนก

197
00:19:30,660 --> 00:19:34,660
ไหนใครเป็นรูปนกยกมือขึ้น

198
00:19:36,226 --> 00:19:39,148
มีใครมีรูปนกไหมคะ ไม่มีหรือ

199
00:19:39,148 --> 00:19:43,148
อย่างว่าเห็นอยู่

200
00:19:46,211 --> 00:19:47,180
กุ้งก็ตั้งชื่อตัวแปร Bird เลยลูก

201
00:19:47,180 --> 00:19:51,180
นึกออกไหม เอาชื่อแปรเกมเรา

202
00:19:51,386 --> 00:19:55,386
มาเป็นตัวแปรเลย เราจะได้รู้ว่าอันนี้เป็นนกของเรา

203
00:19:59,280 --> 00:20:01,402
เพราะฉะนั้น ใครที่ตัวที่ตัวรูปเกมตัวเองเป็นรูปสัตว์ชนิดไหน

204
00:20:01,402 --> 00:20:05,402
นึกออกนะคะ ให้ใช้ชื่อตาม

205
00:20:07,372 --> 00:20:11,372
ตัวสัตว์ชนิดนั้น หรือตัวเกมชนิดนั้น

206
00:20:13,447 --> 00:20:17,447
เหมือนของแม่เอาแมวตัวเกมแม่ก็จะชื่อ Cat

207
00:20:17,903 --> 00:20:21,450
ก่อน

208
00:20:21,450 --> 00:20:25,450
boy ก็ได้ ใช้ boy ก็ได้ เด็ก

209
00:20:28,093 --> 00:20:32,093
ผู้ชาย รูปเป็นเด็กผู้ชายหรือ Girl

210
00:20:35,221 --> 00:20:39,221
ของมิ่งเป็นรูปอะไรครับ หมาก็ Dog นะ ใครไม่รู้ชื่อศัพท์

211
00:20:41,545 --> 00:20:45,545
ภาษาอังกฤษ ค้นโดยใช้อะไร Google แปล

212
00:20:47,671 --> 00:20:49,572
ภาษานะคะ ช่วยประกาศตัวแปรแล้วตามด้วยเครื่องหมายเท่ากับ

213
00:20:49,572 --> 00:20:52,129
เสมอ

214
00:20:52,129 --> 00:20:55,494

215
00:20:55,494 --> 00:20:59,494
เห็นไหมคะ ตรง

216
00:21:02,214 --> 00:21:05,211
ชื่อตัวแปรน่ะ ชื่อนี้

217
00:21:05,211 --> 00:21:09,211
ก็คือให้เราดูรูปตัวเกมของเรา

218
00:21:16,435 --> 00:21:17,352
มันเป็นสัตว์อะไร เราก็ตั้งชื่อตามนั้น อย่ามาพิมพ์

219
00:21:17,352 --> 00:21:18,567
ตามแม่นะ แม่ของแม่

220
00:21:18,567 --> 00:21:22,567
เป็นตัวแมวไง แม่ก็เลยใช้ cat

221
00:21:23,633 --> 00:21:27,633
หมาก็ใช้ Dog ถ้าใครเป็นนกก็ bird

222
00:21:33,296 --> 00:21:35,018
ถ้าใครเป็น... โอเค

223
00:21:35,018 --> 00:21:39,018
องุ่นเป็นตัวอะไร อ๋อ

224
00:21:43,367 --> 00:21:46,846
หมาก็ dog

225
00:21:46,846 --> 00:21:50,846

226
00:21:51,002 --> 00:21:54,912

227
00:21:54,912 --> 00:21:58,912

228
00:22:09,687 --> 00:22:13,687

229
00:22:13,689 --> 00:22:17,689

230
00:22:21,694 --> 00:22:25,694

231
00:22:25,696 --> 00:22:29,696

232
00:22:29,696 --> 00:22:30,534

233
00:22:30,534 --> 00:22:34,534
ดูต่อนะคะ คำสั่งต่อมา เหมือนเดิม

234
00:22:34,969 --> 00:22:38,969
พิมพ์ P ก่อน กดตัว P 1 ครั้ง

235
00:22:40,502 --> 00:22:41,218
แล้วเลือก pygame กด Enter

236
00:22:41,218 --> 00:22:45,218
pygame อะไร

237
00:22:49,974 --> 00:22:53,974
.image load เราจะใช้คำสั่งนี้นะคะ .image load

238
00:22:57,538 --> 00:23:00,850
กด . ลงไป กด i แล้วก็เลือก image นึกออกนะ

239
00:23:00,850 --> 00:23:04,850
เลือกตัวนี้นะคะ เลือก image

240
00:23:08,438 --> 00:23:11,185
กด Enter กด . อีก 1 ครั้ง พิมพ์

241
00:23:11,185 --> 00:23:15,182
l เห็นไหมคะ เลือก load

242
00:23:15,182 --> 00:23:19,182
ใส่วงเล็บนะคะ เพราะรูปแบบเขา ก็คือ

243
00:23:19,430 --> 00:23:22,087
ให้ pygame มันไปโหลดรูป เห็นไหมคะ

244
00:23:22,087 --> 00:23:25,071
ทีนี้ ตรงนี้นะ ก็คือชื่อ

245
00:23:25,071 --> 00:23:28,825
ชื่อรูปเด็ก ๆ ดูจากไหน

246
00:23:28,825 --> 00:23:32,825
เหมือนเดิมนะคะ เช็กชื่อภาพของเรา

247
00:23:36,718 --> 00:23:39,169
สังเกตดูชื่อดี ๆ

248
00:23:39,169 --> 00:23:43,169
มันมีหลายตัว แล้วมันมีวงเล็บ

249
00:23:44,096 --> 00:23:48,096
1 พิมพ์ให้เหมือน ถ้ากลัวพิมพ์ผิดทำอย่างไรคะ

250
00:23:48,404 --> 00:23:52,404
ก๊อบปี้ใช่ไหมวิธีการ

251
00:23:52,893 --> 00:23:56,893
เพื่อจะไม่ให้พิมพ์ผิดนะ เด็ก ๆ คลิกขวาที่ชื่อเรานี่

252
00:23:59,700 --> 00:24:03,527
Property เห็นไหมคะ ก็อบ

253
00:24:03,527 --> 00:24:07,527
จากตรงนี้เลย จะได้พิมพ์ไม่ผิด นึกออกนะ ชื่อมันก็จะเหมือนกัน จะได้หาเจอ

254
00:24:10,381 --> 00:24:14,381
ไม่อย่างนั้นเดี๋ยวมันหาไม่เจอ ไม่ต้องไปพิมพ์เอง นึกออกไหมลูก

255
00:24:14,525 --> 00:24:18,525
ให้เด็ก ๆ เอาใหม่นะ ทำให้ดูใหม่นะ เราคลิกที่รูปที่เราจะใช้ 1 ครั้ง แล้วคลิกเมาส์ขวา

256
00:24:19,075 --> 00:24:23,075
นะ คลิกไอ้ตรงนี้นี่ ๆ

257
00:24:24,380 --> 00:24:28,380
คลิกที่นิ้วกลางเราน่ะ คลิกเมาส์ที่

258
00:24:33,470 --> 00:24:33,785
ตรงที่นิ้วกลางอยู่ 1 ครั้ง แล้วเลือก Properties นามสกุลด้วยเห็นไหม

259
00:24:33,785 --> 00:24:37,785
อย่างลืมดูนามสกุลด้วยว่ามันเป็น .png

260
00:24:44,246 --> 00:24:48,246
เพราะฉะนั้น เราก๊อบชื่อมันก็จะไม่ผิดนะ มันจะเว้นวรรค

261
00:24:49,316 --> 00:24:50,527
มันก็จะเหมือนกันเลย กด copy Ctrl + C

262
00:24:50,527 --> 00:24:54,527
เสร็จแล้วก็เอามาวาง... ไหนล่ะ วงเล็บหายไปไหนแล้ว

263
00:24:55,059 --> 00:24:58,049
เนื่องจากเป็นชื่อ อย่าลืมนะคะ

264
00:24:58,049 --> 00:25:02,049
ถ้าเป็นชื่อรูป ต้องใส่เครื่องหมายอะไรคะ

265
00:25:03,944 --> 00:25:07,944
Single Quote หรือ Double Quote ก็ได้

266
00:25:11,371 --> 00:25:12,396
ขีดเดียวก็ได้ ขีด...

267
00:25:12,396 --> 00:25:16,396
อยู่ไหนล่ะ อย่างนี้ ขีดเดียวหรือ 2 ขีดก็ได้ นี่คือ Double

268
00:25:21,014 --> 00:25:25,014
Quote นี่คือ Double

269
00:25:25,038 --> 00:25:26,843
เห็นไหม ก็คือเครื่องหมายคำพูดแบบอันเดียวกับ 2 อันน่ะ นะคะ

270
00:25:26,843 --> 00:25:30,843
กด Ctrl + V วางไฟล์นั้น

271
00:25:32,955 --> 00:25:34,864
แล้วตามด้วยนามสกุล เวลา

272
00:25:34,864 --> 00:25:38,864
ระบุนามสกุลรูป ก็คือต้องใส่ . ก่อน .

273
00:25:39,796 --> 00:25:43,796
แล้วก็ เผื่อใครจำไม่ได้ก็

274
00:25:44,243 --> 00:25:45,392
ย้อนกลับไปดู ชื่ออะไรนะ นะคะ

275
00:25:45,392 --> 00:25:49,392
properties เหมือนเดิม แล้วตามด้วย

276
00:25:57,065 --> 00:26:00,601
เราก็ใส่ png ลงไปนะคะ . แล้วก็ตามด้วยนามสกุลเขา

277
00:26:00,601 --> 00:26:04,326
เห็นไหมคะ

278
00:26:04,326 --> 00:26:08,326
เอารูปเข้ามาแล้ว อย่าลืมเรียกใช้รูป

279
00:26:09,668 --> 00:26:13,668
ตอนนี้เราเอารูปเข้ามาแล้วนะคะ เราจะรู้ได้อย่างไร

280
00:26:17,988 --> 00:26:21,988
ว่ารูปเข้ามา เราก็ต้องไปเรียกใช้รูปนั้นมานะคะ

281
00:26:22,925 --> 00:26:23,272
ตอนนี้ในบรรทัดนี้คือคำสั่ง

282
00:26:23,272 --> 00:26:27,272
pygame.image.load นี่ ก็คือไปโหลดภาพที่

283
00:26:31,124 --> 00:26:32,900
เราจะใช้ ดูนะ ดูชื่อดี ๆ นะ

284
00:26:32,900 --> 00:26:36,900
มันมีเว้นวรรคอะไรน่ะ เอาตามมันเลย เหมือนที่บอก Copy

285
00:26:41,146 --> 00:26:41,498
จะได้พิมพ์ไม่ผิด แล้วอย่างไรให้เราเข้ามา

286
00:26:41,498 --> 00:26:45,498
ในตำแหน่ง loop ของเกมเรา

287
00:26:48,995 --> 00:26:52,185
เห็นไหมคะ Screen blit

288
00:26:52,185 --> 00:26:53,391
สิ่งต่อมาที่เราจะใส่ คำสั่ง

289
00:26:53,391 --> 00:26:57,391
เดียวกันเลย แต่เปลี่ยนจาก pic

290
00:27:01,739 --> 00:27:05,739
bgpic เป็นนี่ ๆ ๆ

291
00:27:07,411 --> 00:27:11,411
เราจะเรียกตัวแปรนี้มานะคะ cat เข้ามานะคะ พร้อมหรือยังคะ ให้เด็ก ๆ

292
00:27:13,090 --> 00:27:17,090
เข้ามาที่บรรทัด

293
00:27:17,217 --> 00:27:21,217
ต่อจากที่เราเรียกใช้งาน Background screen.blt

294
00:27:29,278 --> 00:27:32,960
bg pic นี่คือ background picture เรานี่

295
00:27:32,960 --> 00:27:36,960
ดูนะคะ กด Enter เพื่อให้เคอร์เซอร์มัน

296
00:27:39,482 --> 00:27:43,482
บอกแล้วว่าอย่ากดเป็นอย่างนี้ อย่ากดแป้น Spacebar

297
00:27:44,962 --> 00:27:48,418
ถ้าเห็นจุด ๆ เดี๋ยวมันขึ้น Error นะคะ

298
00:27:48,418 --> 00:27:52,418
เด็ก ๆ ไปท้ายบรรทัดของคำสั่งที่เราจะเริ่มเขียน

299
00:27:52,793 --> 00:27:56,793
แล้วกด Enter เห็นไหมคะ มันจะตัด โครงสร้าง

300
00:27:57,246 --> 00:27:59,600
มันจะจัดระเบียบมาให้

301
00:27:59,600 --> 00:28:03,020
กด S 1 ครั้ง แล้วเลือก

302
00:28:03,020 --> 00:28:07,020
screen เหมือนเดิม .

303
00:28:09,262 --> 00:28:13,262
blit  นะคะ เลือก

304
00:28:14,045 --> 00:28:15,457
เอานะไม่ต้องพิมพ์จะได้ไม่ผิด ใส่วงเล็บ

305
00:28:15,457 --> 00:28:18,249
ตรงนี้ ก็คื

306
00:28:18,249 --> 00:28:22,249
อชื่อตัวนี้นะคะ เราก็ต้องเรียกใช้ cat

307
00:28:27,658 --> 00:28:29,446
เรียกน้อง cat ของแม่เรียก cat เด็ก ๆ

308
00:28:29,446 --> 00:28:30,959
เป็นตัวอะไร ตัวแปรของเด็ก ๆ นึกออกนะ

309
00:28:30,959 --> 00:28:34,959
ใครเป็น boy ก็เรียก boy ใครเป็น dog ก็เรียก dog

310
00:28:39,217 --> 00:28:43,217
ใครเป็น Bird ก็เรียก Bird

311
00:28:43,714 --> 00:28:44,943
นะคะ เวลาเอามาเราจะระบุตำแหน่งให้มันแล้ว ทีนี้ดูดี ๆ

312
00:28:44,943 --> 00:28:48,834
ตำแหน่งจอ

313
00:28:48,834 --> 00:28:52,834
เริ่มต้น คือ นึกออกนะ

314
00:28:53,690 --> 00:28:57,690
มันมีแกนที่เรียกว่า แกน x กับแกน y

315
00:29:00,065 --> 00:29:03,726
นะคะ สูง

316
00:29:03,726 --> 00:29:05,338
คือ ตำแหน่งข้างบน

317
00:29:05,338 --> 00:29:09,338

318
00:29:12,407 --> 00:29:16,361
แล้วมันจะลงมาข้างล่างอย่างนี้ ไม่เชื่อเดี๋ยวลองดูนะคะ

319
00:29:16,361 --> 00:29:19,431
ถ้ายังไม่เปลี่ยนตำแหน่ง เด็ก ๆ ลองดูก็ได้

320
00:29:19,431 --> 00:29:21,393
เอาเหมือนเดิมเลย เอาเหมือนคำสั่งแรกเลย

321
00:29:21,393 --> 00:29:25,393
นี่ เอาเหมือนตำแหน่งนี้เลยนะ

322
00:29:29,985 --> 00:29:33,985
เด็ก ๆ ลองดูนะ cat ปุ๊บ ใส่ : แล้วก็ใส่ตำแหน่ง

323
00:29:37,850 --> 00:29:37,990
,

324
00:29:37,990 --> 00:29:38,889
แล้วก็ใส่ตำแหน่ง 0, 0

325
00:29:38,889 --> 00:29:42,671
เหมือนตัวแรกเลยนะ ให้ดูเลย

326
00:29:42,671 --> 00:29:46,671
ว่ามัน ตำแหน่งมันเริ่มมาจากไหน ใครพิมพ์

327
00:29:49,026 --> 00:29:51,544
คำสั่งนี้เสร็จแล้วกดอะไรคะ เมื่อ

328
00:29:51,544 --> 00:29:55,544
เราต้องการทดสอบโปรแกรมหรือ Run โปรแกรม กด

329
00:29:55,578 --> 00:29:59,578
ปุ่ม Ctrl + B

330
00:30:00,890 --> 00:30:04,376
นี่เห็นไหม เราใส่

331
00:30:04,376 --> 00:30:08,376
0, 0 ตำแหน่งน้องแมวมันลอยอยู่บนท้องฟ้า

332
00:30:09,200 --> 00:30:09,243
เราอยากให้มันลงมา ให้เรา

333
00:30:09,243 --> 00:30:13,243
ดูอะไรคะ ดูแนวของภาพ Background เราด้วย

334
00:30:19,142 --> 00:30:21,171
นะ ก็คือน้องแมวควรจะมายืนอยู่ตรง

335
00:30:21,171 --> 00:30:24,696
พื้นดินตรงนี้พอดี เพราะฉะนั้น

336
00:30:24,696 --> 00:30:26,001
เราจะต้องเลื่อน 0

337
00:30:26,001 --> 00:30:30,001
ตัวแรกคือ 0 ในแนว เขาเรียกว่าอะไรล่ะ

338
00:30:35,152 --> 00:30:36,057
แนวตั้งน่ะคอลัมน์น่ะ นึกออกนะ แล้ว

339
00:30:36,057 --> 00:30:38,136
0 ตัวที่ 2 ก็คือแนวที่เป็นแถว

340
00:30:38,136 --> 00:30:42,136
ก็คือบรรทัด เพราะฉะนั้น เราจะต้องเพิ่มจำนวนบรรทัด

341
00:30:43,604 --> 00:30:47,604
น้องแมวก็ตัวใหญ่ไปด้วย

342
00:30:52,422 --> 00:30:54,169
ใช้ transform ลดไซซ์ลงหน่อยก็ได้นะคะเด็ก ๆ

343
00:30:54,169 --> 00:30:57,233
นี่ Load มาแล้วตัวมันใหญ่นี่ ใช้ตัวนี้ก็ได้

344
00:30:57,233 --> 00:31:01,233
นะลด แต่ถ้าไม่ใช้ตัวนี้ลด นึกออกนะ เดี๋ยว...

345
00:31:09,369 --> 00:31:09,818
เดี๋ยวค่อยไปแก้ การลดขนาดไซซ์สอนไปแล้วนะ

346
00:31:09,818 --> 00:31:10,447
เดี๋ยวค่อยไปแก้ที่หลังก็ได้ เดี๋ยว

347
00:31:10,447 --> 00:31:14,002
เรามาเปลี่ยนตำแหน่ง เดี๋ยวจะเพิ่มสัก...

348
00:31:14,002 --> 00:31:18,002
เพิ่มจำนวนบรรทัดนะคะ ที่ 250

349
00:31:19,926 --> 00:31:23,926
ดูจากอะไร 1. อันดับแรก เด็ก ๆ เช็กจาก

350
00:31:24,673 --> 00:31:27,353
นี่ได้ เช็กจาก

351
00:31:27,353 --> 00:31:31,353
ตัว screen เราเห็นไหมคะ

352
00:31:31,434 --> 00:31:35,434
ตำแหน่งบรรทัดนี่ เห็นไหม

353
00:31:36,702 --> 00:31:40,089
ตำแหน่งคอลัมน์น่ะ สูงสุดก็คือ 1,600

354
00:31:40,089 --> 00:31:41,182
บรรทัดสูงสุด คือ 800

355
00:31:41,182 --> 00:31:44,507
ตอนนี้นี่เอาบรรทัดที่ 250

356
00:31:44,507 --> 00:31:48,507
กด Ctrl + B ดูว่าน้องแมวเราเลื่อนลงมา

357
00:31:56,934 --> 00:32:00,934
หรือยัง ได้พอดีเลย เห็นไหมคะ น้องแมวอยู่ตรงพื้นดินพอดี บางคน

358
00:32:01,312 --> 00:32:03,293
เลื่อนลงไปเยอะให้นึกถึงนะ ไม่ใช่ว่าเราจะเอาลงมา

359
00:32:03,293 --> 00:32:07,293
จนสุดไอ้นี่ถูกไหมคะ บางที

360
00:32:07,749 --> 00:32:11,749
มันก็ไม่จำเป็นต้องลงมาจนสุดฉากเสมอไป ให้เรา

361
00:32:13,620 --> 00:32:14,946
ดูระดับจากพื้นที่ของภาพเราด้วยนะ

362
00:32:14,946 --> 00:32:18,946
กดหรือยัง Ctrl + B

363
00:32:20,858 --> 00:32:24,858
ยัง กดหรือยัง

364
00:32:26,918 --> 00:32:27,915
กดปุ่มนี้หรือยังนี่ เดี๋ยว

365
00:32:27,915 --> 00:32:31,062
Error ไม่ขึ้นหรือ

366
00:32:31,062 --> 00:32:32,953
Error นี่

367
00:32:32,953 --> 00:32:36,953
ทำไมถึง

368
00:32:42,249 --> 00:32:45,794
name error บรรทัดที่เท่าไร line 18

369
00:32:45,794 --> 00:32:49,794
ทำไมตัวนี้ Error ดูบรรทัดนี้นะคะ

370
00:32:49,826 --> 00:32:53,826
ไอ้กุ้ง กุ้ง

371
00:32:58,452 --> 00:32:59,834
ดูบรรทัดนี้เด้อ หายไปไหน บรรทัดนี้

372
00:32:59,834 --> 00:33:03,834
หายไปไหน run to ห

373
00:33:09,903 --> 00:33:12,101
หายไปไหน 1 บรรทัด ไม่นี่ ก่อนหน้าเห็นไหม ข้างบน ข้างบน

374
00:33:12,101 --> 00:33:16,101
อันนี้ ถูกแล้ว ขึ้นไป 17 ไม่ ๆ ไม่ต้องตล

375
00:33:19,253 --> 00:33:21,442
อีกบรรทัดหนึ่ง แล้วก็...Enter Enter

376
00:33:21,442 --> 00:33:23,956
เท่ากับ

377
00:33:23,956 --> 00:33:27,226

378
00:33:27,226 --> 00:33:31,226
วรรค ๆ

379
00:33:39,024 --> 00:33:41,754

380
00:33:41,754 --> 00:33:45,754
แล้วก็กด Ctrl + B กด

381
00:33:46,731 --> 00:33:47,158

382
00:33:47,158 --> 00:33:51,158
มันใหญ่ใช่ไหม เดี๋ยว

383
00:33:53,498 --> 00:33:57,498
ค่อย จำได้ไหม

384
00:34:00,787 --> 00:34:04,038
ที่บอกว่าไหนล่ะ นี่

385
00:34:04,038 --> 00:34:08,038
ใช้อะไรนะ ใช้

386
00:34:08,138 --> 00:34:12,138
โปรแกรม Paint

387
00:34:20,330 --> 00:34:21,775
อยู่ไหน p p กด P P-A

388
00:34:21,775 --> 00:34:25,775
กดตัว p

389
00:34:28,636 --> 00:34:32,636
ตัว i p-a-

390
00:34:34,074 --> 00:34:38,074
i Paint โอเค

391
00:34:38,596 --> 00:34:42,123
ทีนี้เปิดหรือยังไปที่เมนู File open

392
00:34:42,123 --> 00:34:46,123

393
00:34:53,933 --> 00:34:57,933
ตัวไหน ตัวนี้ใช่ไหม เลือกเดี๋ยว ๆ Select all

394
00:34:58,794 --> 00:35:02,794
ก่อน แล้วก็เลือกตัวนี้ลดลง

395
00:35:04,622 --> 00:35:06,580
50 50

396
00:35:06,580 --> 00:35:07,120
โอเค

397
00:35:07,120 --> 00:35:11,120
เอาอีก ลงอีก ทำอีกครั้งหนึ่ง

398
00:35:14,011 --> 00:35:16,265
50 อีก

399
00:35:16,265 --> 00:35:19,380
ดูสิ

400
00:35:19,380 --> 00:35:23,380

401
00:35:24,151 --> 00:35:27,570

402
00:35:27,570 --> 00:35:31,570
ทีนี้

403
00:35:35,305 --> 00:35:38,061
Ctrl กด Ctrl + B ใหม่

404
00:35:38,061 --> 00:35:39,807

405
00:35:39,807 --> 00:35:43,807
เดี๋ยว ๆ อันนี้หรือเปล่าชื่อ...

406
00:35:46,898 --> 00:35:50,898
ชื่อตัวเดียวกันไหม ลืมดู

407
00:35:52,112 --> 00:35:53,470
อันนี้ชื่ออะไร อ๋อ นก 2

408
00:35:53,470 --> 00:35:55,520
open 1 ใช่ไหม

409
00:35:55,520 --> 00:35:59,332

410
00:35:59,332 --> 00:36:03,332
นี่ก่อน

411
00:36:09,426 --> 00:36:10,334
นี่ก่อนลูก อันนี้ก่อน Cancel ก่อน

412
00:36:10,334 --> 00:36:14,334
ต้อง select ก่อนเลือกทั้งหมดก่อน เลือกอันนี้ก่อน

413
00:36:15,717 --> 00:36:19,225
แล้วค่อยมาเลือกอันนี้

414
00:36:19,225 --> 00:36:23,225
อีกทีหนึ่ง อีกทีหนึ่ง อันนี้เหมือนเดิม 50 อีกทีหนึ่ง

415
00:36:30,824 --> 00:36:32,322
โอเค โอเค

416
00:36:32,322 --> 00:36:36,322

417
00:36:37,920 --> 00:36:41,920
Ctrl + B ใหม่ กด Ctrl + B น่ะ

418
00:36:42,895 --> 00:36:45,936
เห็นไหม ทีนี้ ในกรณี

419
00:36:45,936 --> 00:36:49,164
ของกุ้งเต้นนี่นะ

420
00:36:49,164 --> 00:36:51,175
วิธีการ

421
00:36:51,175 --> 00:36:55,175

422
00:36:56,070 --> 00:37:00,070
นี่มันจะมีตัวนี้

423
00:37:08,590 --> 00:37:13,411
เราท

424
00:37:00,567 --> 00:37:03,418

425
00:37:03,418 --> 00:37:07,418
ำ... เห็นไหม

426
00:37:09,615 --> 00:37:12,278

427
00:37:12,278 --> 00:37:15,207

428
00:37:15,207 --> 00:37:19,207

429
00:37:19,429 --> 00:37:23,429

430
00:37:25,456 --> 00:37:29,456
เดี๋ยวค่อย

431
00:37:31,119 --> 00:37:35,119
ถ้าอย่างนี้ ถ้าบางคนเอารูปเข้ามา

432
00:37:35,680 --> 00:37:39,680
นะคะ เด็ก ๆ ดูนะคะ บางคนเอารูปเข้ามาแล้วมัน

433
00:37:40,447 --> 00:37:40,815
มีกรอบสีขาว ๆ

434
00:37:40,815 --> 00:37:44,815
นั่นก็คือมันมี Background มาดูวิธีเอา Background

435
00:37:50,032 --> 00:37:50,926
ออกจากรูปเรา จดมี

436
00:37:50,926 --> 00:37:53,187
กระดาษจดไหมคะ จดไว้ ทุกคน

437
00:37:53,187 --> 00:37:57,187
ดู เดี๋ยวจะมาสอนวิธี

438
00:38:00,375 --> 00:38:01,865
เอาภาพที่มี Background ออกนะคะ ภาพ

439
00:38:01,865 --> 00:38:04,119
ที่มี Background เช่น...

440
00:38:04,119 --> 00:38:08,119
หาตัวอย่างก่อนนะ ไม่แน่ใจตัวนี้มีหรือเปล่า

441
00:38:09,829 --> 00:38:11,343

442
00:38:11,343 --> 00:38:15,343
เดี๋ยวขอลองเปิดดูก่อนนะ นี่นะคะ บางทีรูปที่เอามานี

443
00:38:26,013 --> 00:38:26,820
่ บางทีรูปที่เอามานี่มัน

444
00:38:26,820 --> 00:38:30,820
มีไอ้พื้นหลังขาว ๆ อย่างนี้

445
00:38:32,304 --> 00:38:36,304
ชื่ออะไร Tiger เดี๋ยวลองดูนะ เดี๋ยวของลองเอา Tiger

446
00:38:40,776 --> 00:38:43,301
เข้ามาดูก่อนนะ

447
00:38:43,301 --> 00:38:47,301

448
00:38:47,479 --> 00:38:51,479
แป๊บหนึ่งนะคะเด็ก ๆ เดี๋ยว Test ให้ดู

449
00:39:03,927 --> 00:39:01,029

450
00:38:57,713 --> 00:39:00,933

451
00:39:00,933 --> 00:39:03,616

452
00:39:03,616 --> 00:39:07,192

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

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

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

456
00:39:24,936 --> 00:39:28,936

457
00:39:34,034 --> 00:39:35,458

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

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

460
00:39:47,843 --> 00:39:51,843

461
00:39:53,485 --> 00:39:55,713

462
00:39:55,713 --> 00:39:59,713

463
00:40:01,924 --> 00:40:05,924
ดูนะคะ ถ้ารูปใครที่มีพื้นหลัง

464
00:40:08,751 --> 00:40:12,751
เดี๋ยวให้ดู เหมือนของกุ้งเต้นนี่

465
00:40:16,199 --> 00:40:19,302
ภาพเขามีพื้นหลังสีขาวนะ

466
00:40:19,302 --> 00:40:23,269

467
00:40:23,269 --> 00:40:27,269

468
00:40:27,523 --> 00:40:31,523

469
00:40:33,469 --> 00:40:37,469

470
00:40:39,096 --> 00:40:42,165

471
00:40:42,165 --> 00:40:46,165
ดูถ้าอย่างนี้นะคะ มันจะ

472
00:40:48,331 --> 00:40:50,712
มี background ข้างหลัง ดูดี ๆ นะคะ

473
00:40:50,712 --> 00:40:54,583

474
00:40:54,583 --> 00:40:58,583

475
00:41:06,082 --> 00:41:06,287
เดี๋ยว Test ให้ดูนะคะ

476
00:41:06,287 --> 00:41:07,215

477
00:41:07,215 --> 00:41:11,215

478
00:41:11,430 --> 00:41:15,220

479
00:41:15,220 --> 00:41:19,220

480
00:41:21,127 --> 00:41:25,127
นี่

481
00:41:29,985 --> 00:41:33,985
เมื่อใดที่ใครเอาภาพที่เอามาใช้มีสี

482
00:41:37,371 --> 00:41:39,788
ขาว ๆ ล้อมกรอบนี่ ก็คือรูปนี้มี Background

483
00:41:39,788 --> 00:41:43,788
วิธีจะเอาออก จดด้วยนะเด็ก ๆ จดไว้ เพราะอย่าลืมว่าเด็ก ๆ

484
00:41:44,016 --> 00:41:48,016
บางคนมีหลายรูปนึกออกนะ เพราะฉะนั้น ต้องไปเอาออกเอง

485
00:41:53,711 --> 00:41:56,974
แต่วันนี้จะสอนเอาออกแค่ 1 รูป ให้ไปที่เว็บไซต์ให้เด็ก ๆ เปิด Google

486
00:41:56,974 --> 00:41:57,992
นะคะ

487
00:41:57,992 --> 00:41:59,818
แล้วพิมพ์คำว่า

488
00:41:59,818 --> 00:42:03,818

489
00:42:06,893 --> 00:42:09,594
bg

490
00:42:09,594 --> 00:42:13,594
bg

491
00:42:19,608 --> 00:42:21,651
แล้วก็ตามด้วยคำว่า "Remover"

492
00:42:21,651 --> 00:42:23,638

493
00:42:23,638 --> 00:42:27,638

494
00:42:28,537 --> 00:42:32,537

495
00:42:42,120 --> 00:42:46,120
นี่นะคะ ใช้ Google แล้วพิมพ์คำว่า "bg

496
00:42:46,460 --> 00:42:50,460
remover" ตัวนี้นะคะเด็ก ๆ

497
00:42:52,314 --> 00:42:53,760
นี่ให้ค้นคำว่า "bg"

498
00:42:53,760 --> 00:42:53,950
แล้วก็ตามด้วย

499
00:42:53,950 --> 00:42:57,950
r-e-m-o-

500
00:42:58,737 --> 00:43:02,737
v-e-r

501
00:43:03,369 --> 00:43:06,908
ก็คือ

502
00:43:06,908 --> 00:43:09,825
มันจะเป็นเว็บสำหรับเอา

503
00:43:09,825 --> 00:43:13,825
ภาพที่มี... เอาพื้นหลังที่อยู่ในรูป

504
00:43:14,452 --> 00:43:18,452
เราออกนะคะ มันก็เลยมีชื่อว่า bg remov

505
00:43:26,141 --> 00:43:29,985
er นะคะ เห็นไหมคะ ให้เด็ก ๆ

506
00:43:29,985 --> 00:43:33,985
เข้าเว็บนี้เลย remove

507
00:43:34,396 --> 00:43:38,273
bg นี่นะคะ คลิกเข้าไปเลย

508
00:43:38,273 --> 00:43:42,273
นี่ที่มันขึ้น Remove background for image นี่

509
00:43:44,567 --> 00:43:47,872
นะคะ แล้วที่ตัวนี้ Upload image

510
00:43:47,872 --> 00:43:51,872
ก็คือให้เราคลิกที่ up

511
00:43:57,534 --> 00:44:01,534
load แล้วเราก็ไปเปิดไฟล์รูปภาพที่เรามีตัว Background น่ะนะคะ ตัวอย่าง

512
00:44:02,694 --> 00:44:06,694
ของเราก็คือ tiger 2 เลือกภาพนั้น

513
00:44:14,173 --> 00:44:16,493
แล้วคลิก open นี่ ถ้า Background ออกแล้ว ข้างหลังมันจะเป็นไอ้

514
00:44:16,493 --> 00:44:20,493
ตารางสีเทา ๆ อย่างนี้

515
00:44:26,722 --> 00:44:30,414
หมายถึงเอาออกแล้วนะคะ เด็ก ๆ ก็กด Download

516
00:44:30,414 --> 00:44:31,589

517
00:44:31,589 --> 00:44:35,361

518
00:44:35,361 --> 00:44:39,361
ไฟล์มันก็จะมาอยู่ที่

519
00:44:42,624 --> 00:44:45,353
dowload เรานะ

520
00:44:45,353 --> 00:44:49,353
ก็อีกขั้นตอนหนึ่ง ก็คือแก้ชื่อ

521
00:44:52,862 --> 00:44:56,862
น่ะค่ะ เด็ก ๆ ก็ก๊อบฯ ไปวาง

522
00:45:01,721 --> 00:45:02,076
ไว้ใน Drive เรา ในโฟลเดอร์

523
00:45:02,076 --> 00:45:05,954
เราน่ะค่ะ

524
00:45:05,954 --> 00:45:09,265

525
00:45:09,265 --> 00:45:13,265
นี่นะ โฟลเดอร์ที่เราสร้างเกมไว้นี่

526
00:45:20,973 --> 00:45:22,609
ชื่อมันยาวใช่ไหมคะ เราก็

527
00:45:22,609 --> 00:45:25,009
ทำการตัด

528
00:45:25,009 --> 00:45:29,009
เดี๋ยวนะ

529
00:45:32,796 --> 00:45:34,788
มันให้ Rename

530
00:45:34,788 --> 00:45:36,480

531
00:45:36,480 --> 00:45:39,458

532
00:45:39,458 --> 00:45:43,458

533
00:45:46,875 --> 00:45:50,875
Windows 11 นี่

534
00:45:50,947 --> 00:45:53,184
มันทำไมไม่ขึ้น Rename ให้

535
00:45:53,184 --> 00:45:57,184
ถ้าไม่ขึ้นเราก็เปิด โปรแกรม

536
00:46:05,956 --> 00:46:07,439
Paint ก็ได้ พอ Save มาแล้ว open with

537
00:46:07,439 --> 00:46:07,960
paint ให้เรา Save As นะ

538
00:46:07,960 --> 00:46:11,960
Save As เป็นรูปหลักเรานี่

539
00:46:21,427 --> 00:46:25,427
เดี๋ยวกด Ctrl + B

540
00:46:26,034 --> 00:46:30,034
ดูใหม่นะคะ

541
00:46:30,219 --> 00:46:34,219
น่ะ

542
00:46:35,053 --> 00:46:39,053
ตัวนี้จะปิดนะ สังเกตนะ ภาพนี้

543
00:46:42,703 --> 00:46:43,570
มี Background นะคะ เมื่อกี้เราเปลี่ยนแล้ว

544
00:46:43,570 --> 00:46:47,570
ลอง Ctrl + B ใหม่

545
00:46:48,650 --> 00:46:51,814
ไม่แก้ให้ผมน่ะ

546
00:46:51,814 --> 00:46:55,814
ไปไหนล่ะนี่

547
00:47:03,389 --> 00:47:01,109

548
00:46:52,492 --> 00:46:56,384

549
00:46:56,384 --> 00:46:59,532

550
00:46:59,532 --> 00:47:03,532
มันคือไม่ให้รี

551
00:47:12,244 --> 00:48:28,449
transparency

552
00:47:05,718 --> 00:47:08,221

553
00:47:08,221 --> 00:47:11,569

554
00:47:11,569 --> 00:47:15,569

555
00:47:17,580 --> 00:47:19,527

556
00:47:19,527 --> 00:47:23,440

557
00:47:23,440 --> 00:47:27,440

558
00:47:27,889 --> 00:47:31,889

559
00:47:42,252 --> 00:47:46,252

560
00:47:46,254 --> 00:47:48,883

561
00:47:48,883 --> 00:47:51,951

562
00:47:51,951 --> 00:47:55,951

563
00:47:56,438 --> 00:48:00,438

564
00:48:01,266 --> 00:48:05,266

565
00:48:14,264 --> 00:48:15,794

566
00:48:15,794 --> 00:48:19,794

567
00:48:23,880 --> 00:48:27,880

568
00:48:30,313 --> 00:48:33,658

569
00:48:33,658 --> 00:48:37,658
version นี้

570
00:48:44,770 --> 00:48:48,282
แปลงยากจริง

571
00:48:48,282 --> 00:48:52,282

572
00:48:55,923 --> 00:48:59,512

573
00:48:59,512 --> 00:49:03,512

574
00:49:03,948 --> 00:49:07,948

575
00:49:12,802 --> 00:49:16,802

576
00:49:22,298 --> 00:49:26,298
โอเคนะคะ

577
00:49:26,995 --> 00:49:30,908
เดี๋ยวค่อยไปแก้เอานะ ก็คือชื่อมันก็จะ

578
00:49:30,908 --> 00:49:31,640
เปลี่ยนตามไปด้วยนะ

579
00:49:31,640 --> 00:49:35,640
ต่อมา ต่อมาเดี๋ยวเราจะต้องไปต่อ

580
00:49:37,813 --> 00:49:41,813
นะคะ เด็ก ๆ เราได้รูปแล้ว

581
00:49:42,635 --> 00:49:43,660

582
00:49:43,660 --> 00:49:47,424

583
00:49:47,424 --> 00:49:51,424

584
00:49:52,709 --> 00:49:55,378

585
00:49:55,378 --> 00:49:59,378

586
00:49:59,796 --> 00:50:03,489

587
00:50:03,489 --> 00:50:07,489

588
00:50:07,996 --> 00:50:11,996
สิ่งที่จะทำ

589
00:50:19,450 --> 00:50:20,032
ต่อไป ก็คือไอ้ตัวฉากนี่

590
00:50:20,032 --> 00:50:20,777
นะคะ มันจะเคลื่อน

591
00:50:20,777 --> 00:50:24,777
ทำให้ฉากมันเคลื่อน ซึ่งก็คือในสไลด์นี้

592
00:50:26,269 --> 00:50:30,269
ของเรานั่นเอง ไหนล่ะ PowerPoint

593
00:50:36,665 --> 00:50:38,145
ผมอยู่ไหน มาดูนะคะ

594
00:50:38,145 --> 00:50:42,145
คำสั่งที่จะทำให้ฉาก

595
00:50:45,455 --> 00:50:49,455
เมื่อมีตัวละครเข้ามาแล้วนี่ นั่นคือเมื

596
00:50:54,077 --> 00:50:58,077
่อแต่ความจริงแล้วตัวละครมันไม่ได้เดินน่ะ เราใช้ฉาก

597
00:50:58,356 --> 00:51:01,866
มันเคลื่อนนั่นเองนะคะ

598
00:51:01,866 --> 00:51:05,866
อันนี้สไลด์คนละอันนะ โทษที โทษที เปิดผิดครับ

599
00:51:11,882 --> 00:51:13,080

600
00:51:13,080 --> 00:51:15,580

601
00:51:15,580 --> 00:51:19,580

602
00:51:21,335 --> 00:51:25,335
สิ่งที่เราจะทำ

603
00:51:26,875 --> 00:51:28,311
ต่อมานะคะ

604
00:51:28,311 --> 00:51:32,311
Background มาแล้ว

605
00:51:34,330 --> 00:51:38,330
นำเข้า

606
00:51:42,537 --> 00:51:46,537
velocity to backgro

607
00:51:46,554 --> 00:51:48,131

608
00:51:48,131 --> 00:51:52,131
nd มาดูไอ้คำว่า Velocity มันหมายความ

609
00:52:02,122 --> 00:52:06,122
ว่าอย่างไรนะคะ

610
00:52:06,379 --> 00:52:10,379

611
00:52:17,290 --> 00:52:18,017
แปลว่า ความเร็ว

612
00:52:18,017 --> 00:52:22,017
ก็คือทำให้ Background

613
00:52:27,594 --> 00:52:31,594
มันใส่ความเร็วให้ Background นั่นเองนะคะ วิธีการ

614
00:52:34,268 --> 00:52:35,954
ตอนนี้เด็ก ๆ จะมาที่ตำแหน่งของ

615
00:52:35,954 --> 00:52:39,954
ที่ต่อจาก Background นะ เรานำเข้า Background

616
00:52:48,379 --> 00:52:50,935
แล้วต่อไปเราก็จะประกาศตัวแปรให้กับ... ก็คือเริ่ม

617
00:52:50,935 --> 00:52:54,935
จากกำหนดเงื่อนไขให้ Background ของเรานั่นเอง

618
00:52:59,076 --> 00:52:59,835
ไปยังตำแหน่งที่

619
00:52:59,835 --> 00:53:03,835
ก่อนนำเข้าเกมนะ

620
00:53:03,991 --> 00:53:07,991
นะคะ

621
00:53:13,251 --> 00:53:15,618
แล้วก็ใส่ # ไปว่า

622
00:53:15,618 --> 00:53:19,618

623
00:53:19,783 --> 00:53:23,783

624
00:53:27,578 --> 00:53:31,578
เป็นภาษาไทยแล้วกัน จะได้เข้าใจง่าย

625
00:53:35,702 --> 00:53:39,609
จัดการนะคะ เราจะจัดการตรงส่วนนี้เป็นส่วนของจัดการกับฉาก

626
00:53:39,609 --> 00:53:41,593
เกม

627
00:53:41,593 --> 00:53:45,593
จัดการในส่วนของฉากเกมของเรานั่นเอง

628
00:53:52,053 --> 00:53:55,566
ฉ ฉิ่งอยู่ไหนหว่า

629
00:53:55,566 --> 00:53:56,153
ฉ ฉิ่ง อยู่ไหน

630
00:53:56,153 --> 00:54:00,153
ใครรู้ ฉ ฉิ่งอยู่ไหนบอกเราที

631
00:54:06,349 --> 00:54:10,349
เราหา ฉ ฉิ่งไม่เจอ เจอแล้วมันอยู่ตรงตัว C

632
00:54:11,646 --> 00:54:13,146
จัดการฉากนะคะ เราจะมาทำการจัดการในส่วนของฉากก่อน

633
00:54:13,146 --> 00:54:16,589
นะคะ อันดับแรก

634
00:54:16,589 --> 00:54:19,816

635
00:54:19,816 --> 00:54:23,816
ก็คือสร้างตัวแปรนะคะ

636
00:54:25,073 --> 00:54:29,073
มันจะมี

637
00:54:34,121 --> 00:54:37,582
bgx เราจะมีชื่อตัวแปร 3 ตัว

638
00:54:37,582 --> 00:54:39,125
นะคะ ตัวแรก bgx ก็คือตำแหน่ง

639
00:54:39,125 --> 00:54:43,125
ของ Background ในแกน x

640
00:54:43,849 --> 00:54:47,849
bgy ตำแหน่งของ Background ในแกน y

641
00:54:51,533 --> 00:54:55,533
bgvelo velo มาจาก velocity ก็คือ

642
00:54:56,046 --> 00:54:56,061
กำหนดความเร็วให้ Background

643
00:54:56,061 --> 00:54:59,948
ก็คือค่าเริ่มต้นของตัวแปรพวกนี้ คือ 0 ทั้งหมด

644
00:54:59,948 --> 00:55:00,793

645
00:55:00,793 --> 00:55:04,793
เราก็เริ่มประกาศตัวแปรแรกก่อน

646
00:55:09,992 --> 00:55:11,541
จะให้ตัวแปรตัวที่ 1 bg

647
00:55:11,541 --> 00:55:12,769
ขอโทษค่ะ ตัวแปรแรกนะคะ

648
00:55:12,769 --> 00:55:16,769
ใช้ชื่อว่า bgx

649
00:55:19,014 --> 00:55:20,919
ซึ่งหมายถึงตำแหน่งของ

650
00:55:20,919 --> 00:55:24,919
Background ในแกน x

651
00:55:26,125 --> 00:55:30,125
เพราะเวลาเราจะเอารูปไปนี่ เราต้องระบุขอบเขต

652
00:55:31,710 --> 00:55:34,994
ของรูปนั้นน่ะ นึกออกนะ

653
00:55:34,994 --> 00:55:38,994
กำหนดค่าเริ่มต้น กด Spacebar 1 ครั้ง กด = ก็เครื่องหมายเท่ากับ

654
00:55:45,868 --> 00:55:46,641
0 นะคะ มี x แล้วก็ต่องมี y bgy

655
00:55:46,641 --> 00:55:50,641
= 0 เหมือนกัน

656
00:55:51,553 --> 00:55:55,553
ตัวที่ 3 ชื่อบอกแล้ว ชื่อ bg แล้วก็

657
00:55:55,625 --> 00:55:59,625
v-e-l-o ซึ่งมาจาก Velo

658
00:56:02,703 --> 00:56:02,938
city คือ ถ้าพิมพ์ Velocity เลยจะยาวไป

659
00:56:02,938 --> 00:56:06,938
ค่าเริ่มต้นเหมือนกันค่ะ 0

660
00:56:11,619 --> 00:56:14,729
ก็คือไอ้ค่าเริ่มต้นของ

661
00:56:14,729 --> 00:56:18,729
ฉากเรานี่ เราจะให้เริ่มที่ตำแหน่งที่ 0 ตำแหน่งในแกน x เริ่มที่ 0 y เริ่มที่ 0

662
00:56:20,387 --> 00:56:24,387
แล้วก็ความเร็วก็เริ่มที่ 0 เสมอ

663
00:56:26,801 --> 00:56:30,801
ก็คือประกาศตัวแปรนี้ แล้วก็กำหนดค่าเริ่มต้นให้

664
00:56:33,046 --> 00:56:34,867
เป็น 0 ทั้ง 3 ตัวแปรตอนนี้เด็ก ๆ จะต้องมีตัวแปรเพิ่ม

665
00:56:34,867 --> 00:56:38,867
ขึ้นมา 3 ตัว เพื่อจัดการฉาก

666
00:56:41,618 --> 00:56:45,618
นะคะ ก็คือ bgx bgy แล้วก็ bgvelo

667
00:56:46,017 --> 00:56:48,298

668
00:56:48,298 --> 00:56:52,298
สิ่งที่เราจะทำต่อมา

669
00:56:56,552 --> 00:56:59,323
ให้ดูนะคะ การใช้

670
00:56:59,323 --> 00:57:03,323
งานและความหมายของ key

671
00:57:07,240 --> 00:57:11,240
คือความเร็วของตัวเกมน่ะ มันขึ้นอยู่กับเรากด

672
00:57:12,064 --> 00:57:16,064
key น่ะ กด Key ในที่นี้ก็คือ

673
00:57:16,842 --> 00:57:19,111
แป้น แป้นพิมพ์นะคะ คำสั่ง ให้เด็ก ๆ ดูที่คำสั่งเขานะคะ

674
00:57:19,111 --> 00:57:23,111
pygame.K

675
00:57:25,787 --> 00:57:26,361
_UP นี่ หมายถึง

676
00:57:26,361 --> 00:57:30,361
ปุ่มนี้ มันจะหมายถึงเป็นปุ่มให้กระโดดนะคะ

677
00:57:34,285 --> 00:57:37,173
UP ก็คือขึ้น กระโดดขึ้น คือ เลือกได้ 2 ตัว

678
00:57:37,173 --> 00:57:41,173
จะใช้ K_UP หรือ K_

679
00:57:50,511 --> 00:57:54,511
SPACE ก็คือเราจะใช้ คือ ถ้าใครเคยเล่นเกมผ่านคอมพิวเตอร์นึกออกนะ

680
00:57:54,945 --> 00:57:58,945
ปุ่มที่ใช้กดน่ะนะ เวลากระโดดบางเกมมันให้กด Spacbar

681
00:58:00,738 --> 00:58:04,738
ใช่ไหมลูก แล้วบางเกมมันให้กดแป้น

682
00:58:05,364 --> 00:58:06,927
ลูกศรชี้ขึ้นน่ะ นึกออกนะ เพราะฉะนั้น มันก็เลย

683
00:58:06,927 --> 00:58:10,927
ไม่ใช่มันล่ะ คือ ไอ้ตัวคำสั่ง

684
00:58:12,604 --> 00:58:16,604
library pygame

685
00:58:22,168 --> 00:58:23,325
ใช้ 2 คำสั่งนี้ ก็คือ K_UP กับ K_SPACE นี่

686
00:58:23,325 --> 00:58:23,962
กำหนดว่าถ้ากดปุ่มนี้มันจะหมายถึงการ

687
00:58:23,962 --> 00:58:27,717
การที่ตัวเกมมันกระโดด นึกออกนะคะ

688
00:58:27,717 --> 00:58:31,717
ทีนี้ แต่ถ้าเราต้องการให้มันไปทางซ้าย

689
00:58:36,228 --> 00:58:36,778
คำสั่งนั้นก็คือ K_LEFT

690
00:58:36,778 --> 00:58:40,778
ตัว pygame ต้องใส่อยู่แล้วนะ ตัวคำสั่ง

691
00:58:41,665 --> 00:58:44,330
แล้วตามด้วย Key น่ะ K มาจาก Key

692
00:58:44,330 --> 00:58:48,330
แต่ไม่ต้องพิมพ์เต็ม เขาก็เลยย่อเหลือแค่ K นะคะ

693
00:58:52,025 --> 00:58:56,025
แล้วก็ _DOWN ก็คือปุ่มที่กดลง เห็นไหมคะ

694
00:58:56,925 --> 00:58:57,391
key แล้วก็ Right

695
00:58:57,391 --> 00:59:01,391
ก็คือตามลักษณะลูกศร นึกออกนะคะ บน ล่าง

696
00:59:03,655 --> 00:59:04,986
ซ้าย ขวา นะคะ

697
00:59:04,986 --> 00:59:08,986
มันจะมีทิศทางเคลื่อนไปตามลักษณะลูกศร

698
00:59:12,198 --> 00:59:14,332
ทีนี้เมื่อเรา

699
00:59:14,332 --> 00:59:18,332
ได้เราประกาศตัวแปรแล้ว

700
00:59:25,321 --> 00:59:25,680
ก็คือเราจะมากำหนดเงื่อนไขนะคะ เพราะ

701
00:59:25,680 --> 00:59:29,680
ฉากมันจะเคลื่อน ก็คือนั่นหมายความว่า

702
00:59:29,821 --> 00:59:33,821
เกมมันเดินไป เดินจากฉากนี่

703
00:59:42,152 --> 00:59:46,152
เดิน ก็คือเดินจาก เราเอาตัวเกมวางไว้ทางซ้ายใช่ไหมคะ มันจะเดินจากทางซ้ายไปทางขวา

704
00:59:47,386 --> 00:59:51,386
เพราะฉะนั้น  ตัวที่เราจะให้มันเคลื่อน ก็คือแป้นลูกศรที่จะให้มันไปทางขวาก็คือ K_RI

705
00:59:58,552 --> 01:00:00,726
นะคะ เงื่อนไขก็จะเอามาไว้ที่ ทีนี้ทีนี้เราจะมากำหนดเงื่อนไขเพิ่มนะคะ

706
01:00:00,726 --> 01:00:04,726

707
01:00:06,631 --> 01:00:10,631
จะอยู่ต่อจาก

708
01:00:12,648 --> 01:00:13,057
ตัวนี้เลยนะครับ ตัวนี้เลย

709
01:00:13,057 --> 01:00:17,057
ไปที่ที่

710
01:00:17,350 --> 01:00:21,350
เรามี loop นี่เห็นไหม

711
01:00:21,896 --> 01:00:25,896
นี่นะคะ for event มี if ที่ 1

712
01:00:30,249 --> 01:00:33,477
ใช่ไหม มันจะอยู่ตรง if ที่...

713
01:00:33,477 --> 01:00:36,078
ไปไหนแล้ว

714
01:00:36,078 --> 01:00:39,855

715
01:00:39,855 --> 01:00:43,855

716
01:00:43,921 --> 01:00:47,921

717
01:00:48,126 --> 01:00:52,126
เห็นไหมคะ เป็น if ที่ 2

718
01:00:59,032 --> 01:00:59,681
ที่ต่อจากเงื่อนไขแรกนะ

719
01:00:59,681 --> 01:01:03,681

720
01:01:04,166 --> 01:01:08,166
ดูตำแหน่งดี ๆ นะคะ

721
01:01:13,183 --> 01:01:14,881
นี่คือ if ที่ 2 ใช่ไหมเด็ก ๆ

722
01:01:14,881 --> 01:01:18,578
ใส่ if เข้าไปนะคะเด็ก ๆ

723
01:01:18,578 --> 01:01:20,117

724
01:01:20,117 --> 01:01:24,117
กด i ปุ๊บ ให้เลือก if co

725
01:01:34,586 --> 01:01:38,586
ndition เพื่อให้มันขึ้นโครงสร้างอย่างนี้นะ เข้าใจนะคะ อย่าไปกด i-f นึกออกนะ ให้

726
01:01:39,284 --> 01:01:42,353
กด i แล้วเลือก if condition

727
01:01:42,353 --> 01:01:46,353
มันจะได้ขึ้นโครงสร้างของ pygame

728
01:01:49,808 --> 01:01:53,808
เราจะมากำหนดเงื่อนไข เพื่อให้ฉากของเราน่ะ มันทำงานนั่นเอง

729
01:01:59,594 --> 01:01:56,389

730
01:01:52,135 --> 01:01:56,135

731
01:01:58,994 --> 01:02:02,994
นะ loop กับ event มันจะอยู่ด้วยกัน

732
01:02:07,581 --> 01:02:09,299
กำหนดช่วงเวลาและเหตุการณ์

733
01:02:09,299 --> 01:02:10,408
เมื่อใช้คำสั่ง if เสร็จ คำสั่งแรก

734
01:02:10,408 --> 01:02:14,408
ก็คือ event.typ

735
01:02:22,613 --> 01:02:24,436
e เราจะเลือกใช้เหตุการณ์ที่เกี่ยวกับแป้น ก็คือ

736
01:02:24,436 --> 01:02:25,225
event.type

737
01:02:25,225 --> 01:02:25,604
==

738
01:02:25,604 --> 01:02:29,604
นะคะ ถ้า ถ้า

739
01:02:32,295 --> 01:02:36,295
ถ้า event ก็คือเหตุการณ์

740
01:02:38,563 --> 01:02:40,275
กด e แล้วคลิกที่ event

741
01:02:40,275 --> 01:02:44,275
.t t เราเลือก t-y-

742
01:02:48,760 --> 01:02:51,406
p-e  type เห็นไหมคะ

743
01:02:51,406 --> 01:02:52,395
ตอนนี้เราจะมากำหนดเงื่อนไข

744
01:02:52,395 --> 01:02:56,395
นะคะ ในการทำ Loop if

745
01:02:57,716 --> 01:02:59,854
นะคะ ซ้ำนะคะ ทวนซ้ำนะคะ

746
01:02:59,854 --> 01:03:00,054
เด็ก ๆ

747
01:03:00,054 --> 01:03:04,054
if กด e

748
01:03:09,420 --> 01:03:13,420
ปุ๊บ event ขึ้นมากด .

749
01:03:16,923 --> 01:03:20,923
แล้วก็ตามด้วยตัว t เลือก type t-y-p-e

750
01:03:22,637 --> 01:03:24,005
type เห็นไหมคะ ถ้าใช้ if จำไว้นะคะ เครื่องหมาย

751
01:03:24,005 --> 01:03:28,005
เท่ากับใน if ต้องมี 2 ครั้ง

752
01:03:28,668 --> 01:03:32,668
บอกเท่ากับ แต่ไม่ได้หมายความว่าใส่เท่ากับครั้งเดียว

753
01:03:34,746 --> 01:03:38,746
นะ ถ้าเป็น if = ใน if

754
01:03:42,640 --> 01:03:43,621
pygame พิมพ์ p ก่อน แล้ว

755
01:03:43,621 --> 01:03:45,063
เลือก pygame เลือกอะไรนะ . ใส่ . แล้วก็ตาม

756
01:03:45,063 --> 01:03:49,063
ด้วย

757
01:03:51,327 --> 01:03:55,327
คีย์อะไร คีย์แรก K_DOWN นะคะ K_DOWN

758
01:03:59,454 --> 01:04:03,454
คำสั่ง

759
01:04:05,197 --> 01:04:08,572
K_DOWN ตัวนี้หมายถึงกด

760
01:04:08,572 --> 01:04:12,572
กดปุ่มมันโดนกดน่ะ K_DOWN

761
01:04:13,067 --> 01:04:15,461
หมายถึง เมื่อปุ่มมีหารกดปุ่มเกิดขึ้นนะคะ ปุ่มที่จะกดก็คือปุ่ม

762
01:04:15,461 --> 01:04:19,461
K_RIGHT นะคะ pygame.

763
01:04:20,736 --> 01:04:24,736
KEY K ใหญ่นะคะ

764
01:04:30,302 --> 01:04:30,311
KEY พิมพ์ด้วยตัวใหญ่นะลูก

765
01:04:30,311 --> 01:04:31,284
D-O-W-N

766
01:04:31,284 --> 01:04:35,224
ตัวนี้

767
01:04:35,224 --> 01:04:39,224
หมายถึง ถ้ามีการกดที่ปุ่ม

768
01:04:41,239 --> 01:04:45,239
KEY DOWN ในที่นี้ ปุ่มมันโดนกดน่ะค่ะ

769
01:04:48,167 --> 01:04:49,398
ปุ่มโดนกดแต่เรายังไม่ได้บอกว่าปุ่มอะไร

770
01:04:49,398 --> 01:04:53,398
ใส่อะไรคะ

771
01:04:55,270 --> 01:04:59,270
เสร็จประโยคของ if จะต้องใส่ :

772
01:05:00,973 --> 01:05:04,973
เสมอนะคะ แล้วมา

773
01:05:08,273 --> 01:05:12,273
ที่ pass ลบ pass ออก

774
01:05:16,262 --> 01:05:17,802
จากตัวโครงสร้างมันนะ คำสั่งต่อมาที่เราจะใช้

775
01:05:17,802 --> 01:05:18,900
ก็คือใส่ if อีกครั้งหนึ่ง

776
01:05:18,900 --> 01:05:22,900
นะคะ เพราะต้องการระบุว่าไอ้ Key ที่เรา

777
01:05:25,370 --> 01:05:28,621
จะใช้กดน่ะ คือคีย์อะไร

778
01:05:28,621 --> 01:05:30,977
กด i แล้วเลือก

779
01:05:30,977 --> 01:05:34,153
if

780
01:05:34,153 --> 01:05:37,843
กด e แล้วเลือก event

781
01:05:37,843 --> 01:05:41,843
นะคะ event.

782
01:05:47,804 --> 01:05:47,984
KEY

783
01:05:47,984 --> 01:05:48,156

784
01:05:48,156 --> 01:05:52,156
=

785
01:05:52,656 --> 01:05:56,656
= นะคะ

786
01:05:59,493 --> 01:06:00,041

787
01:06:00,041 --> 01:06:04,041
ก็คือ if แรก

788
01:06:05,636 --> 01:06:09,636
บอกว่าเมื่อเหตุการณ์ที่เกิดขึ้น ก็คือเมื่อ

789
01:06:11,347 --> 01:06:15,347
มีการกดปุ่ม if ที่ 2 บอกว่าอันที่โดนกด

790
01:06:22,689 --> 01:06:23,474
คีย์ที่โดนกดนี่ จะต้องเป็นคีย์ที่ชื่อว่า

791
01:06:23,474 --> 01:06:24,029
พิมพ์ pygame นะคะ

792
01:06:24,029 --> 01:06:28,029
พิมพ์ p แล้วเลือก pygame.

793
01:06:29,819 --> 01:06:33,819
K K ใหญ่ _

794
01:06:34,423 --> 01:06:36,850
K_RIGHT สังเกตคำสั่งตรงนี้

795
01:06:36,850 --> 01:06:40,850
นะคะ เด็ก ๆ ดูดี ๆ นะ

796
01:06:43,069 --> 01:06:43,514
จะใช้ตัวใหญ่นะคะ K_RIGHT

797
01:06:43,514 --> 01:06:47,514
ก็เป็นตัวใหญ่ จะใช้ตัวใหญ่เสมอ

798
01:06:49,797 --> 01:06:51,723
ที่เกี่ยวกับคีย์น่ะลูก

799
01:06:51,723 --> 01:06:55,723
กดด้วยตัวพิมพ์ใหญ่ทั้งหมดนะคะ

800
01:06:56,015 --> 01:07:00,015
R-I-G-H-

801
01:07:02,090 --> 01:07:06,090
T pygame

802
01:07:07,066 --> 01:07:08,835
. ไม่ใช่ , :

803
01:07:08,835 --> 01:07:12,835
ไม่ใช้ , . นะคะ

804
01:07:15,326 --> 01:07:19,326
K_RIGHT อธิบายนะคะ ถ้ามีเหตุการณ์

805
01:07:20,780 --> 01:07:24,780
พิมพ์เกิดขึ้น ก็คือมีการกดปุ่มนะคะ K

806
01:07:27,915 --> 01:07:31,915
KEYDOWN ก็คือถ้ามันมีการกดปุ่ม

807
01:07:32,072 --> 01:07:36,072
แล้วไอ้ปุ่มนี้นะคะ จะต้องเป็นปุ่มอะไรนะ

808
01:07:38,141 --> 01:07:39,644
ลูกศรที่ไปทางขวานะคะ ถ้ามีการ

809
01:07:39,644 --> 01:07:43,644
กดปุ่มลูกศรที่ไปทางขวาปุ๊บ

810
01:07:46,391 --> 01:07:50,391
อย่าลืมนะคะ ทุกครั้งที่จบประโยคของ if เราจะต้องใส่ : เสมอ

811
01:07:52,876 --> 01:07:54,027
นะคะ เพราะ

812
01:07:54,027 --> 01:07:58,027
กด Enter เด็ก ๆ สังเกตแทบมันจะปรับให้อัตโนมัติ

813
01:08:05,908 --> 01:08:09,908
นะคะ เพราะฉะนั้น เวลาพิมพ์โค้ดดูด้วยนะคะ ใช้ sublime

814
01:08:14,225 --> 01:08:18,225
สิ่งที่เราจะทำต่อมา ก็คือเลือกเรียกตัวแปร

815
01:08:18,940 --> 01:08:22,940
ความเร็ว เพราะเราต้องการรู้ว่าไอ้ฉากนี่

816
01:08:26,180 --> 01:08:28,481
นะคะ ตัวแปร b พิมพ์ bg

817
01:08:28,481 --> 01:08:32,481
แล้วเลือก velo นะ ไปเลือก

818
01:08:35,688 --> 01:08:37,132
คำว่า "velo" ค่าความเร็วมันเริ่มที่

819
01:08:37,132 --> 01:08:41,132
0 เพราะฉะนั้น พอมีการกดปุ่มปุ๊บ

820
01:08:43,741 --> 01:08:46,191
เราจะให้ความเร็วของฉากมันเพิ่มขึ้นจาก 0

821
01:08:46,191 --> 01:08:50,102
เพิ่มเป็นเท่าไร อย่าเพิ่งเพิ่มเยอะ

822
01:08:50,102 --> 01:08:53,173
ก็จะ... ลองเพิ่มที่ 5 ก่อน =

823
01:08:53,173 --> 01:08:56,349
5

824
01:08:56,349 --> 01:09:00,349

825
01:09:10,351 --> 01:09:14,351

826
01:09:18,411 --> 01:09:19,159
ส่วนต่อมานะคะ เราจะมาทำ

827
01:09:19,159 --> 01:09:21,267
ให้มันแสดงผล

828
01:09:21,267 --> 01:09:24,484

829
01:09:24,484 --> 01:09:28,484
มือไปไวกว่า

830
01:09:30,453 --> 01:09:32,134
ไหนล่ะนะคะ

831
01:09:32,134 --> 01:09:36,134

832
01:09:36,179 --> 01:09:40,179

833
01:09:40,667 --> 01:09:44,667

834
01:09:46,966 --> 01:09:50,681
กด Enter แล้วดูตำแหน่งนะคะ

835
01:09:50,681 --> 01:09:52,309
เด็ก ๆ ดูตำแหน่งดี ๆ นะ

836
01:09:52,309 --> 01:09:56,309
มันจะอยู่ตรงกับ for

837
01:10:03,575 --> 01:10:07,575
เห็นไหมคะ เพราะฉะนั้น เด็ก ๆ จะต้องนี่นะ ดู

838
01:10:09,801 --> 01:10:12,035
ตำแหน่ง for คือตรงนี้ พอ Enter ลงมา

839
01:10:12,035 --> 01:10:16,035
กด Backspace ย้อนไป

840
01:10:22,013 --> 01:10:25,570
for ก็คืออีก tab หนึ่ง 2 ครั้ง ย้อนไป

841
01:10:25,570 --> 01:10:26,788
เห็นไหมคะ จะอยู่ตรงกับตำแหน่ง screen.fill นี่

842
01:10:26,788 --> 01:10:30,788

843
01:10:32,667 --> 01:10:33,040
โอเคไหม

844
01:10:33,040 --> 01:10:37,040
เรียกใช้ตัวแปรที่ชื่อว่า

845
01:10:39,575 --> 01:10:41,807
bgx

846
01:10:41,807 --> 01:10:45,807
นะคะ เพราะมันเคลื่อนไปทางขวา

847
01:10:51,349 --> 01:10:52,138
ตำแหน่งของแกน ก็คือแกน x

848
01:10:52,138 --> 01:10:53,456
แกน x คือเป็นคอลัมน์

849
01:10:53,456 --> 01:10:57,456
มันจะอยู่ในแนวคอลัมน์ เพราะฉะนั้น ต้องเลือกตัวแปร

850
01:11:01,757 --> 01:11:05,757
ที่เป็นแกน x ก็คือ bgx =

851
01:11:06,874 --> 01:11:07,975

852
01:11:07,975 --> 01:11:11,975

853
01:11:17,691 --> 01:11:21,691
- = ใช้เครื่องหมายลบ

854
01:11:26,792 --> 01:11:30,792
นะคะ แล้วก็ bgvelo ใส่เครื่องหมาย - ก่อน -= เรียก bgvelo มาใช้

855
01:11:31,659 --> 01:11:32,770

856
01:11:32,770 --> 01:11:36,274

857
01:11:36,274 --> 01:11:40,274
ตัวนี้ยังไม่ run นะคะ ยังไม่จบ

858
01:11:44,401 --> 01:11:46,966
โค้ดมันยาวหน่อย เพราะมันเพิ่งระบุ

859
01:11:46,966 --> 01:11:50,966
ว่าถ้าเกิดเหตุการณ์อย่างนี้ แล้วกดปุ่มนี้

860
01:11:56,716 --> 01:12:00,716
สิ่งที่จะทำ ก็คือให้แสดง

861
01:12:02,619 --> 01:12:06,619
ไอ้ Background ให้มันเคลื่อน แต่ตอนนี้เรายังไม่ได้สั่งให้แสดง กำหนด

862
01:12:08,739 --> 01:12:12,162
มันนี่ ทีนี้ตรงส่วนที่จะแสดง

863
01:12:12,162 --> 01:12:14,016
ก็คือตัวนี้

864
01:12:14,016 --> 01:12:18,016
screen.blit background เรานี่

865
01:12:24,444 --> 01:12:28,444
color เราไม่ใช้แล

866
01:12:30,813 --> 01:12:34,447
้วเดี๋ยวจะลบออก กดลบทิ้งได้เลยเด็ก ๆ เช่นเดียวกัน ตัวแปรก็ไป

867
01:12:34,447 --> 01:12:38,447
ลบออกเลยนะคะ bgcolor เราไม่ใช้

868
01:12:45,273 --> 01:12:49,273
ใช้ background ที่เป็นรูปภาพไปแล้ว ลบเสีย

869
01:12:49,499 --> 01:12:50,978
พื้นที่จะได้ลดลงนะคะ ลบ 2 ตัวนะคะ

870
01:12:50,978 --> 01:12:54,978
ลบ background color กับเรียกใช้ background color

871
01:12:58,486 --> 01:13:00,837
ลบออก ทีนี้ ตำแหน่งที่จะมาเปลี่ยนนะคะ

872
01:13:00,837 --> 01:13:02,356
ก็คือเปลี่ยนจาก 0 0 นี่

873
01:13:02,356 --> 01:13:05,796
ไปเรียกใช้ตัวแปร

874
01:13:05,796 --> 01:13:09,796
แกน x bgx นะ

875
01:13:12,105 --> 01:13:16,105
พิมพ์ b แล้วเลือก bgx

876
01:13:17,111 --> 01:13:18,065
อีกตัวหนึ่งก็คือ

877
01:13:18,065 --> 01:13:22,065
b แล้วเลือก bgy

878
01:13:22,076 --> 01:13:23,953

879
01:13:23,953 --> 01:13:27,953
เห็นไหมคะ

880
01:13:31,174 --> 01:13:35,174
แต่สิ่งที่อยู่ใน

881
01:13:35,482 --> 01:13:39,482
วงเล็บจะเปลี่ยนเป็น... ไม่ใช่วงเล็บเล็กอย่างนี้

882
01:13:41,040 --> 01:13:45,040
นะคะเด็ก ๆ ดู เปลี่ยนเป็น

883
01:13:45,184 --> 01:13:49,184
อะไรล่ะ วงเล็บที่เป็นสีเหลี่ยมน่ะ แทน

884
01:13:51,702 --> 01:13:55,702
ไม่ใช่ ไม่ใช่ปีกกานะ ปีกกาก็ไม่ใช่

885
01:13:56,979 --> 01:14:00,979
กดอย่างไร กดธรรมดา อย่างนี้นะคะ เป็นตัวนี้นะลูก เป็นสี่เหลี่ยม

886
01:14:05,642 --> 01:14:07,010
อย่างนี้นะ ต่างกันนะ ไม่ใช่วงเล็บอย่างนี้นึกออกนะ

887
01:14:07,010 --> 01:14:11,010
วงเล็บที่เป็นรูปสี่เหลี่ยม

888
01:14:14,743 --> 01:14:18,743
อย่างนี้เห็นไหม เด็ก ๆ เห็นไหม อยู่ตรงตำแหน่ง

889
01:14:21,650 --> 01:14:23,927
ปุ่ม ปุ่มที่อยู่ตรง

890
01:14:23,927 --> 01:14:26,163
ถัดจากแถวตัวแรกลงมาน่ะ อยู่ตรง

891
01:14:26,163 --> 01:14:30,163
ตัว ฐ ฐาน บ ใบไม้ กับ ล ลิง

892
01:14:31,681 --> 01:14:32,265
ไหมคะ นะคะ เปลี่ยนนะคะ

893
01:14:32,265 --> 01:14:36,134
เปลี่ยนเป็นวงเล็บที่เป็นรูป

894
01:14:36,134 --> 01:14:38,795
สี่เหลี่ยมนะคะ เพราะ

895
01:14:38,795 --> 01:14:42,045
เราเรียกใช้ตัวแปรแทนกำหนด

896
01:14:42,045 --> 01:14:46,045
ค่า

897
01:14:48,239 --> 01:14:49,525
โอเคนะคะ ส่วนต่อไป

898
01:14:49,525 --> 01:14:52,050

899
01:14:52,050 --> 01:14:56,050

900
01:14:56,318 --> 01:15:00,318

901
01:15:03,447 --> 01:15:07,447
ต้องมากำหนดต่อให้ไอ้

902
01:15:07,952 --> 01:15:11,952
ตัวฉากน่ะค่ะ มันไหลไปเรื่อย ๆ

903
01:15:16,711 --> 01:15:17,566
เมื่อกี้มันแค่ถ้ากด 1 ครั้ง มันก็จะเคลื่อน

904
01:15:17,566 --> 01:15:21,566
เป็น 1 ครั้ง นึกออกไหม กำหนดตัวนี้

905
01:15:25,463 --> 01:15:29,463
กำหนดเงื่อนไขให้ Background เคลื่อนไหวไม่สิ้นสุด

906
01:15:30,216 --> 01:15:34,216
เขาบอกเคลื่อนไหวไม่สิ้นสุดนะคะ เด็ก ๆ ไปที่ตำแหน่งของ

907
01:15:39,504 --> 01:15:43,504
ต่อจากนี่นะ ดูตำแหน่ง if นะคะ ตำแหน่ง if จะอยู่ตรงกับ...

908
01:15:45,283 --> 01:15:49,283
มือ ๆ ๆ ๆ เห็นไหมคะ เลื่อนเข้าไปจาก

909
01:15:54,454 --> 01:15:58,454
2 if แรก 1 อันนะคะ ดูดี ๆ นะคะ 2 if แรก

910
01:16:00,016 --> 01:16:01,981
เลื่อนไปครั้งที่ 1 เห็นไหมคะ ตำแหน่งที่ 2 ไม่ใช่ อยู่ตรงกับตำแหน่งนี้

911
01:16:01,981 --> 01:16:05,981
กด i แล้วก็เลือก if condition

912
01:16:13,661 --> 01:16:15,265
เหมือนเดิมนี่นะคะ จะอยู่ตรงตำแหน่งนี้นะคะ ดูตำแหน่งดี ๆ นะ

913
01:16:15,265 --> 01:16:19,265
เพราะถ้าใครวางตำแหน่งโครงสร้างมันไม่ถูก

914
01:16:20,110 --> 01:16:22,213
นี่ นึกออกนะ

915
01:16:22,213 --> 01:16:26,213
เจ้าน้อง if มันจะงงนะ

916
01:16:27,999 --> 01:16:31,999
มันจะบอก ใช้ตรงไหนนี่

917
01:16:37,963 --> 01:16:37,997
มันไม่ใช่ มันไม่ใช่ มันจะบอกเรานะ

918
01:16:37,997 --> 01:16:40,127

919
01:16:40,127 --> 01:16:44,121

920
01:16:44,121 --> 01:16:48,121

921
01:16:53,957 --> 01:16:57,957
คำสั่ง เงื่อนไขแรกนะคะ if

922
01:17:01,471 --> 01:17:04,155
ตัวแปรที่ชื่อว่า bgx เลือก bgx ค่ะ

923
01:17:04,155 --> 01:17:07,393
กำหนดค่าให้ bgx ให้เท่ากับ

924
01:17:07,393 --> 01:17:07,565
-

925
01:17:07,565 --> 01:17:09,942

926
01:17:09,942 --> 01:17:13,942
คอลัมน์เราน่ะนะ นี่เห็นไหม 1,600 น่ะ

927
01:17:17,251 --> 01:17:20,217
นะคะ ครึ่งหนึ่ง

928
01:17:20,217 --> 01:17:21,629
ของ 1,600 ก็คือ 800

929
01:17:21,629 --> 01:17:25,629
- 800

930
01:17:28,398 --> 01:17:32,398
หาร 2 ว่าอย่างนั้นเถอะ ถ้า bgx นี่

931
01:17:38,090 --> 01:17:40,934
นะคะ มันเท่ากับ - 800 เมื่อไหร่ บอกแล้ว

932
01:17:40,934 --> 01:17:44,934
เป็นคำสั่ง if อย่าลืมปิดด้วย

933
01:17:48,319 --> 01:17:52,319
: เสมอ มาที่ pass กด Delete ออก กด Delete Pass ออก

934
01:17:58,771 --> 01:18:02,771
นะคะ คำสั่งต่อมา กำหนดให้ bgx = 0

935
01:18:03,869 --> 01:18:07,869
ในเงื่อนไขเป็นอย่างนี้

936
01:18:09,041 --> 01:18:09,198
อย่างงนะเด็ก ๆ นะ เพราะมันเป็น

937
01:18:09,198 --> 01:18:13,198
เงื่อนไขไง

938
01:18:20,707 --> 01:18:24,707

939
01:18:24,730 --> 01:18:28,730
มันจะคืนค่ากลับไปกลับมาอย่างนี้

940
01:18:30,459 --> 01:18:34,459

941
01:18:42,944 --> 01:18:44,155

942
01:18:44,155 --> 01:18:48,155

943
01:18:50,858 --> 01:18:54,193
สิ่งที่เรา

944
01:18:54,193 --> 01:18:57,471
จะต้องทำต่อมา ก็คือไปเรียกใช้

945
01:18:57,471 --> 01:19:01,471
ตัวนี้นะคะ

946
01:19:05,605 --> 01:19:09,605
เหมือนเดิม ต่อจากบรรทัดที่เราเรียก

947
01:19:12,562 --> 01:19:15,110
ไอ้นี้แล้วนะคะ

948
01:19:15,110 --> 01:19:19,110
กด s เพื่อเลือก screen

949
01:19:22,681 --> 01:19:26,681
คำสั่ง screen นะคะ เรียกใช้ฉากนี้

950
01:19:29,597 --> 01:19:30,353
blit

951
01:19:30,353 --> 01:19:31,334
ใส่วงเล็บ แล้ว

952
01:19:31,334 --> 01:19:33,931
ใส่...

953
01:19:33,931 --> 01:19:37,931
เรียกใช้ bgpic เหมือนเดิม เรียกใช้ตัวแปร

954
01:19:44,775 --> 01:19:47,627
bgpic นะคะ คือตัวแปร Background เรา

955
01:19:47,627 --> 01:19:48,462
ใส่ : เอ้ย

956
01:19:48,462 --> 01:19:50,355
ไม่ใช่สิ่

957
01:19:50,355 --> 01:19:54,355
: นะ แล้วก็ตามด้วยวงเล็บสี่เหลี่ยมนะคะ

958
01:19:58,700 --> 01:20:00,699
เด็ก ๆ เธอกดไอ้นี่ทุกทีเลย

959
01:20:00,699 --> 01:20:04,699
วงเล็บสี่เหลี่ยมไม่ต้องกด Shift ท่องไว้ ๆ

960
01:20:05,650 --> 01:20:09,650
พิมพ์ b

961
01:20:09,717 --> 01:20:10,060
แล้วเลือก bgx ค่ะ

962
01:20:10,060 --> 01:20:14,060
ค่าของ bgx ให้เพิ่มเข้าไป

963
01:20:16,090 --> 01:20:16,493
บวกเข้าไป 800

964
01:20:16,493 --> 01:20:20,493
ใส่เครื่องหมาย + แล้วก็ใส่ตัวเลข

965
01:20:28,756 --> 01:20:32,756
800 ลงไป เราก็เรียก bgy มาใช้งาน เลือก

966
01:20:36,034 --> 01:20:36,063
bg เลือก y เลือก bgy

967
01:20:36,063 --> 01:20:36,401

968
01:20:36,401 --> 01:20:40,068

969
01:20:40,068 --> 01:20:44,068

970
01:20:44,178 --> 01:20:48,178

971
01:20:48,626 --> 01:20:52,626
ตอนนี้เราจะมีโค้ดเพิ่มมา

972
01:20:57,963 --> 01:20:58,525
อีก 2-3 บรรทัดนะคะเด็ก ๆ

973
01:20:58,525 --> 01:21:00,273

974
01:21:00,273 --> 01:21:04,273

975
01:21:05,502 --> 01:21:09,502
ลองกด Ctrl + B ดู

976
01:21:13,657 --> 01:21:17,657
อาจจะขึ้น error ก็ได้ ลองกด Ctrl ก่อน

977
01:21:21,451 --> 01:21:24,265
แล้วก็ B ลองกดแป้นดู

978
01:21:24,265 --> 01:21:28,265
เด็ก ๆ เห็นอะไรไหม เห็นอะไรไหม

979
01:21:35,374 --> 01:21:35,602
เห็นไหมตัวฉากน่ะ

980
01:21:35,602 --> 01:21:39,602
มันเลื่อนใช่ไหม คือ ภาพรอยต่อฉากมันอาจจะไม่

981
01:21:41,393 --> 01:21:45,393
เนียน ก็คือตำแแหน่งที่เราไปตัดมันน่ะค่ะ

982
01:21:47,658 --> 01:21:47,927
- 800 อะไรอย่างนี้

983
01:21:47,927 --> 01:21:50,137
เดี๋ยวจะลองตัด

984
01:21:50,137 --> 01:21:54,137
ที่มันไม่ใช่ - 800 ดู เดี๋ยวขอลอง

985
01:21:56,065 --> 01:22:00,065
นะคะ ขอลองเป็น -1000

986
01:22:01,416 --> 01:22:02,230
ขอเปลี่ยน ขอเปลี่ยนตัวเลข

987
01:22:02,230 --> 01:22:04,138

988
01:22:04,138 --> 01:22:08,138

989
01:22:08,542 --> 01:22:12,542
นี่เห็นไหม ตำแหน่งที่ภาพมันตัดน่ะ

990
01:22:19,074 --> 01:22:23,010
มันไม่ต่อใช่ไหม เพราะฉะนั้น เราก็เลือกตำแหน่ง

991
01:22:23,010 --> 01:22:25,482
ที่ตัด = เท่าไรคะ

992
01:22:25,482 --> 01:22:27,488
แกน x เราคือเท่าไร 1,600

993
01:22:27,488 --> 01:22:31,488
สูงสุดเราคือ 1,600 เพราะฉะนั้น ตรงนี้เราก็ต้อง

994
01:22:38,452 --> 01:22:39,778
เท่ามันนั่นล่ะ มันจะได้เนียน ๆ

995
01:22:39,778 --> 01:22:41,371
รอยตัดมันจะได้เนียน ๆ นึกออกไหม

996
01:22:41,371 --> 01:22:45,371
เอาใหม่นะ Ctrl + B ใหม่ กดแป้น

997
01:22:48,647 --> 01:22:51,609
นี่เห็นไหม มันเริ่มใหม่แต่นะคะ

998
01:22:51,609 --> 01:22:55,609
มันจะมีเว้นนิดหนึ่ง เพราะฉะนั้น เราควรเพิ่ม

999
01:22:56,876 --> 01:22:58,272
เพิ่มตำแหน่งตรงนี้เข้าไป

1000
01:22:58,272 --> 01:23:02,272
เข้าไป

1001
01:23:05,383 --> 01:23:09,383
นี่ เห็นไหมคะ รอยต่อมันไม่เนียนนะ

1002
01:23:11,153 --> 01:23:11,867
เพราะฉะนั้น ตรงตำแหน่งตัดก็จะเป็น

1003
01:23:11,867 --> 01:23:14,398
15

1004
01:23:14,398 --> 01:23:18,398
99

1005
01:23:21,215 --> 01:23:24,352
แล้วก็

1006
01:23:24,352 --> 01:23:27,578
ไอ้นี่ลบ

1007
01:23:27,578 --> 01:23:31,578
ที่ 1,600 อาจจะสลับนะคะ 1,600

1008
01:23:32,847 --> 01:23:36,847
ให้เด็ก ๆ ดูที่อะไร ดูที่

1009
01:23:39,674 --> 01:23:43,674
ตัว screen ตัวนี้ ของตัวเองเท่าไร

1010
01:23:43,899 --> 01:23:46,549
ดูดี ๆ นะคะ ไปเทียบกับตัวนี้เอาลูก

1011
01:23:46,549 --> 01:23:48,706
ลบอันนั้นแล้วเพิ่มอันนี้หรือเปล่า

1012
01:23:48,706 --> 01:23:52,312
1,599 ลองได้

1013
01:23:52,312 --> 01:23:56,312
มันลองได้

1014
01:23:56,370 --> 01:24:00,370
นี่เห็นไหมมันมีรอยต่อนิดหนึ่งนี่ เราจะต้อง

1015
01:24:05,578 --> 01:24:09,578
ทำให้มันพอดีกัน

1016
01:24:10,224 --> 01:24:14,224
เด๊ะ เพราะฉะนั้น ไอ้นี้ก็ต้องเริ่ม 1599 เหมือนกันไหม

1017
01:24:14,921 --> 01:24:16,631

1018
01:24:16,631 --> 01:24:20,631

1019
01:24:22,968 --> 01:24:24,241

1020
01:24:24,241 --> 01:24:28,241

1021
01:24:28,739 --> 01:24:32,591

1022
01:24:32,591 --> 01:24:36,519

1023
01:24:36,519 --> 01:24:40,519

1024
01:24:40,538 --> 01:24:44,538

1025
01:24:44,660 --> 01:24:48,575

1026
01:24:48,575 --> 01:24:52,575

1027
01:24:58,438 --> 01:25:00,386

1028
01:25:00,386 --> 01:25:04,386

1029
01:25:04,600 --> 01:25:08,600

1030
01:25:08,616 --> 01:25:12,395

1031
01:25:12,395 --> 01:25:16,395
นี่ ๆ เห็นไหม

1032
01:25:18,667 --> 01:25:21,247
รอยตัดหายไปแล้ว

1033
01:25:21,247 --> 01:25:24,142

1034
01:25:24,142 --> 01:25:28,142

1035
01:25:28,371 --> 01:25:32,307

1036
01:25:32,307 --> 01:25:36,307

1037
01:25:38,303 --> 01:25:42,303

1038
01:25:42,766 --> 01:25:46,766
มันมี มันมีอะไรล่ะ

1039
01:25:47,820 --> 01:25:48,235

1040
01:25:48,235 --> 01:25:52,235

1041
01:25:54,295 --> 01:25:58,295
มันมีส่วนขาดส่วนเกินนิด ๆ หน่อย ๆ

1042
01:26:04,815 --> 01:26:08,815
นะคะ เราเขียนเราก็ต้องทวนอย่างนี้ล่ะนะคะ เรายืมภาพเขามาใช้ไง

1043
01:26:14,635 --> 01:26:16,211
มันก็เลยไม่เป๊ะ

1044
01:26:16,211 --> 01:26:20,211
นี่เห็นไหม เคลื่อนเร็วหรือเคลื่อนช้าขึ้นอยู่กับ

1045
01:26:28,397 --> 01:26:29,314
เลขตัวนี้นะคะ เลขไอ้ 5

1046
01:26:29,314 --> 01:26:33,314
นี่ ไอ้ 5 ไอ้ 6 ไอ้ 10 นี่ ดูนะคะ

1047
01:26:34,133 --> 01:26:38,133
เดี๋ยวให้ดูน้องวิ่งเป็นจรวดเลย ใส่ 10 เข้าไป

1048
01:26:38,836 --> 01:26:42,836
ก็คือถ้าเป็นวิ่งเราอาจจะเพิ่มความเร็ว

1049
01:26:46,027 --> 01:26:48,461
ได้ เห็นหรือเปล่า

1050
01:26:48,461 --> 01:26:52,085
ใครไม่เคลื่อนยกมือ

1051
01:26:52,085 --> 01:26:56,085
อันดับแรกเช็ก

1052
01:26:56,382 --> 01:27:00,382
Coding เราก่อนนะคะ สิ่งที่เด็ก ๆ จะต้องมีเงื่อนไข

1053
01:27:02,154 --> 01:27:06,154
แรก

1054
01:27:07,293 --> 01:27:11,293
ดูบรรทัดนี้ใน loop จาก run = false

1055
01:27:12,892 --> 01:27:14,425
เราเพิ่มเงื่อนไขในการกดแป้นใช่ไหม เข้าไป 1 2

1056
01:27:14,425 --> 01:27:18,425
ทั้งหมดกี่อันนี่

1057
01:27:25,917 --> 01:27:29,917
1 2 3 นี่นะคะ 3 เงื่อนไขนี้จะต้องมี เนื่องจากของข้าพเจ้าเป็นเดินข้าพเจ้า

1058
01:27:33,412 --> 01:27:37,412
ลดลงมา 5 เหมือนเดิมนะครับ bgvelo นี่คือความเร็วของการเคลื่อนที่

1059
01:27:42,774 --> 01:27:46,124
ของฉากเรานั่นเองนะคะ เด็ก ๆ ตำแหน่งค่าตัวนี้บอกแล้วให้ดูที่คำสั่ง

1060
01:27:46,124 --> 01:27:49,322
ตัวแปรที่ชื่อ screen ของเรานี่ ที่

1061
01:27:49,322 --> 01:27:53,322
เรา set ไว้เท่าไร

1062
01:27:59,016 --> 01:28:07,474

1063
01:27:53,541 --> 01:27:56,564

1064
01:27:56,564 --> 01:28:00,564
เด็ก ๆ บอกแล้วนะคะ ถ้าใครขึ้น

1065
01:28:05,450 --> 01:28:09,450
error อันดับแรก ให้ดูที่บรรทัด

1066
01:28:14,397 --> 01:28:16,534
ที่มัน error นะ

1067
01:28:16,534 --> 01:28:20,534

1068
01:28:23,515 --> 01:28:27,515

1069
01:28:35,164 --> 01:28:39,164

1070
01:28:43,170 --> 01:28:47,170

1071
01:28:47,173 --> 01:28:51,173

1072
01:28:51,174 --> 01:28:55,174

1073
01:29:03,183 --> 01:29:07,182

1074
01:29:07,182 --> 01:29:11,182

1075
01:29:11,184 --> 01:29:15,184

1076
01:29:19,187 --> 01:29:23,187

1077
01:29:23,189 --> 01:29:27,189

1078
01:29:31,192 --> 01:29:35,192

1079
01:29:35,194 --> 01:29:39,194

1080
01:29:39,196 --> 01:29:43,196

1081
01:29:51,204 --> 01:29:55,204

1082
01:29:55,205 --> 01:29:59,205

1083
01:29:59,210 --> 01:30:03,209

1084
01:30:03,209 --> 01:30:07,209

1085
01:30:07,215 --> 01:30:11,215

1086
01:30:11,219 --> 01:30:15,219

1087
01:30:15,222 --> 01:30:19,222

1088
01:30:23,230 --> 01:30:27,230

1089
01:30:27,230 --> 01:30:31,230

1090
01:30:31,230 --> 01:30:35,230

1091
01:30:39,235 --> 01:30:43,235

1092
01:30:43,237 --> 01:30:47,237

1093
01:30:47,241 --> 01:30:51,240

1094
01:30:51,240 --> 01:30:55,240

1095
01:30:59,243 --> 01:30:59,609

1096
01:30:59,609 --> 01:31:03,609

1097
01:31:11,250 --> 01:31:15,250

1098
01:31:15,253 --> 01:31:19,253

1099
01:31:19,253 --> 01:31:23,253

1100
01:31:27,257 --> 01:31:31,257

1101
01:31:31,261 --> 01:31:35,261

1102
01:31:35,261 --> 01:31:39,261

1103
01:31:39,264 --> 01:31:40,405

1104
01:31:40,405 --> 01:31:44,405

1105
01:31:46,099 --> 01:31:50,099

1106
01:31:57,682 --> 01:32:01,682

1107
01:32:09,554 --> 01:32:13,554

1108
01:32:19,281 --> 01:32:23,281

1109
01:32:26,818 --> 01:32:30,818

1110
01:32:31,287 --> 01:32:35,287

1111
01:32:35,291 --> 01:32:35,897

1112
01:32:35,897 --> 01:32:39,897
สังเกตนะคะ

1113
01:32:40,904 --> 01:32:44,904
ตำแหน่งที่ผิด ถ้าใช้ Sublime บรรทัดมันจะบอก

1114
01:32:50,000 --> 01:32:53,016
ดูตรงนี้เขาผิดนี่

1115
01:32:53,016 --> 01:32:56,613

1116
01:32:56,613 --> 01:33:00,510

1117
01:33:00,510 --> 01:33:04,510

1118
01:33:04,803 --> 01:33:08,803

1119
01:33:19,308 --> 01:33:23,308

1120
01:33:23,884 --> 01:33:27,884
เด็ก ๆ

1121
01:33:30,976 --> 01:33:34,502
เด็ก ๆ เวลาบอกแล้ว เวลา เวลาเราทำไอ้นี่

1122
01:33:34,502 --> 01:33:38,502
บางคนมาทีหลังแล้วไม่ทัน พอมาดู

1123
01:33:38,766 --> 01:33:42,766
if มันอยู่ตรงตำแหน่งนี้

1124
01:33:48,361 --> 01:33:52,361
เด็ก ๆ จะชอบไปใช้วิธีกด Spacebar เดี๋ยว Ctrl + B

1125
01:33:55,330 --> 01:33:55,559
เดี๋ยวดูนะคะ Ctrl + B ให้ดู

1126
01:33:55,559 --> 01:33:56,420
มันจะชี้เลย ฃบรรทัดแล้วให้เด็ก ๆ ดู

1127
01:33:56,420 --> 01:34:00,420
ตรงข้อความนะลูก

1128
01:34:06,160 --> 01:34:10,160
นี่ถ้ามันขึ้นว่านี่ Tab Error เห็นไหม ถ้าขึ้น Tab Error ให้เด็ก ๆ

1129
01:34:15,444 --> 01:34:17,905
เช็กตำแหน่งตรงนี้เลย

1130
01:34:17,905 --> 01:34:21,905
ถ้ามันขึ้น .. อย่างนี้ เด็ก ๆ ไปกด

1131
01:34:22,120 --> 01:34:25,405
Spacebar ไม่ได้กด Tab

1132
01:34:25,405 --> 01:34:29,405
ตำแหน่งบรรทัดมันจะบอกชัดเจนเลยว่าอยู่ตำแหน่งไหน สิ่งที่ผิด

1133
01:34:30,695 --> 01:34:34,695
คืออะไร เห็นไหมคะ

1134
01:34:38,537 --> 01:34:42,537
โปรแกรม Sublime มันจะแจ้ง Error ของตำแหน่ง บรรทัด

1135
01:34:43,350 --> 01:34:43,935
บอกสาเหตุที่ Error เสมอ

1136
01:34:43,935 --> 01:34:47,935
ให้ดูตรงนี้ด้วยประกอบกันนะคะ เราก็ต้องกด Delete ลบออก

1137
01:34:52,618 --> 01:34:55,747
แล้วก็กด Tab ไป ให้ตำแหน่งมันตรงแค่นั้นเอง

1138
01:34:55,747 --> 01:34:56,913
เห็นหรือเปล่า ได้แล้ว แก้ได้ เพราะฉะนั้น

1139
01:34:56,913 --> 01:35:00,913
เช็ก Error ดี ๆ นะคะ ของใครยังไม่ออกอีก

1140
01:35:01,750 --> 01:35:05,750
ใครยังไม่สามารถเดินได้

1141
01:35:06,510 --> 01:35:08,591

1142
01:35:08,591 --> 01:35:12,591
ไม่หอนสิ

1143
01:35:13,868 --> 01:35:17,868
ดูบรรทัดที่ Error คือ

1144
01:35:27,359 --> 01:35:27,944
line 33 ตรงตำแหน่ง error บอกว่า name error

1145
01:35:27,944 --> 01:35:31,944
ยังไม่ได้ประกาศตัวแปรนี้หรือ bgy นี่

1146
01:35:32,398 --> 01:35:36,398
มันไม่รู้จัก เพราะฉะนั้น ต้องย้อนไปดู

1147
01:35:41,583 --> 01:35:43,961
ที่ตำแหน่งที่ นั่นเห็นไหม ประกาศตัวแปรซ้ำ

1148
01:35:43,961 --> 01:35:47,237
ชื่อตัวแปร บอกแล้วว่าตัวแปร

1149
01:35:47,237 --> 01:35:51,237
จะมีชื่อได้แค่ 1

1150
01:35:53,119 --> 01:35:53,297
ชื่อมันจะไม่ซ้ำ

1151
01:35:53,297 --> 01:35:57,297
เอากด...

1152
01:35:58,271 --> 01:36:02,271
ดูตำแหน่งตัดต่อรูป

1153
01:36:05,942 --> 01:36:09,942
ด้วยเห็นไหม มันตัดไม่เนียนนี่

1154
01:36:13,439 --> 01:36:16,220
นึกออกนะ ให้มาเช็กว่าอาจจะเริ่ม หยุดไม่ได้ แสดงว่ามันลืม KEY นี้หรือเปล่า

1155
01:36:16,220 --> 01:36:16,933

1156
01:36:16,933 --> 01:36:20,933
screen.blit

1157
01:36:28,209 --> 01:36:29,931
นี่ไง เดี๋ยวเด้อ pic

1158
01:36:29,931 --> 01:36:33,931
+800 Velo

1159
01:36:34,464 --> 01:36:36,036
-0 -805

1160
01:36:36,036 --> 01:36:40,036
pygame get event get

1161
01:36:47,392 --> 01:36:51,392
K_DOWN  K_RIGHT

1162
01:36:51,397 --> 01:36:52,981
ไม่ขึ้น Error เสียด้วย

1163
01:36:52,981 --> 01:36:56,981
ไม่ขึ้นไม่เป็นไร หยุดไม่ได้ไม่เป็นไร

1164
01:37:02,504 --> 01:37:06,504
แค่นั้นพอ เช็กว่าไปไหนล่ะ ดูรูปนะ ตำแหน่ง

1165
01:37:07,102 --> 01:37:10,793
ให้เขากด Ctrl + B ใหม่ Ctrl+ B

1166
01:37:10,793 --> 01:37:14,793
กด นี่ เห็นไหม ตำแหน่งที่ตัดรูป

1167
01:37:16,045 --> 01:37:18,608
ดูอย่างไร ดูตรงนี้

1168
01:37:18,608 --> 01:37:22,608
นี่ที่เปลี่ยนน่ะเห็นไหม ที่แม่บอกว่า

1169
01:37:25,447 --> 01:37:29,447
ตรง Screen ตัวเองตั้งไว้ที่เท่าไร

1170
01:37:32,501 --> 01:37:34,582
เห็นหรือเปล่า เพราะฉะนั้นตรงนี้แก้

1171
01:37:34,582 --> 01:37:34,832
เลข ตรงนี้เห็นไหม ใช่ไหม

1172
01:37:34,832 --> 01:37:38,832
รูปมันสูงสุด ก็คือความกว้างมันสูงสุด 1200

1173
01:37:41,046 --> 01:37:44,437
ลองแก้

1174
01:37:44,437 --> 01:37:44,692
แก้เป็น 12

1175
01:37:44,692 --> 01:37:48,692
Ctrl + B ใหม่

1176
01:37:50,396 --> 01:37:54,396
กด

1177
01:37:55,470 --> 01:37:59,470
เลื่อนนี่ แล้วทีนี้ตำแหน่งนี้

1178
01:38:04,478 --> 01:38:08,478
เห็นไหม ถ้าเราปรับตรงนี้ปุ๊บนี่ เอาปรับ

1179
01:38:08,997 --> 01:38:11,637
มันมาตรงนี้ เราอาจจะตัดให้มันเกินมาสักหน่อย

1180
01:38:11,637 --> 01:38:15,637
ลองเพิ่มจาก 800 เป็น 1000 สิ ลองเพิ่ม

1181
01:38:16,452 --> 01:38:20,452
Ctrl + B ใหม่ นี่นะ

1182
01:38:21,573 --> 01:38:22,368
ก็คือให้นึกถึงว่า

1183
01:38:22,368 --> 01:38:26,368
1000 มันเยอะไป 900

1184
01:38:26,813 --> 01:38:30,813
ลอง 900 อยากได้ใบไม้

1185
01:38:32,492 --> 01:38:36,492
นึกออกนะ ให้เขาลองปรับลดไอ้ค่าตรงนี้

1186
01:38:37,872 --> 01:38:41,283
ก็คือให้รอยต่อของรูปมันดูเนียน

1187
01:38:41,283 --> 01:38:45,283
ไม่ใช่ตัดแล้วต้นไม้ขาดครึ่ง ภูเขาขาดครึ่ง

1188
01:38:48,625 --> 01:38:52,625
นึกออกไหม อาจจะมาเริ่มที่ภูเขาก็ได้

1189
01:38:54,295 --> 01:38:54,377
อะไรอย่างนี้นะคะ เวลาตัดตำแหน่งรูปน่ะลูก

1190
01:38:54,377 --> 01:38:58,177
นึกออกนะ อย่างที่บอกน่ะค่ะ 1.

1191
01:38:58,177 --> 01:38:59,039
เช็กความกว้างของ Screen  เรานะ

1192
01:38:59,039 --> 01:39:03,039
ค่าตรงนี้ เราจะตัดตรงนี้ที่เท่าไร ลองดู

1193
01:39:11,053 --> 01:39:14,171
เราจะตัดตรงนี้ที่เท่าไร ลองใส่ไปดู ลองมาตัดตรงนี้

1194
01:39:14,171 --> 01:39:17,816
นะคะ ตำแหน่งที่จะตัดน่ะ ตัดภาพนะคะ ใครยังไม่ออกอีก

1195
01:39:17,816 --> 01:39:20,925

1196
01:39:20,925 --> 01:39:24,657

1197
01:39:24,657 --> 01:39:28,657

1198
01:39:35,125 --> 01:39:39,125

1199
01:39:43,463 --> 01:39:47,463

1200
01:39:47,466 --> 01:39:51,466

1201
01:39:51,471 --> 01:39:55,471

1202
01:39:59,475 --> 01:40:03,454
ทีนี้บางคน

1203
01:40:03,454 --> 01:40:07,454
นะคะ ทำภาพไม่สมดุล

1204
01:40:08,659 --> 01:40:12,659
คือ ฉากตัวเองอันสักกะติ๋วหนึ่ง ตัว

1205
01:40:15,280 --> 01:40:16,746
เกมมันตัวใหญ่ คือ เหมือน

1206
01:40:16,746 --> 01:40:20,746
เหมือนให้นึกถึงนะ พอเอาเกมเข้าไปในฉาก ตัวเกม

1207
01:40:20,841 --> 01:40:24,841
ปาเข้าไปครึ่งฉากแล้ว พอใส่ความเร็วไป

1208
01:40:31,493 --> 01:40:32,130
นึกออกไหม 5 วินาที แต่ฉากมันสั้นไง แล้วตัว

1209
01:40:32,130 --> 01:40:36,130
เกมมันยาว มันก็จะปึ้บเดียวหาย

1210
01:40:36,754 --> 01:40:40,754
ขยายพื้นที่ฉากน่ะค่ะ นี่เพระาตัวแรกเราปรับค่าได้นะ เห็นไหม

1211
01:40:44,844 --> 01:40:46,522
นะคะ นี่ เห็นไหม อย่างแม่ใช้ฉากยาวเลยนะคะ อันนี้

1212
01:40:46,522 --> 01:40:50,522
เห็นไหมมันก็ไปได้เรื่อย ๆ ความเร็ว

1213
01:40:53,383 --> 01:40:57,383
ตัวของเจ้าเกมเรากับฉากเรา

1214
01:40:58,259 --> 01:41:02,259
มันก็ควรจะสอดคล้อง แล้วให้เด็ก ๆ ดูการตัดภาพด้วย

1215
01:41:05,316 --> 01:41:06,995
นึกออกนะลูก ภาพมันตัดไม่สวย อาจจะ

1216
01:41:06,995 --> 01:41:07,888
มาเริ่มตัดต้นนี้ก็ได้ ลองปรับค่าไป

1217
01:41:07,888 --> 01:41:11,888
นะคะ ให้ดูให้มันแมตกันด้วย

1218
01:41:16,491 --> 01:41:18,732
ให้มันเนียนน่ะ ให้มันภาพมันเนียน ๆ

1219
01:41:18,732 --> 01:41:21,342

1220
01:41:21,342 --> 01:41:25,342
คือเหมือนภาพนี้มันมีจุดเด่น

1221
01:41:32,541 --> 01:41:36,037
คือ ไอ้ต้นไม้ใหญ่น่ะ พอตัดไปมันเลยไม่เนียน

1222
01:41:36,037 --> 01:41:40,037
นึกออกนะ แต่ไม่เป็นไร บอกแล้วเรา

1223
01:41:41,407 --> 01:41:45,407
เอามาเทสต์โปรแกรมเราเฉย ๆ นะคะ

1224
01:41:51,035 --> 01:41:54,980
คือ เวลาเราไปทำเกมจริง ๆ นี่ ฉากเราก็ควรจะวาดเองฉาก

1225
01:41:54,980 --> 01:41:57,096
ต่อไป เพื่อจะให้มันเคลื่อนนี่ ลักษณะของต้นไม้น่ะ มันควรจะเป็นไซซ์

1226
01:41:57,096 --> 01:42:01,096
เท่า ๆ กัน แล้วจุดวางตำแหน่งเท่า ๆ กัน

1227
01:42:05,653 --> 01:42:09,653
การต่อฉากมันก็จะไปต่อ ๆ กัน แต่อันนี้เราไปยืมเขามา

1228
01:42:10,654 --> 01:42:11,481
พอหมดโขดหินนี่ มาต่อใช่ไหม มันกลายเป็น

1229
01:42:11,481 --> 01:42:15,481
ไม่ต่อกันน่ะ ภาพมันไม่ต่อเนื่อง

1230
01:42:20,619 --> 01:42:21,389
นึกออกนะ แต่ให้รู้ไว้ว่ามันคือหลักการในการทำ

1231
01:42:21,389 --> 01:42:24,635
นะคะ ยังไม่เสร็จนะ นี่เพิ่งให้ฉาก

1232
01:42:24,635 --> 01:42:27,112
มันเคลื่อนเองนะคะ เดี๋ยวสัปดาห์นี้เราจะ

1233
01:42:27,112 --> 01:42:31,112
พอแค่นี้ก่อน

1234
01:42:32,857 --> 01:42:36,857
เพราะบางคนยังมีพื้นหลังนะ ยังมี background ไปเอาออก

1235
01:42:43,092 --> 01:42:45,504
ตัว Big เลย ลดไซซ์เกมลง ให้นึกถึงความสมดุลนะลูก

1236
01:42:45,504 --> 01:42:49,504
นี่เหมือนแมวแม่นี่ ก็ยังใหญ่อยู่

1237
01:42:54,500 --> 01:42:56,838
แม่ก็ต้องลดลงนะ ดูสิต้นไม้กับแมวตัวเท่ากับเลย

1238
01:42:56,838 --> 01:42:59,488
มันก็ไม่ใช่ใช่ไหมคะ นะคะ นะคะ เราก็ต้องปรับสมดุลของภาพ

1239
01:42:59,488 --> 01:43:03,488
ของเกม ให้มันสอดคล้องกันด้วย

1240
01:43:07,114 --> 01:43:11,114
นะคะ เพราะฉะนั้น บางฉากมันตัดแล้วมันไม่เนียน

1241
01:43:13,037 --> 01:43:17,037
เราอาจจะหาฉากมาเปลี่ยนก็ได้นะเด็ก ๆ นึกออกนะ

1242
01:43:19,596 --> 01:43:23,596
ที่มันเป็นในระนาบ หรือแนวเดียวกัน

1243
01:43:24,065 --> 01:43:28,065
แล้วไม่มีพอเอามาวางแล้วไม่เห็นรอยต่อที่ชัดเจน

1244
01:43:29,272 --> 01:43:30,964
มันระนาบเดียวกันก็จริง แต่มันมีต้นไม้ใหญ่

1245
01:43:30,964 --> 01:43:34,808
มันมาเพิ่มกับก้อนหินนี่มันไม่ต่อเนื่อง บางทีเรา

1246
01:43:34,808 --> 01:43:38,808
อาจจะตัดภาพเฉพาะถึงตรงนี้ก็ได้

1247
01:43:42,426 --> 01:43:45,328
นึกออกนะ เพื่อไม่ให้มันเห็นอันนี้ พื้นมันเป็นแนวเดียวกัน มันก็จะ

1248
01:43:45,328 --> 01:43:48,275
ต่อกันก็ได้ เราจะเอาภาพ

1249
01:43:48,275 --> 01:43:52,275
มาประกอบสักเล็กน้อยด้วยนะคะ

1250
01:43:52,816 --> 01:43:56,816
เพราะตัวนี้ ตัวเกมมันจะไม่นิ่ง ๆ อย่างนี้

1251
01:43:57,840 --> 01:43:58,978
เพราะเมื่อกี้เราไป

1252
01:43:58,978 --> 01:44:02,978
ดาวน์โหลด Sprite มาแล้ว

1253
01:44:09,293 --> 01:44:11,136
มันมีท่าทางการเดินจริง ๆ ซึ่ง

1254
01:44:11,136 --> 01:44:15,136
จะเป็นในสัปดาห์หน้า เพราะฉะนั้น ในสัปดาห์นี้ท้ายชั่วโมง

1255
01:44:18,877 --> 01:44:19,979
ที่ยังมี Background ไซซ์ตัวเกมเรายังใหญ่

1256
01:44:19,979 --> 01:44:21,287
เด็ก ๆ จะต้องปรับขนาดให้มันเท่ากันทุกตัวก่อน

1257
01:44:21,287 --> 01:44:23,096
นะลูก นึกออกนะ เช่น

1258
01:44:23,096 --> 01:44:27,096
เหมือนนกของเจ้ากุ้งเต้นมันใหญ่ กุ้งเต้นทำนกไว้ใหญ่ใช่ไหมคะ

1259
01:44:34,568 --> 01:44:36,828
กุ้งเต้นต้องไปปรับไซซ์ตัวอื่นด้วย ไม่ใช่

1260
01:44:36,828 --> 01:44:37,336
แค่ตัวเดียว เข้าใจนะคะ มันจะมีตัวที่ 1 ตัวที่ 2

1261
01:44:37,336 --> 01:44:41,336
ตัวที่ 3 ใช่ไหม ในคอลเลกชัน

1262
01:44:43,482 --> 01:44:47,412
กุ้งเต้นจะต้องปรับตัวอื่น ๆ ให้มันได้ขนาดเท่ากับตัวแรก

1263
01:44:47,412 --> 01:44:51,412
เพราะไม่อย่างนั้นให้นึกถึงเวลาเราให้เกมมันเคลื่อนไหว เดี๋ยวมันจะกลายเป็น

1264
01:44:54,361 --> 01:44:58,361
ตัวเล็ก ตัวใหญ่

1265
01:44:59,777 --> 01:45:03,777
นึกออกไหม พอภาพ พอไปเรียกภาพมา

1266
01:45:07,026 --> 01:45:09,112
ต่อ ๆ กันใช่ไหม มันจะกลายเป็นเดี๋ยวตัวนี้ตัวเล็กกระโดดมาทำไมมันตัวใหญ่นึกออกไหม อันนั้น

1267
01:45:09,112 --> 01:45:13,112
เราไม่ได้เล่นเกมเสกคาถา ถ้าอย่างนั้นใช้ได้

1268
01:45:17,905 --> 01:45:20,626
เป็นตัวเล็กแล้วก็เป็นตัวใหญ่ อันนี้อยากให้เห็นว่า

1269
01:45:20,626 --> 01:45:23,204
แล้วมันวิ่งมันเดินให้เห็นการเคลื่อนไหวของมันก่อน

1270
01:45:23,204 --> 01:45:26,145
นะคะ ถ้าทำ Effect ตัวเล็กตัวใหญ่

1271
01:45:26,145 --> 01:45:30,145
หมายถึงว่า เราต้องการจากตัวเล็ก ให้เป็นตัวใหญ่

1272
01:45:35,250 --> 01:45:38,818
ไปเพิ่มไซซ์ให้เป็นตัวใหญ่อย่างนี้ทำอย่างไร เหมือน

1273
01:45:38,818 --> 01:45:42,818
mario พอกินเห็ดหรือกินอะไรตัวจะใหญ่ขึ้นถ้าอย่างนั้นน่ะ ถึงจะไปใช้เทคนิคที่เรียกว่า "ภาพ

1274
01:45:44,411 --> 01:45:48,411
เล็กกลายเป็นภาพใหญ่ แต่เราจะให้เห็นว่า

1275
01:45:50,537 --> 01:45:51,314
ไอ้ภาพนี้ ไอ้ตัวนี้มันเคลื่อนไหวโดยการเดิน หรือการวิ่ง

1276
01:45:51,314 --> 01:45:53,261
หรืออะไรก็แล้วแต่นี่ ตัวเท่านี้

1277
01:45:53,261 --> 01:45:57,261
มันเดินไปอย่างไร มันวิ่งไปอย่างไร ให้เห็นมุมมองอย่างนี้ก่อน

1278
01:45:59,365 --> 01:46:03,365
ซึ่งเราจะมาต่อในสัปดาห์หน้า เพราะฉะนั้น สัป

1279
01:46:07,617 --> 01:46:11,219
ดาห์นี้จะต้องเคลียร์รูปที่จะใช้ให้เรียบร้อยเสียก่อนนะคะ

1280
01:46:11,219 --> 01:46:11,658
คือก็จะพาเรียกใช้รูปในกลุ่มนี้ทุกรูปเลย จะเรียกอย่างไร

1281
01:46:11,658 --> 01:46:15,658
เราจะสร้างฟังก์ชัน

1282
01:46:19,423 --> 01:46:22,659
เพื่อให้มันมาเรียกใช้ไอ้รูปที่มันมีเยอะ ๆ นะคะ

1283
01:46:22,659 --> 01:46:26,659
ไม่อย่างนั้นเราจะเขียน KEY อย่างไร KEY

1284
01:46:30,742 --> 01:46:30,882
เยอะ ๆ ซึ่งมันไม่ใช่วิธีการเขียนโปรแกรม โปรแกรมจะต้อง

1285
01:46:30,882 --> 01:46:34,882
ลดขึ้นตอนการคีย์เพื่อเรียกใช้รูป

1286
01:46:36,855 --> 01:46:40,855
ก็คือเราจะเรียกใช้มันแค่ครั้งเดียว เราอาจจะสร้าง

1287
01:46:43,164 --> 01:46:47,164
เพื่อไปเรียกใช้ในครั้งหน้าได้อีก โอเคนะคะ สัปดาห์นี้เราจะพอแค่นี้นะคะ อันดับแรกอย่าลืมไปแก้รูป

1288
01:46:53,936 --> 01:46:56,923
ให้เอาออก ใครรูปตัวการ์ตูนใหญ่อยู่ ลดไซซ์

1289
01:46:56,923 --> 01:46:58,253
ให้มันเท่ากัน ปรับไซซ์ให้มันเท่ากันทุกตัวนะคะ

1290
01:46:58,253 --> 01:47:00,514
เพราะเราจะใช้ทั้งเซ็ตเลยนะคะ ทั้งเซ็ตที่อยู่

1291
01:47:00,514 --> 01:47:04,514
ในตัวนี้เราน่ะ ในโฟลเดอร์เราน่ะ

1292
01:47:08,063 --> 01:47:12,063
นึกออกไหมลูก นี่มี 12 รูป ก็

1293
01:47:12,972 --> 01:47:14,729
ต้องแก้ทั้ง 12 รูปนะคะ ให้มันไปในแนวทางเดียวกัน เพราะวิธีการแก้มันก็

1294
01:47:14,729 --> 01:47:18,729
ทำซ้ำ เหมือนเดิม เพียงแค่เปลี่ยน

1295
01:47:27,039 --> 01:47:30,184
แก้ไปทีละรูปแค่นั้นเองนะคะ โอเคนะคะ อย่างนั้นสัปดาห์นี้

1296
01:47:30,184 --> 01:47:30,849
พอแค่นี้สวัสดีค่ะ ทุกคนทำออกได้หมดแล

1297
01:47:30,849 --> 01:47:34,849
้วนะคะ อย่าลืม

1298
01:47:39,615 --> 01:47:40,988
Save ไว้ก่อน

1299
01:47:40,988 --> 01:47:44,988

1300
01:47:45,201 --> 01:47:49,201

1301
01:47:50,462 --> 01:47:54,462
ปิดได้เลย  ปิดได้เลย

1302
01:47:55,611 --> 01:47:56,924

1303
01:47:56,924 --> 01:48:00,924

1304
01:48:01,177 --> 01:48:05,177

1305
01:48:10,191 --> 01:48:14,191
ว่าอย่างไร ว่าอย่างไร จะถามหรือเปล่า

1306
01:48:24,906 --> 01:48:33,994
[สิ้นสุดการถอดความ]

1307
01:48:12,862 --> 01:48:16,862

1308
01:48:17,641 --> 01:48:21,641

1309
01:48:31,662 --> 01:48:35,662

1310
01:48:35,667 --> 01:48:36,314

1311
01:48:36,314 --> 01:48:40,314