1
00:00:00,000 --> 00:00:04,000

2
00:00:04,005 --> 00:00:08,005

3
00:00:08,007 --> 00:00:12,007

4
00:00:12,010 --> 00:00:16,010

5
00:00:16,011 --> 00:00:20,011

6
00:00:20,012 --> 00:00:24,012

7
00:00:24,015 --> 00:00:28,015

8
00:00:28,018 --> 00:00:32,018

9
00:00:32,019 --> 00:00:36,019

10
00:00:36,022 --> 00:00:40,022

11
00:00:40,024 --> 00:00:44,024

12
00:00:44,026 --> 00:00:48,026

13
00:00:48,029 --> 00:00:52,029

14
00:00:52,032 --> 00:00:56,032

15
00:00:56,033 --> 00:01:00,033

16
00:01:00,034 --> 00:01:04,034

17
00:01:04,036 --> 00:01:08,036

18
00:01:08,038 --> 00:01:12,038
(อาจารย์) สวัสดีค่ะ

19
00:01:12,039 --> 00:01:16,039
พร้อมเรียนหรือยัง ก่อนอื่นเปิด

20
00:01:16,040 --> 00:01:20,040
Sublime Text เปิดอะไรอีก

21
00:01:20,040 --> 00:01:24,040
เปิด Google

22
00:01:24,041 --> 00:01:28,041
วันนี้เปิดเพิ่มอีกตัวหนึ่ง เปิด

23
00:01:28,042 --> 00:01:32,042
โปรแกรม Paint ด้วย

24
00:01:32,043 --> 00:01:36,043
ให้เปิดโปรแกรม

25
00:01:36,046 --> 00:01:40,046
วันนี้เปิด 3 อย่างนะ เปิด

26
00:01:40,048 --> 00:01:44,048
เปิด Google Chrome

27
00:01:44,053 --> 00:01:48,053
ต้องใช้ Paint นะคะ

28
00:01:48,056 --> 00:01:52,056
หาโปรแกรม paint ด้วย

29
00:01:52,057 --> 00:01:56,057
สัญญาณภาพฝั่งนู้น

30
00:01:56,059 --> 00:02:00,059
ฝีางโน้นกระตุก วันนี้ ๆ

31
00:02:00,062 --> 00:02:04,062
สำหรับวันนี้เราจะมาทำ

32
00:02:04,064 --> 00:02:08,064
Animation

33
00:02:08,065 --> 00:02:12,065
ทำให้ตัวเกมเรามันเป็น

34
00:02:12,066 --> 00:02:16,066
การเคลื่อนไหวแบบ Animation นะคะ

35
00:02:16,070 --> 00:02:20,070
คือ ในครั้งก่อนน่ะยังไม่ได้เป็น Animation

36
00:02:20,071 --> 00:02:24,071
แล้วให้ Candy มันตกใช่หรือเปล่า

37
00:02:24,072 --> 00:02:28,072
ภาพเคลื่อนไหวแบบนั้นคนละแบบนะคะ อันนั้นแค่

38
00:02:28,073 --> 00:02:32,073
แต่ทีนี้

39
00:02:32,075 --> 00:02:36,075
สิ่งแรกที่เราจะต้องทำนะคะ

40
00:02:36,076 --> 00:02:40,076
เดี๋ยวขอข้ามตัวนี้ไปก่อน

41
00:02:40,078 --> 00:02:44,078
ต้องมาที่ตัวนี้ก่อน

42
00:02:44,079 --> 00:02:48,079
นะคะ คือ

43
00:02:48,081 --> 00:02:52,081
ต้องรู้จักตัวนี้ก่อน

44
00:02:52,082 --> 00:02:56,082
sprite Sheet

45
00:02:56,086 --> 00:03:00,086
Sprite Sheet คืออะไร ให้

46
00:03:00,087 --> 00:03:04,087
นึกถึง image หรือภาพ

47
00:03:04,089 --> 00:03:08,089
ตัวเดิมน่ะ มันก็เป็นรูป

48
00:03:08,091 --> 00:03:12,091
1 รูปใช่ไหมคะ แต่ sprite Sheet น่ะ

49
00:03:12,094 --> 00:03:16,094
ก็คือภาพมันจะมีความต่อเนื่อง หรือ

50
00:03:16,096 --> 00:03:20,096
ถ้าแปลด้วยตัวแปลภาษา ถ้าแปลด้วยภาษา

51
00:03:20,105 --> 00:03:24,105
ไทยมันจะขึ้นว่า "ภาพต่อเรียง" หรือ "

52
00:03:24,107 --> 00:03:28,107
ภาพที่มันเรียงต่อกันไป ให้นึกถึง

53
00:03:28,109 --> 00:03:32,109
การ์ตูนในสมัยก่อน เวลาเขาเอาการ์

54
00:03:32,110 --> 00:03:36,110
มาทำเป็นเคลื่อนไหว

55
00:03:36,112 --> 00:03:40,112
ได้น่ะ ก็คือภาพมันจะต้องต่อเนื่อง

56
00:03:40,113 --> 00:03:44,113
ตัวอย่างข้างบนอาจจะเห็นไม่ชัด ให้ดูที่ตัวอย่างข้างล่าง

57
00:03:44,115 --> 00:03:48,115
ภาพไดโนเสาร์ตัวนี้เห็นไหมคะ ภาพแรก

58
00:03:48,115 --> 00:03:52,115
พอภาพที่ 2 ลักษณะของ

59
00:03:52,117 --> 00:03:56,117
เท้าใช่ไหมมันเปลี่ยน ภาพที่ 3

60
00:03:56,121 --> 00:04:00,121
ทั้งเท้าทั้งแขนเปลี่ยนไปใช่ไหมคะ

61
00:04:00,122 --> 00:04:04,122
เห็นไหมคะ ก็คือภาพที่มัน

62
00:04:04,122 --> 00:04:08,122
เป็นภาพที่วาดขึ้นมาแล้วมีกระบวนการ

63
00:04:08,123 --> 00:04:12,123
ภาพต่อเนื่อง ถ้าให้นึกถึงการถ่ายรูป

64
00:04:12,124 --> 00:04:16,124
ก็คือถ่ายภาพที่หลาย ๆ ช็อต

65
00:04:16,125 --> 00:04:20,125
ต่อ ๆ กัน มันก็จะพอเอามา

66
00:04:20,127 --> 00:04:24,127
เล่นต่อ ๆ กันมันจะเป็นภาพเคลื่นไหวน่ะ

67
00:04:24,128 --> 00:04:28,128
เพราะฉะนั้น เราจะต้องเอาภาพนี้มาใช้

68
00:04:28,129 --> 00:04:32,129
ทีนี้ คือ ถ้าหาวาดจะเสียเวลา

69
00:04:32,130 --> 00:04:36,130
นะคะ แม่ก็ไปค้นมาแล้วว่ามันมี

70
00:04:36,132 --> 00:04:40,132
เว็บฯ ให้ Download

71
00:04:40,133 --> 00:04:44,133
เพราะถ้าวาดจะเสียเวลา อันนั้นเอาไว้ตอนเรียน

72
00:04:44,134 --> 00:04:48,134
ออกแบบค่อยมาสอนวาดภาพ

73
00:04:48,136 --> 00:04:52,136
ลักษณะนี้เพื่อเอามาใช้ในเวลาทำโครงงาน

74
00:04:52,137 --> 00:04:56,137
ตอนปี 4 ก็ได้นะคะ อันดับแรก

75
00:04:56,139 --> 00:05:00,139
เราจะไปโหลดก่อน เพราะฉะนั้นเปิด google chrome

76
00:05:00,142 --> 00:05:04,142
นะคะ แล้วมันจะมี 2 เว็บ(ไซต์)

77
00:05:04,143 --> 00:05:08,143
แสดงว่าเรียงไอ้นี่ผิด

78
00:05:08,145 --> 00:05:12,145
ให้ Download นะคะ ถ้าใคร

79
00:05:12,146 --> 00:05:16,146
จะเอารูปไดโนเสาร์เหมือนตัวอย่างที่แม่

80
00:05:16,148 --> 00:05:20,148
ยกมาก็ได้ แล้วมันก็มีรูปอื่น เข้าได้ทั้ง 2 อันนะคะ

81
00:05:20,149 --> 00:05:24,149
พิมพ์เลย พิมพ์เข้าได้ทั้ง 2 เว็ย

82
00:05:24,151 --> 00:05:28,151
แต่เราไม่พิมพ์เพราะเราทำลิงก์ไว้แล้ว

83
00:05:28,153 --> 00:05:32,153

84
00:05:32,155 --> 00:05:36,155
.

85
00:05:36,156 --> 00:05:40,156
เดี๋ยว ๆ เปิดให้ดูแป๊บหนึ่ง ขอโหลดของ

86
00:05:40,158 --> 00:05:44,158
นี่มันจะขึ้นเป็น Free เพราะฉะนั้น เราจะเอามาใช้

87
00:05:44,163 --> 00:05:48,163
ได้นะคะ ถ้าเป็นฟรี ถ้าเป็นฟรี ก็คือ

88
00:05:48,164 --> 00:05:52,164
ไม่มีปัญหาเรื่องลิขสิทธิ์แน่นอนนะคะ

89
00:05:52,166 --> 00:05:56,166
ในตัวแรกนี่จะมี

90
00:05:56,167 --> 00:06:00,167
ตัวการ์ตูนหลายตัวเลย ถ้าเด็ก ๆ ไม่เอาไดโนเสาร์เหมือนคร

91
00:06:00,171 --> 00:06:04,171
เด็ก ๆ ก็เปลี่ยนไปใช้ Boy Girl

92
00:06:04,174 --> 00:06:08,174
เลือกเอาตัวใดตัวหนึ่งนะคะ แล้วต้อง Save ไปไว้

93
00:06:08,176 --> 00:06:12,176
ที่ไหน จำได้ไหมคะ อย่าลืมว่าเอาไป

94
00:06:12,176 --> 00:06:16,176
ใส่ใน Folder ที่เราสร้างใน Python

95
00:06:16,178 --> 00:06:20,178
จะเป็นชื่อ Mygame หรือเป็น

96
00:06:20,180 --> 00:06:24,180
ชื่อของเด็ก ๆ จำได้นะ ไฟล์นี้

97
00:06:24,182 --> 00:06:28,182
เอาไป Save

98
00:06:28,182 --> 00:06:32,182
นะคะ เซฟใส่ใน Folder ที่นักเรียนสร้าง

99
00:06:32,183 --> 00:06:36,183
นะคะ มันจะมี 2 ตัว

100
00:06:36,186 --> 00:06:40,186
ใช่ไหม มีตัวนี้แล้วก็อีกตัวหนึ่ง

101
00:06:40,191 --> 00:06:44,191
นี่

102
00:06:44,192 --> 00:06:48,192
แต่ถ้าอันนี้ ถ้าเป็นเว็บฯ

103
00:06:48,194 --> 00:06:52,194
Vectice Vecticies

104
00:06:52,195 --> 00:06:56,195
Vecteezy นี่ให้เด็ก ๆ

105
00:06:56,197 --> 00:07:00,197
ดูด้านล่าง ให้เลือกที่มันขึ้นว่า Free น่ะ

106
00:07:00,197 --> 00:07:04,197
ถึงเอามาใช้เข้าใจไหม ให้ดูที่

107
00:07:04,198 --> 00:07:08,198
ดูที่มีคำว่า "ฟรี" กำกับ

108
00:07:08,199 --> 00:07:12,199
เขามาใช้เด้อ เด้อหรือเปล่านะ

109
00:07:12,200 --> 00:07:16,200
เด้อ แล้ว ออกภาษาถิ่น

110
00:07:16,200 --> 00:07:20,200
เด้อ เดี๋ยวพี่ฝั่งโน้นงง เด้ออะไร

111
00:07:20,206 --> 00:07:24,206
นะคะ ก็คือให้เลื่อนลงมา

112
00:07:24,207 --> 00:07:28,207
แล้วหาที่มันมีคำว่า "Free" กำกับนะ

113
00:07:28,208 --> 00:07:32,208
อย่าไป คือถ้าไปเปิดอันอื่นมันจะมีบอกว่า

114
00:07:32,209 --> 00:07:36,209
ให้จ่ายตัง เพราะฉะนั้นให้เราเลือกที่เป็น

115
00:07:36,210 --> 00:07:40,210
ฟรีนะลูกนะ เพราะฉะนั้น เลือกเอาจะเอารูปไหน

116
00:07:40,211 --> 00:07:44,211
นะคะ

117
00:07:44,212 --> 00:07:48,212
โอ.เค. ไหม ใครจะเอารูปไหน เลือกเอา

118
00:07:48,213 --> 00:07:52,213
อย่าลืมว่าเอาไปเซฟ

119
00:07:52,214 --> 00:07:56,214
ไว้ที่ Folder ชื่อที่ตัวเองสร้างไว้นะ

120
00:07:56,215 --> 00:08:00,215
อย่าลืมนะคะ Save ให้ถูกที่ด้วย เดี๋ยว

121
00:08:00,216 --> 00:08:04,216
ไม่เจอ เดี๋ยวจะขึ้น Error

122
00:08:04,217 --> 00:08:08,217
เห็นชัดไหม พิมพ์ ๆ อันไหน

123
00:08:08,218 --> 00:08:12,218
ก็ได้ อันใดอันหนึ่ง

124
00:08:12,219 --> 00:08:16,219
อันนี้บัง

125
00:08:16,221 --> 00:08:20,221
ให้แคปฯ แล้วก็พิมพ์จะได้เข้า

126
00:08:20,222 --> 00:08:24,222
ง่าย ๆ จะได้ไปตรงที่เลยจะได้ Download

127
00:08:24,223 --> 00:08:28,223
ได้

128
00:08:28,226 --> 00:08:32,226
เข้าเว็บฯ ได้หรือยัง ต้องเข้าเว็บฯ ให้ได้ก่อน

129
00:08:32,226 --> 00:08:36,226
ใบเตยเข้าได้หรือยังลูก ได้ไหม เอา

130
00:08:36,228 --> 00:08:40,228
อันไหน เลือกอันหนึ่ง มันน่าจะเป็นไฟล์ Zip น

131
00:08:40,230 --> 00:08:44,230
บางอันก็เป็นไฟล์ Zip เดี๋ยว

132
00:08:44,231 --> 00:08:48,231
ใครได้ไฟล์ Zip เดี๋ยวค่อยยกมือ แล้ว

133
00:08:48,232 --> 00:08:52,232
บอกวิธีแตกไฟล์นะคะ ใครที่ได้ไฟล์ซิป

134
00:08:52,234 --> 00:08:56,234
ตอนนี้ใครโหลดรูปมาแล้ว ตัวเอง

135
00:08:56,235 --> 00:09:00,235
ยังไม่ได้โหลดเดี๋ยวโหลดบ้าง

136
00:09:00,236 --> 00:09:04,236
อยากได้รูปอะไร ใบเตยจะเอารูปตัวไหน

137
00:09:04,236 --> 00:09:08,236
แม่จะได้โหลดเหมือนกัน

138
00:09:08,238 --> 00:09:12,238
เอารูปอะไรลูก เอาเว็บฯ แรก

139
00:09:12,239 --> 00:09:16,239
หรือเว็บฯ ที่ 2

140
00:09:16,243 --> 00:09:20,243
เดี๋ยวเปิดให้ดู

141
00:09:20,244 --> 00:09:24,244
อัน... ชื่อเว็บฯ นี่ เด็ก ๆ มี

142
00:09:24,245 --> 00:09:28,245
ทุกคนแล้วนะ เดี๋ยวแม่จะสลับ

143
00:09:28,247 --> 00:09:32,247
หน้าจอไปดาวโหลดบ้างนะคะ

144
00:09:32,248 --> 00:09:36,248
เด็ก ๆ พิมพ์แล้วเข้าเว็บฯ เดี๋ยวเราจะไปดูเว็บฯ เราบ้าง

145
00:09:36,248 --> 00:09:40,248
ไหนเอ่ย

146
00:09:40,249 --> 00:09:44,249
เอาอันไหนอันนี้หรือเปล่า

147
00:09:44,250 --> 00:09:48,250
เอาจากเว็บนี้หรือเปล่า เอาเว็บนี้

148
00:09:48,252 --> 00:09:52,252
เอารูปไหนล่ะใบเตย

149
00:09:52,253 --> 00:09:56,253
อศัวิน

150
00:09:56,253 --> 00:10:00,253
ใบเตยเอาอัศวินนะคะ แม่ก็จะเอาอัศวิน

151
00:10:00,256 --> 00:10:04,256
เหมือนใบเตย เสร็จแล้วพอเข้ามากด

152
00:10:04,256 --> 00:10:08,256
คลิกที่ Freedownload นะ เหมือนใครเลือก

153
00:10:08,257 --> 00:10:12,257
ของ...

154
00:10:12,258 --> 00:10:16,258
Vecti

155
00:10:16,259 --> 00:10:20,259
นี่ ถ้าคลิกเลือกรูป เช่น ๆ

156
00:10:20,260 --> 00:10:24,260
น้องหมี น้องหมีทำอะไรดี

157
00:10:24,261 --> 00:10:28,261
น้องหมีกระโดดอย่างนี้นะคะ

158
00:10:28,264 --> 00:10:32,264
อาจจะเอาน้องหมีเดินก็ได้

159
00:10:32,265 --> 00:10:36,265
เห็นไหมคะ ก็คลิกที่ Free Dowload เหมือนกัน

160
00:10:36,267 --> 00:10:40,267
เราคลิก

161
00:10:40,269 --> 00:10:44,269
แล้วนะคะ มันดาวน์โหลดอัตโนมัติ

162
00:10:44,271 --> 00:10:48,271
นะ นี่สังเกตบางเครื่อง

163
00:10:48,273 --> 00:10:52,273
วิธีการเราจะไปย้ายไฟล์นี้ทำอย่างไร

164
00:10:52,275 --> 00:10:56,275
เดี๋ยวให้มันโหลดเสร็จก่อน ของใคร

165
00:10:56,276 --> 00:11:00,276
ได้เป็นไฟล์ซิปบ้าง

166
00:11:00,276 --> 00:11:04,276
ใบเตยก็เซฟไว้ จ๊าบโหลดหรือยังลูก

167
00:11:04,278 --> 00:11:08,278
เป็นไฟล์ Zip หรือเปล่า

168
00:11:08,279 --> 00:11:12,279
2 หนุ่ม 2 สาว

169
00:11:12,279 --> 00:11:16,279
อะตอม, คราม แล้วก็บี

170
00:11:16,281 --> 00:11:20,281
โหลดได้หรือยัง

171
00:11:20,282 --> 00:11:24,282
โอ.เค. เป็นไฟล์ Zip ไหม

172
00:11:24,283 --> 00:11:28,283
เดี๋ยวรอแป๊บหนึ่ง ยังขึ้นโหลดไม่เสร็จ

173
00:11:28,284 --> 00:11:32,284
ให้ดูนะคะ ใครที่โหลดเสร็จแล้ว

174
00:11:32,285 --> 00:11:36,285
ให้คลิปที่ Show all เห็นไหมคะ

175
00:11:36,286 --> 00:11:40,286
มุมนี้ Show All นี่

176
00:11:40,289 --> 00:11:44,289

177
00:11:44,291 --> 00:11:48,291
ถ้าโหลดเสร็จแล้ว ไอ้วิ่ง ๆ มันจะหายไปนะ

178
00:11:48,292 --> 00:11:52,292
คลิกที่ Show All มุมข้างล่างนี่

179
00:11:52,292 --> 00:11:56,292
แล้วก็เลือก Show in Folder ไป

180
00:11:56,293 --> 00:12:00,293
เปิดโฟลเดอร์ที่ไฟล์ Zip มันมาน่ะ

181
00:12:00,294 --> 00:12:04,294
นะคะ เราจะ Move

182
00:12:04,295 --> 00:12:08,295
มันไปคลิกขวา

183
00:12:08,297 --> 00:12:12,297
แล้วเลือกตัดเลย Cut เลย

184
00:12:12,297 --> 00:12:16,297
ย้ายเดี๋ยวจะหายาก Cut ไปเลย

185
00:12:16,299 --> 00:12:20,299
Cute ไปแล้ว

186
00:12:20,302 --> 00:12:24,302
แล้วก็ Folder ที่ให้สร้างไว้

187
00:12:24,304 --> 00:12:28,304
ของจ๊าบ เครื่องจ๊าบมันจะอยู่ที่ MSI นะ

188
00:12:28,307 --> 00:12:32,307
จำได้นะ เครื่องใครเครื่องมันนะคะ

189
00:12:32,309 --> 00:12:36,309
MyGame ปุ๊บ

190
00:12:36,310 --> 00:12:40,310
คลิกขวาแล้วก็ plass วาง

191
00:12:40,312 --> 00:12:44,312
ไฟล์ Zip เราจะเข้ามาอยู่

192
00:12:44,316 --> 00:12:48,316
ในโฟลเดอร์ที่เราจะใช้เขียน Coding เรานะ

193
00:12:48,317 --> 00:12:52,317
ต้องมาอยู่ที่

194
00:12:52,318 --> 00:12:56,318
โอ.เค. ไหม เสร็จแล้วให้

195
00:12:56,320 --> 00:13:00,320
ทำการแตกไฟล์ คลิกขวาอีก 1 ครั้ง

196
00:13:00,322 --> 00:13:04,322

197
00:13:04,324 --> 00:13:08,324
แล้วก็...

198
00:13:08,325 --> 00:13:12,325
เวอร์ชั่นนี้ไม่มีให้

199
00:13:12,327 --> 00:13:16,327
Extract Here

200
00:13:16,328 --> 00:13:20,328
ไปที่ Winrar แล้วก็เลือก

201
00:13:20,329 --> 00:13:24,329
นี่นะคะ เลือกลำดับที่ 3  Add

202
00:13:24,330 --> 00:13:28,330
ให้มันแตกที่นี้ แตกให้ Folder

203
00:13:28,333 --> 00:13:32,333
นี้ ให้แตกไฟล์

204
00:13:32,334 --> 00:13:36,334
ไว้ที่โฟลเดอร์นี้ นี่

205
00:13:36,335 --> 00:13:40,335
เด็ก ๆ ก็จะได้ Fodle

206
00:13:40,335 --> 00:13:44,335
เห็นไหมคะ มีภาพ

207
00:13:44,337 --> 00:13:48,337

208
00:13:48,339 --> 00:13:52,339
โอ.เค. ไหม ทีนี้สิ่งที่จะต้องทำ

209
00:13:52,340 --> 00:13:56,340
เพราะเหมือนของใบเตยมันเป็นเซ็ต

210
00:13:56,341 --> 00:14:00,341
ใหญ่มันมีทุกท่า ให้เลือกก่อน

211
00:14:00,342 --> 00:14:04,342
ทำท่าเดียวนะคะ ท่าอื่นก็ไป

212
00:14:04,344 --> 00:14:08,344
อัปเดตเอาออก เข้าใจนะ ให้แม่สอนทุกท่าไม่หมดแน่

213
00:14:08,346 --> 00:14:12,346
ทุกค่ามันก็ไม่หมดแน่ชัวโมงนี้

214
00:14:12,348 --> 00:14:16,348
ต้องได้ท่าเคลื่อนไหว 1 ท่าก่อน

215
00:14:16,350 --> 00:14:20,350
สังเกตที่ชื่อไฟล์นึกออกไหมลูก เห็นไหม

216
00:14:20,351 --> 00:14:24,351
เขาตั้งชื่อไฟล์ไว้ Walk นั่นหมายถึง

217
00:14:24,352 --> 00:14:28,352
ท่าเดิน เราจะเอาท่าไหน

218
00:14:28,353 --> 00:14:32,353
มีลำดับด้วย เราต้องเอามาให้หมด

219
00:14:32,355 --> 00:14:36,355
นึกออกไหม ถ้า walk มันมี 8

220
00:14:36,356 --> 00:14:40,356
เราก็ต้องเอา Walk 1 ถึง Walk 8

221
00:14:40,358 --> 00:14:44,358
จะเลือกท่าไหน เลือกได้เลยนะคะ แต่ต้องเอามาทั้งหมด

222
00:14:44,359 --> 00:14:48,359
โอ.เค. ไหม เข้าใจนะ เพราะอะไร

223
00:14:48,361 --> 00:14:52,361
อันดับแรก อยากรู้ว่ารูป

224
00:14:52,363 --> 00:14:56,363
มันใหญ่ไหมก่อน เพราะถ้ารูปใหญ่น่ะ พอเวลาเอามาลง

225
00:14:56,370 --> 00:15:00,370
ในฉากเรานะ

226
00:15:00,371 --> 00:15:04,371
แล้วไปกำหนดค่า x y

227
00:15:04,372 --> 00:15:08,372
เวลาเคลื่อนไหวน่ะ มันจะหาตำแหน่งที่มัน Mark ยาก

228
00:15:08,374 --> 00:15:12,374
นึกออกไหม เราอาจจะต้องปรับ Size

229
00:15:12,375 --> 00:15:16,375
เดี๋ยวเรามาดูก่อนว่ารูปนี้ พอเวลาเปิดมา

230
00:15:16,381 --> 00:15:20,381
ใหญ่ขนาดไหน เอาท่าไหน

231
00:15:20,382 --> 00:15:24,382
ใบเตย วิ่ง run นะคะ

232
00:15:24,385 --> 00:15:28,385
ใบเตยจะเลือกท่าวิ่งใช่ไหม เดี๋ยว

233
00:15:28,400 --> 00:15:32,400
แม่จะขอลองเปิดไฟล์นี้ก่อนว่าไฟล์

234
00:15:32,402 --> 00:15:36,402
ใหญ่ไหมนะคะ อันดับแรก

235
00:15:36,404 --> 00:15:40,404
เลือกท่าที่จะใช้ ก็คือ run 1 จน

236
00:15:40,405 --> 00:15:44,405
ถึง Run ไหน

237
00:15:44,406 --> 00:15:48,406
ถึง 10 ใช่ไหม

238
00:15:48,408 --> 00:15:52,408
ขอเลือก 1 รูปก่อน ขอดูก่อน คลิกขวาแล้ว

239
00:15:52,409 --> 00:15:56,409
เลือก Open With > Paint

240
00:15:56,410 --> 00:16:00,410
เปิดด้วย Paint นะคะลูก

241
00:16:00,411 --> 00:16:04,411
เห็นไหม อยากรู้ว่ามัน

242
00:16:04,412 --> 00:16:08,412
ตัวเล็กตัวใหญ่ ในโปรแกรม Paint นะคะ

243
00:16:08,414 --> 00:16:12,414
ให้เด็ก ๆ ไปที่เมนู

244
00:16:12,415 --> 00:16:16,415
ที่ชื่อว่า View ก่อน

245
00:16:16,416 --> 00:16:20,416
ไปที่ View ก่อน

246
00:16:20,417 --> 00:16:24,417
แล้วก็คลิกที่ไม้บรรทัด luler

247
00:16:24,419 --> 00:16:28,419
และดูที่ 100 เปอร์เซ็นต์ 100 เปอร์เซ็นต์

248
00:16:28,420 --> 00:16:32,420
เห็นไหม รูป 100 เปอร์เซ็นต์นี่ ขนาดภาพ...

249
00:16:32,422 --> 00:16:36,422
ดูตำแหน่งค่านี่

250
00:16:36,424 --> 00:16:40,424
แกน x แกน y เป็น pixcel นะคะ

251
00:16:40,426 --> 00:16:44,426
คิดดูว่าขนาดภาพถึง

252
00:16:44,427 --> 00:16:48,427
500-600 pixels นี่ใหญ่นะคะ ถือว่าใหญ่

253
00:16:48,429 --> 00:16:52,429
รูปมันใหญ่ ทีนี้แม่

254
00:16:52,430 --> 00:16:56,430
ต้องการรูปที่มีขนาด

255
00:16:56,432 --> 00:17:00,432
หารเลย 6 เท่า

256
00:17:00,434 --> 00:17:04,434
เอาแค่เท่าเดียวน่ะ นึกออกนะ เพราะฉะนั้น

257
00:17:04,435 --> 00:17:08,435
ถ้า 600 มันก็จะเหลือแค่ประมาณสัก 100

258
00:17:08,436 --> 00:17:12,436
วิธีเปลี่ยนขนาดมาดูนะคะ

259
00:17:12,438 --> 00:17:16,438
มาดูนะคะ มาดูวิธีเปลี่ยนขนาดภาพก่อน

260
00:17:16,440 --> 00:17:20,440
การเปลี่ยนขนาดภาพ

261
00:17:20,442 --> 00:17:24,442

262
00:17:24,443 --> 00:17:28,443
ทำไมมันไม่ play ให้

263
00:17:28,445 --> 00:17:32,445

264
00:17:32,446 --> 00:17:36,446
วิดีโอไม่ Run ช่างมันข้ามไป

265
00:17:36,447 --> 00:17:40,447
ดาวน์โหลดมาแล้วนะ คือเราต้องทำให้มัน

266
00:17:40,449 --> 00:17:44,449
ใหญ่ ๆ ให้มันเหลือตัวเท่านี้

267
00:17:44,454 --> 00:17:48,454
เห็นไหม จากภาพต้นฉบับที่มันใหญ่น่ะ

268
00:17:48,455 --> 00:17:52,455
เห็นไหม ลด Size มันลงตั้งเยอะน่ะ เห็นไหม

269
00:17:52,456 --> 00:17:56,456
เห็นนะ เพราะฉะนั้น มาดูวิธีเปลี่ยนขนาดด้วย

270
00:17:56,457 --> 00:18:00,457
เปิดโปรแกรม Paint

271
00:18:00,459 --> 00:18:04,459
แล้วไปที่

272
00:18:04,460 --> 00:18:08,460
แถบเครื่องมือที่ชื่อว่า resize นะคะ

273
00:18:08,461 --> 00:18:12,461
Resize หรือยัง

274
00:18:12,462 --> 00:18:16,462
ใครเห็น Rezise

275
00:18:16,463 --> 00:18:20,463
เห็นไหมคะ อยู

276
00:18:20,464 --> 00:18:24,464
มาหน้า Home กลับมาหน้า Home ก่อน เมื่อกี้เราไปหน้า View นะคะ

277
00:18:24,465 --> 00:18:28,465
Home แล้วก็คลิกที่ Resize

278
00:18:28,467 --> 00:18:32,467
ตรง tool ที่ชื่อ image Re-zise

279
00:18:32,468 --> 00:18:36,468
จะได้หน้าต่างนี้มา

280
00:18:36,470 --> 00:18:40,470

281
00:18:40,473 --> 00:18:44,473
จากเปอร์เซ็นต์ให้มาเลือกเป็น Pixcle

282
00:18:44,474 --> 00:18:48,474
คลิกที่ตำแหน่ง Pixcels

283
00:18:48,475 --> 00:18:52,475
เห็นไหมคะ ขนาดเดิมมัน 500 กว่าน่ะ

284
00:18:52,476 --> 00:18:56,476
587 ลดลงไป ให้ลดลงไป

285
00:18:56,478 --> 00:19:00,478

286
00:19:00,480 --> 00:19:04,480
เอาสัก 5 เท่า หาร 500

287
00:19:04,481 --> 00:19:08,481
เป็น 100 เอาสัก 120 ดูสิ

288
00:19:08,489 --> 00:19:12,489
ดูก่อนได้ ๆ เพราะเรายังไม่ Save ใช่ไหม

289
00:19:12,490 --> 00:19:16,490
เราลอง Re-size ดูก่อน

290
00:19:16,491 --> 00:19:20,491
เปลี่ยน

291
00:19:20,492 --> 00:19:24,492
ตัวเลขเสร็จ คลิก OK

292
00:19:24,493 --> 00:19:28,493
คลิก OK ดู

293
00:19:28,494 --> 00:19:32,494
ตัวเท่านี้เห็นไหม จากเดิมเห็นไหมคะ ลงมาจากนี่

294
00:19:32,495 --> 00:19:36,495
ถึงนี่นู่น เกือบมาถึงนี้

295
00:19:36,495 --> 00:19:40,495
ขนาดเท่านี้ โอ.เค. แล้ว น่าจะใช้การได้

296
00:19:40,496 --> 00:19:44,496
เอาเท่านี้ก็ได้ ทีนี้ให้ฟัง

297
00:19:44,500 --> 00:19:48,500
ตอน Save

298
00:19:48,501 --> 00:19:52,501
เคลื่องนี้หา Paint ไม่เจอ

299
00:19:52,502 --> 00:19:56,502

300
00:19:56,505 --> 00:20:00,505

301
00:20:00,506 --> 00:20:04,506

302
00:20:04,507 --> 00:20:08,507

303
00:20:08,511 --> 00:20:12,511

304
00:20:12,512 --> 00:20:16,512

305
00:20:16,513 --> 00:20:20,513
อุ้ย

306
00:20:20,515 --> 00:20:24,515
จำไว้นะครางหน้า

307
00:20:24,517 --> 00:20:28,517
ห้ามลงโปรแกรมเทอมหน้า

308
00:20:28,518 --> 00:20:32,518
เทอมหน้าห้ามใช่ภาษาไทย

309
00:20:32,519 --> 00:20:36,519
จริง แปลเป็นภาษาไทยแล้ว

310
00:20:36,520 --> 00:20:40,520
ปวดตับมากเลย

311
00:20:40,521 --> 00:20:44,521
เทปเปลี่ยนเป็นรูปภาพ

312
00:20:44,523 --> 00:20:48,523
ไม่ใช่เลยนะ งงมากเลย เพราะฉะนั้น

313
00:20:48,524 --> 00:20:52,524
เพราะเรา Coding

314
00:20:52,526 --> 00:20:56,526
ก็หัดให้ใช้ภาษาอังกฤษไปเลย

315
00:20:56,527 --> 00:21:00,527
แล้วจำไว้เลย ปวดตับมากเลย

316
00:21:00,529 --> 00:21:04,529
พอมาแปลเป็นไทยนี่

317
00:21:04,530 --> 00:21:08,530
ตอนเซฟให้ดูตอนเซฟ

318
00:21:08,531 --> 00:21:12,531
เพราะดูที่ Folder เราก่อนนะ ให้ย้อนกลับไปดู

319
00:21:12,532 --> 00:21:16,532
ที่ Folder

320
00:21:16,534 --> 00:21:20,534
ตัวนี้ไฟล์ที่มันแตกน่ะ มันเข้าไปในโฟลเดอร์มันจะยาก

321
00:21:20,537 --> 00:21:24,537
พอตอน Save as ให้

322
00:21:24,538 --> 00:21:28,538
เข้าใน Folder มัน ให้รูปมันวางอยู่ข้างนอก

323
00:21:28,539 --> 00:21:32,539
อย่างนี้ นึกออกนะ วิธีการ

324
00:21:32,540 --> 00:21:36,540

325
00:21:36,542 --> 00:21:40,542
ไปไหนแล้ว คลิกที่ไฟล์ แล้วก็ Save

326
00:21:40,543 --> 00:21:44,543
as นามสกุลโดยส่วนใหญ่ นามสกุล

327
00:21:44,544 --> 00:21:48,544
ภาพมัน ก็คือ PNG อยู่แล้วนะคะ อยู่ไหนล่ะ

328
00:21:48,545 --> 00:21:52,545

329
00:21:52,547 --> 00:21:56,547
ไปที่ไหน ไปที่ Foldle

330
00:21:56,550 --> 00:22:00,550
C.

331
00:22:00,551 --> 00:22:04,551
Folder นี่

332
00:22:04,553 --> 00:22:08,553
ทีนี้จะเอาชื่อเดิมเลยก็ได้

333
00:22:08,554 --> 00:22:12,554
หรือเปลี่ยนก็ได้ ตัวเล็ก

334
00:22:12,555 --> 00:22:16,555
เดี๋ยว ๆ ช่วย ๆ

335
00:22:16,557 --> 00:22:20,557

336
00:22:20,558 --> 00:22:24,558
เขาบอกตัวเล็กมองไม่เห็น

337
00:22:24,560 --> 00:22:28,560
พอลดขนาดเสร็จนะคะ ให้เด็ก ๆ เลือก Save as

338
00:22:28,561 --> 00:22:32,561
ใช่ไหมเอาไปไว้ที่ C.

339
00:22:32,562 --> 00:22:36,562
แล้วก็ชื่อ Folder

340
00:22:36,562 --> 00:22:40,562
ของแม่ตั้งชื่อ MyGame ของตัวเองตั้งชื่ออะไรไปที่โฟลเดอรนั้น

341
00:22:40,563 --> 00:22:44,563
เสร็จแล้ว ทีนี้

342
00:22:44,564 --> 00:22:48,564
ชื่อถ้าไม่อยากพิมพ์มีวงเล็บ

343
00:22:48,565 --> 00:22:52,565
แก้ได้ใช่ไหม ก็เป็น

344
00:22:52,566 --> 00:22:56,566
Run แล้วลบวงเล็บออก เป็น Run 1

345
00:22:56,566 --> 00:23:00,566
จะได้ง่าย ๆ เวลาเอาไปใช้งานก็จะได้

346
00:23:00,568 --> 00:23:04,568
ง่าย ๆ เอาวงเล็บออกด้วย

347
00:23:04,569 --> 00:23:08,569
เอาไปติดกัน ไม่ต้องเว้นวรรค

348
00:23:08,571 --> 00:23:12,571
เห็นไหมคะ นั่นก็คือ

349
00:23:12,574 --> 00:23:16,574
รูปนี้เป็นท่าของการวิ่งท่าที่ 1

350
00:23:16,574 --> 00:23:20,574
เพราะฉะนั้น ใบเตยต้องทำต่ออีกกี่รูป

351
00:23:20,576 --> 00:23:24,576
เพราะฉะนั้น ทำเลยค่ะ

352
00:23:24,577 --> 00:23:28,577
ใครที่ได้รูปที่ 1 แล้ว รูปที่ 2 รูปที่ 3

353
00:23:28,580 --> 00:23:32,580
รูปที่ 4 ก็ Resize ให้ก

354
00:23:32,582 --> 00:23:36,582
นึกออกนะ แล้วก็ Save ลงในนี้เพราะตอนนี้

355
00:23:36,584 --> 00:23:40,584
ก็คือเป็นเวลาที่เด็ก ๆ จะต้อง

356
00:23:40,585 --> 00:23:44,585
Resize ภาพแล้วก็ Save ลงในโฟลเดอร์ เพื่อจะเอามาใช้ได้

357
00:23:44,586 --> 00:23:48,586
ของรูปตัวเองในท่านั้นน่ะ

358
00:23:48,587 --> 00:23:52,587
มีกี่รูป

359
00:23:52,589 --> 00:23:56,589
ของอะตอมมีกี่รูป

360
00:23:56,590 --> 00:24:00,590
เด็ก ๆ เปิดระบบไหม เดี๋ยวถามให้

361
00:24:00,591 --> 00:24:04,591
ก็ได้

362
00:24:04,592 --> 00:24:08,592

363
00:24:08,594 --> 00:24:12,594

364
00:24:12,595 --> 00:24:16,595

365
00:24:16,597 --> 00:24:20,597

366
00:24:20,602 --> 00:24:24,602
ไม่ ๆ ๆ มันยังไม่ถึง 70

367
00:24:24,603 --> 00:24:28,603
เดี๋ยว Save ก่อน ดูนะ ๆ

368
00:24:28,605 --> 00:24:32,605
ดูใหม่ ๆ

369
00:24:32,606 --> 00:24:36,606
ดูที่ไหน ดูที่ชื่อนี่ ดูที่ชื่อมันนี่

370
00:24:36,608 --> 00:24:40,608
สมมตเลือก Run นี่ Run มี

371
00:24:40,609 --> 00:24:44,609
ลำดับที่ถึงเท่าไร

372
00:24:44,611 --> 00:24:48,611
เพราะฉะนั้น ก็ 1-10 โอ.เค. ไหม

373
00:24:48,613 --> 00:24:52,613
ของอันนี้เอารูปอะไร

374
00:24:52,614 --> 00:24:56,614
อุ้ยมันไม่ขึ้นหน้านั้นแล้ว

375
00:24:56,615 --> 00:25:00,615
ไอ้นี่

376
00:25:00,616 --> 00:25:04,616
ไม่ขึ้นหน้าที่

377
00:25:04,618 --> 00:25:08,618
จะกดไปหาเด็ก ๆ

378
00:25:08,620 --> 00:25:12,620

379
00:25:12,621 --> 00:25:16,621

380
00:25:16,622 --> 00:25:20,622

381
00:25:20,628 --> 00:25:24,628

382
00:25:24,631 --> 00:25:28,631

383
00:25:28,633 --> 00:25:32,633

384
00:25:32,634 --> 00:25:36,634

385
00:25:36,636 --> 00:25:40,636

386
00:25:40,640 --> 00:25:44,640

387
00:25:44,642 --> 00:25:48,642

388
00:25:48,644 --> 00:25:52,644

389
00:25:52,645 --> 00:25:56,645

390
00:25:56,645 --> 00:26:00,645

391
00:26:00,648 --> 00:26:04,648

392
00:26:04,656 --> 00:26:08,656

393
00:26:08,659 --> 00:26:12,659

394
00:26:12,661 --> 00:26:16,661

395
00:26:16,663 --> 00:26:20,663

396
00:26:20,665 --> 00:26:24,665

397
00:26:24,668 --> 00:26:28,668

398
00:26:28,671 --> 00:26:32,671

399
00:26:32,675 --> 00:26:36,675

400
00:26:36,678 --> 00:26:40,678

401
00:26:40,679 --> 00:26:44,679

402
00:26:44,683 --> 00:26:48,683

403
00:26:48,685 --> 00:26:52,685

404
00:26:52,686 --> 00:26:56,686

405
00:26:56,688 --> 00:27:00,688

406
00:27:00,693 --> 00:27:04,693

407
00:27:04,694 --> 00:27:08,694

408
00:27:08,697 --> 00:27:12,697

409
00:27:12,700 --> 00:27:16,700

410
00:27:16,701 --> 00:27:20,701

411
00:27:20,703 --> 00:27:24,703

412
00:27:24,705 --> 00:27:28,705

413
00:27:28,707 --> 00:27:32,707

414
00:27:32,709 --> 00:27:36,709

415
00:27:36,710 --> 00:27:40,710

416
00:27:40,711 --> 00:27:44,711
บี...

417
00:27:44,714 --> 00:27:48,714
แบมสิ หลงคน

418
00:27:48,715 --> 00:27:52,715
ดูนะ แบมภาพที่แบม

419
00:27:52,717 --> 00:27:56,717
เลือกมาใช้รูปแรกชื่ออะไร

420
00:27:56,718 --> 00:28:00,718
หรือชื่อไหน ชี้

421
00:28:00,719 --> 00:28:04,719

422
00:28:04,720 --> 00:28:08,720

423
00:28:08,722 --> 00:28:12,722

424
00:28:12,723 --> 00:28:16,723
เพราะฉะนั้น

425
00:28:16,724 --> 00:28:20,724
ถ้าภาพแรกเลือก

426
00:28:20,725 --> 00:28:24,725
อันนี้แบมก็ตังเอาตั้งแต่

427
00:28:24,726 --> 00:28:28,726
ภาพที่ 1 จนถึงภาพที่เท่าไร

428
00:28:28,727 --> 00:28:32,727
10 เหมือนกันหรือ

429
00:28:32,729 --> 00:28:36,729
ถึง 10 นึกออกไหม มัน Resize

430
00:28:36,730 --> 00:28:40,730
ให้หมดเมื่อกี้ได้ 1 แล้ว

431
00:28:40,732 --> 00:28:44,732
ก็อันที่ 2 ภาพที่ 3 ภาพที่ 4

432
00:28:44,732 --> 00:28:48,732
ไปเรื่อย ๆ จนครบ 10 รูป เข้าใจหรือยัง

433
00:28:48,733 --> 00:28:52,733
เข้าใจไหม แบมกับบี

434
00:28:52,734 --> 00:28:56,734

435
00:28:56,735 --> 00:29:00,735

436
00:29:00,736 --> 00:29:04,736
ก็แบมก็มาคลิกเปิด

437
00:29:04,740 --> 00:29:08,740
เมื่อกี้รูปที่ 1 ทำเสร็จแล้วนะ รูปที่ 2 ก็

438
00:29:08,741 --> 00:29:12,741
เดิมน่ะลูก คลิก Open with

439
00:29:12,742 --> 00:29:16,742
Paint เหมือนเดิม

440
00:29:16,743 --> 00:29:20,743
เสร็จแล้วก็คลิก

441
00:29:20,744 --> 00:29:24,744
Resiz

442
00:29:24,745 --> 00:29:28,745
ตัวที่ 1 นึกออกนะ พอลดขนาด

443
00:29:28,746 --> 00:29:32,746
เสร็จก็ 120

444
00:29:32,747 --> 00:29:36,747
ก็คลิก Save As

445
00:29:36,748 --> 00:29:40,748
แล้วก็เอามาไว้ที่

446
00:29:40,750 --> 00:29:44,750
นี่ Folder ที่เป็นชื่อเราเหมือนเดิม

447
00:29:44,751 --> 00:29:48,751
แล้วก็แก้ชื่อให้เหมือนตัวแรก

448
00:29:48,752 --> 00:29:52,752
แต่เปลี่ยนแค่หมายเลข นึกออกนะ

449
00:29:52,753 --> 00:29:56,753
ตัวเลข ก็คือให้ลบวงเล็บออก

450
00:29:56,754 --> 00:30:00,754
เข้าไปติดชื่อที่แก้นะคะ เพราะฉะนั้น เราจะต้อง

451
00:30:00,755 --> 00:30:04,755
มีภาพลำดับที่ 1 ถึง

452
00:30:04,756 --> 00:30:08,756
ลำดับที่ 10 เพื่อเอา

453
00:30:08,757 --> 00:30:12,757
มาใช้ โอ.เค. ไหม เข้าใจหรือยัง

454
00:30:12,759 --> 00:30:16,759
อะตอมกับคราม โอ.เค. แล้วนะ โอ.เค.

455
00:30:16,760 --> 00:30:20,760
งั้นขอเวลาอาจารย์ 10 นาทีนะคะ

456
00:30:20,762 --> 00:30:24,762
จะ Resize ภาพมาใช้เหมือนกันนะคะ

457
00:30:24,763 --> 00:30:28,763
นะคะ

458
00:30:28,766 --> 00:30:32,766
เพราะไม่อย่างนั้นถ้ามาเลือกภาพที่

459
00:30:32,768 --> 00:30:36,768
ไม่ต่อเนื่อง นึกออกนะ ภาพมันก็จะ

460
00:30:36,768 --> 00:30:40,768
เป็นไม่มีความต่อเนื่องน่ะ เราต้อง

461
00:30:40,769 --> 00:30:44,769
เลือกภาพที่มันเป็นเซตเดียวกัน

462
00:30:44,771 --> 00:30:48,771
ที่มันระบุไว้แล้วนะคะ

463
00:30:48,773 --> 00:30:52,773
Cancle ก่อน เพราะรูปของ

464
00:30:52,774 --> 00:30:56,774
ข้าพเจ้าไม่ใช่รูปนี้

465
00:30:56,775 --> 00:31:00,775

466
00:31:00,776 --> 00:31:04,776
ของเรา คือ Run ทั้งหมดทั้งปวง

467
00:31:04,778 --> 00:31:08,778
ไปเปิด Run 2 ก็คือทำซ้ำไปเรื่อย ๆ

468
00:31:08,780 --> 00:31:12,780
Resize ซ้ำกลับไปเรื่อย ๆ จนครบ 10 รูปน่ะลูก

469
00:31:12,781 --> 00:31:16,781

470
00:31:16,782 --> 00:31:20,782

471
00:31:20,783 --> 00:31:24,783

472
00:31:24,785 --> 00:31:28,785

473
00:31:28,787 --> 00:31:32,787
ดูนะคะ นี่ทำซ้ำอีก ภาพ

474
00:31:32,789 --> 00:31:36,789
ที่ 2 นี่เสร็จแล้วก็กด Save

475
00:31:36,790 --> 00:31:40,790

476
00:31:40,791 --> 00:31:44,791

477
00:31:44,793 --> 00:31:48,793
นี่

478
00:31:48,795 --> 00:31:52,795

479
00:31:52,795 --> 00:31:56,795
นะคะได้รูปที่ 2 แล้วก็ทำรูปที่ 3

480
00:31:56,799 --> 00:32:00,799
ต่อ ทำเหมือนเดิม ก็คือคลิกรูปนั้น แล้วก็คลิก

481
00:32:00,800 --> 00:32:04,800
Open

482
00:32:04,801 --> 00:32:08,801
ตรง Pixcels ก็เปลี่ยนเป็น

483
00:32:08,802 --> 00:32:12,802
120 เพราะเมื่อกี้เราลองดูแล้ว

484
00:32:12,803 --> 00:32:16,803
โอ.เค. Size ใช้ได้นะคะ เสร็จแล้วเราก็ Save As

485
00:32:16,804 --> 00:32:20,804
Save as

486
00:32:20,805 --> 00:32:24,805

487
00:32:24,806 --> 00:32:28,806

488
00:32:28,808 --> 00:32:32,808

489
00:32:32,809 --> 00:32:36,809

490
00:32:36,810 --> 00:32:40,810

491
00:32:40,812 --> 00:32:44,812

492
00:32:44,815 --> 00:32:48,815

493
00:32:48,818 --> 00:32:52,818
เดี๋ยวก่อน

494
00:32:52,819 --> 00:32:56,819
อันเดิมอย่างเพิ่งเอาไว้ทีหลัง

495
00:32:56,820 --> 00:33:00,820
ก็บอกแล้ว FFolder น่ะ

496
00:33:00,821 --> 00:33:04,821
มันอยู่ที่โฟลเดอร์ที่ตัวเองเอารูปไปเก็บ มันต้องอยู่โฟลเดอร์เดียวกับ

497
00:33:04,822 --> 00:33:08,822
ที่เขียน Code ถ้าย้าย

498
00:33:08,823 --> 00:33:12,823
ก็ต้องเอาไปไว้ที่เดียวกัน

499
00:33:12,824 --> 00:33:16,824
อันเดิมน่ะปล่อยไปก่อน ต้อง

500
00:33:16,827 --> 00:33:20,827
แก้หลังจากไอ้นี่แล้ว

501
00:33:20,829 --> 00:33:24,829

502
00:33:24,830 --> 00:33:28,830
5 แล้วนะคะ

503
00:33:28,835 --> 00:33:32,835
ตอนนี้เรากำลัง Resize รูปที่ 5

504
00:33:32,836 --> 00:33:36,836

505
00:33:36,838 --> 00:33:40,838

506
00:33:40,840 --> 00:33:44,840
1, 2, 3 กระโดดข้ามรูป

507
00:33:44,842 --> 00:33:48,842
ที่ 4 เดี๋ยวย้อนได้ไม่เป็นอะไร เพราะเลขมันเรียง

508
00:33:48,843 --> 00:33:52,843
ตามลำดับอยู่แล้ว

509
00:33:52,844 --> 00:33:56,844

510
00:33:56,845 --> 00:34:00,845

511
00:34:00,846 --> 00:34:04,846

512
00:34:04,848 --> 00:34:08,848
ใบเตยเสร็จหรือยัง

513
00:34:08,850 --> 00:34:12,850
โอ.เค. เปิด Sublime ยัง

514
00:34:12,851 --> 00:34:16,851
เปิด Sublime  รอเลย ใคร

515
00:34:16,852 --> 00:34:20,852
ที่ Resize เสร็จ

516
00:34:20,854 --> 00:34:24,854
หรือถ้าของตัวเองมี 5 ภาพ ก็แค่ 5 ภาพ

517
00:34:24,855 --> 00:34:28,855
นะคะ ก็คือตามจำนวนภาพที่ตัวเองมี ให้เปิด

518
00:34:28,858 --> 00:34:32,858
Sublime ขึ้นมาด้วย

519
00:34:32,860 --> 00:34:36,860

520
00:34:36,860 --> 00:34:40,860

521
00:34:40,862 --> 00:34:44,862

522
00:34:44,864 --> 00:34:48,864

523
00:34:48,867 --> 00:34:52,867

524
00:34:52,868 --> 00:34:56,868

525
00:34:56,872 --> 00:35:00,872

526
00:35:00,874 --> 00:35:04,874

527
00:35:04,875 --> 00:35:08,875

528
00:35:08,878 --> 00:35:12,878

529
00:35:12,881 --> 00:35:16,881

530
00:35:16,883 --> 00:35:20,883

531
00:35:20,885 --> 00:35:24,885

532
00:35:24,887 --> 00:35:28,887
ใบเตย

533
00:35:28,889 --> 00:35:32,889
ดูนะ ถ้ามันมีนามสกุลขึ้นมาอย่างนี้

534
00:35:32,890 --> 00:35:36,890

535
00:35:36,891 --> 00:35:40,891

536
00:35:40,894 --> 00:35:44,894

537
00:35:44,896 --> 00:35:48,896

538
00:35:48,899 --> 00:35:52,899

539
00:35:52,901 --> 00:35:56,901

540
00:35:56,903 --> 00:36:00,903

541
00:36:00,904 --> 00:36:04,904

542
00:36:04,908 --> 00:36:08,908

543
00:36:08,910 --> 00:36:12,910

544
00:36:12,911 --> 00:36:16,911

545
00:36:16,913 --> 00:36:20,913

546
00:36:20,915 --> 00:36:24,915

547
00:36:24,918 --> 00:36:28,918

548
00:36:28,920 --> 00:36:32,920

549
00:36:32,924 --> 00:36:36,924

550
00:36:36,927 --> 00:36:40,927

551
00:36:40,930 --> 00:36:44,930

552
00:36:44,932 --> 00:36:48,932

553
00:36:48,934 --> 00:36:52,934

554
00:36:52,935 --> 00:36:56,935

555
00:36:56,936 --> 00:37:00,936

556
00:37:00,939 --> 00:37:04,939

557
00:37:04,940 --> 00:37:08,940

558
00:37:08,941 --> 00:37:12,941

559
00:37:12,943 --> 00:37:16,943

560
00:37:16,944 --> 00:37:20,944

561
00:37:20,946 --> 00:37:24,946

562
00:37:24,949 --> 00:37:28,949

563
00:37:28,950 --> 00:37:32,950

564
00:37:32,952 --> 00:37:36,952

565
00:37:36,953 --> 00:37:40,953

566
00:37:40,959 --> 00:37:44,959

567
00:37:44,961 --> 00:37:48,961

568
00:37:48,963 --> 00:37:52,963

569
00:37:52,964 --> 00:37:56,964

570
00:37:56,966 --> 00:38:00,966

571
00:38:00,968 --> 00:38:04,968

572
00:38:04,970 --> 00:38:08,970

573
00:38:08,972 --> 00:38:12,972

574
00:38:12,974 --> 00:38:16,974

575
00:38:16,977 --> 00:38:20,977

576
00:38:20,979 --> 00:38:24,979

577
00:38:24,981 --> 00:38:28,981

578
00:38:28,983 --> 00:38:32,983

579
00:38:32,984 --> 00:38:36,984

580
00:38:36,985 --> 00:38:40,985

581
00:38:40,987 --> 00:38:44,987

582
00:38:44,990 --> 00:38:48,990
ถ้าใครโหลดเสร็จแล้วปิดโปรแกรม Paint ได้เลย

583
00:38:48,992 --> 00:38:52,992
นะคะ แล้วมาดูที่ Folder

584
00:38:52,994 --> 00:38:56,994
ชื่อนี้เห็นไหม เด็ก ๆ จะต้องมีภาพ

585
00:38:56,995 --> 00:39:00,995
1 เคลื่อนไหวนี่ให้ครบ

586
00:39:00,996 --> 00:39:04,996
นะคะ

587
00:39:04,997 --> 00:39:08,997

588
00:39:08,999 --> 00:39:12,999

589
00:39:13,000 --> 00:39:17,000
แล้วใครมีครบ 10 รูป หรือกี่รูปก็

590
00:39:17,001 --> 00:39:21,001
แล้วหรือกี่รูปก็แล้วแต่เปิด sublime text

591
00:39:21,002 --> 00:39:25,002
ขึ้นมานะคะ

592
00:39:25,004 --> 00:39:29,004

593
00:39:29,005 --> 00:39:33,005
คลิกที่ File Ne

594
00:39:33,006 --> 00:39:37,006
ก็คือเราจะสร้าง Project

595
00:39:37,008 --> 00:39:41,008
python ของเรานะคะ New File

596
00:39:41,012 --> 00:39:45,012
แล้วก็

597
00:39:45,014 --> 00:39:49,014
คลิก Save

598
00:39:49,015 --> 00:39:53,015
เกมนี้

599
00:39:53,016 --> 00:39:57,016
เราจะตั้งชื่อว่าอะไร Animation

600
00:39:57,017 --> 00:40:01,017
Animation ก็ได้

601
00:40:01,020 --> 00:40:05,020

602
00:40:05,020 --> 00:40:09,020
อย่าลืมใส่ .py ด้วยนะคะ

603
00:40:09,021 --> 00:40:13,021
Animation

604
00:40:13,023 --> 00:40:17,023
.py

605
00:40:17,024 --> 00:40:21,024
.py ด้วย ต้อง

606
00:40:21,026 --> 00:40:25,026
อยู่ที่เห็นไหมคะ Folder

607
00:40:25,029 --> 00:40:29,029
ชื่อของเรานะ ต้องอยู่

608
00:40:29,029 --> 00:40:33,029
บอกแล้วรูปกับไฟล์โค้ดน่ะ

609
00:40:33,030 --> 00:40:37,030
ไฟล์โปรแกรมน่ะ เวลามันไปเรียก

610
00:40:37,031 --> 00:40:41,031
ถ้าไฟล์อยู่ตรงนี้รูปอยู่ตรงนี้มันจะได้

611
00:40:41,031 --> 00:40:45,031
หากันมันจะได้เจอกันนะคะ เพราะฉะนั้น มันจะต้องอยู่ที่เดียวกัน

612
00:40:45,034 --> 00:40:49,034
Animation

613
00:40:49,034 --> 00:40:53,034
เห็นไหมล่ะ เดี๋ยว ฃ

614
00:40:53,036 --> 00:40:57,036

615
00:40:57,038 --> 00:41:01,038
ขอเปิดตัวช่วยอีกตัวหนึ่ง

616
00:41:01,039 --> 00:41:05,039

617
00:41:05,041 --> 00:41:09,041

618
00:41:09,043 --> 00:41:13,043

619
00:41:13,047 --> 00:41:17,047

620
00:41:17,048 --> 00:41:21,048

621
00:41:21,051 --> 00:41:25,051

622
00:41:25,053 --> 00:41:29,053

623
00:41:29,055 --> 00:41:33,055

624
00:41:33,056 --> 00:41:37,056
พิมพ์

625
00:41:37,058 --> 00:41:41,058
ตามใน Noet pet

626
00:41:41,059 --> 00:41:45,059
A-n-

627
00:41:45,061 --> 00:41:49,061
i-m-a-t-

628
00:41:49,062 --> 00:41:53,062
i-m-a-t-i-o-n .py

629
00:41:53,063 --> 00:41:57,063
นะคะ ชื่อโปรแกรมของเรา

630
00:41:57,064 --> 00:42:01,064
ที่จะสร้างในวันนี้ เพราะเราจะทำ Animation

631
00:42:01,066 --> 00:42:05,066
เพราะฉะนั้น ให้สังเกตด้วย

632
00:42:05,068 --> 00:42:09,068
เห็นไหมคะ โฟลเดอร์ที่เก็บรูป

633
00:42:09,069 --> 00:42:13,069
กับโปรแกรมจะต้องเป็น Folder เดียวกัน ซึ่ง

634
00:42:13,070 --> 00:42:17,070
Foler ที่เราเซฟ ที่ตั้ง

635
00:42:17,071 --> 00:42:21,071
ชื่อของเด็ก ๆ แต่ละคนนะคะ

636
00:42:21,072 --> 00:42:25,072
ชื่อตรงนี้ก็

637
00:42:25,073 --> 00:42:29,073
จะเปลี่ยนเป็น Animation ชื่อตรงนี้

638
00:42:29,075 --> 00:42:33,075
ก็จะเป็นชื่อเดียวกัน

639
00:42:33,076 --> 00:42:37,076
ต้องเหมือนข้างบนนี้

640
00:42:37,077 --> 00:42:41,077

641
00:42:41,079 --> 00:42:45,079

642
00:42:45,082 --> 00:42:49,082

643
00:42:49,084 --> 00:42:53,084

644
00:42:53,086 --> 00:42:57,086

645
00:42:57,091 --> 00:43:01,091

646
00:43:01,096 --> 00:43:05,096

647
00:43:05,097 --> 00:43:09,097

648
00:43:09,099 --> 00:43:13,099

649
00:43:13,102 --> 00:43:17,102

650
00:43:17,104 --> 00:43:21,104

651
00:43:21,105 --> 00:43:25,105

652
00:43:25,107 --> 00:43:29,107

653
00:43:29,111 --> 00:43:33,111

654
00:43:33,112 --> 00:43:37,112

655
00:43:37,114 --> 00:43:41,114

656
00:43:41,116 --> 00:43:45,116

657
00:43:45,119 --> 00:43:49,119

658
00:43:49,120 --> 00:43:53,120

659
00:43:53,123 --> 00:43:57,123

660
00:43:57,124 --> 00:44:01,124

661
00:44:01,126 --> 00:44:05,126
เหลืออีก

662
00:44:05,128 --> 00:44:09,128
2-3 คนตอนนี้รอแป๊ปหนึ่ง

663
00:44:09,132 --> 00:44:13,132
ยัง Resize ไม่เสร็จ

664
00:44:13,133 --> 00:44:17,133

665
00:44:17,134 --> 00:44:21,134

666
00:44:21,136 --> 00:44:25,136

667
00:44:25,137 --> 00:44:29,137

668
00:44:29,139 --> 00:44:33,139

669
00:44:33,142 --> 00:44:37,142

670
00:44:37,145 --> 00:44:41,145

671
00:44:41,147 --> 00:44:45,147

672
00:44:45,148 --> 00:44:49,148

673
00:44:49,151 --> 00:44:53,151

674
00:44:53,153 --> 00:44:57,153

675
00:44:57,155 --> 00:45:01,155

676
00:45:01,157 --> 00:45:05,157

677
00:45:05,160 --> 00:45:09,160

678
00:45:09,163 --> 00:45:13,163

679
00:45:13,165 --> 00:45:17,165

680
00:45:17,166 --> 00:45:21,166

681
00:45:21,169 --> 00:45:25,169

682
00:45:25,171 --> 00:45:29,171

683
00:45:29,174 --> 00:45:33,174

684
00:45:33,175 --> 00:45:37,175

685
00:45:37,177 --> 00:45:41,177

686
00:45:41,180 --> 00:45:45,180

687
00:45:45,183 --> 00:45:49,183

688
00:45:49,186 --> 00:45:53,186

689
00:45:53,187 --> 00:45:57,187

690
00:45:57,188 --> 00:46:01,188

691
00:46:01,191 --> 00:46:05,191

692
00:46:05,193 --> 00:46:09,193

693
00:46:09,195 --> 00:46:13,195

694
00:46:13,197 --> 00:46:17,197

695
00:46:17,201 --> 00:46:21,201

696
00:46:21,203 --> 00:46:25,203

697
00:46:25,205 --> 00:46:29,205

698
00:46:29,207 --> 00:46:33,207

699
00:46:33,208 --> 00:46:37,208

700
00:46:37,210 --> 00:46:41,210

701
00:46:41,212 --> 00:46:45,212

702
00:46:45,214 --> 00:46:49,214

703
00:46:49,217 --> 00:46:53,217

704
00:46:53,219 --> 00:46:57,219

705
00:46:57,219 --> 00:47:01,219

706
00:47:01,222 --> 00:47:05,222

707
00:47:05,225 --> 00:47:09,225

708
00:47:09,228 --> 00:47:13,228

709
00:47:13,230 --> 00:47:17,230

710
00:47:17,231 --> 00:47:21,231

711
00:47:21,234 --> 00:47:25,234

712
00:47:25,236 --> 00:47:29,236

713
00:47:29,238 --> 00:47:33,238

714
00:47:33,240 --> 00:47:37,240

715
00:47:37,241 --> 00:47:41,241

716
00:47:41,243 --> 00:47:45,243

717
00:47:45,247 --> 00:47:49,247

718
00:47:49,249 --> 00:47:53,249

719
00:47:53,250 --> 00:47:57,250

720
00:47:57,252 --> 00:48:01,252

721
00:48:01,254 --> 00:48:05,254

722
00:48:05,258 --> 00:48:09,258

723
00:48:09,260 --> 00:48:13,260

724
00:48:13,261 --> 00:48:17,261

725
00:48:17,263 --> 00:48:21,263

726
00:48:21,266 --> 00:48:25,266
ใครที่

727
00:48:25,267 --> 00:48:29,267
Resize รูปเสร็จ

728
00:48:29,269 --> 00:48:33,269
นะคะ เปิด Sublime แล้วก็

729
00:48:33,270 --> 00:48:37,270
สร้างไฟล์ใหม่ โดยเซฟ

730
00:48:37,272 --> 00:48:41,272
ชื่อไฟล์ว่า Animation.py

731
00:48:41,272 --> 00:48:45,272

732
00:48:45,274 --> 00:48:49,274

733
00:48:49,275 --> 00:48:53,275

734
00:48:53,277 --> 00:48:57,277

735
00:48:57,283 --> 00:49:01,283

736
00:49:01,287 --> 00:49:05,287

737
00:49:05,289 --> 00:49:09,289
แบมเสร็จหรือยัง

738
00:49:09,290 --> 00:49:13,290
ทำไมภาพแบมมันนิ่ง

739
00:49:13,292 --> 00:49:17,292

740
00:49:17,293 --> 00:49:21,293
ไม่ได้นะนี่ ภาพไอ้แบม

741
00:49:21,295 --> 00:49:25,295
ไม่ได้ สัญญาณภาพเด็กไม่ได้

742
00:49:25,297 --> 00:49:29,297
ไม่เป็นไร

743
00:49:29,298 --> 00:49:33,298
แบมดูพี่เขาแล้วกัน

744
00:49:33,298 --> 00:49:37,298

745
00:49:37,300 --> 00:49:41,300
โอ.เค. ไหม เสร็จหมดทุกคนหรือยัง

746
00:49:41,303 --> 00:49:45,303
เสร็จแล้วนะคะ ก่อนอื่น

747
00:49:45,304 --> 00:49:49,304
ก่อนจะทำได้นี่ ต้องทำความเข้าใจก่อนว่า

748
00:49:49,305 --> 00:49:53,305
โปรแกรมที่เราจะเขียนวันนี้มีลักษณะเป็นอย่างไรนะคะ ฃ

749
00:49:53,305 --> 00:49:57,305
มาดู

750
00:49:57,307 --> 00:50:01,307
ย้อนกลับไป

751
00:50:01,308 --> 00:50:05,308
เพราะหัวข้อบอก OOP

752
00:50:05,309 --> 00:50:09,309
นะคะ Object

753
00:50:09,310 --> 00:50:13,310
กับ Class & Object

754
00:50:13,312 --> 00:50:17,312
create 2D animation นะคะ หัวข้อ

755
00:50:17,312 --> 00:50:21,312
แรกก่อน เนื่องจาก

756
00:50:21,313 --> 00:50:25,313
Python เรานี่มันเป็นโปรแกรม OOP

757
00:50:25,314 --> 00:50:29,314
นะคะ หรือชื่อเต็มมันก็มาจาก

758
00:50:29,315 --> 00:50:33,315
มาจาก object-Oriented Programming

759
00:50:33,316 --> 00:50:37,316
หรือแปลเป็นไทยว่า "การเขียนโปรแกรม

760
00:50:37,319 --> 00:50:41,319
เชิงวัสถุ ก็คือลักษณะการเขียนโปรแกรมเชิงวัสถุน

761
00:50:41,319 --> 00:50:45,319
ก็คือเราจะต้องมองสิ่งที่เราจะเขียนนี่

762
00:50:45,321 --> 00:50:49,321
ให้มันเป็นวัตถุเพราะอะไร เพราะ

763
00:50:49,322 --> 00:50:53,322
Object แปลว่า วัตถุนะคะ

764
00:50:53,325 --> 00:50:57,325
Object 1 อย่าง หรือวัสถุ 1 ชิ้นนี่ ต้องมี

765
00:50:57,326 --> 00:51:01,326
Data หรือมีข้อมูลนะคะ

766
00:51:01,327 --> 00:51:05,327
เช่น ๆ เช่น ๆ ยกตัวอย่าง

767
00:51:05,328 --> 00:51:09,328
ให้เห็นใกล้ ๆ ตัว

768
00:51:09,329 --> 00:51:13,329
นะคะ ปากกานี่

769
00:51:13,330 --> 00:51:17,330
ปากกาแม่กับปากกาเด็ก ๆ

770
00:51:17,331 --> 00:51:21,331
เหมือนกันไหม ไหนทุกคน

771
00:51:21,332 --> 00:51:25,332
ลองยกปากกาตัวเองขึ้นมาสิ

772
00:51:25,336 --> 00:51:29,336
ไม่ได้พก โชว์ปากกาหน่อย โชว์ปากกา

773
00:51:29,336 --> 00:51:33,336
ของตัวเองหน่อย เอาปากกาขึ้นมา

774
00:51:33,337 --> 00:51:37,337
นะคะ เห็นไหม

775
00:51:37,338 --> 00:51:41,338
ปากกา ชื่อปากกาเหมือนกันใช่ไหม

776
00:51:41,338 --> 00:51:45,338
ปากกาเหมือนกันใช่ไหม แต่ให้ดู Data หรือข้อมูล

777
00:51:45,340 --> 00:51:49,340
เหมือนของเซฟ สีเหมือนไหม

778
00:51:49,341 --> 00:51:53,341
ยี่ห้อเหมือนไหม นี่คือ Data

779
00:51:53,342 --> 00:51:57,342
เห็นไหมคะ

780
00:51:57,344 --> 00:52:01,344
ของเซฟเป็นแบบกดไหม ไม่ใช่ใช่ไหม

781
00:52:01,345 --> 00:52:05,345
ของเซฟมีปอกปากกา

782
00:52:05,346 --> 00:52:09,346
วัตถุชิ้นนี้นะคะ 1 ชิ้น

783
00:52:09,347 --> 00:52:13,347
นี่นะคะ แล้วมีสิ่ง

784
00:52:13,348 --> 00:52:17,348
ที่เรียกว่าใน object นี่นอกจากมี data แล้ว ยังมี method

785
00:52:17,349 --> 00:52:21,349
Method ก็คือตัวที่

786
00:52:21,351 --> 00:52:25,351
แสดงเขาเรียกว่า

787
00:52:25,352 --> 00:52:29,352
ถ้าเป็นภาษาไทยน่ะ ภาษาไทยเวลา

788
00:52:29,353 --> 00:52:33,353
เขียนประโยคมันจะมีประธาน กิริยา กรรม นะคะ

789
00:52:33,354 --> 00:52:37,354
Method นั้นให้นึกถึงลักษณะของกริยา

790
00:52:37,355 --> 00:52:41,355
ก็คือการกระทำนะคะ แต่ในภาษา

791
00:52:41,356 --> 00:52:45,356
คอมพิวเตอร์นี่ Method นี่จะเป็นพฤติกรรม

792
00:52:45,357 --> 00:52:49,357
หรือสิ่งที่เราต้องการให้วัสถุชิ้นนั้น

793
00:52:49,358 --> 00:52:53,358
มันสามารถทำได้

794
00:52:53,359 --> 00:52:57,359
หรือเกิดอะไรก็ได้กับวัตถุชิ้นนั้น

795
00:52:57,358 --> 00:53:01,358
เช่น เหมือนปากกาแม่นี่

796
00:53:01,360 --> 00:53:05,360
นึกออกนะ

797
00:53:05,362 --> 00:53:09,362
สิ่งที่จะให้มันทำ เช่น เมื่อกดใช่ไหมคะ

798
00:53:09,363 --> 00:53:13,363
กระทำโดยการกดใช่ไหม แล้วมันจะมีหัวปาก

799
00:53:13,364 --> 00:53:17,364
ออกมาใช่ไหมคะ อย่างนี้ นั่นคือสิ่งที่ให้

800
00:53:17,366 --> 00:53:21,366
เกิดการกระทำในตัววัตถุชิ้นนั้น หรือ

801
00:53:21,367 --> 00:53:25,367
ปากกาทำอะไรได้อีก เขียนได้ รุ่นใหม่ทำอะไรได้อีก

802
00:53:25,368 --> 00:53:29,368
ปากการุ่นใหม่ที่ปากกาลบได้

803
00:53:29,369 --> 00:53:33,369
นะคะ นั่นคือ Method ซึ่งจะเป็นตัว

804
00:53:33,370 --> 00:53:37,370
ควบคุมหรือสั่ง Data นั่นเอง

805
00:53:37,371 --> 00:53:41,371
สั่งข้อมูลนะคะ ซึ่ง Data ใน

806
00:53:41,372 --> 00:53:45,372
หลักของการเขียนโปรแกรม Data จะหมายถึง

807
00:53:45,372 --> 00:53:49,372
Variable หรือตัวแปร ซึ่งเราจะกำหนดตัวแปร

808
00:53:49,374 --> 00:53:53,374
เพื่อให้คอมพิวเตอร์มันรู้จัก นึกออกนะ เราจะ

809
00:53:53,375 --> 00:53:57,375
ไม่มาเขียน Data ใส่ล

810
00:53:57,377 --> 00:54:01,377
นะคะ เพราะฉะนั้นบางที

811
00:54:01,378 --> 00:54:05,378
Object 1 กับ Object 2

812
00:54:05,379 --> 00:54:09,379
อาจจะใช้ method ร่วมกันได้ เห็นไหมคะ

813
00:54:09,380 --> 00:54:13,380
เพราะอะไร เพราะเหมือนที่บอกปากกา

814
00:54:13,380 --> 00:54:17,380
มีบางสิ่งที่เหมือนกัน เช่น

815
00:54:17,381 --> 00:54:21,381
การกระทำนั่น ก็คือใช้เขียนใช่ไหมคะ

816
00:54:21,382 --> 00:54:25,382
มันก็คือใช้ method เดียวกัน เห็นไหมคะ อย่างนี้เป็นต้น

817
00:54:25,383 --> 00:54:29,383
เดี๋ยวคลิกให้เห็นการเชื่อมโยง Method

818
00:54:29,386 --> 00:54:33,386
ตัวนี้มาใส่ตัวนี้ได้

819
00:54:33,388 --> 00:54:37,388
นะคะ ให้ Method มันเชื่อมโยงกันได้

820
00:54:37,389 --> 00:54:41,389
ของการเขียนโปรแกรมเชิงวัตถุนี่

821
00:54:41,391 --> 00:54:45,391
มันจะมีการห่อห้มตัว Object เห็นไ

822
00:54:45,394 --> 00:54:49,394
วัตถุไว้ข้างในนี่ วัตถุมันตัวกลม ๆ

823
00:54:49,396 --> 00:54:53,396
ต้องหุ้มมันไว้ หุ้มข้อมูลกับตัว

824
00:54:53,397 --> 00:54:57,397
ของ method ไว้

825
00:54:57,398 --> 00:55:01,398
นะคะ ซึ่งเขาบอกไว้

826
00:55:01,402 --> 00:55:05,402
ว่าที่เรามาใช้โปรแกรมนี้ โปรแกรม

827
00:55:05,403 --> 00:55:09,403
เชิงวัตถุนี่เพราะเราต้องการลด

828
00:55:09,404 --> 00:55:13,404
คือ แต่เดิมนี่ โปรแกรมแบบเดิมเป็น

829
00:55:13,405 --> 00:55:17,405
ภาษาแบบที่เป็นโครงสร้างนี่ เขียนแค่

830
00:55:17,406 --> 00:55:21,406
1-20 บรรทัดนี่มัน โอ.เค. อยู่

831
00:55:21,407 --> 00:55:25,407
แต่พอเยอะ ๆ น่ะ แล้วทีนี้โปรแกรมที่เขียน

832
00:55:25,409 --> 00:55:29,409
จริง ๆ นี่ เหมือนโปรแกรมขนาดใหญ่น่ะ

833
00:55:29,409 --> 00:55:33,409
มันไม่ได้เขียนแค่ 1-20 บรรทัดไง

834
00:55:33,411 --> 00:55:37,411
มันเลยทำให้เกิดการสร้างวิธีการสร้างโปรแกรมเชิงวัตถุ

835
00:55:37,412 --> 00:55:41,412
ขึ้นมา ก็คือเพื่อลดเห็นไหมคะ

836
00:55:41,413 --> 00:55:45,413
รองรับงานที่ซ้ำซ้อน เพราะบางทีน่ะ

837
00:55:45,414 --> 00:55:49,414
จะต้องมาเขียน

838
00:55:49,415 --> 00:55:53,415
กระทำบางอย่างซ้ำ ๆ นึกออกนะ

839
00:55:53,417 --> 00:55:57,417
ในโปรแกรมเดียวนี่ ซึ่งมันอาจะทำให้

840
00:55:57,418 --> 00:56:01,418
เกิดปัญหา Error ได้ เหมือนสัปดาห์ที่แล้วน่ะ

841
00:56:01,419 --> 00:56:05,419
ทำไมถึงมี pos_x แล้วยังมี x

842
00:56:05,420 --> 00:56:09,420
เป็นแกน x แต่มันเป็นตัวแปรที่แทน

843
00:56:09,421 --> 00:56:13,421
ค่าแกน X ของตัวนี้อีกตัวหนึ่ง

844
00:56:13,422 --> 00:56:17,422
อย่างนี้ นึกออกนะ ไม่ให้มันซ้ำกัน เพราะถ้ามันซ้ำกัน

845
00:56:17,423 --> 00:56:21,423
กับไอ้ตัวแปรเดิมใช่ไหมคะ ให้นึกภาพนี้นะคะ

846
00:56:21,425 --> 00:56:25,425
มันก็เลยเพื่อไม่ให้ข้อมูลมีความซ้ำ

847
00:56:25,426 --> 00:56:29,426
ซ้อนนะคะ อันนี้

848
00:56:29,428 --> 00:56:33,428
เขายกตัวอย่างเป็นรถยนต์ ถ้า

849
00:56:33,429 --> 00:56:37,429
เทียบกับการเขียนโปรแกรมเป็นรถยนต์นี่

850
00:56:37,430 --> 00:56:41,430
แบบ OOP เป็รรถยนต์นี่ ถ้า OOP

851
00:56:41,432 --> 00:56:45,432
แยกเป็นชิ้น ๆ ออกมานี่

852
00:56:45,433 --> 00:56:49,433
ออกมานี่นะคะ เห็นไหมคะ ชิ้นส่วน

853
00:56:49,435 --> 00:56:53,435
วัตถุนี่เขาจะเรียกว่า "Object"

854
00:56:53,436 --> 00:56:57,436
ที่เราจะเขียนนี่ให้มองมันเป็น Object  ไว้ก่อน

855
00:56:57,438 --> 00:57:01,438
แล้วทีนี้ถ้าให้เปรียบถึงรถ

856
00:57:01,439 --> 00:57:05,439
เดี๋ยวมีรูปให้ดู ก็คือพอดึงชิ้นส่วน

857
00:57:05,441 --> 00:57:09,441
แต่ละอย่างออกจากกันนี่ บางทีให้นึกถึงเวลา

858
00:57:09,442 --> 00:57:13,442
ซ่อมรถนึกออกไหม อาไหล่รถ

859
00:57:13,443 --> 00:57:17,443
ตัวนี้อาจจะเอาไปซ่อมรถอีกคันหนึ่งได้

860
00:57:17,444 --> 00:57:21,444
เห็นไหมคะ ลดการซ้ำซ้อน ก็คือไม่ต้องไปสร้างอะไหล่

861
00:57:21,445 --> 00:57:25,445
อะไหล่ใหม่เพื่อใช้กับรถคันใหม่

862
00:57:25,446 --> 00:57:29,446
ตัวเดิมไปใช้ด้วยกันได้ให้มอง

863
00:57:29,448 --> 00:57:33,448
เป็นรูป ถ้ามองแบบเขียน Coding

864
00:57:33,449 --> 00:57:37,449
เหมือนช่างน่ะ ซ้อมน่ะ เขาก็ Adapt ได้

865
00:57:37,451 --> 00:57:41,451
เหมือนอะไหล่รถยุโรปกับรถญี่ปุ่น

866
00:57:41,453 --> 00:57:45,453
นึกออกนะคะ ไม่ใช่ว่าพอ

867
00:57:45,454 --> 00:57:49,454
อะไหล่รถญี่ปุ่นเสีย

868
00:57:49,455 --> 00:57:53,455
เอาของรถยุโรปมาใช้ไม่ได้อย่างนี้

869
00:57:53,457 --> 00:57:57,457
มันก็จะกลายเป็นว่า ต้องไปสร้างใหม่ หรือทำอะไหล่ใหม่

870
00:57:57,459 --> 00:58:01,459
คือ บางอย่างเขาเรียกว่า

871
00:58:01,460 --> 00:58:05,460
มันเป็นการเอื้อให้มันมาใช้ได้ ทีนี้

872
00:58:05,461 --> 00:58:09,461
เวลาจะดู object นะคะ หรือแบ่ง object ในทางโปรแกรมนี่

873
00:58:09,462 --> 00:58:13,462
เราสามารถแบ่งลักษณะของ Object นี่

874
00:58:13,463 --> 00:58:17,463
ออกเป็น 2 ประเภท

875
00:58:17,465 --> 00:58:21,465
แบบที่ 1 คือ รูปธรรม รูปธรรมนั้นคือ

876
00:58:21,466 --> 00:58:25,466
มันจับต้องได้

877
00:58:25,467 --> 00:58:29,467
เช่น ให้นึกถึงจักรยานรถสุนัข

878
00:58:29,468 --> 00:58:33,468
นะคะ แต่ถ้าเป็นนามธรรมจับต้องไม่ได้

879
00:58:33,469 --> 00:58:37,469
มันจะเป็นเหมือนการพูดถึงน่ะ

880
00:58:37,470 --> 00:58:41,470
เที่ยวบินอะไรอย่างนี้ เขาก็จะ... พอเขียนโปรแกรมนี่

881
00:58:41,471 --> 00:58:45,471
ไม่ใช่เฉพาะวัตถุอย่างเดียวุถึงจะเป็น Object

882
00:58:45,471 --> 00:58:49,471
พวกเหมือนเราทำเที่ยวบินนี่

883
00:58:49,472 --> 00:58:53,472
เที่ยวบินมันจับต้องไม่ได้แต่มันต้องมีรูปธรรม

884
00:58:53,474 --> 00:58:57,474
ไปยุโรปมีสายการบินไหนบินบ้าง เห็นไหมคะ

885
00:58:57,476 --> 00:59:01,476
อันนี้น่ะคือจับต้องไม่ได้

886
00:59:01,477 --> 00:59:05,477
ถ้าไปยุโรปมีไปประเทศไหน

887
00:59:05,479 --> 00:59:09,479
นะคะ อย่างนี้เป็นต้นนะคะ ฉะนั้น

888
00:59:09,480 --> 00:59:13,480
นั่นจะมองไม่เห็น เหมือนวิ่งน่ะ วิธีวิ่งของคนแต่ละคน

889
00:59:13,481 --> 00:59:17,481
นึกออกนะ วิ่งเหมือนกันไหม ไม่เหมือนนะคะ บางคน

890
00:59:17,483 --> 00:59:21,483
จะถนัดวิ่งช้า ๆ วิ่งเร็ว ๆ

891
00:59:21,484 --> 00:59:25,484
นะคะ ทีนี้ที่พูดถึงเพราะ

892
00:59:25,486 --> 00:59:29,486
มันจะต้องถ้าเขียนแบบ object ปุ๊บนี่

893
00:59:29,487 --> 00:59:33,487
มันจะต้องมีการ มีองค์ประกอบอยู่ 2 อย่าง ก็คือมี

894
00:59:33,488 --> 00:59:37,488
Class กับ Object  การ

895
00:59:37,490 --> 00:59:41,490
เขียนโปรแกรมในวันนี้จะมีการ

896
00:59:41,491 --> 00:59:45,491
เขียน Class ด้วยนะคะ ทีนี้ก่อนจะเขียนได้ ต้องมารู้ก่อนว่า

897
00:59:45,493 --> 00:59:49,493
Class กับ Object นี่มัน

898
00:59:49,494 --> 00:59:53,494
มีความสำคัญด้วยกันอย่างไร ก็คือ

899
00:59:53,494 --> 00:59:57,494
ถ้าเราจะทำ Object ได้

900
00:59:57,495 --> 01:00:01,495
เราจะต้องมี Class ขึ้นมาก่อน กำหนด Class ขึ้นมาก่อน

901
01:00:01,496 --> 01:00:05,496
ในนี้เขาบอกว่าให้นึกถึง Class เป็น

902
01:00:05,497 --> 01:00:09,497
มีแม่แบบเพื่อกำหนดว่า object  นี้

903
01:00:09,498 --> 01:00:13,498
มันจะมี Data อะไร

904
01:00:13,499 --> 01:00:17,499
มี method อะไร นึกออกนะ

905
01:00:17,500 --> 01:00:21,500

906
01:00:21,501 --> 01:00:25,501
ทีนี้ใน object นี่จะประกอบไปด้วย

907
01:00:25,502 --> 01:00:29,502
สิ่งที่เรียกว่า "คุณสมบัติอยู่ 2 ประการ"

908
01:00:29,503 --> 01:00:33,503
เห็นไหมคะ ตัวแรก

909
01:00:33,503 --> 01:00:37,503
นะคะ คุณสมบัติที่เรียกว่า "ค

910
01:00:37,505 --> 01:00:41,505
นะคะ ก็คือบ่งบอกถึง

911
01:00:41,505 --> 01:00:45,505
ลักษณะข้อมูลทั่วไปของวัตถุ

912
01:00:45,506 --> 01:00:49,506
นั่นเองนะคะ มันจะเรียก "attribute" นะคะ

913
01:00:49,507 --> 01:00:53,507
หรือ Data แต่ในภาษานัก

914
01:00:53,508 --> 01:00:57,508
Programming นี่

915
01:00:57,509 --> 01:01:01,509
นะคะ จะเรียกตัวแรก แล้วส่วนของ

916
01:01:01,510 --> 01:01:05,510
พฤติกรรมหรือสิ่งที่ให้

917
01:01:05,512 --> 01:01:09,512
มันกระทำ หรือถ้าแปลเป็นภาษาไทย ก็คือ

918
01:01:09,513 --> 01:01:13,513
กริยานั่นเองนะคะ การกระทำนี่ ในภาษา

919
01:01:13,514 --> 01:01:17,514
คอมนี่เราจะใช้คำว่า "Method"

920
01:01:17,515 --> 01:01:21,515
ก็คือเมื่อเราสร้าง Class ขึ้นมา ใน Class นั้นจะต้องมี

921
01:01:21,517 --> 01:01:25,517
Attribute กับ Method อยู่ข้างในนะคะ

922
01:01:25,518 --> 01:01:29,518
เช่น ยกตัวอย่างให้เห็น

923
01:01:29,519 --> 01:01:33,519
รถยนต์ถ้าเราสร้าง Class

924
01:01:33,521 --> 01:01:37,521
ของรถยนต์นี่ attribute ของมัน

925
01:01:37,522 --> 01:01:41,522
นะคะ ก็ควรจะมีบอกว่ายี่ห้ออะไร

926
01:01:41,523 --> 01:01:45,523
เห็นไหมเพราะรถยนต์มีหลายยี่ห้อ

927
01:01:45,525 --> 01:01:49,525
นะคะ เพราะฉะนั้น จะทำ

928
01:01:49,526 --> 01:01:53,526
โปรแกรมสำหรับเก็บหรือ

929
01:01:53,528 --> 01:01:57,528
ทำให้เกิด Class ของรถยนต์นี่มี

930
01:01:57,529 --> 01:02:01,529
อะไรบ้าง เก็บยี่ห้อ เก็บรุ่น เก็บสี

931
01:02:01,529 --> 01:02:05,529
นะคะ อยากเก็บเพิ่มมากกว่านี้ก็เก็บได้

932
01:02:05,530 --> 01:02:09,530
นะคะ แล้วสิ่งที่ method ใน Class รถยนต์

933
01:02:09,531 --> 01:02:13,531
จะต้องมี รถยานต์ทำอะไรได้

934
01:02:13,532 --> 01:02:17,532
เปลี่ยนเกียร์ได้ แต่

935
01:02:17,533 --> 01:02:21,533
มีคลัช แต่รุ่นใหม่ไม่มี

936
01:02:21,533 --> 01:02:25,533
Auto ใช่ไหม มันมีครัช ถ้ารถรุ่นก่อน

937
01:02:25,535 --> 01:02:29,535
ก็จะมีเปลี่ยนครัชได้ มันก็จะมี

938
01:02:29,536 --> 01:02:33,536
Method ก็คือสิ่งที่รถยนต์จะ

939
01:02:33,537 --> 01:02:37,537
สามารถกระทำออกมาได้ หรือเราต้องการให้

940
01:02:37,538 --> 01:02:41,538
รถยนต์นั้นกระทำนะคะ เช่น

941
01:02:41,551 --> 01:02:45,551
อะไรนะ เปิดแอร์ได้ ให้นึก

942
01:02:45,553 --> 01:02:49,553
ถ้านึกถึงวิวัฒนาการของรถยนต์

943
01:02:49,554 --> 01:02:53,554
ก็เป็นเปิดพัดลมอย่างนี้แทนนะคะ

944
01:02:53,555 --> 01:02:57,555
หรือตรงเปิดแอร์หรือปรับอุณหภูมินี่อาจจะมี

945
01:02:57,557 --> 01:03:01,557
เปิดเป็นแอร์ เปิดเป็นพัดลมเฉย ๆ อย่างนี้ก็ได้

946
01:03:01,558 --> 01:03:05,558
นั่นก็คือเวลาเราเรียน Class 1 Class

947
01:03:05,560 --> 01:03:09,560
เราจะต้องมีองค์ประกอบข้างในคือ

948
01:03:09,562 --> 01:03:13,562
attribute กับ method นะคะ ขาดไม่ได้

949
01:03:13,563 --> 01:03:17,563
ถ้า Attribute นี่ เวลาพอเขียนเป็นโปรแกรมออกมา

950
01:03:17,565 --> 01:03:21,565
หมายถึงตัวแปรน่ะสร้างตัวแปรขึ้นมา

951
01:03:21,566 --> 01:03:25,566
หรือรับค่า แล้วส่วนของ Method ก็คือ

952
01:03:25,567 --> 01:03:29,567
พวกเงื่อนไขนั่นเอง เงื่อนไขที่ให้เกิด Event

953
01:03:29,569 --> 01:03:33,569
หรือเหตุการณ์ หรือการกระทำนะคะ

954
01:03:33,570 --> 01:03:37,570
ทีนี้รูปแบบเวลาเขียนนะคะ

955
01:03:37,571 --> 01:03:41,571
เรานะต้องพิมพ์รูปแบบ

956
01:03:41,572 --> 01:03:45,572
ก็คือพิมพ์คำว่า "class"

957
01:03:45,574 --> 01:03:49,574
แล้วตามด้วยชื่อ ClassName ส่วนสิ่งที่

958
01:03:49,576 --> 01:03:53,576
หรือสิ่งที่อยู่ข้างใน Class ก็จะมี

959
01:03:53,578 --> 01:03:57,578
Method อยู่ข้างใน จะต้องมี Attribute กับ Method

960
01:03:57,579 --> 01:04:01,579
อยู่ข้างในนะคะ ทีนี้เราจะ

961
01:04:01,580 --> 01:04:05,580
มาเริ่มเขียน Code แล้วนะคะ

962
01:04:05,581 --> 01:04:09,581
อันนี้ข้าม

963
01:04:09,582 --> 01:04:13,582
อันดับแรก

964
01:04:13,583 --> 01:04:17,583
ก็คือเราจะต้อง import module เข้ามาก่อน

965
01:04:17,586 --> 01:04:21,586
ใช่ไหมคะ บรรทัดที่ 1 บรรทัดที่ 2 ตั้งค่าทั่วไป

966
01:04:21,587 --> 01:04:25,587
และบรรทัดที่ 3 ตั้งค่าการแสดงผล

967
01:04:25,588 --> 01:04:29,588
ทำไมหายไป

968
01:04:29,589 --> 01:04:33,589

969
01:04:33,590 --> 01:04:37,590
สิ่งหนึ่งที่หายไป บรรทัดแรก เห็นไหมคะ

970
01:04:37,592 --> 01:04:41,592
import Module ที่ช

971
01:04:41,594 --> 01:04:45,594
เพราะฉะนั้น บรรทัดที่ 1

972
01:04:45,595 --> 01:04:49,595
พิมพ์เลย import

973
01:04:49,597 --> 01:04:53,597
เปิด Sublime

974
01:04:53,598 --> 01:04:57,598
นะคะ พิมพ์... เดี๋ยว

975
01:04:57,599 --> 01:05:01,599

976
01:05:01,600 --> 01:05:05,600
คลิก import pygame,

977
01:05:05,601 --> 01:05:09,601
กับ

978
01:05:09,602 --> 01:05:13,602
sys เห็นไหมคะ sys

979
01:05:13,603 --> 01:05:17,603
Module นะคะ Six Module

980
01:05:17,605 --> 01:05:21,605
ก็คือ import module ที่ชื่อ pygame

981
01:05:21,606 --> 01:05:25,606
กับ import ที่ชื่อ modle

982
01:05:25,607 --> 01:05:29,607
หรือระบบ เราจะไปดึง

983
01:05:29,609 --> 01:05:33,609
ระบบมาใช้ด้วย เพราะมันมี เพราะเราจะ

984
01:05:33,610 --> 01:05:37,610
เปิด class

985
01:05:37,612 --> 01:05:41,612
เมื่อได้

986
01:05:41,617 --> 01:05:45,617
ทำการ import เสร็จ สิ่ง

987
01:05:45,618 --> 01:05:49,618
ที่เราจะต้องทำนะคะ ก็คือ

988
01:05:49,619 --> 01:05:53,619
การตั้งค่าทั่วไป ก็คือ

989
01:05:53,620 --> 01:05:57,620
บอกให้ pygame

990
01:05:57,621 --> 01:06:01,621
รู้แล้วเราจะเริ่มโปรแกรมใช่ไหมคะ

991
01:06:01,622 --> 01:06:05,622
อีกตัวหนึ่ง ค่า Clock

992
01:06:05,623 --> 01:06:09,623
ถ้าพูดถึง ก็คือนาฬิกานั่นเอง ค่า clock

993
01:06:09,625 --> 01:06:13,625
เพราะอะไร เพราะการจะทำให้ภาพมันเคลื่อนไหว

994
01:06:13,626 --> 01:06:17,626
นี่มันต้องใช้ตัว...

995
01:06:17,627 --> 01:06:21,627
ตัว Function Clock ช่วย

996
01:06:21,630 --> 01:06:25,630
ให้รูปมัน...

997
01:06:25,632 --> 01:06:29,632
คือการเคลื่อนที่ของภาพน่ะ ให้ภาพ

998
01:06:29,636 --> 01:06:33,636
มันต้องใช้ตัวนี้เป็นตัวช่วยนะคะ

999
01:06:33,637 --> 01:06:37,637
เสร็จแล้วก็สร้างส่วน

1000
01:06:37,638 --> 01:06:41,638
การแสดงผลของ clock เห็นไหมคะ clock.tick

1001
01:06:41,640 --> 01:06:45,640
หมายถึง ฟังก์ชันติ๊ก

1002
01:06:45,641 --> 01:06:49,641
การนับน่ะค่ะ การนับเวลาเข็ม

1003
01:06:49,642 --> 01:06:53,642
นาฬิกาน่ะ นึกออกนะ เข็มวิมันก็

1004
01:06:53,644 --> 01:06:57,644
1 tick นะคะ 60 วิ(นาที)

1005
01:06:57,646 --> 01:07:01,646
ภายใน 60 วินาทีนี่ เพราะค่า

1006
01:07:01,648 --> 01:07:05,648
ของ Clock นี่เลข 60 หมายถึง

1007
01:07:05,649 --> 01:07:09,649

1008
01:07:09,651 --> 01:07:13,651
FPS น่ะ FPS ก็คือ Fast

1009
01:07:13,653 --> 01:07:17,653
แปลว่า ความเร็ว

1010
01:07:17,654 --> 01:07:21,654
sec

1011
01:07:21,656 --> 01:07:25,656
ต่อวินาที ก็คือความเร็วที่จะให้

1012
01:07:25,657 --> 01:07:29,657
ไอ้ตัวรูปน่ะมันแสดงผลน่ะ ต่อวินาทีนี่

1013
01:07:29,659 --> 01:07:33,659
เท่านี้ นะคะ เพราะฉะนั้น เรา

1014
01:07:33,660 --> 01:07:37,660
ทำก่อนอื่นเราจะต้อง import Module

1015
01:07:37,661 --> 01:07:41,661
เข้าไปตามหลักทั่วไปแล้วก็เซ็ตค่าที่

1016
01:07:41,663 --> 01:07:45,663
มันจะได้ใช้ตลอดนะคะ

1017
01:07:45,664 --> 01:07:49,664
โอ.เค. นะ ถึงไหนแล้ว

1018
01:07:49,664 --> 01:07:53,664
ตามเรามา ตามเรามา

1019
01:07:53,666 --> 01:07:57,666
ด้วย Import pygame เว้น 2 บรรทัด แล้ว

1020
01:07:57,666 --> 01:08:01,666
ใส่ Hashtag (#) เพื่อจะได้รู้ว่า

1021
01:08:01,668 --> 01:08:05,668
เราจะตั้งค่า

1022
01:08:05,669 --> 01:08:09,669
ตั้งแค่เบื้องต้นน่ะ ตั้งค่าเบื้องต้น

1023
01:08:09,672 --> 01:08:13,672
ก็คือ

1024
01:08:13,673 --> 01:08:17,673
pygame

1025
01:08:17,675 --> 01:08:21,675

1026
01:08:21,676 --> 01:08:25,676

1027
01:08:25,678 --> 01:08:29,678

1028
01:08:29,681 --> 01:08:33,681

1029
01:08:33,682 --> 01:08:37,682
Error จริง ๆ ด้วย

1030
01:08:37,684 --> 01:08:41,684

1031
01:08:41,686 --> 01:08:45,686
Function นะคะ Function

1032
01:08:45,687 --> 01:08:49,687
อย่าลืม เมื่อเรียกเป็น function จะต้องมีวงเล็บ

1033
01:08:49,688 --> 01:08:53,688
มี ()

1034
01:08:53,691 --> 01:08:57,691
เห็นไหมคะ () ทันที

1035
01:08:57,691 --> 01:09:01,691
แล้วก็ Clock ค่ะ Clock =

1036
01:09:01,693 --> 01:09:05,693
อันนี้คือตัวแปรนะคะ

1037
01:09:05,694 --> 01:09:09,694
ประกาศตัวแปรก่อน Clock

1038
01:09:09,696 --> 01:09:13,696
= py

1039
01:09:13,698 --> 01:09:17,698
pygame module.

1040
01:09:17,700 --> 01:09:21,700
.Clock() เห็นไหม . อะไร

1041
01:09:21,701 --> 01:09:25,701
.time.clock

1042
01:09:25,702 --> 01:09:29,702
Clock Function เห็นไหม

1043
01:09:29,703 --> 01:09:33,703
เราก็จะเรียกใช้

1044
01:09:33,705 --> 01:09:37,705
pygame.time

1045
01:09:37,706 --> 01:09:41,706
time นะคะ module

1046
01:09:41,707 --> 01:09:45,707

1047
01:09:45,708 --> 01:09:49,708
แล้วก็ Function

1048
01:09:49,709 --> 01:09:53,709
สังเกตเห็นไหมคะ ว่า

1049
01:09:53,710 --> 01:09:57,710
Clock ที่เป็นชื่อตัวแปร

1050
01:09:57,711 --> 01:10:01,711
เห็นไหม เห็นไหม Clock Function จะ

1051
01:10:01,713 --> 01:10:05,713
เป็นตัวใหญ่ขึ้นต้นด้วยตัวใหญ๋

1052
01:10:05,713 --> 01:10:09,713
จะเป็นคนละตัวกันนะคะ

1053
01:10:09,714 --> 01:10:13,714
ได้ส่วนของการตั้งค่าทั่วไป แล้วก็ส่วนของการแสดงผล

1054
01:10:13,716 --> 01:10:17,716
Clock.tick มีค่า =

1055
01:10:17,717 --> 01:10:21,717
60 นะคะ กำหนดค่าของ

1056
01:10:21,718 --> 01:10:25,718
การแสดงผล ตามมา

1057
01:10:25,720 --> 01:10:29,720
เว้นไปสัก

1058
01:10:29,722 --> 01:10:33,722
ตรงนี้จะเป็นส่วนของการแสดงผลลัพธ์

1059
01:10:33,723 --> 01:10:37,723
เรานะคะ

1060
01:10:37,724 --> 01:10:41,724

1061
01:10:41,725 --> 01:10:45,725

1062
01:10:45,727 --> 01:10:49,727

1063
01:10:49,728 --> 01:10:53,728

1064
01:10:53,729 --> 01:10:57,729

1065
01:10:57,732 --> 01:11:01,732

1066
01:11:01,736 --> 01:11:05,736
นะคะ Clock.tick(60) อย่าง

1067
01:11:05,738 --> 01:11:09,738

1068
01:11:09,739 --> 01:11:13,739
อย่าลืมดู

1069
01:11:13,740 --> 01:11:17,740

1070
01:11:17,741 --> 01:11:21,741
โอ.เค. ไหมคะ

1071
01:11:21,742 --> 01:11:25,742
1 2 3 4 4 บรรทัดนี้

1072
01:11:25,743 --> 01:11:29,743
ใครเสร็จแล้วยกมือขึ้น

1073
01:11:29,744 --> 01:11:33,744
เสร็จหรือยัง เสร็จแล้วนะ จ๊าบเสร็จหรือยัว

1074
01:11:33,746 --> 01:11:37,746
ถึงบรรทัดไหนแล้ว

1075
01:11:37,748 --> 01:11:41,748
Clock ติ๊กหรือยัง โอ.เค. รอเพื่อนแป๊บหนึ่ง

1076
01:11:41,749 --> 01:11:45,749

1077
01:11:45,750 --> 01:11:49,750
โอ.เค. ไหม เสร็จแล้วนะคะ

1078
01:11:49,751 --> 01:11:53,751
ไปแล้ว ส่วนต่อไปที่เราจะทำ

1079
01:11:53,752 --> 01:11:57,752
ก็คือ

1080
01:11:57,753 --> 01:12:01,753
ก็ต้องสร้างหน้าจอให้มันใช่ไหมคะ ก็คือ

1081
01:12:01,754 --> 01:12:05,754
การตั้งค่าหน้าจอเกมนะคะ กำหนดตัวแปรชื่อว่า

1082
01:12:05,755 --> 01:12:09,755
Width สำหรับค่าความ

1083
01:12:09,756 --> 01:12:13,756
กว้างแล้วก็ Hight

1084
01:12:13,757 --> 01:12:17,757
อันนี้ปรับได้นะคะ ตัวเลขไม่จำเป็นต้องเป็น 600

1085
01:12:17,758 --> 01:12:21,758
แล้วก็เรียก แล้วก็สร้างตัวแปร

1086
01:12:21,759 --> 01:12:25,759
เป็นตัวแปรสำหรับ

1087
01:12:25,760 --> 01:12:29,760
หน้าจอนั่นเองนะคะ

1088
01:12:29,761 --> 01:12:33,761
แล้วก็ใน Caption น่ะ

1089
01:12:33,763 --> 01:12:37,763
พิมพ์ว่า "

1090
01:12:37,764 --> 01:12:41,764

1091
01:12:41,765 --> 01:12:45,765

1092
01:12:45,766 --> 01:12:49,766
สร้างหน้าจอก็จะอยู่ต่อกับ

1093
01:12:49,768 --> 01:12:53,768
ตั้งค่าเบื้องต้นนี่เอ

1094
01:12:53,770 --> 01:12:57,770

1095
01:12:57,771 --> 01:13:01,771
เรา

1096
01:13:01,772 --> 01:13:05,772
จะสร้างจอเกมกันแล้วนะคะ อันดับแรก

1097
01:13:05,773 --> 01:13:09,773
สร้างตัวแปร y ค่ะ อันนี้พิมพ์เองนะคะ

1098
01:13:09,775 --> 01:13:13,775
นะคะ W-i-d-t-h

1099
01:13:13,776 --> 01:13:17,776
ค่า Width เราเท่ากับ

1100
01:13:17,777 --> 01:13:21,777
เครื่องนี้อาจจะใหญ่ ลองเอา

1101
01:13:21,778 --> 01:13:25,778
เท่าตัวอย่างก่อนก็ได้ 600 กว้าง 600

1102
01:13:25,779 --> 01:13:29,779
height h-i-g-h-t

1103
01:13:29,781 --> 01:13:33,781
ตัวแปร Hight สำหรับความสูง

1104
01:13:33,782 --> 01:13:37,782
ของจอ ตอนนี้อยากได้

1105
01:13:37,784 --> 01:13:41,784
สี่เหลี่ยมจัตุรัส

1106
01:13:41,786 --> 01:13:45,786
ถ้าอยากได้ผืนผ้าก็ต้องทำให้

1107
01:13:45,787 --> 01:13:49,787
Width เยอะกว่า Hight นะคะ

1108
01:13:49,788 --> 01:13:53,788
เสร็จแล้วกำหนดตัวแปร screen

1109
01:13:53,791 --> 01:13:57,791
ตัวแปรชื่อ "SceenW

1110
01:13:57,792 --> 01:14:01,792
เพื่อทำอะไร

1111
01:14:01,792 --> 01:14:05,792
เพื่อสร้างจอนั่นเองนะคะ

1112
01:14:05,794 --> 01:14:09,794
module pygame.display เลือก

1113
01:14:09,795 --> 01:14:13,795
.display

1114
01:14:13,797 --> 01:14:17,797
นะคะ แล้วก็ .

1115
01:14:17,800 --> 01:14:21,800
ลืมน่ะ ทำไมวันนี้

1116
01:14:21,802 --> 01:14:25,802
Error memory ตัวเองไม่ค่อยดี .set_mode นะคะ

1117
01:14:25,804 --> 01:14:29,804
ตามด้วยค่า ชื่อตัวแปร

1118
01:14:29,805 --> 01:14:33,805
เรากำหนดตัวแปรแล้วเราไม่ใช้ตัวเลขแล้ว

1119
01:14:33,808 --> 01:14:37,808
Function Set_mode นะคะ

1120
01:14:37,810 --> 01:14:41,810
.set

1121
01:14:41,811 --> 01:14:45,811
เลือก set mode ฟังกชืั

1122
01:14:45,811 --> 01:14:49,811
ใส่ 2 ครั้ง

1123
01:14:49,814 --> 01:14:53,814
2 วงเล็บนะะค แล้วก็

1124
01:14:53,815 --> 01:14:57,815
พิมพ์ width width ไหน width ตัวนี้

1125
01:14:57,817 --> 01:15:01,817

1126
01:15:01,820 --> 01:15:05,820
พิมพ์ hight ให้ดู

1127
01:15:05,821 --> 01:15:09,821
นะคะ Statement หรือตัวแปรที่เราสร้างนี่

1128
01:15:09,822 --> 01:15:13,822
ก็คือมันหมายถึงตัวนี้

1129
01:15:13,823 --> 01:15:17,823

1130
01:15:17,824 --> 01:15:21,824
ทะลุเดือด ลด Size ลงหน่อย

1131
01:15:21,827 --> 01:15:25,827

1132
01:15:25,828 --> 01:15:29,828
นะคะ

1133
01:15:29,829 --> 01:15:33,829
อีกบรรทัดหนึ่ง

1134
01:15:33,830 --> 01:15:37,830
อีกบรรทัด หน

1135
01:15:37,832 --> 01:15:41,832
ใส่ Caption

1136
01:15:41,832 --> 01:15:45,832
ใช้ module pygame.display.set_caption นะคะ

1137
01:15:45,833 --> 01:15:49,833
สร้าง Caption ของเกม ถ้เาใค

1138
01:15:49,833 --> 01:15:53,833
ใส่เอาเองเพิ่ม อันนี้จะข้ามไปก่อน

1139
01:15:53,833 --> 01:15:57,833

1140
01:15:57,835 --> 01:16:01,835
เรียกใช้ module pygame.display เหมือนเดิ

1141
01:16:01,835 --> 01:16:05,835
.displ

1142
01:16:05,836 --> 01:16:09,836
เหมือนเดิม

1143
01:16:09,838 --> 01:16:13,838
แล้วก็ .caption

1144
01:16:13,839 --> 01:16:17,839
set_caption นะคะ set_caption

1145
01:16:17,840 --> 01:16:21,840

1146
01:16:21,841 --> 01:16:25,841
.set_ception

1147
01:16:25,843 --> 01:16:29,843
ในวงเล็บใส่เครื่องหมายคำพูด

1148
01:16:29,844 --> 01:16:33,844
ชื่อ caption

1149
01:16:33,846 --> 01:16:37,846

1150
01:16:37,847 --> 01:16:41,847

1151
01:16:41,848 --> 01:16:45,848
เราจะใช้ caption

1152
01:16:45,850 --> 01:16:49,850
จอมีชื่อว่า GameAnimation นะคะ

1153
01:16:49,854 --> 01:16:53,854
GameAnimation

1154
01:16:53,856 --> 01:16:57,856
4 บรรทัดนี้ โอ.เค. หรือยัง

1155
01:16:57,857 --> 01:17:01,857

1156
01:17:01,858 --> 01:17:05,858

1157
01:17:05,859 --> 01:17:09,859

1158
01:17:09,860 --> 01:17:13,860

1159
01:17:13,861 --> 01:17:17,861
นะคะ

1160
01:17:17,863 --> 01:17:21,863

1161
01:17:21,864 --> 01:17:25,864

1162
01:17:25,865 --> 01:17:29,865

1163
01:17:29,866 --> 01:17:33,866

1164
01:17:33,869 --> 01:17:37,869

1165
01:17:37,874 --> 01:17:41,874
เสร็จ...

1166
01:17:41,876 --> 01:17:45,876
เสร็จหรือยังคะ

1167
01:17:45,877 --> 01:17:49,877
เซฟกับไอซ์เสร็จหรือยัง

1168
01:17:49,880 --> 01:17:53,880
อะตอม, คราม เสร็จหรือยังคะ

1169
01:17:53,881 --> 01:17:57,881
เสร็จแล้ว

1170
01:17:57,884 --> 01:18:01,884
เสร็จแล้ว ใบเตยเสร็จ...

1171
01:18:01,884 --> 01:18:05,884
เหลือจ๊าบกับเสือน้อย

1172
01:18:05,885 --> 01:18:09,885
จ๊าบเสร็จหรือยังครับ จ๊าบเสร็จแล้ว เสือน้อยล่ะ

1173
01:18:09,886 --> 01:18:13,886
โอ.เค. ได้

1174
01:18:13,887 --> 01:18:17,887
ส่วนของจอเกมแล้วนะคะ สิ่งที่เราจะทำ

1175
01:18:17,888 --> 01:18:21,888
ต่อไป

1176
01:18:21,890 --> 01:18:25,890
ก็คือเห็นไหม

1177
01:18:25,892 --> 01:18:29,892
ใส่สี screen.file

1178
01:18:29,894 --> 01:18:33,894
การใส่สีให้จอนะคะ ค่าสี RGB

1179
01:18:33,895 --> 01:18:37,895
ของเรา ก็คือ 255 255 นั่นก็คือ

1180
01:18:37,896 --> 01:18:41,896
สีขาว จำได้นะ นึกค่าสี อยากจะเปลี่ยนค่าสีก็ให้

1181
01:18:41,897 --> 01:18:45,897
ไปดูที่ rgb

1182
01:18:45,899 --> 01:18:49,899
เพราะฉะนั้น ในส่วนของการแสดงผล

1183
01:18:49,900 --> 01:18:53,900
ให้เรียกใช้

1184
01:18:53,901 --> 01:18:57,901
screen นะคะ แล้วก็ fill

1185
01:18:57,902 --> 01:19:01,902
ก็คือใส่สีเข้าไป ก็คือสีทีเราจะใส่

1186
01:19:01,904 --> 01:19:05,904
นะคะ

1187
01:19:05,905 --> 01:19:09,905
มาที่ส่วนนี้นะคะ

1188
01:19:09,906 --> 01:19:13,906
เรียก screen นะคะ ต้องให้

1189
01:19:13,908 --> 01:19:17,908
มันขึ้น Statement

1190
01:19:17,909 --> 01:19:21,909
fill function ใส่

1191
01:19:21,911 --> 01:19:25,911
วงเล็บต้องมี 2 อัน

1192
01:19:25,912 --> 01:19:29,912
ถูกไหม

1193
01:19:29,914 --> 01:19:33,914
สังเกตถ้าเป็นค่าที่เป็นตัวเลขนี่ หรือเป็นค่า

1194
01:19:33,916 --> 01:19:37,916
พวกนี้นะคะ

1195
01:19:37,917 --> 01:19:41,917

1196
01:19:41,917 --> 01:19:45,917
ถ้าสีขาวของเรา

1197
01:19:45,920 --> 01:19:49,920
ก็คือ 255 ทั้ง 3 อันเลยนะ สีขาว

1198
01:19:49,922 --> 01:19:53,922
ล้วน

1199
01:19:53,923 --> 01:19:57,923
255

1200
01:19:57,924 --> 01:20:01,924
R ก็ 255

1201
01:20:01,926 --> 01:20:05,926
g ก็ 255 แล้วก็

1202
01:20:05,928 --> 01:20:09,928
B ก็ 255

1203
01:20:09,931 --> 01:20:13,931
นะคะ นี่คือค่า RGB นั่นเอง

1204
01:20:13,932 --> 01:20:17,932
Red, Green, Blue 255, 255, 255

1205
01:20:17,935 --> 01:20:21,935
นะคะ นี่คือ

1206
01:20:21,937 --> 01:20:25,937
เราสร้างจอแล้วนะ ยังไม่ Run เดี๋ยว Error

1207
01:20:25,937 --> 01:20:29,937
จะต้องตามแก้ Run ทีเดียวเลยจะได้จบ

1208
01:20:29,939 --> 01:20:33,939
ส่วนต่อมา

1209
01:20:33,941 --> 01:20:37,941
โอ.เค. ไหม เสร็จแล้วนะ ทุกคนเสร็จแล้วนะ

1210
01:20:37,942 --> 01:20:41,942
โอ.เค. อันนี้เพราะ

1211
01:20:41,943 --> 01:20:45,943
เพิ่มอีกแค่ 1 บรรทัดนะคะ สิ่ง

1212
01:20:45,944 --> 01:20:49,944
ที่จะทำ ก็คือ Loop ใช่ไหม สร้าง Loop

1213
01:20:49,946 --> 01:20:53,946
สร้าง Loop สำหรับ

1214
01:20:53,948 --> 01:20:57,948
ให้โปรแกรมพอสร้างจอแล้วก็สร้าง Loop

1215
01:20:57,949 --> 01:21:01,949
ใช่ไหมคะ เปิดแล้วก็ต้องมีปิดเหมือนเดิม

1216
01:21:01,949 --> 01:21:05,949

1217
01:21:05,951 --> 01:21:09,951

1218
01:21:09,953 --> 01:21:13,953

1219
01:21:13,956 --> 01:21:17,956
นะคะ ตอนนี้เราจะทำ Loop

1220
01:21:17,957 --> 01:21:21,957
ก็คือ while ทำเมื่อเป็นจริง while True

1221
01:21:21,958 --> 01:21:25,958
whie True:

1222
01:21:25,959 --> 01:21:29,959

1223
01:21:29,960 --> 01:21:33,960
Loop จะอยู่ต่อจากตรงนี้นะคะ

1224
01:21:33,961 --> 01:21:37,961

1225
01:21:37,962 --> 01:21:41,962

1226
01:21:41,962 --> 01:21:45,962
เลือก while tr

1227
01:21:45,964 --> 01:21:49,964
นะคะ เราจะทำ Loop while

1228
01:21:49,966 --> 01:21:53,966
True ตัวใหญ่ T ตัวใหญ่นะคะ

1229
01:21:53,967 --> 01:21:57,967
ทำเมื่อเป็นจริง เห็นไหมคะ while Trup

1230
01:21:57,970 --> 01:22:01,970

1231
01:22:01,971 --> 01:22:05,971

1232
01:22:05,974 --> 01:22:09,974
for แล้วก็ if

1233
01:22:09,976 --> 01:22:13,976
.event.get():

1234
01:22:13,977 --> 01:22:17,977
memory ไม่ค่อยดีวันนี้

1235
01:22:17,978 --> 01:22:21,978
for ค่ะ

1236
01:22:21,980 --> 01:22:25,980
ใน Loop ก็คือใส่เงื่อนไข for loop เข้าไป

1237
01:22:25,980 --> 01:22:29,980
for ตรงนี้ใส่

1238
01:22:29,982 --> 01:22:33,982
ตัวแปร event e-v-e-

1239
01:22:33,984 --> 01:22:37,984
n-t event ก็คือหมายถึงเหตุการณ์นะคะ

1240
01:22:37,985 --> 01:22:41,985
เหตุการณ์นะคะ ใน... ในอะไร

1241
01:22:41,986 --> 01:22:45,986
เหตุการณ์ใน pygame.

1242
01:22:45,987 --> 01:22:49,987
event.get pygae

1243
01:22:49,989 --> 01:22:53,989
นะคะ เรีย

1244
01:22:53,990 --> 01:22:57,990

1245
01:22:57,991 --> 01:23:01,991
นะคะ

1246
01:23:01,992 --> 01:23:05,992
เรียกใช้ Module pygame

1247
01:23:05,993 --> 01:23:09,993
.event

1248
01:23:09,995 --> 01:23:13,995
event module นะคะ

1249
01:23:13,996 --> 01:23:17,996
แล้วก็ .get get

1250
01:23:17,997 --> 01:23:21,997
function ใส่วงเล็บ

1251
01:23:21,999 --> 01:23:25,999
มือไปโดนอะไรนี่ ขอโทษ ๆ

1252
01:23:26,000 --> 01:23:30,000
มันไวไปหน่อย ใส่ () นะคะ เป็น function get

1253
01:23:30,003 --> 01:23:34,003
เพราะเป็นฟังก์ชัน get

1254
01:23:34,004 --> 01:23:38,004
เมื่อ while เห็นไหมคะ เป็นจริง

1255
01:23:38,005 --> 01:23:42,005
ถ้าเหตุการณ์ใน pygame

1256
01:23:42,007 --> 01:23:46,007
get ก็คือการรับค่านั่นเองนะคะ รับค่าอะไร

1257
01:23:46,009 --> 01:23:50,009
มาดูกัน ค่าที่เราจะรับ ก็คือ

1258
01:23:50,011 --> 01:23:54,011
ถ้า event type

1259
01:23:54,011 --> 01:23:58,011
pygame.quite

1260
01:23:58,012 --> 01:24:02,012
ก็ให้ออก ก็คือจบนั่นเอง สิ้นสุด

1261
01:24:02,013 --> 01:24:06,013
หรือ sys.exit() นะคะ

1262
01:24:06,015 --> 01:24:10,015

1263
01:24:10,017 --> 01:24:14,017
นะคะ

1264
01:24:14,019 --> 01:24:18,019
ก็คือถ้าเกิดเหตุการณ์นี้ if ก็คือถ้า

1265
01:24:18,021 --> 01:24:22,021
ถ้า if condit

1266
01:24:22,022 --> 01:24:26,022
ถ้า

1267
01:24:26,023 --> 01:24:30,023
event

1268
01:24:30,026 --> 01:24:34,026

1269
01:24:34,028 --> 01:24:38,028
evtnt.type == pygame

1270
01:24:38,030 --> 01:24:42,030

1271
01:24:42,031 --> 01:24:46,031
Event.type นะคะ .type

1272
01:24:46,032 --> 01:24:50,032
นี่นะคะ type statement นี่

1273
01:24:50,033 --> 01:24:54,033
==

1274
01:24:54,035 --> 01:24:58,035
pygame

1275
01:24:58,036 --> 01:25:02,036
pygame module

1276
01:25:02,039 --> 01:25:06,039
QUIT ตัวใหญ่นะคะ Q ตัวใหญ่ เพราะเราจะเรียกใช้

1277
01:25:06,040 --> 01:25:10,040
Statement นี้ นั่นก็คือถ้าเป็นจริงนี่

1278
01:25:10,041 --> 01:25:14,041
ถ้าเป็นจริงนี่ ถ้ามีการกด

1279
01:25:14,042 --> 01:25:18,042
type นี่ก็คือกดพิมพ์หรือ

1280
01:25:18,044 --> 01:25:22,044
กดปุ่มนี่ จะออกจากโปรแกรม

1281
01:25:22,045 --> 01:25:26,045

1282
01:25:26,047 --> 01:25:30,047
เมื่อมันเป็นจริง เพราะฉะนั้น pygame module

1283
01:25:30,049 --> 01:25:34,049
.quite

1284
01:25:34,051 --> 01:25:38,051
QUIT function นะคะ ไปเรียกใช้

1285
01:25:38,053 --> 01:25:42,053
จบโปรแกรม

1286
01:25:42,054 --> 01:25:46,054
ส่วน system module

1287
01:25:46,055 --> 01:25:50,055
นะคะ ก็จะเรียกใช้

1288
01:25:50,056 --> 01:25:54,056
.exit() function exit

1289
01:25:54,058 --> 01:25:58,058
exit

1290
01:25:58,059 --> 01:26:02,059
นะคะ

1291
01:26:02,060 --> 01:26:06,060
ตอนนี้เราทำ Loop

1292
01:26:06,065 --> 01:26:10,065
เพราะเมื่อเราเปิดแล้วต้องมีปิด

1293
01:26:10,065 --> 01:26:14,065
Loop นี้จะมีทุกอันอยู่แล้ว จะมี

1294
01:26:14,067 --> 01:26:18,067
ที่ Code มาจะต้องมี Loop ในการ

1295
01:26:18,068 --> 01:26:22,068
ปิดเกมเสมอนะคะ

1296
01:26:22,070 --> 01:26:26,070
มีให้พิมพ์บ่อย ๆ จะได้ชิน ไม่อยากให้ไป Copy

1297
01:26:26,071 --> 01:26:30,071
นะคะ ได้ส่วนของ Loop แล้ว

1298
01:26:30,072 --> 01:26:34,072
แล้วสิ่งที่เราจะทำต่อไป โอ.เค. ไหม เสร็จแล้ว

1299
01:26:34,073 --> 01:26:38,073
ใบเตยเสร็จไหม

1300
01:26:38,074 --> 01:26:42,074
จ๊าบเสร็จไหมคะ เหลือตรงไหนเอ่ย

1301
01:26:42,073 --> 01:26:46,073
เหลืออีกกี่บรรทัด

1302
01:26:46,075 --> 01:26:50,075

1303
01:26:50,076 --> 01:26:54,076

1304
01:26:54,078 --> 01:26:58,078

1305
01:26:58,082 --> 01:27:02,082

1306
01:27:02,085 --> 01:27:06,085

1307
01:27:06,090 --> 01:27:10,090

1308
01:27:10,091 --> 01:27:14,091

1309
01:27:14,093 --> 01:27:18,093

1310
01:27:18,095 --> 01:27:22,095

1311
01:27:22,097 --> 01:27:26,097

1312
01:27:26,099 --> 01:27:30,099

1313
01:27:30,100 --> 01:27:34,100

1314
01:27:34,102 --> 01:27:38,102

1315
01:27:38,105 --> 01:27:42,105

1316
01:27:42,108 --> 01:27:46,108
แล้วตรงในส่วนของตรงแสดงผลนะคะ

1317
01:27:46,110 --> 01:27:50,110
เราจะกำหนดความจริงแค่ pygame.

1318
01:27:50,111 --> 01:27:54,111
display.flip

1319
01:27:54,113 --> 01:27:58,113
ไม่เป็นอะไรใส่เลย

1320
01:27:58,114 --> 01:28:02,114
นะคะ

1321
01:28:02,115 --> 01:28:06,115
อย่าเพิ่มใส่ก็ได้ข้ามไปก่อน

1322
01:28:06,116 --> 01:28:10,116
สิ่งที่จะทำต่อมา คือ เราจะ

1323
01:28:10,117 --> 01:28:14,117
สร้าง Class นะคะ

1324
01:28:14,118 --> 01:28:18,118
เห็นไหมคะ ชื่อ class ของเรา ก็คือ Dino

1325
01:28:18,120 --> 01:28:22,120
สังเกต ตัว D จะเป็นตัวพิมพ์

1326
01:28:22,122 --> 01:28:26,122
แล้วเนื่องจาก Class นี้

1327
01:28:26,124 --> 01:28:30,124
เนื่่อิงจาก Class นี้

1328
01:28:30,126 --> 01:28:34,126
class นี้

1329
01:28:34,127 --> 01:28:38,127
ไอ้ตัวนี้มัน

1330
01:28:38,128 --> 01:28:42,128
ชื่ออะไรลูก ตัวนี้ตั้งชื่อ

1331
01:28:42,129 --> 01:28:46,129
ตามตัวการ์ตูนเราน่ะ นึกออกะ

1332
01:28:46,130 --> 01:28:50,130
นึกออกนะ เพราะฉะนั้น ย้อนกลับไปดูก็ได้นะคะ

1333
01:28:50,131 --> 01:28:54,131
ว่าตัวการ์ตูนที่เราเอามามันชื่ออะไร

1334
01:28:54,132 --> 01:28:58,132
ไหนล่ะ

1335
01:28:58,133 --> 01:29:02,133

1336
01:29:02,134 --> 01:29:06,134
เขาชื่อ Knight แปลว่าอัศวินนะคะ

1337
01:29:06,135 --> 01:29:10,135
เราตั้งชื่อนี้นะคะ ให้เด็ก ๆ ดูชื่อตัวการ์ตูนของตัวเองน่ะ

1338
01:29:10,136 --> 01:29:14,136
นึกออกนะ เช่น ถ้า

1339
01:29:14,138 --> 01:29:18,138
ใครเอานี่เห็นไหมมันก็จะมีชื่อ

1340
01:29:18,139 --> 01:29:22,139
โจ อย่างนี้ บอย อย่างนี้ ซานต้า

1341
01:29:22,140 --> 01:29:26,140
นึกออกนะ มันก็คือชื่อของ

1342
01:29:26,143 --> 01:29:30,143
ชื่อของส่วนนี้น่ะ นี่ ๆ

1343
01:29:30,145 --> 01:29:34,145
Class นั่นเอง คือสิ่งที่เราจะเอามาตั้งชื่อ Class

1344
01:29:34,146 --> 01:29:38,146
เข้าใจไหมคะ เข้าใจไหม

1345
01:29:38,147 --> 01:29:42,147
บีกับแบมเข้าใจหรือเปล่า

1346
01:29:42,147 --> 01:29:46,147
ทำตาปิ๊บ ๆ

1347
01:29:46,149 --> 01:29:50,149
เดี๋ยว ๆ

1348
01:29:50,150 --> 01:29:54,150

1349
01:29:54,151 --> 01:29:58,151

1350
01:29:58,154 --> 01:30:02,154

1351
01:30:02,157 --> 01:30:06,157
ชื่อ ชื่อ

1352
01:30:06,159 --> 01:30:10,159
ตรง class นี่นะคะ ชื่อตรง class

1353
01:30:10,160 --> 01:30:14,160
อย่าไปเอาชื่อของ...

1354
01:30:14,161 --> 01:30:18,161

1355
01:30:18,162 --> 01:30:22,162

1356
01:30:22,164 --> 01:30:26,164
ตัวการ์ตูนที่เราไปโหลดมานี่ เอาชื่อนี่ เอา

1357
01:30:26,167 --> 01:30:30,167
ชื่อของมันนี่มาใส่ นึกออกไหม

1358
01:30:30,168 --> 01:30:34,168
ของตัวเองตัวการ์ตูนชื่ออะไร ให้เอา

1359
01:30:34,169 --> 01:30:38,169
ชื่อนั้นมาใส่นึกออกนะ

1360
01:30:38,170 --> 01:30:42,170
จำให้ได้ว่าชื่อตัวเองนี่ชื่ออะไร

1361
01:30:42,172 --> 01:30:46,172
เห็นไหมมันจะมีชื่อของใครของมันใช่ไหมคะ เหมือน

1362
01:30:46,173 --> 01:30:50,173
ตอนที่แม่ Run น่ะ แม่เอาตัวไดโนเสาร์

1363
01:30:50,175 --> 01:30:54,175
แม่ก็เลยใช้ชื่อว่าไดโน

1364
01:30:54,176 --> 01:30:58,176
ใบเตยจะเอา The Knight ก็คืออัศวินใช่ไหมคะ

1365
01:30:58,177 --> 01:31:02,177
เราก็ใช้ชื่อ Class ว่า Niew

1366
01:31:02,181 --> 01:31:06,181
นะคะ ถ้าของแบมหรือ

1367
01:31:06,184 --> 01:31:10,184
ของบีหรือเป็นแซนดาครอส

1368
01:31:10,185 --> 01:31:14,185
ใช้ชื่อนี้นะคะ ของแบมใช้ Girl ก็ใช้ชื่อ Gril

1369
01:31:14,186 --> 01:31:18,186
อย่างนี้นะคะ ชื่อของใครของมัน Class ใคร Class มัน

1370
01:31:18,195 --> 01:31:22,195
class ใคร class มัน เริ่มหรือยัง

1371
01:31:22,197 --> 01:31:26,197
อันดับแรก Class

1372
01:31:26,199 --> 01:31:30,199
จะอยู่ตรงไหน อยู่ต่อจาก ๆ ๆ

1373
01:31:30,200 --> 01:31:34,200
เห็นไหมคะ ต่อจาก Modle

1374
01:31:34,202 --> 01:31:38,202
เลย ต่อจาก import Module เลย

1375
01:31:38,203 --> 01:31:42,203
Class ของเราจะอยู่ตำแหน่งนี้ เพราะฉะนั้นเลื่อนขั้นไป

1376
01:31:42,205 --> 01:31:46,205
ตรง import module

1377
01:31:46,206 --> 01:31:50,206

1378
01:31:50,209 --> 01:31:54,209
class

1379
01:31:54,210 --> 01:31:58,210
ก็จะบอกก็จะได้บอกว่า Class

1380
01:31:58,212 --> 01:32:02,212
class Knight นะคะ โอ.เค.

1381
01:32:02,214 --> 01:32:06,214
mi อะไรนะ

1382
01:32:06,216 --> 01:32:10,216
ไม่จำ ๆ

1383
01:32:10,217 --> 01:32:14,217
k-n-i-g-h-t

1384
01:32:14,218 --> 01:32:18,218

1385
01:32:18,219 --> 01:32:22,219
สังเกตที่ชื่อ Class

1386
01:32:22,220 --> 01:32:26,220
เห็นไหม ตัวแรกจะใช้ตัวอักษรตัวใหญ่เห็นไหม

1387
01:32:26,221 --> 01:32:30,221
เวลาสร้าง Class

1388
01:32:30,221 --> 01:32:34,221
คลิก New class เลย เห็นไหมคะ ตรง class name นี่

1389
01:32:34,222 --> 01:32:38,222
ใส่อะไรเข้าไป ใส่

1390
01:32:38,224 --> 01:32:42,224

1391
01:32:42,225 --> 01:32:46,225

1392
01:32:46,226 --> 01:32:50,226
เพราะ class นี้จะเป็น class ของไอ้เจ้าอัศวิน

1393
01:32:50,227 --> 01:32:54,227
ของเรานั่นเอง บอกให้รู้ว่า Class ของ

1394
01:32:54,229 --> 01:32:58,229
นะคะ ในนี้ใน

1395
01:32:58,229 --> 01:33:02,229
ส่วนของ Object วัตถุ

1396
01:33:02,229 --> 01:33:06,229
ที่จะใส่เข้าไปมีอะไรบ้างมาดูกัน

1397
01:33:06,230 --> 01:33:10,230
เราจะเรียก... วัตถุของเรา

1398
01:33:10,230 --> 01:33:14,230
ก็จะมี pygame.sprite.sprite

1399
01:33:14,235 --> 01:33:18,235
ตัว Sheet เรานั่นเองนะคะ วัตถุของเรา

1400
01:33:18,234 --> 01:33:22,234
ก็คือจะประกอบด้วย sprite Sheet ของเรา

1401
01:33:22,240 --> 01:33:26,240
sprite ของเรานั่นเอง

1402
01:33:26,242 --> 01:33:30,242
ใส่เลยในวัตถุที่ชื่อ

1403
01:33:30,243 --> 01:33:34,243

1404
01:33:34,244 --> 01:33:38,244
นี่เห็นไหม ใช้ sprite module นะคะ

1405
01:33:38,254 --> 01:33:42,254
แล้วก็ .

1406
01:33:42,256 --> 01:33:46,256

1407
01:33:46,258 --> 01:33:50,258

1408
01:33:50,259 --> 01:33:54,259
sprite class นะคะ

1409
01:33:54,261 --> 01:33:58,261
ใช่ไหม ใช่หรือเปล่า

1410
01:33:58,262 --> 01:34:02,262
เห็นไหมคะ สังเกตตรง Object  นี่

1411
01:34:02,264 --> 01:34:06,264
มันจะมี pygame sprites มันจะมี 2 ตัว

1412
01:34:06,265 --> 01:34:10,265
มันจะมี sprite เล็กที่เป็น module กับ sprite

1413
01:34:10,266 --> 01:34:14,266
เห็นไหม สังเกตว่า ถ้าเป็นชื่อ Class

1414
01:34:14,267 --> 01:34:18,267
ตัวอักษรตัวแรกข

1415
01:34:18,267 --> 01:34:22,267
ของชื่อจะเป็นตัวใหญ่เวลาจะพิมพ์

1416
01:34:22,269 --> 01:34:26,269
Sprite class ต้องพิมพ์ S ตัวใหญ่

1417
01:34:26,270 --> 01:34:30,270
นะคะ ดูใหม่นะคะ ให้ดูใหม่ ตอน

1418
01:34:30,271 --> 01:34:34,271
ระบุ Object ตอนระบุ

1419
01:34:34,277 --> 01:34:38,277
Object ดูดี ๆ นะ

1420
01:34:38,279 --> 01:34:42,279
Object แรก ก็คือ pygame

1421
01:34:42,280 --> 01:34:46,280
.sprite แล้วก็เลือก

1422
01:34:46,280 --> 01:34:50,280
sprite module แล้วก็เลือก

1423
01:34:50,282 --> 01:34:54,282
S ใหญ่ เห็นไหมคะ มันจะขึ้นว่า Sprit

1424
01:34:54,283 --> 01:34:58,283

1425
01:34:58,286 --> 01:35:02,286
เพราะตอนนี้เราจะ...

1426
01:35:02,287 --> 01:35:06,287

1427
01:35:06,288 --> 01:35:10,288
สังเกต

1428
01:35:10,289 --> 01:35:14,289
เห็นไหม

1429
01:35:14,290 --> 01:35:18,290
Class Sprite นี่ ในนี้ไ

1430
01:35:18,293 --> 01:35:22,293
แต่ตัวนี้ คือ โปรแกรม

1431
01:35:22,300 --> 01:35:26,300
pygame

1432
01:35:26,301 --> 01:35:30,301
ชื่อ Sprite มา ก็คือ Class นี้จะไปเรียกใช้งาน

1433
01:35:30,303 --> 01:35:34,303
วัตถุที่เป็น Sprite น่ะ

1434
01:35:34,304 --> 01:35:38,304
มานะคะ โอ.เค. ไหม ในส่วน

1435
01:35:38,305 --> 01:35:42,305
ของ Class นะคะ บรรทัดแรก เสร็

1436
01:35:42,306 --> 01:35:46,306
เสร็จเรียบร้อยแล้ว บรรทัดต่อไป

1437
01:35:46,307 --> 01:35:50,307
บรรทัดต่อไป เว้นลงไปเย๊ะ ๆ

1438
01:35:50,310 --> 01:35:54,310
ได้ Class แล้วนะคะ ได้ชื่อกับ Class

1439
01:35:54,311 --> 01:35:58,311
ในนี้นอกจาก Class

1440
01:35:58,312 --> 01:36:02,312
กับชื่อ Class มันยังมี statement ต่อนะคะ สิ่งที่เราระบุต่อไป

1441
01:36:02,313 --> 01:36:06,313
นะคะ

1442
01:36:06,317 --> 01:36:10,317
method นะคะ method ที่ชื่อว่า

1443
01:36:10,318 --> 01:36:14,318
init ทีนี้เด้ก  ๆ มาดูนะคะ

1444
01:36:14,321 --> 01:36:18,321
ถ้าคำสั่ง definition

1445
01:36:18,322 --> 01:36:22,322
def นี่มันจะเป็นการสร้าสง

1446
01:36:22,323 --> 01:36:26,323
มันจะเป็นการสร้าง Function เมื่อมัน

1447
01:36:26,325 --> 01:36:30,325
เข้ามาอยู่ใน Class มันจะเป็นการสร้าง method

1448
01:36:30,326 --> 01:36:34,326
วิธีที่ให้เห็นความแตกต่างว่าสร้าง function กับสร้าง method

1449
01:36:34,328 --> 01:36:38,328
เป็นอย่างไร เห็นไหมคะ เวลาสร้าง method_init_()

1450
01:36:38,329 --> 01:36:42,329
ใส่ _ ก่อน _ เปิด _ ปิด

1451
01:36:42,335 --> 01:36:46,335
เพื่อบอกให้รู้ว่าสิ่งนี้คือ methoded

1452
01:36:46,336 --> 01:36:50,336
นะคะ ก็คือจะมี _

1453
01:36:50,339 --> 01:36:54,339
และก็ตามด้วยชื่อ Method แล้วก็ตามด้วย

1454
01:36:54,340 --> 01:36:58,340
วงเล็บนะคะ แต่ถ้าเป็น Function น่ะ

1455
01:36:58,342 --> 01:37:02,342
พิมพ์ชื่อใช่ไหม

1456
01:37:02,343 --> 01:37:06,343
def แล้วก็ตามด้วยชื่อเลย จะไม่มีไอ้ 2 ตัวนี้

1457
01:37:06,347 --> 01:37:10,347
ตัวนั้นจะเป็น function จะเป็นคนละแบบ

1458
01:37:10,348 --> 01:37:14,348
มันจะโดนเรียกว่าเป็น method นะคะ ดังนั้น

1459
01:37:14,349 --> 01:37:18,349
Function ที่ชื่อ init นี่

1460
01:37:18,352 --> 01:37:22,352
เป็น function ที่สร้างอัตโนมัตินะคะ

1461
01:37:22,354 --> 01:37:26,354
มันจะโดนเรียกใช้อัตโนมัติ ก็คือทุกครั้งที่

1462
01:37:26,355 --> 01:37:30,355
สร้าง Class นี้ต้องสร้าง Method นี้

1463
01:37:30,356 --> 01:37:34,356
เสมอ จำไว้เลยนะคะ แล้วก็

1464
01:37:34,357 --> 01:37:38,357
มีการเรียกใช้มันเห็นไหม บรรทัดที่ 2 เป็นการเรียกใช้

1465
01:37:38,358 --> 01:37:42,358
โดยใช้คำว่า "super.

1466
01:37:42,362 --> 01:37:46,362
method_init_()

1467
01:37:46,366 --> 01:37:50,366

1468
01:37:50,367 --> 01:37:54,367
ต่อไป

1469
01:37:54,368 --> 01:37:58,368

1470
01:37:58,369 --> 01:38:02,369
เห็นไหมคะ

1471
01:38:02,370 --> 01:38:06,370
โปรแกรมมันจะให้

1472
01:38:06,371 --> 01:38:10,371
ขึ้นไอ้ตัวนี้ขึ้นมาอัตโนมัติเลย

1473
01:38:10,372 --> 01:38:14,372
เห็นไหมคะ สร้างขึ้นมาอัตโนมัติ

1474
01:38:14,373 --> 01:38:18,373
เปลี่ยน ก็คือค่าตรงนี้ ค่าของ super

1475
01:38:18,374 --> 01:38:22,374
เห็นไหมคะ แล้วก็เลือก ClassName

1476
01:38:22,375 --> 01:38:26,375
ตามด้วย ClassName นะคะ แล้วก็ตามด้วยอันนี้ แต่จะยังไม่เรียก

1477
01:38:26,376 --> 01:38:30,376
มาดูกัน

1478
01:38:30,378 --> 01:38:34,378
เห็นไหม

1479
01:38:34,379 --> 01:38:38,379
เดี๋ยว ๆ ลบออกให้ดูก่อน พอสร้างเสร็จปุ๊บน่ะ

1480
01:38:38,381 --> 01:38:42,381
ไอ้ตัวนี้มันขึ้นมาเอง

1481
01:38:42,382 --> 01:38:46,382

1482
01:38:46,384 --> 01:38:50,384

1483
01:38:50,386 --> 01:38:54,386
เห็นไหมครับ พอ

1484
01:38:54,387 --> 01:38:58,387
เราเลือก New Class น่ะเห็นไหม method นี้มันจะขึ้นมา

1485
01:38:58,392 --> 01:39:02,392
ที่เราจะมาแก้ ก็คือตัวนี้

1486
01:39:02,393 --> 01:39:06,393
กับค่าตรงนี้

1487
01:39:06,394 --> 01:39:10,394

1488
01:39:10,395 --> 01:39:14,395

1489
01:39:14,396 --> 01:39:18,396

1490
01:39:18,397 --> 01:39:22,397

1491
01:39:22,401 --> 01:39:26,401
docstring for kinght

1492
01:39:26,404 --> 01:39:30,404
ก็คือกำหนดค่า ตรงนี้นะคะ

1493
01:39:30,406 --> 01:39:34,406
เราแก้ค่าตัวที่ 2 เห็นหรือเปล่า

1494
01:39:34,407 --> 01:39:38,407
ตัวที่ 2 นี่มีตำแหน่งค่ะ เราจะกำหนด

1495
01:39:38,408 --> 01:39:42,408
pos_x pos_y นั่นเองนะคะเด็ก ๆ

1496
01:39:42,410 --> 01:39:46,410

1497
01:39:46,411 --> 01:39:50,411

1498
01:39:50,412 --> 01:39:54,412

1499
01:39:54,414 --> 01:39:58,414

1500
01:39:58,418 --> 01:40:02,418

1501
01:40:02,421 --> 01:40:06,421

1502
01:40:06,423 --> 01:40:10,423
นะคะ

1503
01:40:10,424 --> 01:40:14,424
เพราะพอสร้าง Class นี่ Method

1504
01:40:14,426 --> 01:40:18,426
มันจะขึ้นมาอัตโนมัติ แล้วเรียกอะไร

1505
01:40:18,428 --> 01:40:22,428
ตรง super เห็นไหมคะ

1506
01:40:22,430 --> 01:40:26,430

1507
01:40:26,431 --> 01:40:30,431

1508
01:40:30,432 --> 01:40:34,432
ตรง super นี่เราเอาตรงนี้ออก

1509
01:40:34,435 --> 01:40:38,435
นะคะ ไม่มีค่า ให้เป็นค่าว่างเปล่า

1510
01:40:38,437 --> 01:40:42,437
แล้วตรง self ที่

1511
01:40:42,439 --> 01:40:46,439
เราจะเรียกใช้ Sprite ค่ะ

1512
01:40:46,440 --> 01:40:50,440
sp

1513
01:40:50,441 --> 01:40:54,441
เรียก sprites

1514
01:40:54,441 --> 01:40:58,441
ก้ามปู

1515
01:40:58,443 --> 01:41:02,443
วงเล็บใหญ่น่ะ

1516
01:41:02,446 --> 01:41:06,446
เห็นไหม เรียก sprites ตัวเล็กนะ

1517
01:41:06,447 --> 01:41:10,447
เห็นไหมเรียก sprites

1518
01:41:10,449 --> 01:41:14,449

1519
01:41:14,450 --> 01:41:18,450

1520
01:41:18,451 --> 01:41:22,451

1521
01:41:22,453 --> 01:41:26,453

1522
01:41:26,455 --> 01:41:30,455

1523
01:41:30,456 --> 01:41:34,456

1524
01:41:34,457 --> 01:41:38,457
sprites ที่เราใช้ es

1525
01:41:38,458 --> 01:41:42,458
นี่นะคะ เราจะเรียก sprites

1526
01:41:42,459 --> 01:41:46,459
มาแทนนะคะ ดูดี ๆ นะ sprites นี้นะคะ

1527
01:41:46,460 --> 01:41:50,460
Sprites

1528
01:41:50,462 --> 01:41:54,462
มี es นะคะ มี es เติมมา

1529
01:41:54,462 --> 01:41:58,462
นี่ คนละตัวกับ...

1530
01:41:58,463 --> 01:42:02,463

1531
01:42:02,464 --> 01:42:06,464
นะคะ

1532
01:42:06,466 --> 01:42:10,466
ต่อไป

1533
01:42:10,467 --> 01:42:14,467
ก็คือพอเสร็จแล้วนี่ ตรงส่วน

1534
01:42:14,469 --> 01:42:18,469
นี้ คือ เราจะโหลดน่ะ คำสั่ง self

1535
01:42:18,470 --> 01:42:22,470
ที่ชื่อ Sprites ก็คือค่าว่างของ

1536
01:42:22,471 --> 01:42:26,471
ค่าเริ่มต้นของการโหลด sprites นี่ คือ ค่าว่าง

1537
01:42:26,473 --> 01:42:30,473
ก็คือไม่มีค่า เสร็จแล้วก็มาโหลดนะคะ

1538
01:42:30,491 --> 01:42:34,491
self.sprites.aooend

1539
01:42:34,493 --> 01:42:38,493
นะคะ pygame.load แล้วก็

1540
01:42:38,495 --> 01:42:42,495
ตามด้วยชื่อภาพ มาดูกัน มาดูบรรทัดนี้กันนะคะ

1541
01:42:42,496 --> 01:42:46,496

1542
01:42:46,497 --> 01:42:50,497

1543
01:42:50,498 --> 01:42:54,498

1544
01:42:54,502 --> 01:42:58,502
เลือก self นี่นะคะ

1545
01:42:58,503 --> 01:43:02,503
.

1546
01:43:02,504 --> 01:43:06,504
เลือก statements sprites

1547
01:43:06,505 --> 01:43:10,505
นะคะ

1548
01:43:10,508 --> 01:43:14,508
บรรทัดที่ 2

1549
01:43:14,509 --> 01:43:18,509
.apnet

1550
01:43:18,511 --> 01:43:22,511
แล้วก็ตามด้วยวงเล็บ

1551
01:43:22,513 --> 01:43:26,513
วงเล็บ 2 ครั้งนะคะ

1552
01:43:26,514 --> 01:43:30,514
จัดได้แล้ว

1553
01:43:30,515 --> 01:43:34,515
.

1554
01:43:34,516 --> 01:43:38,516
append function

1555
01:43:38,517 --> 01:43:42,517
ซ้อนกัน

1556
01:43:42,518 --> 01:43:46,518

1557
01:43:46,519 --> 01:43:50,519
ตามด้วย

1558
01:43:50,520 --> 01:43:54,520
.image ค่ะ image

1559
01:43:54,522 --> 01:43:58,522
module นะคะ แล้วก็ .load เพราะบอกแล้ว

1560
01:43:58,524 --> 01:44:02,524
เราจะไปโหลดรูป load function

1561
01:44:02,526 --> 01:44:06,526
ขอโทษ ๆ

1562
01:44:06,528 --> 01:44:10,528
เดี๋ยว ๆ ใส่วงเล็บเกินเอาใหม่

1563
01:44:10,529 --> 01:44:14,529
appain Function

1564
01:44:14,531 --> 01:44:18,531
แล้วก็เรียกใช้ module pygame

1565
01:44:18,532 --> 01:44:22,532
.image module

1566
01:44:22,533 --> 01:44:26,533
แล้วก็ .load

1567
01:44:26,534 --> 01:44:30,534
load Function เพราะฉะนั้น ใส่วงเล็บ

1568
01:44:30,535 --> 01:44:34,535
อันนี้ถูกแล้ว

1569
01:44:34,537 --> 01:44:38,537
ใน function load

1570
01:44:38,539 --> 01:44:42,539
ใส่ singel quort

1571
01:44:42,540 --> 01:44:46,540
เพื่อไม่ให้ Copy File ผิดใช่ไหมคะ

1572
01:44:46,543 --> 01:44:50,543
เราก็ไปเปิดไฟล์ของเรา

1573
01:44:50,544 --> 01:44:54,544
ไม่ใช่ตัวนี้นะ ไฟล์ที่เราเซฟไว้

1574
01:44:54,548 --> 01:44:58,548
นี่ตัวแรกเลย ก็คืออะไรคะ

1575
01:44:58,549 --> 01:45:02,549
Properties

1576
01:45:02,550 --> 01:45:06,550
Run1 Copy

1577
01:45:06,551 --> 01:45:10,551
ตัดปัญหาไม่ให้พิมพ์ชื่อไฟล์ผิด

1578
01:45:10,552 --> 01:45:14,552
เสร็จแล้วเด็ก ๆ

1579
01:45:14,553 --> 01:45:18,553
เนื่องจากมันมี 10 รูปใช่ไหมคะ

1580
01:45:18,553 --> 01:45:22,553
ก๊อบ(ปี้) ค่ะ แล้ววางไปให้ครบ 10 ครั้ง

1581
01:45:22,554 --> 01:45:26,554

1582
01:45:26,555 --> 01:45:30,555

1583
01:45:30,557 --> 01:45:34,557
3, 4, 5,

1584
01:45:34,558 --> 01:45:38,558
6, 7, 8, 9,

1585
01:45:38,560 --> 01:45:42,560
10 10 ใช่ไหม

1586
01:45:42,561 --> 01:45:46,561
เราก็มาเปลี่ยนแค่ตัวเลข 2,

1587
01:45:46,562 --> 01:45:50,562
3,

1588
01:45:50,564 --> 01:45:54,564
4 ถูกไหม เพราะรูป

1589
01:45:54,568 --> 01:45:58,568
เราตั้งชื่อให้มันเรียงตามลำดับแล้ว

1590
01:45:58,569 --> 01:46:02,569
เพราะฉะนั้นเราก็มา copy เรียงกันให้ได้ 1

1591
01:46:02,571 --> 01:46:06,571
6, 7,

1592
01:46:06,572 --> 01:46:10,572
8,

1593
01:46:10,574 --> 01:46:14,574
9, 10

1594
01:46:14,575 --> 01:46:18,575
ของเราครบ 10 แล้วนะครับ

1595
01:46:18,576 --> 01:46:22,576
ก็คือบอกให้ไปโหลดภาพ

1596
01:46:22,577 --> 01:46:26,577
sprites ของเรานั่นเองมานะคะ

1597
01:46:26,578 --> 01:46:30,578
เรามี 10 รูป เราก็โหลด 10 รูป เรามี

1598
01:46:30,580 --> 01:46:34,580
11 รูป โอ.เค. ไหมครบไหม

1599
01:46:34,581 --> 01:46:38,581
เช็กชื่อรูปด้วยนะ

1600
01:46:38,582 --> 01:46:42,582
ว่าตรงกันไหม

1601
01:46:42,588 --> 01:46:46,588
เซฟไว้ถูกที่แล้วนะ รอบนี้ไม่ขึ้น

1602
01:46:46,589 --> 01:46:50,589
นะ

1603
01:46:50,590 --> 01:46:54,590
หยุด Stop Stop

1604
01:46:54,592 --> 01:46:58,592
ชื่อตรงนี้เปิดโฟลเดอร์ ให้

1605
01:46:58,593 --> 01:47:02,593
เปิด Folder ๆ Folder

1606
01:47:02,595 --> 01:47:06,595
ตัวเอง อย่ามาเอาชื่อเหมือนแม่สิ ตัวเองตั้งชื่อเหมือนแม่หรือ

1607
01:47:06,596 --> 01:47:10,596
เปล่า นึกออกไหม เออ ชื่อไฟล์

1608
01:47:10,597 --> 01:47:14,597
รูปตัวเองน่ะ เข้าใจหรือยัง เดี๋ยวก็

1609
01:47:14,598 --> 01:47:18,598
ทำไมโหลดไม่ได้ ไม่ใช่นะคะ ตัวเองอีกชื่อหนึ่ ง

1610
01:47:18,601 --> 01:47:22,601
เพราะฉะนั้น ช่วยเช็กชื่อด้วย ตัวเอง

1611
01:47:22,602 --> 01:47:26,602
ก็เปิดโฟลเดอร์ตัวเอง แล้วดูชื่อรูแตัวเอง

1612
01:47:26,603 --> 01:47:30,603
แล้วก็ก๊อบฯ มาวาง 1 อัน แล้วค่อยมา Run เลขใหม่

1613
01:47:30,609 --> 01:47:34,609
เข้าใจไหม อะตอม

1614
01:47:34,610 --> 01:47:38,610
เสร็จหรือยัง ครามเสร็จหรือยัง เสร็จแล้ว

1615
01:47:38,612 --> 01:47:42,612
โอ.เค. เหลือ 2 สาว

1616
01:47:42,612 --> 01:47:46,612

1617
01:47:46,613 --> 01:47:50,613

1618
01:47:50,615 --> 01:47:54,615

1619
01:47:54,617 --> 01:47:58,617

1620
01:47:58,618 --> 01:48:02,618

1621
01:48:02,621 --> 01:48:06,621

1622
01:48:06,623 --> 01:48:10,623

1623
01:48:10,625 --> 01:48:14,625

1624
01:48:14,627 --> 01:48:18,627

1625
01:48:18,630 --> 01:48:22,630

1626
01:48:22,633 --> 01:48:26,633

1627
01:48:26,635 --> 01:48:30,635

1628
01:48:30,637 --> 01:48:34,637

1629
01:48:34,638 --> 01:48:38,638

1630
01:48:38,640 --> 01:48:42,640

1631
01:48:42,641 --> 01:48:46,641

1632
01:48:46,643 --> 01:48:50,643

1633
01:48:50,644 --> 01:48:54,644

1634
01:48:54,645 --> 01:48:58,645

1635
01:48:58,647 --> 01:49:02,647

1636
01:49:02,648 --> 01:49:06,648

1637
01:49:06,653 --> 01:49:10,653

1638
01:49:10,655 --> 01:49:14,655

1639
01:49:14,657 --> 01:49:18,657

1640
01:49:18,659 --> 01:49:22,659

1641
01:49:22,661 --> 01:49:26,661

1642
01:49:26,664 --> 01:49:30,664
อย่าลืมนะคะ พอได้ภาพที่ 1 แล้ว copy ไป

1643
01:49:30,666 --> 01:49:34,666
จนถึง 10 รูปน่ะ แล้วก็แก้เลข

1644
01:49:34,668 --> 01:49:38,668
โอ.เค.

1645
01:49:38,669 --> 01:49:42,669

1646
01:49:42,671 --> 01:49:46,671

1647
01:49:46,673 --> 01:49:50,673

1648
01:49:50,676 --> 01:49:54,676

1649
01:49:54,678 --> 01:49:58,678

1650
01:49:58,680 --> 01:50:02,680

1651
01:50:02,682 --> 01:50:06,682

1652
01:50:06,683 --> 01:50:10,683

1653
01:50:10,686 --> 01:50:14,686

1654
01:50:14,687 --> 01:50:18,687

1655
01:50:18,689 --> 01:50:22,689

1656
01:50:22,691 --> 01:50:26,691

1657
01:50:26,693 --> 01:50:30,693

1658
01:50:30,695 --> 01:50:34,695

1659
01:50:34,697 --> 01:50:38,697

1660
01:50:38,699 --> 01:50:42,699

1661
01:50:42,702 --> 01:50:46,702

1662
01:50:46,704 --> 01:50:50,704

1663
01:50:50,705 --> 01:50:54,705

1664
01:50:54,706 --> 01:50:58,706

1665
01:50:58,709 --> 01:51:02,709

1666
01:51:02,713 --> 01:51:06,713

1667
01:51:06,714 --> 01:51:10,714

1668
01:51:10,716 --> 01:51:14,716
ใครที่

1669
01:51:14,718 --> 01:51:18,718
มีรูปครบตามจำนวนตัวเองแล้วนะคะ สิ่ง

1670
01:51:18,719 --> 01:51:22,719
ที่จะต้องเขียนต่อมา ก็คือ

1671
01:51:22,720 --> 01:51:26,720
เราจะสร้าง สั่งให้มันสร้างการเคลื่อนไหวนั่นเอง

1672
01:51:26,722 --> 01:51:30,722
สร้าง Animation นะคะ เริ่มต่อจาก

1673
01:51:30,723 --> 01:51:34,723
ภาพที่ 10 เดี๋ยวรอแป๊บหนึ่ง รอ

1674
01:51:34,723 --> 01:51:38,723
ใคร...

1675
01:51:38,725 --> 01:51:42,725

1676
01:51:42,726 --> 01:51:46,726

1677
01:51:46,727 --> 01:51:50,727

1678
01:51:50,729 --> 01:51:54,729

1679
01:51:54,730 --> 01:51:58,730

1680
01:51:58,733 --> 01:52:02,733

1681
01:52:02,736 --> 01:52:06,736

1682
01:52:06,738 --> 01:52:10,738

1683
01:52:10,739 --> 01:52:14,739

1684
01:52:14,740 --> 01:52:18,740

1685
01:52:18,743 --> 01:52:22,743

1686
01:52:22,746 --> 01:52:26,746

1687
01:52:26,748 --> 01:52:30,748

1688
01:52:30,749 --> 01:52:34,749

1689
01:52:34,751 --> 01:52:38,751

1690
01:52:38,753 --> 01:52:42,753

1691
01:52:42,755 --> 01:52:46,755

1692
01:52:46,756 --> 01:52:50,756

1693
01:52:50,756 --> 01:52:54,756
ถ้า

1694
01:52:54,758 --> 01:52:58,758
โหลดภาพน่ะ

1695
01:52:58,759 --> 01:53:02,759
ต้องมีชื่อไฟล์ แล้วก็นามสกุลมันด้วยนะ

1696
01:53:02,761 --> 01:53:06,761
.png ทั้งหมด เพราะตัวนี้เป็นไฟล์ Animation

1697
01:53:06,762 --> 01:53:10,762
เราจะทำเป็น Animation

1698
01:53:10,763 --> 01:53:14,763

1699
01:53:14,765 --> 01:53:18,765

1700
01:53:18,766 --> 01:53:22,766

1701
01:53:22,769 --> 01:53:26,769

1702
01:53:26,771 --> 01:53:30,771

1703
01:53:30,772 --> 01:53:34,772

1704
01:53:34,774 --> 01:53:38,774

1705
01:53:38,777 --> 01:53:42,777

1706
01:53:42,779 --> 01:53:46,779

1707
01:53:46,780 --> 01:53:50,780

1708
01:53:50,782 --> 01:53:54,782

1709
01:53:54,784 --> 01:53:58,784

1710
01:53:58,786 --> 01:54:02,786

1711
01:54:02,788 --> 01:54:06,788

1712
01:54:06,791 --> 01:54:10,791

1713
01:54:10,792 --> 01:54:14,792

1714
01:54:14,796 --> 01:54:18,796

1715
01:54:18,797 --> 01:54:22,797

1716
01:54:22,799 --> 01:54:26,799

1717
01:54:26,801 --> 01:54:30,801

1718
01:54:30,803 --> 01:54:34,803

1719
01:54:34,806 --> 01:54:38,806

1720
01:54:38,807 --> 01:54:42,807
เหมือนเสร็จ

1721
01:54:42,810 --> 01:54:46,810
โหลดภาพเสร็จหมดทุกคนแล้วนะคะ

1722
01:54:46,811 --> 01:54:50,811
สร้าง ก็คือ

1723
01:54:50,813 --> 01:54:54,813
ให้มันกำหนด เหมือน

1724
01:54:54,813 --> 01:54:58,813
การเคลื่อนไหวน่ะ ก็คือสร้างการเคลื่อนไหวให้มันนะคะ

1725
01:54:58,815 --> 01:55:02,815
คำสั่ง self เหมือน

1726
01:55:02,817 --> 01:55:06,817
มี self อะไรบ้าง

1727
01:55:06,819 --> 01:55:10,819
self.current = 0

1728
01:55:10,820 --> 01:55:14,820

1729
01:55:14,822 --> 01:55:18,822

1730
01:55:18,823 --> 01:55:22,823
มันจะอยู่นี่นะคะ พิมพ์ self เลือก

1731
01:55:22,824 --> 01:55:26,824
self

1732
01:55:26,824 --> 01:55:30,824
เลือก self นี่นะคะ

1733
01:55:30,825 --> 01:55:34,825
.sprites

1734
01:55:34,826 --> 01:55:38,826
เพราะเราชื่อเดียวกันเลย

1735
01:55:38,830 --> 01:55:42,830
นะคะ Statements

1736
01:55:42,831 --> 01:55:46,831
ตัวแปร sprite เรานั่นล่ะ

1737
01:55:46,833 --> 01:55:50,833
อ๋อ กำหนด

1738
01:55:50,834 --> 01:55:54,834
ค่าปัจจบันให้ sprites

1739
01:55:54,836 --> 01:55:58,836

1740
01:55:58,837 --> 01:56:02,837
self

1741
01:56:02,838 --> 01:56:06,838
.current

1742
01:56:06,840 --> 01:56:10,840
_sprite =

1743
01:56:10,841 --> 01:56:14,841
= 0 มีค่าเท่ากับ 0

1744
01:56:14,842 --> 01:56:18,842
ก็คือค่าของไอ้ตัวนี้

1745
01:56:18,843 --> 01:56:22,843
ค่าเริ่มต้นนี่มันจะต้องเป็น 0

1746
01:56:22,844 --> 01:56:26,844
ต่อมากำหนดเห็นไหมคะ

1747
01:56:26,846 --> 01:56:30,846
กำหนด เห็นไหมคะ ให้ images นี่ เท่ากับ

1748
01:56:30,852 --> 01:56:34,852
current_sprite นั่นเอง

1749
01:56:34,854 --> 01:56:38,854
self.image นี่

1750
01:56:38,855 --> 01:56:42,855
self.current_sprit

1751
01:56:42,856 --> 01:56:46,856
นะคะ ส่วนตัว Rect นี่

1752
01:56:46,857 --> 01:56:50,857
มาจาก rect หรือสี่เหลี่ยม

1753
01:56:50,858 --> 01:56:54,858
จะเป็นตัวพิกัดน่ะ พิกัด

1754
01:56:54,859 --> 01:56:58,859
ของตัวทำ... คือ ทำรูป

1755
01:56:58,861 --> 01:57:02,861
แล้วเรายังทำพื้นที่ที่จะให้

1756
01:57:02,861 --> 01:57:06,861
ไอ้รูปของเราน่ะมันเคลื่อนไหวนะคะ

1757
01:57:06,863 --> 01:57:10,863
ก็คือพิกัดของมันน่ะ

1758
01:57:10,864 --> 01:57:14,864
ก็คือ วาดเป็นลักษณะ 4 เหลี่ยม

1759
01:57:14,866 --> 01:57:18,866
นะคะ พื้นที่ของตัว Animation

1760
01:57:18,867 --> 01:57:22,867
เรานั่นเองนะคะ เพราะอยู่ ๆ

1761
01:57:22,868 --> 01:57:26,868
Animation มันไม่เคลื่อนไปเองแน่ ถ้าไม่กำหนดเขต

1762
01:57:26,870 --> 01:57:30,870
ให้มันนะคะ self เหมือน

1763
01:57:30,873 --> 01:57:34,873
เดิมขึ้นด้วย Self

1764
01:57:34,874 --> 01:57:38,874
.

1765
01:57:38,874 --> 01:57:42,874
image นะคะ .image

1766
01:57:42,876 --> 01:57:46,876
=

1767
01:57:46,877 --> 01:57:50,877
self

1768
01:57:50,878 --> 01:57:54,878
.sprites นะคะ sprites statements

1769
01:57:54,880 --> 01:57:58,880
Statement แล้วก็

1770
01:57:58,881 --> 01:58:02,881
ปีกกาใหญ่ กดผิด ๆ

1771
01:58:02,882 --> 01:58:06,882
ไม่ใช่ปีกกา

1772
01:58:06,883 --> 01:58:10,883
ก้ามปูเป็น self

1773
01:58:10,884 --> 01:58:14,884
เป็น

1774
01:58:14,885 --> 01:58:18,885
current current_sprite

1775
01:58:18,887 --> 01:58:22,887
โอ.เค. บรรทัดที่ 2 นะคะ

1776
01:58:22,889 --> 01:58:26,889
ก็คือระบุภาพเรานี่ มันจะต้อง

1777
01:58:26,890 --> 01:58:30,890
เป็นแบบนี้นะคะ อยู่ตำแหน่ง

1778
01:58:30,892 --> 01:58:34,892
current_sprite

1779
01:58:34,893 --> 01:58:38,893
ถูกต้องไหม

1780
01:58:38,894 --> 01:58:42,894
เห็นไหมคะ self.sprites

1781
01:58:42,897 --> 01:58:46,897
ใส่ self ด้วย ขาดไป 1 ประโยค

1782
01:58:46,900 --> 01:58:50,900

1783
01:58:50,903 --> 01:58:54,903

1784
01:58:54,904 --> 01:58:58,904

1785
01:58:58,906 --> 01:59:02,906

1786
01:59:02,908 --> 01:59:06,908
โอ.เค. นะคะ

1787
01:59:06,911 --> 01:59:10,911
คือใน Class นี่

1788
01:59:10,911 --> 01:59:14,911
มันจะมีไอ้ตัวนี้ ไอ้ตัว self

1789
01:59:14,913 --> 01:59:18,913
แค่นั้นเอง ต้องใส่ พอเวลาเราจะเรียก

1790
01:59:18,914 --> 01:59:22,914
ใช้งานมันจะต้องมีตัวนี้นะคะ

1791
01:59:22,915 --> 01:59:26,915
บรรทัดต่อไประบุ image แล้ว

1792
01:59:26,916 --> 01:59:30,916
ต่อไประบุอะไร ระบุพิกัด

1793
01:59:30,919 --> 01:59:34,919
ก็คือ self.rect

1794
01:59:34,920 --> 01:59:38,920
tanbl

1795
01:59:38,920 --> 01:59:42,920
=

1796
01:59:42,922 --> 01:59:46,922
self.image.get_rect()

1797
01:59:46,924 --> 01:59:50,924
.get_

1798
01:59:50,925 --> 01:59:54,925
= self.image

1799
01:59:54,928 --> 01:59:58,928
ตัวบนนี่

1800
01:59:58,929 --> 02:00:02,929

1801
02:00:02,931 --> 02:00:06,931

1802
02:00:06,932 --> 02:00:10,932

1803
02:00:10,934 --> 02:00:14,934

1804
02:00:14,936 --> 02:00:18,936

1805
02:00:18,940 --> 02:00:22,940
.get get

1806
02:00:22,941 --> 02:00:26,941
เอ่ย เก็ทอะไรครับ

1807
02:00:26,946 --> 02:00:30,946
get อะไร ๆ ๆ

1808
02:00:30,948 --> 02:00:34,948
get_rect()

1809
02:00:34,949 --> 02:00:38,949
get เล็กนะคะ get

1810
02:00:38,950 --> 02:00:42,950
เรียกใช้ รับค่าให้มันรับค่า

1811
02:00:42,951 --> 02:00:46,951
get_rec ขึ้นไหม r

1812
02:00:46,952 --> 02:00:50,952
ตัวเดียวน่าจะขึ้นแล้ว เรียกใช้ function

1813
02:00:50,954 --> 02:00:54,954
get_rect()

1814
02:00:54,955 --> 02:00:58,955
นะคะ

1815
02:00:58,957 --> 02:01:02,957
ก็คือขอบเขตนี่

1816
02:01:02,958 --> 02:01:06,958

1817
02:01:06,959 --> 02:01:10,959
ตำแหน่ง เห็นไหมคะ

1818
02:01:10,960 --> 02:01:14,960
บนซ้าย สร้าง

1819
02:01:14,962 --> 02:01:18,962
ตัว rectangle นี่ ตั้งแต่

1820
02:01:18,963 --> 02:01:22,963
บนซ้ายมีค่าเท่ากับ pos_x, pos_y

1821
02:01:22,967 --> 02:01:26,967

1822
02:01:26,969 --> 02:01:30,969

1823
02:01:30,971 --> 02:01:34,971
self เหมือนเดิม .rec

1824
02:01:34,972 --> 02:01:38,972

1825
02:01:38,974 --> 02:01:42,974
self.e

1826
02:01:42,976 --> 02:01:46,976
ไปต่อ .topleft นะคะ

1827
02:01:46,978 --> 02:01:50,978
.topleft นะคะ .topleft ก็คือตำแหน่ง

1828
02:01:50,979 --> 02:01:54,979
.topleft เห็นไหมคะ topleft

1829
02:01:54,982 --> 02:01:58,982
topleft =

1830
02:01:58,983 --> 02:02:02,983
เริ่มที่ซ้ายบนสุด บนสุดซ้าย

1831
02:02:02,984 --> 02:02:06,984
topleft แล้วก็ =

1832
02:02:06,985 --> 02:02:10,985

1833
02:02:10,987 --> 02:02:14,987
[pos_x

1834
02:02:14,989 --> 02:02:18,989
อะไรคะ pos_y ใช่ไหมคะ

1835
02:02:18,990 --> 02:02:22,990
ลืมอะไรหรือเปล่า ทำไม

1836
02:02:22,991 --> 02:02:26,991
อ๋อ ลืมใส่ก้ามปูเข้าไปให้

1837
02:02:26,993 --> 02:02:30,993
=

1838
02:02:30,994 --> 02:02:34,994
ต้องใส่ก้ามปูเข้าไปด้วย

1839
02:02:35,001 --> 02:02:39,001
เอาใหม่ ๆ ก้ามปูนะคะ ก้า

1840
02:02:39,002 --> 02:02:43,002
แล้วก็ตามด้วย

1841
02:02:43,004 --> 02:02:47,004
pos_x,

1842
02:02:47,005 --> 02:02:51,005
pos_y เห็นไหมคะ

1843
02:02:51,007 --> 02:02:55,007
สังเกต pos_x pos_y จะเปลี่ยนชื่อ

1844
02:02:55,008 --> 02:02:59,008
เป็นตัวนี้

1845
02:02:59,009 --> 02:03:03,009
ดูดี ๆ เห็นไหม

1846
02:03:03,011 --> 02:03:07,011
นี่ parum นี่ parum

1847
02:03:07,013 --> 02:03:11,013
เพราะอะไร เพราะนี่มันอยู่ตรงนี้นี่ ตรง

1848
02:03:11,014 --> 02:03:15,014
ค่านี้เห็นไหม ตรงการกำหนดตรงนี้เห็นไหมคะ

1849
02:03:15,016 --> 02:03:19,016
ก็คือตัวนี้ตัวเดียวกัน

1850
02:03:19,017 --> 02:03:23,017
มันจะไปเรียกใช้มาแล้ว

1851
02:03:23,018 --> 02:03:27,018
ได้ส่วนของโหลดรูปมาแล้ว

1852
02:03:27,020 --> 02:03:31,020
กำหนดพื้นที่ที่มันจะเคลื่อนไหว แล้วก็สร้างพื้นที่ให้มันเคลื่อนไหว

1853
02:03:31,022 --> 02:03:35,022
แล้วก็สั่งค่าเริ่มต้นของ

1854
02:03:35,023 --> 02:03:39,023
มันแล้วสิ่งที่จะทำต่อไปนะคะ

1855
02:03:39,024 --> 02:03:43,024

1856
02:03:43,025 --> 02:03:47,025
นี่

1857
02:03:47,027 --> 02:03:51,027
สร้างตัว sprites

1858
02:03:51,028 --> 02:03:55,028
ก็คือ กำหนดค่า

1859
02:03:55,030 --> 02:03:59,030
ให้การเคลื่อนไหวน่ะ เสร็จแล้วก็ Group รูป

1860
02:03:59,031 --> 02:04:03,031
เพราะรูปมันเยอะใช่หรือเปล่า ให้ดูตรงชื่อนะคะ

1861
02:04:03,033 --> 02:04:07,033
ชื่อตรงนี้ ตัวแปรนี่เห็นไหมคะ

1862
02:04:07,034 --> 02:04:11,034
ตัวนี้ คือ ชื่อ Class เราให้มันตรงกับชื่อ

1863
02:04:11,035 --> 02:04:15,035
Class ที่สร้าง ชื่อตรงนี้

1864
02:04:15,037 --> 02:04:19,037
คือ ชื่อ Class ของเรา ชื่อตัวแปร

1865
02:04:19,038 --> 02:04:23,038
กับชื่อ Class ใช้เหมือนกันก็ได้

1866
02:04:23,043 --> 02:04:27,043
เพราะ Class นี้ คือ Class ของตัวการ์ตูนที่เราจะเอามา

1867
02:04:27,044 --> 02:04:31,044
ทำให้มันเคลื่อนไหวนะคะ

1868
02:04:31,046 --> 02:04:35,046

1869
02:04:35,048 --> 02:04:39,048
อันนี้คือค่าตำแหน่งที่จะวางไอ้รูปนั้นน่ะ

1870
02:04:39,049 --> 02:04:43,049
วางรูปนะคะ เขาก็เลยบอกว่า

1871
02:04:43,051 --> 02:04:47,051
เอา Sprites นี่ไปไว้ที่ไหน

1872
02:04:47,053 --> 02:04:51,053
นะคะ ระบุตำแหน่งรูป มาดูกัน

1873
02:04:51,054 --> 02:04:55,054
ตัวนี้จะอยู่เอาไว้ต่อจาก

1874
02:04:55,056 --> 02:04:59,056
loop while นะค

1875
02:04:59,057 --> 02:05:03,057
ก็คือจากหลาย ๆ ภาพนี่

1876
02:05:03,060 --> 02:05:07,060
ให้มัน Groups ภาพเข้าไป เป็น fun

1877
02:05:07,062 --> 02:05:11,062
นั่นเองนะคะ

1878
02:05:11,063 --> 02:05:15,063

1879
02:05:15,065 --> 02:05:19,065

1880
02:05:19,066 --> 02:05:23,066
เอามาไว้ตรงนี้นะคะ

1881
02:05:23,069 --> 02:05:27,069

1882
02:05:27,070 --> 02:05:31,070

1883
02:05:31,071 --> 02:05:35,071

1884
02:05:35,074 --> 02:05:39,074

1885
02:05:39,079 --> 02:05:43,079
แปลเป็นไทน

1886
02:05:43,085 --> 02:05:47,085

1887
02:05:47,088 --> 02:05:51,088

1888
02:05:51,089 --> 02:05:55,089

1889
02:05:55,090 --> 02:05:59,090
ก็คือตรงนี้

1890
02:05:59,091 --> 02:06:03,091
เราจะสร้างตัวที่ให้มันสร้างภาพไปต่อเนื่อง

1891
02:06:03,093 --> 02:06:07,093
รวมให้มัน คือ ไม่ให้ภาพมันแตกออกน่ะ

1892
02:06:07,095 --> 02:06:11,095
นึกออกนะ คือ ภาพ 1, 2, 3, 4 นี่

1893
02:06:11,097 --> 02:06:15,097
รวม เรียงไปแล้ว แต่มันเข้ามาเป็นภาพ

1894
02:06:15,098 --> 02:06:19,098
แล้วก็รวมภาพนะคะ

1895
02:06:19,099 --> 02:06:23,099
คำสั่งที่ใช้ ก็คือ

1896
02:06:23,100 --> 02:06:27,100
move สร้างตัวแปร moving

1897
02:06:27,101 --> 02:06:31,101
= pygame.sprite.Gor

1898
02:06:31,103 --> 02:06:35,103
ใช้ function นี้

1899
02:06:35,104 --> 02:06:39,104
สร้างตัวแปรชื่อว่า moving

1900
02:06:39,106 --> 02:06:43,106

1901
02:06:43,107 --> 02:06:47,107
ไม่อยากพิมพ์ยาว move

1902
02:06:47,109 --> 02:06:51,109
ก็เลย Move_sprites

1903
02:06:51,111 --> 02:06:55,111
ตัวแปรของเรานะคะ

1904
02:06:55,113 --> 02:06:59,113
เท่ากับ

1905
02:06:59,118 --> 02:07:03,118

1906
02:07:03,120 --> 02:07:07,120
Move_sprites

1907
02:07:07,123 --> 02:07:11,123
.group เรียก module แล้วก็

1908
02:07:11,124 --> 02:07:15,124
function Group() มาใช้งานนะคะ

1909
02:07:15,125 --> 02:07:19,125
= module pygame.

1910
02:07:19,126 --> 02:07:23,126
. sprites เรียก module

1911
02:07:23,127 --> 02:07:27,127
sprites มาใช้แล้วก็เรียก function Group

1912
02:07:27,128 --> 02:07:31,128
Group ตัวใหญ่

1913
02:07:31,130 --> 02:07:35,130
อ๋อ เรียก Class Group

1914
02:07:35,131 --> 02:07:39,131
มาใช้ ไม่ได้เรียก Function

1915
02:07:39,132 --> 02:07:43,132
Class ที่ชื่อ Group

1916
02:07:43,133 --> 02:07:47,133
มือไวไปหน่อย

1917
02:07:47,134 --> 02:07:51,134
เห็นไหมคะ เห็นไหม Gropu

1918
02:07:51,135 --> 02:07:55,135
Class ที่เราไม่ได้สร้างไว้ แต่เป็น Module ที่

1919
02:07:55,138 --> 02:07:59,138
pygame มันสร้างไว้แล้วน่ะ เราก็ไปเรียกใช้ได้เลย

1920
02:07:59,141 --> 02:08:03,141
นะคะ ไม่ต้องไปสร้างใหม่ เห็นไหม ก็คือ

1921
02:08:03,142 --> 02:08:07,142
ที่บอกไง มันลดการซ้ำซ้อน

1922
02:08:07,147 --> 02:08:11,147
พอเขียนโปรแกรมใหม่ก็ไปสร้างใหม่เห็นไหม

1923
02:08:11,151 --> 02:08:15,151
นะคะ แล้วก็ตามด้วยชื่อตัวแปร

1924
02:08:15,153 --> 02:08:19,153
ตัวการ์ตูนของเรา แล้วก็เรียก Class ตัวการ์ตูนนั้นมานะคะ

1925
02:08:19,154 --> 02:08:23,154

1926
02:08:23,155 --> 02:08:27,155
ตามด้วย Knight K

1927
02:08:27,156 --> 02:08:31,156

1928
02:08:31,160 --> 02:08:35,160

1929
02:08:35,165 --> 02:08:39,165

1930
02:08:39,168 --> 02:08:43,168
แล้วก็เรียก

1931
02:08:43,170 --> 02:08:47,170
Class เห็นไหมคะ เรียก Class ที่เราสร้าง

1932
02:08:47,171 --> 02:08:51,171
แล้วก็ตามด้วย... เห็นไหมคะ

1933
02:08:51,172 --> 02:08:55,172
มันจะบอกเลย

1934
02:08:55,175 --> 02:08:59,175
Knight นี่ตามด้วย pos_x pos_y แ

1935
02:08:59,175 --> 02:09:03,175
pos_x แล้วก็

1936
02:09:03,176 --> 02:09:07,176
pos_y ให้มันไว้ที่ (10,10๗

1937
02:09:07,176 --> 02:09:11,176

1938
02:09:11,179 --> 02:09:15,179
แล้วก็ทำตัวแปร Move อีก

1939
02:09:15,180 --> 02:09:19,180
move

1940
02:09:19,181 --> 02:09:23,181
sprites เหมือนเดิมไหม sprites

1941
02:09:23,182 --> 02:09:27,182
แล้ว add เข้าไปตัวแปร

1942
02:09:27,183 --> 02:09:31,183
รูปเรานะคะ

1943
02:09:31,184 --> 02:09:35,184
move_sprites.

1944
02:09:35,185 --> 02:09:39,185
.add function

1945
02:09:39,186 --> 02:09:43,186
add function นะคะ

1946
02:09:43,187 --> 02:09:47,187
ใน Knight k เล็ก knight

1947
02:09:47,188 --> 02:09:51,188
statement

1948
02:09:51,190 --> 02:09:55,190
ดูดี ๆ นะคะ ชื่อนี่

1949
02:09:55,192 --> 02:09:59,192
คือตัวแปร ชื่อ

1950
02:09:59,193 --> 02:10:03,193
ตัวนี้ คือ class ที่เราสร้างไว้ข้างบน

1951
02:10:03,194 --> 02:10:07,194
ตรงนี้เลื่อนขึ้นไปให้ดูนี่

1952
02:10:07,197 --> 02:10:11,197
เด็ก ๆ ไปดู Class ตัวเองตั้งชื่ออะไร

1953
02:10:11,198 --> 02:10:15,198
เข้าใจนะ Class ตัวเองฃ

1954
02:10:15,199 --> 02:10:19,199
ตัวเองชื่ออะไร ตอนมาเรียกใช้

1955
02:10:19,200 --> 02:10:23,200
ก็ต้องเรียกใช้ชื่อให้มันตรงกันนะคะ

1956
02:10:23,201 --> 02:10:27,201
นะคะ

1957
02:10:27,202 --> 02:10:31,202
เพราะฉะนั้น ย้อนกลับ

1958
02:10:31,207 --> 02:10:35,207
ไปดู class ตัวเองด้วย

1959
02:10:35,208 --> 02:10:39,208
Class name ตัวเองด้วยนะคะ

1960
02:10:39,209 --> 02:10:43,209

1961
02:10:43,210 --> 02:10:47,210
ได้ส่วนของการสร้างภาพแล้ว

1962
02:10:47,212 --> 02:10:51,212
สิ่งต่อไป

1963
02:10:51,213 --> 02:10:55,213
โอ.เค. ไหม บรรทัด 3 บรรทัดนี้เสร็จหรือยัง

1964
02:10:55,214 --> 02:10:59,214

1965
02:10:59,216 --> 02:11:03,216

1966
02:11:03,217 --> 02:11:07,217

1967
02:11:07,219 --> 02:11:11,219

1968
02:11:11,221 --> 02:11:15,221

1969
02:11:15,226 --> 02:11:19,226

1970
02:11:19,228 --> 02:11:23,228

1971
02:11:23,230 --> 02:11:27,230

1972
02:11:27,233 --> 02:11:31,233

1973
02:11:31,234 --> 02:11:35,234
ส่วนตรงนี้เห็นไหมคะ King

1974
02:11:35,237 --> 02:11:39,237
ตังเล็กนี่ ก็คือชื่อตัวแปร เปลี่ยนให้เหมือนชื่อ Class

1975
02:11:39,238 --> 02:11:43,238
ก็ได้แต่เปลี่ยนตัวพิมพ์น่ะ เป็นตัวพิมพ์เล็กทั้งหมด

1976
02:11:43,240 --> 02:11:47,240
แต่ถ้าเป็นชื่อ Class น่ะ

1977
02:11:47,242 --> 02:11:51,242
ตรงบรรทัดที่ 45 เห็นไหมคะ

1978
02:11:51,243 --> 02:11:55,243
ชื่อตัวแรกมันจะเป็นตัวแปร เราใช้

1979
02:11:55,244 --> 02:11:59,244
ตัวนี้เราไปเรียก Class ที่เราสร้างไว้ตั้งแต่

1980
02:11:59,246 --> 02:12:03,246
ครั้งแรกน่ะมา สังเกต

1981
02:12:03,247 --> 02:12:07,247
ชื่อ Class 2 ตัวแรกมัน

1982
02:12:07,248 --> 02:12:11,248
สีมันจะเป็นสีนี้

1983
02:12:11,249 --> 02:12:15,249
นะคะ ถ้าใครไม่เรียก Class ตัวเองมามันก็จะไม่ขึ้น

1984
02:12:15,250 --> 02:12:19,250
สิ่งต่อไป

1985
02:12:19,250 --> 02:12:23,250
ที่เราจะทำ

1986
02:12:23,252 --> 02:12:27,252

1987
02:12:27,253 --> 02:12:31,253
นะคะ

1988
02:12:31,254 --> 02:12:35,254
จะสร้าง function Run กับ

1989
02:12:35,256 --> 02:12:39,256
function Run กับ

1990
02:12:39,257 --> 02:12:43,257
Function นี้ ก็คือ Function

1991
02:12:43,258 --> 02:12:47,258
แสดงค่า ถ้าของเรา

1992
02:12:47,259 --> 02:12:51,259
มันเป็นวิ่งก็ใช้ Run ก็ได้ แต่ถ้าของเรามันเป็นอะไรนะ

1993
02:12:51,260 --> 02:12:55,260
กระโดด หรือ wack

1994
02:12:55,261 --> 02:12:59,261
Function ตรงนี้ ชื่อ Function นี้

1995
02:12:59,262 --> 02:13:03,262
ตั้งค่าตามกิริยาหรือ

1996
02:13:03,263 --> 02:13:07,263
การกระทำของตัวการ์ตูนนั้น ๆ

1997
02:13:07,264 --> 02:13:11,264
โอ.เค. ไหม

1998
02:13:11,265 --> 02:13:15,265
คือ เวลาตั้งมันจะต้องสื่อไง จะได้รู้ว่า

1999
02:13:15,266 --> 02:13:19,266
ตัวนี้มันทำอะไร มันวิ่งใช่ไหม เพราะสังเกต

2000
02:13:19,267 --> 02:13:23,267
ที่ตัวการ์ตูนเรา มันนอกจากมันมีวิ่งแล้ว

2001
02:13:23,268 --> 02:13:27,268
บางอันมันมีทั้งกระโดด มีทั้งอะไร

2002
02:13:27,270 --> 02:13:31,270
ใช่ไหมคะ เราก็ไปเปลี่ยนได้นะคะ

2003
02:13:31,271 --> 02:13:35,271
โอ.เค. นะคะ เราจะ

2004
02:13:35,272 --> 02:13:39,272
มาสร้าง function ให้มัน เพื่อให้มันทำงานน่ะ

2005
02:13:39,273 --> 02:13:43,273
ตาม function ที่กำหนด

2006
02:13:43,274 --> 02:13:47,274
เริ่มที่ Function แรกก่อน

2007
02:13:47,274 --> 02:13:51,274

2008
02:13:51,276 --> 02:13:55,276

2009
02:13:55,277 --> 02:13:59,277

2010
02:13:59,279 --> 02:14:03,279

2011
02:14:03,281 --> 02:14:07,281
ดูนะคะ

2012
02:14:07,282 --> 02:14:11,282

2013
02:14:11,283 --> 02:14:15,283

2014
02:14:15,285 --> 02:14:19,285
Function จะอยู่... ขอโทษ ๆ

2015
02:14:19,287 --> 02:14:23,287
ตำแหน่ง ๆ จะอยู่ต่อจาก

2016
02:14:23,288 --> 02:14:27,288

2017
02:14:27,289 --> 02:14:31,289
ต่อจาก Class ของเรานั่นเอง

2018
02:14:31,290 --> 02:14:35,290
นะคะ เราไป Class ค่ะ

2019
02:14:35,292 --> 02:14:39,292
เราจะสร้าง Function

2020
02:14:39,293 --> 02:14:43,293
ตรงนี้นะคะ

2021
02:14:43,295 --> 02:14:47,295

2022
02:14:47,296 --> 02:14:51,296

2023
02:14:51,297 --> 02:14:55,297

2024
02:14:55,298 --> 02:14:59,298

2025
02:14:59,302 --> 02:15:03,302

2026
02:15:03,305 --> 02:15:07,305

2027
02:15:07,306 --> 02:15:11,306

2028
02:15:11,308 --> 02:15:15,308

2029
02:15:15,311 --> 02:15:19,311
สร้าง

2030
02:15:19,314 --> 02:15:23,314
Function Run กับ Update

2031
02:15:23,318 --> 02:15:27,318
ทำไมต้องมีอัปเดตบอกแล้ว

2032
02:15:27,318 --> 02:15:31,318
เพื่อให้มันคืนค่าน่ะ

2033
02:15:31,320 --> 02:15:35,320
พอวิ่ง ๆ ไป มันก็ต้องกลับมาค่าเดิมน่ะค่ะ มัน

2034
02:15:35,321 --> 02:15:39,321
วนกลับไปกลับมานะคะ

2035
02:15:39,323 --> 02:15:43,323

2036
02:15:43,325 --> 02:15:47,325

2037
02:15:47,327 --> 02:15:51,327
Tab เข้าไป 1 ครั้งนะคะ สังเกตตรง function

2038
02:15:51,330 --> 02:15:55,330
ตำแหน่ง Function นะ มันจะ

2039
02:15:55,331 --> 02:15:59,331
ไม่อยู่ชิด เด็ก ๆ ต้อง Tab เข้าไป 1 ครั้งนะคะ เด็ก ๆ จะต้อง

2040
02:15:59,333 --> 02:16:03,333
def function ขึ้นมา ตามด้วย...

2041
02:16:03,335 --> 02:16:07,335
ง

2042
02:16:07,336 --> 02:16:11,336

2043
02:16:11,339 --> 02:16:15,339

2044
02:16:15,343 --> 02:16:19,343

2045
02:16:19,345 --> 02:16:23,345
function แรก คือ function Run

2046
02:16:23,348 --> 02:16:27,348
นะคะ เห็นไหมคะ เนื่องจากบอกแล้ว

2047
02:16:27,350 --> 02:16:31,350
มันอยู่ใน Class ไง มันอยู่ใน Class

2048
02:16:31,351 --> 02:16:35,351
def run

2049
02:16:35,353 --> 02:16:39,353
แต่เราต้องเรียก self มา

2050
02:16:39,354 --> 02:16:43,354
self นะคะ แล้วก็ self

2051
02:16:43,355 --> 02:16:47,355
กำหนดค่า

2052
02:16:47,356 --> 02:16:51,356
ให้

2053
02:16:51,357 --> 02:16:55,357
self.

2054
02:16:55,360 --> 02:16:59,360

2055
02:16:59,362 --> 02:17:03,362

2056
02:17:03,363 --> 02:17:07,363

2057
02:17:07,365 --> 02:17:11,365
=

2058
02:17:11,368 --> 02:17:15,368
นะคะ ก็คือสร้างตัวแปร

2059
02:17:15,392 --> 02:17:19,392
Run Animation นี่ โดยมีการกำหนด

2060
02:17:19,394 --> 02:17:23,394
มีค่าเริ่มต้นที่ 0

2061
02:17:23,395 --> 02:17:27,395

2062
02:17:27,397 --> 02:17:31,397
ไม่ใช่ 0 =true เป็นจ

2063
02:17:31,403 --> 02:17:35,403
= t

2064
02:17:35,406 --> 02:17:39,406
= True ก็คือมันจะวิ่งเมื่อเป็นจริง

2065
02:17:39,407 --> 02:17:43,407

2066
02:17:43,408 --> 02:17:47,408
เสร็จแล้ว function update

2067
02:17:47,409 --> 02:17:51,409
เหมือนเดิม def Function ตามด้วย update

2068
02:17:51,410 --> 02:17:55,410

2069
02:17:55,411 --> 02:17:59,411
update function คลิกเลย

2070
02:17:59,412 --> 02:18:03,412
ในนี้ใส่อะไรบ้าง ใน upd

2071
02:18:03,415 --> 02:18:07,415
อะไรบ้างใน update จะต้องใส่

2072
02:18:07,416 --> 02:18:11,416
self แล้วก็ speed นะคะ

2073
02:18:11,417 --> 02:18:15,417
มี self กับ speed

2074
02:18:15,418 --> 02:18:19,418
การไอ้นั่นน่ะ

2075
02:18:19,419 --> 02:18:23,419
ความเร็วในการเคลื่อนไหวนั่นเองนะคะ

2076
02:18:23,421 --> 02:18:27,421
ที่เราเรียก clock

2077
02:18:27,422 --> 02:18:31,422
มาใช้งานน่ะ เราก็ต้องมี speed ให้มัน ตัวแปร

2078
02:18:31,423 --> 02:18:35,423
นะคะ

2079
02:18:35,423 --> 02:18:39,423

2080
02:18:39,424 --> 02:18:43,424
self แล้วก็

2081
02:18:43,426 --> 02:18:47,426
speed

2082
02:18:47,427 --> 02:18:51,427
นะคะ

2083
02:18:51,428 --> 02:18:55,428

2084
02:18:55,431 --> 02:18:59,431
function update

2085
02:18:59,433 --> 02:19:03,433
โดยที่ถ้า self

2086
02:19:03,434 --> 02:19:07,434
ถ้ามีการวิ่งนะคะ ให้ค่าเป็นจริง

2087
02:19:07,436 --> 02:19:11,436
แล้วตำแหน่ง

2088
02:19:11,438 --> 02:19:15,438
current_sprite นี่

2089
02:19:15,441 --> 02:19:19,441
ตาม speed นั้น

2090
02:19:19,442 --> 02:19:23,442

2091
02:19:23,447 --> 02:19:27,447
if self.run

2092
02:19:27,448 --> 02:19:31,448
กำหนดเงื่อนไขแล้วนะคะว่า ถ้า

2093
02:19:31,449 --> 02:19:35,449
If

2094
02:19:35,450 --> 02:19:39,450
ถ้า Run

2095
02:19:39,450 --> 02:19:43,450
if self

2096
02:19:43,452 --> 02:19:47,452
.run

2097
02:19:47,453 --> 02:19:51,453
.run_

2098
02:19:51,454 --> 02:19:55,454
animation ถ้า if self.run

2099
02:19:55,455 --> 02:19:59,455
ของเราเป็นจริง =

2100
02:19:59,456 --> 02:20:03,456
True ปุ๊บ เป็นจริงเมื่อไหร่

2101
02:20:03,457 --> 02:20:07,457
ถ้าเงื่อนไขเป็นจริงนะคะ

2102
02:20:07,459 --> 02:20:11,459
สิ่งที่จะต้องทำ ก็คือ

2103
02:20:11,460 --> 02:20:15,460

2104
02:20:15,461 --> 02:20:19,461
self.current_sprite หมายถึงตำแหน่ง

2105
02:20:19,464 --> 02:20:23,464
ปัจจุบันนี่ให้เพิ่มเข้าไป

2106
02:20:23,465 --> 02:20:27,465
ก็จะเพิ่ม

2107
02:20:27,466 --> 02:20:31,466
self.

2108
02:20:31,467 --> 02:20:35,467
เรียกใช้ current

2109
02:20:35,468 --> 02:20:39,468
นะคะ + +

2110
02:20:39,469 --> 02:20:43,469
ใส่เครื่องหมาย + =

2111
02:20:43,470 --> 02:20:47,470
บวกหรือ อย่าใส่ +- อีกนะ

2112
02:20:47,471 --> 02:20:51,471
ใครใส่ +- ภาพไม่เคลื่อนนะคะ

2113
02:20:51,472 --> 02:20:55,472
+= นะคะ

2114
02:20:55,473 --> 02:20:59,473
= speed

2115
02:20:59,474 --> 02:21:03,474
speed ตัวนี้ speed แพรม

2116
02:21:03,475 --> 02:21:07,475
เห็นไหม เรียกตัวนี้มา

2117
02:21:07,476 --> 02:21:11,476

2118
02:21:11,478 --> 02:21:15,478
+= นะ ไม่ใช่

2119
02:21:15,479 --> 02:21:19,479

2120
02:21:19,481 --> 02:21:23,481

2121
02:21:23,483 --> 02:21:27,483

2122
02:21:27,484 --> 02:21:31,484
เห็นไหมคะ speed

2123
02:21:31,485 --> 02:21:35,485
นี่ เด็ก ๆ ดูนะ ต้องเลือก

2124
02:21:35,487 --> 02:21:39,487
ตัวที่เป็น speed ตัวนี้นะคะ speed

2125
02:21:39,488 --> 02:21:43,488
เสร็จแล้วอะไรต่อ

2126
02:21:43,490 --> 02:21:47,490
มีเงื่อนไขต่อครับ ค่า...

2127
02:21:47,491 --> 02:21:51,491
หรือค่าใน self_current_sprites

2128
02:21:51,493 --> 02:21:55,493
น้อยกว่าหรือเท่ากับ range

2129
02:21:55,495 --> 02:21:59,495
ของ sprite นี่ มันเริ่ม

2130
02:21:59,496 --> 02:22:03,496
0 เห็นไหมคะ แล้วก็จะ Run

2131
02:22:03,496 --> 02:22:07,496
Animation ถ้าค่าไม่จริง

2132
02:22:07,498 --> 02:22:11,498
ก็จะไป Run ไอ้นี่นะคะ ดูเงื่อนไขดี ๆ

2133
02:22:11,499 --> 02:22:15,499

2134
02:22:15,500 --> 02:22:19,500
if ค่ะ ใส่ if condition

2135
02:22:19,501 --> 02:22:23,501
if self

2136
02:22:23,503 --> 02:22:27,503
ถ้า

2137
02:22:27,505 --> 02:22:31,505
.current_sprite

2138
02:22:31,505 --> 02:22:35,505
current_sprite

2139
02:22:35,508 --> 02:22:39,508

2140
02:22:39,509 --> 02:22:43,509

2141
02:22:43,511 --> 02:22:47,511
อ๋อ เรียก function

2142
02:22:47,512 --> 02:22:51,512
inditure

2143
02:22:51,514 --> 02:22:55,514
ให้มันทำแปลงค่าน่ะค่ะ

2144
02:22:55,516 --> 02:22:59,516
ให้เป็นจำนวนเต็มนั่นเองนะคะ int

2145
02:22:59,525 --> 02:23:03,525

2146
02:23:03,526 --> 02:23:07,526
if ...

2147
02:23:07,527 --> 02:23:11,527
if condition

2148
02:23:11,528 --> 02:23:15,528
int นี่นะคะ

2149
02:23:15,529 --> 02:23:19,529
นี่ ใช้ init ตัวนี้

2150
02:23:19,531 --> 02:23:23,531
class นี่ ใช้ class ที่มันสร้างไว้ให้แล้วนี่

2151
02:23:23,533 --> 02:23:27,533
int class นี่

2152
02:23:27,534 --> 02:23:31,534
โดยที่ self

2153
02:23:31,536 --> 02:23:35,536
.current_sprite

2154
02:23:35,537 --> 02:23:39,537
ของเรานี่

2155
02:23:39,541 --> 02:23:43,541
มีค่าเท่าไร มีค่าเท่าไร

2156
02:23:43,542 --> 02:23:47,542

2157
02:23:47,544 --> 02:23:51,544
น้อยกว่า หรือเท่ากับ

2158
02:23:51,546 --> 02:23:55,546
มันจะไปเลือก class len

2159
02:23:55,548 --> 02:23:59,548
มา

2160
02:23:59,550 --> 02:24:03,550
>= นะคะ

2161
02:24:03,552 --> 02:24:07,552

2162
02:24:07,554 --> 02:24:11,554
function len

2163
02:24:11,556 --> 02:24:15,556
ด้วย

2164
02:24:15,560 --> 02:24:19,560
ในค่านี้ ก็คือค่า x ค่า y

2165
02:24:19,562 --> 02:24:23,562
ค่า len ของเรา ก็คือ

2166
02:24:23,562 --> 02:24:27,562
self sprites

2167
02:24:27,564 --> 02:24:31,564
self_sprites ที่เรากำหนด

2168
02:24:31,565 --> 02:24:35,565
ในครั้งแรก ๆ น่ะ

2169
02:24:35,566 --> 02:24:39,566
เดี๋ยวมันขึ้นมาเองล่ะ self.

2170
02:24:39,567 --> 02:24:43,567
sprites ของเรา

2171
02:24:43,570 --> 02:24:47,570
sprites statement

2172
02:24:47,570 --> 02:24:51,570

2173
02:24:51,571 --> 02:24:55,571
มัน... ถ้าจำนวนเต็มของค่านี้

2174
02:24:55,572 --> 02:24:59,572
น้อยกว่า len นี้ปุ๊บ

2175
02:24:59,572 --> 02:25:03,572
สิ่งที่จะต้องให้ทำ ก็คือ

2176
02:25:03,574 --> 02:25:07,574
ให้ current_sprite เริ่มที่ 0 แล้วให้

2177
02:25:07,576 --> 02:25:11,576
run_animation

2178
02:25:11,579 --> 02:25:15,579
โอ.เค.

2179
02:25:15,580 --> 02:25:19,580

2180
02:25:19,583 --> 02:25:23,583

2181
02:25:23,584 --> 02:25:27,584

2182
02:25:27,586 --> 02:25:31,586
= 0 แล้วก็...

2183
02:25:31,588 --> 02:25:35,588
แล้วก็อะไร

2184
02:25:35,590 --> 02:25:39,590

2185
02:25:39,591 --> 02:25:43,591
= run_animation

2186
02:25:43,595 --> 02:25:47,595
ให้กำหนดค่าของ self.run

2187
02:25:47,597 --> 02:25:51,597
Run Animation นี่

2188
02:25:51,598 --> 02:25:55,598
ให้เป็น False ให้อัปเดตค่านะคะ

2189
02:25:55,603 --> 02:25:59,603
การให้มัน Update ค่านะคะ ก็คือ

2190
02:25:59,604 --> 02:26:03,604
คืนค่าให้...

2191
02:26:03,605 --> 02:26:07,605

2192
02:26:07,612 --> 02:26:11,612
โอ.เค. นะคะ

2193
02:26:11,614 --> 02:26:15,614
เราจะได้ส่วนของ function อะไรเอ่ย

2194
02:26:15,616 --> 02:26:19,616
Function run กับ function update

2195
02:26:19,619 --> 02:26:23,619
Size ใหญ่ไปลดลงให้

2196
02:26:23,620 --> 02:26:27,620
เห็นไหมคะ function run นี่

2197
02:26:27,622 --> 02:26:31,622
เพื่อให้มันสร้าง run_animation

2198
02:26:31,623 --> 02:26:35,623
เสร็จแล้วให้ทำงานนะคะ เสร็จแล้ว

2199
02:26:35,624 --> 02:26:39,624
พอทำไปแล้วนี่ มันต้อง update oี่

2200
02:26:39,627 --> 02:26:43,627
รูปมันมี 1, 2, 3, 4, 5, 6, 7, 8, 9, 10

2201
02:26:43,628 --> 02:26:47,628
กลับไปค่าเริ่มต้นแล้วก็เปลี่ยนค่านะคะ ก็คือ

2202
02:26:47,630 --> 02:26:51,630
update ให้มีค่าคืนค่าให้เป็น 0 นะคะ ให้

2203
02:26:51,632 --> 02:26:55,632
เป็น False

2204
02:26:55,633 --> 02:26:59,633
โอ.เค. ไหม เสร็จหรือยัง

2205
02:26:59,635 --> 02:27:03,635
ส่วนของ function run กับ function

2206
02:27:03,637 --> 02:27:07,637

2207
02:27:07,638 --> 02:27:11,638
สาว ๆ เสร็จหรือยังคะ

2208
02:27:11,640 --> 02:27:15,640
เสร็จแล้วนะ โอ.เค. อย่างนั้นไปต่อ จะได้เห็น

2209
02:27:15,642 --> 02:27:19,642
ผลงานตัวเอง สิ่งที่

2210
02:27:19,643 --> 02:27:23,643
เราจะต้องทำ ก็คือมีรูปแล้วเราจะต้อง

2211
02:27:23,644 --> 02:27:27,644
มาจะใช้คีย์ไหนให้มันวิ่ง

2212
02:27:27,646 --> 02:27:31,646
ใส่ key เข้าไปให้มัน กำหนดค่าคีย์บอร์ดให้มัน

2213
02:27:31,647 --> 02:27:35,647
คำสั่ง

2214
02:27:35,648 --> 02:27:39,648
key ของเรานั่นเองนะคะ กำหนดค่าให้ keybord

2215
02:27:39,649 --> 02:27:43,649
ที่เราจะใช้ ก็คือ Keyboard ที่

2216
02:27:43,650 --> 02:27:47,650
ลูกศรไปทางขวา โทษที ๆ

2217
02:27:47,651 --> 02:27:51,651
โทษที ๆ

2218
02:27:51,652 --> 02:27:55,652
โดยตัวแปรค่า Keyboard

2219
02:27:55,653 --> 02:27:59,653
นะคะ แล้วเรียกใช้ Module

2220
02:27:59,654 --> 02:28:03,654
pygame.key แล้วใช้ process

2221
02:28:03,656 --> 02:28:07,656
นะคะ ก็คือรับค่า

2222
02:28:07,657 --> 02:28:11,657
รับค่าการกดปุ่มนั่นเองนะคะ

2223
02:28:11,658 --> 02:28:15,658
ว่าถ้าเมื่อใดที่กดคีย์ลูกศรขวา

2224
02:28:15,659 --> 02:28:19,659
ลูกศรขวา

2225
02:28:19,661 --> 02:28:23,661
ตัวการ์ตูนเราจะ

2226
02:28:23,663 --> 02:28:27,663
วิ่งตามคำสั่งทันทีนะคะ

2227
02:28:27,664 --> 02:28:31,664
เพราะฉะนั้น ตัวนี้

2228
02:28:31,665 --> 02:28:35,665
ก็จะอยู่ตรงตำแหน่ง y นะคะ ไปที่ y Loop

2229
02:28:35,668 --> 02:28:39,668
ของเรา สิ่งที่จะใส่เพิ่ม

2230
02:28:39,669 --> 02:28:43,669
จะอยู่ตรงกับตำแหน่ง if แรก

2231
02:28:43,670 --> 02:28:47,670
ใส่ค่า key ค่ะ ตัวแปร

2232
02:28:47,671 --> 02:28:51,671
=

2233
02:28:51,673 --> 02:28:55,673
= pygame module.

2234
02:28:55,674 --> 02:28:59,674
.

2235
02:28:59,676 --> 02:29:03,676

2236
02:29:03,677 --> 02:29:07,677
.key.get_pressed()

2237
02:29:07,679 --> 02:29:11,679
.keys

2238
02:29:11,680 --> 02:29:15,680
.key key module นะ

2239
02:29:15,683 --> 02:29:19,683
.

2240
02:29:19,684 --> 02:29:23,684
สังเกตชื่อตัวแปร

2241
02:29:23,686 --> 02:29:27,686
กับชื่อ module คนละตัวนะคะ

2242
02:29:27,688 --> 02:29:31,688
.key นะคะ แล้วก็ .

2243
02:29:31,688 --> 02:29:35,688
get

2244
02:29:35,690 --> 02:29:39,690
get ที่เราเรียกใช้ ก็คือ get_pressed()

2245
02:29:39,700 --> 02:29:43,700
หรือการรับค่าปุ่มกดนั่นเอง

2246
02:29:43,701 --> 02:29:47,701
ก็คือตัวนี้นะคะ ใส่วงเล็บเข้าไป

2247
02:29:47,702 --> 02:29:51,702

2248
02:29:51,703 --> 02:29:55,703
กำหนด... ขอโทษ ๆ ทำไมไปถึงวงเล็บลงมา

2249
02:29:55,704 --> 02:29:59,704
กำหนดเงื่อนไข โดย Tab เข้าไป 1 ครั้ง

2250
02:29:59,706 --> 02:30:03,706
if if condition เรา

2251
02:30:03,708 --> 02:30:07,708
เงื่อนไขว่าถ้า

2252
02:30:07,709 --> 02:30:11,709
key ในที่นี้ คือ ชื่อตัวแปรเรานะคะ

2253
02:30:11,710 --> 02:30:15,710
=

2254
02:30:15,712 --> 02:30:19,712

2255
02:30:19,714 --> 02:30:23,714
ไม่ใช่เท่ากับสิ

2256
02:30:23,715 --> 02:30:27,715
อ๋อ ระบุค่า key เข้าไปว่า K_RIGHT

2257
02:30:27,717 --> 02:30:31,717

2258
02:30:31,718 --> 02:30:35,718
โอ.เค. ๆ

2259
02:30:35,719 --> 02:30:39,719

2260
02:30:39,720 --> 02:30:43,720
ใส่ if นะคะ

2261
02:30:43,722 --> 02:30:47,722
if keysบล

2262
02:30:47,724 --> 02:30:51,724
ก้ามปู

2263
02:30:51,726 --> 02:30:55,726
สอนเสมอว่าเวลา

2264
02:30:55,727 --> 02:30:59,727
ใส่ [ แล้วใส่ปิดมันด้วย

2265
02:30:59,728 --> 02:31:03,728
เช่นเดียวกับใส่

2266
02:31:03,729 --> 02:31:07,729
ใส่เปิดแล้วก็ปิดเพราะเดี๋ยวมันจะขึ้น

2267
02:31:07,730 --> 02:31:11,730
หรือหา Syntax ไม่เจออีก

2268
02:31:11,731 --> 02:31:15,731
key ตัวใหญ่นะคะ K_

2269
02:31:15,732 --> 02:31:19,732
R ตัวใหญ่

2270
02:31:19,733 --> 02:31:23,733
K_RIGHT

2271
02:31:23,734 --> 02:31:27,734
ปุ่มลูกศรขวา

2272
02:31:27,735 --> 02:31:31,735
ก็คือถ้า key ที่เรากดนี่

2273
02:31:31,736 --> 02:31:35,736
คือปุ่มลูกศรขวานี่

2274
02:31:35,737 --> 02:31:39,737
ให้ชื่อตัวแปรเรา

2275
02:31:39,739 --> 02:31:43,739
นะคะ knight นะคะ

2276
02:31:43,742 --> 02:31:47,742
Knight ในวงเ

2277
02:31:47,743 --> 02:31:51,743

2278
02:31:51,744 --> 02:31:55,744
Knight.run()

2279
02:31:55,747 --> 02:31:59,747
มั่วหรือเปล่านี่

2280
02:31:59,766 --> 02:32:03,766
Knight.run() ถูกแล้ว

2281
02:32:03,768 --> 02:32:07,768

2282
02:32:07,769 --> 02:32:11,769

2283
02:32:11,770 --> 02:32:15,770
ชื่อตรงนี้ ก็คือชื่อตัวแปร

2284
02:32:15,773 --> 02:32:19,773
ที่เราสร้างขึ้นมา

2285
02:32:19,774 --> 02:32:23,774
อยู่ไหนแล้ว ๆ ๆ

2286
02:32:23,775 --> 02:32:27,775

2287
02:32:27,776 --> 02:32:31,776

2288
02:32:31,779 --> 02:32:35,779
ตัวนี้นะคะ คือ ตัวนี้ตัวเดียวกัน knight.run()

2289
02:32:35,782 --> 02:32:39,782
ตัวเดียวกัน Nint.run

2290
02:32:39,783 --> 02:32:43,783
Run function

2291
02:32:43,785 --> 02:32:47,785
ใส่ไปโดนอะไรน่ะ

2292
02:32:47,787 --> 02:32:51,787
นะคะ เรียกใช้ function run นี่

2293
02:32:51,788 --> 02:32:55,788
เราจะมาเรียกใช้ function นี้

2294
02:32:55,789 --> 02:32:59,789
เพราะฉะนั้น ก็เลยเป็น Knight.run

2295
02:32:59,790 --> 02:33:03,790
ให้ knight มันวิ่ง เราไปเรียกใช้ Function

2296
02:33:03,791 --> 02:33:07,791
นี่นะคะ นี่ ๆ ๆ ๆ

2297
02:33:07,792 --> 02:33:11,792
ก็ดูด้วย ๆ ให้ตรงกัน

2298
02:33:11,794 --> 02:33:15,794
สิ่งที่จำทำต่อไป ก็คือ

2299
02:33:15,795 --> 02:33:19,795
ได้อะไร ต้องไปที่ส่วนของ

2300
02:33:19,795 --> 02:33:23,795
ยัง ๆ ๆ เด็ก ๆ ยังทดสอบไม่ได้

2301
02:33:23,797 --> 02:33:27,797
เด็ก ๆ ต้องไปเพิ่มค่าตรงตำแหน่งนี้ก่อน

2302
02:33:27,797 --> 02:33:31,797
เพราะเราข้าม

2303
02:33:31,799 --> 02:33:35,799
ตรงนี้ไป

2304
02:33:35,801 --> 02:33:39,801
ตรงส่วนของการแสดงผล

2305
02:33:39,813 --> 02:33:43,813
นะคะ เพราะเราสร้าง

2306
02:33:43,815 --> 02:33:47,815
move_sprites ไปแล้ว

2307
02:33:47,816 --> 02:33:51,816
เพราะฉะนั้น ชื่อตรงนี้นะคะ ใส่เพิ่ม

2308
02:33:51,818 --> 02:33:55,818
ตรงที่ตำแหน่งการแสดงผล

2309
02:33:55,819 --> 02:33:59,819
ของเรานี่นะคะ นี่

2310
02:33:59,821 --> 02:34:03,821
เราเพิ่งมี sceen fill

2311
02:34:03,821 --> 02:34:07,821
แต่เรายังไม่ได้เรียกนี่

2312
02:34:07,823 --> 02:34:11,823
move_sprites ตัวนี้มา

2313
02:34:11,825 --> 02:34:15,825
เพราะฉะนั้น พิมพ์ move

2314
02:34:15,826 --> 02:34:19,826
move_sprites statements

2315
02:34:19,827 --> 02:34:23,827
นะคะ ตรงส่วนของ

2316
02:34:23,829 --> 02:34:27,829
การแสดงผลนะคะ move_sprites

2317
02:34:27,833 --> 02:34:31,833
แล้วตามด้วย drw

2318
02:34:31,834 --> 02:34:35,834
screen ให้สร้าง screen

2319
02:34:35,835 --> 02:34:39,835
อีกอันหนึ่ง move_sprite

2320
02:34:39,837 --> 02:34:43,837
เห็นไหมคะ เรียก function update ขอโทษ ๆ

2321
02:34:43,839 --> 02:34:47,839
เรียกผิด เรียก function update

2322
02:34:47,840 --> 02:34:51,840
เรียกใช้ pygame display

2323
02:34:51,842 --> 02:34:55,842
เลือก Function flip

2324
02:34:55,843 --> 02:34:59,843
การแสดงผลเข้าไปเพิ่มอีก 3 ตัวนะคะ

2325
02:34:59,844 --> 02:35:03,844
move_sprite

2326
02:35:03,845 --> 02:35:07,845
sprites

2327
02:35:07,846 --> 02:35:11,846
ตามด้วย Function อะไรนะ

2328
02:35:11,847 --> 02:35:15,847
ลืมเองอีก

2329
02:35:15,849 --> 02:35:19,849
sprites

2330
02:35:19,854 --> 02:35:23,854

2331
02:35:23,856 --> 02:35:27,856
ลืมเองอีก . เยอะเกิน

2332
02:35:27,857 --> 02:35:31,857
ลืมเองอีก .draw draw function

2333
02:35:31,859 --> 02:35:35,859
ในนั้นใส่ค่า

2334
02:35:35,860 --> 02:35:39,860
ของ...

2335
02:35:39,862 --> 02:35:43,862
draw อะไร draw ตามด้วย surface

2336
02:35:43,863 --> 02:35:47,863
ตามด้วย

2337
02:35:47,865 --> 02:35:51,865
s

2338
02:35:51,866 --> 02:35:55,866
ก็

2339
02:35:55,868 --> 02:35:59,868
คือ ตัวนี้เรียกตัวนี้มา นี่ ๆ

2340
02:35:59,869 --> 02:36:03,869

2341
02:36:03,870 --> 02:36:07,870
ต่อด้วย move อีกเหมือนเดิม

2342
02:36:07,871 --> 02:36:11,871
sprites ของเรานะคะ แต่เป็น .update

2343
02:36:11,873 --> 02:36:15,873

2344
02:36:15,874 --> 02:36:19,874
ในวงเล็บ...

2345
02:36:19,875 --> 02:36:23,875
ตามด้วย ()

2346
02:36:23,876 --> 02:36:27,876
0.25

2347
02:36:27,878 --> 02:36:31,878
ใส่ค่าให้การ update

2348
02:36:31,879 --> 02:36:35,879
อยู่ที่ 0.25

2349
02:36:35,881 --> 02:36:39,881
แล้วก็เรียกใช้ module pygsam

2350
02:36:39,883 --> 02:36:43,883
display module pygame.

2351
02:36:43,884 --> 02:36:47,884
.

2352
02:36:47,885 --> 02:36:51,885
display

2353
02:36:51,887 --> 02:36:55,887
แล้วก็ .

2354
02:36:55,889 --> 02:36:59,889
flip เลือก flip function นะคะ

2355
02:36:59,891 --> 02:37:03,891
flip Function

2356
02:37:03,892 --> 02:37:07,892
เราจะต้อง...

2357
02:37:07,894 --> 02:37:11,894
กำหนดการแสดงผล 3 ตัวนี้เพิ่ม

2358
02:37:11,894 --> 02:37:15,894
เข้ามา

2359
02:37:15,895 --> 02:37:19,895
ถ้าเสร็จแล้วให้กด

2360
02:37:19,896 --> 02:37:23,896
CTrl + B เพื่อ

2361
02:37:23,896 --> 02:37:27,896
ทดสอบโปรแกรม

2362
02:37:27,898 --> 02:37:31,898
ดูตรงนี้ โอ.เค. ไหม

2363
02:37:31,899 --> 02:37:35,899
ขยายขนาดให้

2364
02:37:35,901 --> 02:37:39,901
3 บรรทัดนี้ โอ.เค. ไหม

2365
02:37:39,903 --> 02:37:43,903
ถ้าใส่ส่วนแสดงผลเสร็จ ลองกด

2366
02:37:43,904 --> 02:37:47,904

2367
02:37:47,905 --> 02:37:51,905
ก็มาแล้ว

2368
02:37:51,906 --> 02:37:55,906
ไม่ Error รูปหาย ๆ

2369
02:37:55,908 --> 02:37:59,908
ลืมเรียกอะไร เดี๋ยวนะ

2370
02:37:59,910 --> 02:38:03,910
เลือก move แล้ว เลือก sprites แล้ว

2371
02:38:03,911 --> 02:38:07,911
add knight ขนาด knight เล็กไห

2372
02:38:07,913 --> 02:38:11,913
ขอรูป Knight ดูนะ

2373
02:38:11,915 --> 02:38:15,915

2374
02:38:15,916 --> 02:38:19,916

2375
02:38:19,918 --> 02:38:23,918

2376
02:38:23,920 --> 02:38:27,920
อะไรหายไป ยังหาไม่เจอ

2377
02:38:27,924 --> 02:38:31,924

2378
02:38:31,926 --> 02:38:35,926
เดี๋ยวนะ ตรงการแสดงผลไม่แสดง

2379
02:38:35,928 --> 02:38:39,928
อะไร ขาดตัวไหนไปตัวหนึ่ง

2380
02:38:39,928 --> 02:38:43,928

2381
02:38:43,930 --> 02:38:47,930
flip ใน flip

2382
02:38:47,932 --> 02:38:51,932

2383
02:38:51,933 --> 02:38:55,933
Dino run

2384
02:38:55,934 --> 02:38:59,934

2385
02:38:59,935 --> 02:39:03,935

2386
02:39:03,937 --> 02:39:07,937
moveing_sprites

2387
02:39:07,939 --> 02:39:11,939
add Dino เข้าไป

2388
02:39:11,940 --> 02:39:15,940
นะครับ ขอเช็กโค้ดตัวเองก่อน

2389
02:39:15,942 --> 02:39:19,942
อย่างนั้นเดี๋ยวเรา

2390
02:39:19,943 --> 02:39:23,943
ขอบคุณพี่ล่ามก่อน เพราะว่าส่วนของ

2391
02:39:23,944 --> 02:39:27,944
การ Code เสร็จแล้วเหลือทดสอบ เราจะ

2392
02:39:27,944 --> 02:39:31,944
ขอบคุณพี่ล่ามก่อนนะคะ ขอบพระคุณค่ะ

2393
02:39:31,947 --> 02:39:35,947
สำหรับวันนี้จบเพียงเท่านี้นะคะ

2394
02:39:35,948 --> 02:39:39,948
โอ.เค. ทีนี้

2395
02:39:39,949 --> 02:39:43,949
มาดู Code เราว่าอะไรที่หายไป

2396
02:39:43,951 --> 02:39:47,951

2397
02:39:47,952 --> 02:39:51,952

2398
02:39:51,954 --> 02:39:55,954

2399
02:39:55,956 --> 02:39:59,956

2400
02:39:59,958 --> 02:40:03,958

2401
02:40:03,960 --> 02:40:07,960

2402
02:40:07,962 --> 02:40:11,962

2403
02:40:11,964 --> 02:40:14,965

2404
02:40:15,966 --> 02:40:18,969

2405
02:40:19,968 --> 02:40:22,971

2406
02:40:23,969 --> 02:40:23,970

2407
02:40:27,972 --> 02:40:27,974

2408
02:40:35,980 --> 02:40:35,985

2409
02:40:31,974 --> 02:40:31,979