1
00:00:13,997 --> 00:00:14,731
(อาจารย์สุธิรา) ก็คือตัว

2
00:00:14,731 --> 00:00:18,731
ก่อนอื่น

3
00:00:30,816 --> 00:00:31,082
ก่อนอื่น เปิด Sublime text ขึ้นมาเหมือนเดิม

4
00:00:31,082 --> 00:00:34,563
เปิดโปรแกรม

5
00:00:34,563 --> 00:00:38,563
เรา ตัว

6
00:00:39,750 --> 00:00:42,507
สีส้มนี่

7
00:00:42,507 --> 00:00:46,507
สีส้มนี่เปิดขึ้นมา

8
00:00:58,532 --> 00:00:55,474

9
00:00:42,677 --> 00:00:46,677
กด ctrl + B ก่อน 1 ครั้งเพื่อเช็กว่า

10
00:00:58,516 --> 00:00:59,978
ทุกคนมี

11
00:00:59,978 --> 00:01:01,576
blackground ที่มี

12
00:01:01,576 --> 00:01:04,878
ภาพพื้นหลังอยู่แล้วนะคะ

13
00:01:04,878 --> 00:01:08,878
ใครยังไม่มี

14
00:01:14,123 --> 00:01:18,123
หน้าต่าง

15
00:01:21,585 --> 00:01:25,336
พื้นที่การทำงานของตนเอง

16
00:01:23,031 --> 00:01:23,440
ที่มีรูป background ยกมือนะคะ เดี๋ยวไปต่อไม่ได้

17
00:01:23,440 --> 00:01:27,440
ที่เราจะทำต่อไปก็คือเราจะ

18
00:01:28,477 --> 00:01:30,336
เอา

19
00:01:30,336 --> 00:01:34,336
ตัวเกมของเราเข้ามานะคะ แล้วจะทำให้มันเคลื่อนไหว

20
00:01:48,201 --> 00:01:44,761

21
00:01:41,724 --> 00:01:45,724
ของใครยังไม่ขึ้น

22
00:02:06,617 --> 00:02:09,541
ขึ้นหมด

23
00:02:09,541 --> 00:02:10,650
คนแล้วหรือยังคะ

24
00:02:10,650 --> 00:02:12,618
อะไร

25
00:02:12,618 --> 00:02:16,075
นี่ cancel ไป

26
00:02:16,075 --> 00:02:19,089
ทำไมหน้าต่างนี้มันไม่ยอม

27
00:02:19,089 --> 00:02:23,089
ให้ย่อลง

28
00:02:34,856 --> 00:02:33,176

29
00:02:19,877 --> 00:02:23,877
ทำไม PowerPoint ย่อลงไม่ได้ล่ะ

30
00:02:45,934 --> 00:02:49,328
เราต้องการพื้นที่

31
00:02:49,328 --> 00:02:53,328
โฟลเดอร์ก็ได้

32
00:03:02,844 --> 00:03:15,264

33
00:02:59,057 --> 00:03:03,057
โอเคนะคะ

34
00:04:48,266 --> 00:04:49,523
สิ่งแรกเด็ก ๆ

35
00:04:49,523 --> 00:04:51,420
ไปดูไฟล์

36
00:04:51,420 --> 00:04:52,401
ของเราใน

37
00:04:52,401 --> 00:04:54,967
disk c โฟลเดอร์

38
00:04:54,967 --> 00:04:56,988

39
00:04:56,988 --> 00:05:00,988
เรา ยังไม่ได้โหลดภาพ

40
00:05:04,105 --> 00:05:07,832
หร

41
00:05:07,832 --> 00:05:08,343
ือ จำได้ไหมครับ ตัวเกมที่จะใช้

42
00:05:08,343 --> 00:05:10,008
ทำไม

43
00:05:10,008 --> 00:05:14,008
ย่อสไลด์ PowerPoint ตัวนี้ลงไม่ได้

44
00:05:14,485 --> 00:05:16,662
ปิดก็ไม่ได้

45
00:05:16,662 --> 00:05:18,518
คือ

46
00:05:18,518 --> 00:05:22,518
ขอปิดก่อนแป๊บหนึ่ง

47
00:05:29,671 --> 00:05:33,671
จำได้ไหมคะ ที่บอก

48
00:05:34,166 --> 00:05:36,340
sprite sheet น่ะ ค่ะ

49
00:05:36,340 --> 00:05:40,340
คือเราต้องการภาพ

50
00:05:45,971 --> 00:05:49,971
ที่มันมีลักษณะของ

51
00:05:49,981 --> 00:05:53,981
ภาพที่

52
00:05:54,479 --> 00:05:56,709
มีหลาย ๆ ภาพ ก็คือภาพการเคลื่อนไหวต่อเนื่องกันนะคะ

53
00:05:56,709 --> 00:06:00,709
ก็คือเด็ก ๆ

54
00:06:01,716 --> 00:06:04,195
จะต้องเลือกตัวการ์ตูนหรือที่เราจะทำให้เขาเคลื่อนไหว

55
00:06:04,195 --> 00:06:06,140
เราจะ

56
00:06:06,140 --> 00:06:09,437
ไม่มาเสีย

57
00:06:09,437 --> 00:06:09,917
เวลาวาดเองก็เลยจะให้ค้นจากเน็ต

58
00:06:09,917 --> 00:06:10,461
นะ

59
00:06:10,461 --> 00:06:13,595
ก็ต้องเลือกใช้ฟรี

60
00:06:13,595 --> 00:06:17,595
ดาวน์โหลดด้วยนะคะ

61
00:06:17,860 --> 00:06:19,000
เพื่อจะได้ไม่ติด

62
00:06:19,000 --> 00:06:19,180
ปัญหาลิขสิทธิ์

63
00:06:19,180 --> 00:06:23,180
จะต้องพิมพ์

64
00:06:25,221 --> 00:06:26,303
free download เสมอ

65
00:06:26,303 --> 00:06:26,970
เวลาค้นนะ

66
00:06:26,970 --> 00:06:30,970
แล้วก็ตามด้วย

67
00:06:36,844 --> 00:06:37,510
คำว่า

68
00:06:37,510 --> 00:06:41,510
sprite sheet s-p-r-it e

69
00:06:42,696 --> 00:06:46,037
Seed

70
00:06:46,037 --> 00:06:49,467
s นะคะ

71
00:06:49,467 --> 00:06:51,836
แล้วก็กดค้นหา

72
00:06:51,836 --> 00:06:55,836
นี่

73
00:06:57,993 --> 00:06:58,785
ลักษณะ sprite ก็คือจะมีภาพ

74
00:06:58,785 --> 00:07:01,080
ตัวหลัก

75
00:07:01,080 --> 00:07:02,249
แล้วก็มีภาพที่เหมือน

76
00:07:02,249 --> 00:07:02,844
ตัวเขา

77
00:07:02,844 --> 00:07:06,844
เคลื่อนไหวได้มีรูปอื่น

78
00:07:07,510 --> 00:07:07,813
ที่เสื้อผ้าเขาก็เหมือนกัน

79
00:07:07,813 --> 00:07:09,371
อย่างนี้นะคะ

80
00:07:09,371 --> 00:07:13,371
เราต้องการ

81
00:07:13,460 --> 00:07:14,616
วัตถุ

82
00:07:14,616 --> 00:07:15,195
ของเรานี่

83
00:07:15,195 --> 00:07:18,010
ไอ้ตัวเกมเรานี่ให้มันเคลื่อนไหว

84
00:07:18,010 --> 00:07:21,063
นะคะ

85
00:07:21,063 --> 00:07:25,063
ถ้าใครหาได้แล้วให้โหลดแล้วเอาไปใส่ใน

86
00:07:55,813 --> 00:08:09,644

87
00:07:37,165 --> 00:07:41,165
ตอนนี้โหลดมาแล้วนะคะ จะเอา

88
00:08:08,742 --> 00:08:12,742
ภาพนี้

89
00:08:17,360 --> 00:08:21,443

90
00:08:10,332 --> 00:08:14,332
รอแป๊บหนึ่งใครยังไม่โหลดโหลดเลยนะคะ

91
00:08:16,945 --> 00:08:17,317
ก็คือให้มันมีตัว

92
00:08:17,317 --> 00:08:21,317
หลาย ๆ ตัว อย่างน้อยอย่างน้อย

93
00:08:21,686 --> 00:08:22,784
มีภาพตัว

94
00:08:22,784 --> 00:08:23,143
เกม

95
00:08:23,143 --> 00:08:26,974
นี่สัก 4 ตัวเป็นอย่างน้อยนะ

96
00:08:26,974 --> 00:08:30,974
มีมากกว่านั้นก็ได้นะคะ

97
00:08:33,928 --> 00:08:37,928
โฟลเดอร์ที่เราดาวน์โหลดนะคะ

98
00:08:44,997 --> 00:08:46,556
เดี๋ยวจะ

99
00:08:46,556 --> 00:08:48,452
move ไปไว้ที่

100
00:08:48,452 --> 00:08:52,452
disk C ของเรานะคะ

101
00:09:05,339 --> 00:09:09,339
เอาไปไว้ที่เราเก็บ

102
00:09:31,200 --> 00:09:35,200
โปรแกรมที่เราเขียนเกมไว้น่ะ

103
00:09:35,810 --> 00:09:38,174
เดี๋ยวจะ

104
00:09:38,174 --> 00:09:38,783
Extract file แล้วนะคะ Extract All

105
00:09:38,783 --> 00:09:42,111

106
00:09:42,111 --> 00:09:46,111
จะเอาแล้วกัน

107
00:09:56,870 --> 00:09:59,742
นี่ ๆ

108
00:09:59,742 --> 00:10:02,775
เดี๋ยวจะเลือกเฉพาะ

109
00:10:02,775 --> 00:10:03,783
ที่เขาเป็น

110
00:10:03,783 --> 00:10:07,592
ขอเอาเป็น

111
00:10:07,592 --> 00:10:08,725
เดินนะคะ

112
00:10:08,725 --> 00:10:12,638
จะเดินหรือจะขอเป็นรูป

113
00:10:12,638 --> 00:10:13,294
เดินแล้วกัน

114
00:10:13,294 --> 00:10:17,294
เอามาทดลองให้ดูก่อนนะคะ

115
00:10:17,376 --> 00:10:18,650
สัก

116
00:10:18,650 --> 00:10:22,650
ตอนนี้มีหลายตัวหน่อย

117
00:10:23,120 --> 00:10:27,120
เขาถึงหมายเลข 12

118
00:10:28,519 --> 00:10:32,519
นี่นะคะ เราจะต้องมีรูปตัวเกมเราอยู่ใน

119
00:10:40,264 --> 00:10:41,928
โฟลเดอร์อย่างนี้นะคะ

120
00:10:41,928 --> 00:10:42,513
โฟลเดอร์ชื่อ

121
00:10:42,513 --> 00:10:45,684
เกมที่เราสร้าง

122
00:10:45,684 --> 00:10:49,494
ให้สังเกตว่าเรามีไฟล์

123
00:10:49,494 --> 00:10:50,075

124
00:10:50,075 --> 00:10:52,209
Sublime อยู่ตรงไหน

125
00:10:52,209 --> 00:10:56,209
เราต้องมีรูปอยู่ตรงนั้นแหละ

126
00:10:56,722 --> 00:10:57,491
มันจะได้หากันเจอนะคะ

127
00:10:57,491 --> 00:11:01,491
คนอื่นเด็ก ๆ

128
00:11:04,472 --> 00:11:06,717
เปิดโฟลเดอร์ตัวเองขึ้นมาไว้ด้วย

129
00:11:06,717 --> 00:11:09,217
เดี๋ยวจะไปเดินเช็dว่ามีลูก

130
00:11:09,217 --> 00:11:10,245
แบบนี้กันหรือยัง

131
00:11:10,245 --> 00:11:14,245
เลือกสัก 1 ตัวนะ

132
00:11:15,071 --> 00:11:19,071
เลือกตัวเกมสัก 1 ตัว

133
00:11:20,169 --> 00:11:24,169
ดูนะคะ คำค้นที่ใช้

134
00:11:52,562 --> 00:11:49,145

135
00:11:39,393 --> 00:11:43,393
ดูคำที่ใช้ค้นเห็นไหม

136
00:12:11,297 --> 00:12:14,872
บนหน้าสไลด์นี่

137
00:12:14,872 --> 00:12:17,127
Free Download

138
00:12:17,127 --> 00:12:17,945
sprites sheet

139
00:12:17,945 --> 00:12:20,460
นะคะ

140
00:12:20,460 --> 00:12:22,101
ให้คนด้วยคำนี้ แล้ว

141
00:12:22,101 --> 00:12:24,526
ถ้าค้นด้วย

142
00:12:24,526 --> 00:12:25,702
คำนี้สไปรท์ชีส

143
00:12:25,702 --> 00:12:29,702
มีหลาย ๆ ตัวนะคะ ที่เขาทำไว้แล้ว

144
00:12:46,371 --> 00:12:44,640
น่ะ

145
00:12:30,231 --> 00:12:34,231
ใน

146
00:15:06,183 --> 00:15:07,535
ในโฟลเดอร์เด็ก ๆ ทุกคน

147
00:15:07,535 --> 00:15:08,112
เมื่อกี้ไปตรวจแล้วนะคะ

148
00:15:08,112 --> 00:15:11,694
มีตัวเกมที่เราจะเอามาลงแล้ว

149
00:15:11,694 --> 00:15:15,694
ไปไหนล่ะ

150
00:15:21,799 --> 00:15:18,359

151
00:15:13,282 --> 00:15:17,282
อยู่ไหนเอ่ย อยู่ไหนเอ่ย อยู่ไหนเอ่ย

152
00:15:22,584 --> 00:15:23,925
นี่นะคะ อันดับแรก

153
00:15:23,925 --> 00:15:27,925
อันดับที่ 1

154
00:15:32,064 --> 00:15:28,570

155
00:15:28,480 --> 00:15:29,014
เหมือนเดิม ลองวางก่อน เพราะเราต้องรู้ว่า

156
00:15:29,014 --> 00:15:30,171
เรา

157
00:15:30,171 --> 00:15:30,472
จะเอาไอ้ตัวนี้ไปวาง

158
00:15:30,472 --> 00:15:33,261
เอาไปวางในฉากเราได้ไหม

159
00:15:33,261 --> 00:15:35,206
เพราะฉะนั้นนะคะ

160
00:15:35,206 --> 00:15:38,867
คำสั่ง

161
00:15:38,867 --> 00:15:39,084
ยังเป็นคำสั่งเดิมอยู่นะ

162
00:15:39,084 --> 00:15:41,921
ก็คือ

163
00:15:41,921 --> 00:15:42,700
คำสั่งที่จะ

164
00:15:42,700 --> 00:15:46,700
นี่ ๆ

165
00:15:50,384 --> 00:15:51,496
เอารูปมาใส่

166
00:15:51,496 --> 00:15:54,462
นี่นะคะ

167
00:15:54,462 --> 00:15:55,304
แต่เราจะต้องประกาศตัวแปรใหม่

168
00:15:55,304 --> 00:15:56,411
ตอนนี้

169
00:15:56,411 --> 00:16:00,411
ไปที่บรรทัดตำแหน่งที่ 14

170
00:16:01,081 --> 00:16:01,392
บรรทัดที่ 14 ก่อน

171
00:16:01,392 --> 00:16:03,302
เด็ก ๆ เลื่อน

172
00:16:03,302 --> 00:16:05,945
เลื่อนลงมาประมาณบรรทัดที่ 14

173
00:16:05,945 --> 00:16:09,945
ในสัปดาห์ที่

174
00:16:10,567 --> 00:16:11,619
แล้วเรามี background มีอะไรแล้วนะ

175
00:16:11,619 --> 00:16:15,619
เรากำหนดหน้าจอเกมได้แล้วสิ่งที่เราจะทำต่อมา

176
00:16:15,868 --> 00:16:18,635
ใส่ Hashtag

177
00:16:18,635 --> 00:16:19,584
หรือเครื่องหมาย

178
00:16:19,584 --> 00:16:23,074
ก่อน

179
00:16:23,074 --> 00:16:27,074
แล้วก็บอกว่า

180
00:16:41,119 --> 00:16:37,591

181
00:16:24,108 --> 00:16:28,108
เราจะเอาตัวเกมเข้ามาแล้ว

182
00:16:53,931 --> 00:16:56,534
ก็เลย

183
00:16:56,534 --> 00:16:59,118
ใส่ Hashtag

184
00:16:59,118 --> 00:17:00,461
ไว้ตรงส่วนนี้จะเป็น

185
00:17:00,461 --> 00:17:04,085
ส่วนที่เรา

186
00:17:04,085 --> 00:17:06,677
นำตัวเกมเข้ามานะคะ นำเข้าเกม

187
00:17:06,677 --> 00:17:06,926
นำเข้าตัวเกมใส่แฮชแท็กไว้

188
00:17:06,926 --> 00:17:10,926
แล้วก็กด Enter ลงไป 2 ที เว้น 2 บรรทัด

189
00:17:11,244 --> 00:17:13,698
เราจะอยู่บรรทัดที่ 15

190
00:17:13,698 --> 00:17:17,642
จะได้เช็กง่าย ๆ

191
00:17:17,642 --> 00:17:21,642
ไปตามบรรทัดก่อน

192
00:17:25,565 --> 00:17:25,527
ตอนนี้

193
00:17:19,141 --> 00:17:23,141
ก่อนอื่นเหมือนเดิมนะคะ รูปแบบจะคล้าย ๆ กับตัวนี้นะคะ

194
00:18:00,673 --> 00:18:02,781
ก็คือ

195
00:18:02,781 --> 00:18:05,393
ให้

196
00:18:05,393 --> 00:18:06,955
Pygame มันไปโหลด

197
00:18:06,955 --> 00:18:07,263
ภาพตัวเกมเรามา

198
00:18:07,263 --> 00:18:11,263
ก่อนอื่น เราต้องมากำหนดค่าตัวแปรก่อน

199
00:18:11,746 --> 00:18:15,746
ตัวแปรเราสมมติ

200
00:18:22,723 --> 00:18:24,596
เมื่อกี้

201
00:18:24,596 --> 00:18:25,848
ให้เด็ก ๆ ดูที่อะไร

202
00:18:25,848 --> 00:18:29,848
ดูที่ตัวละครของเรามันเป็นตัวอะไรนึกออกไหมลูก

203
00:18:37,732 --> 00:18:34,196

204
00:18:31,290 --> 00:18:34,824
เช่นตัวนี้เป็นแมว เพราะฉะนั้น

205
00:18:34,824 --> 00:18:37,731
ชื่อตัวแปร

206
00:18:37,731 --> 00:18:39,901
ก็คือตัวอะไรคะ

207
00:18:39,901 --> 00:18:40,776
cat นะ ภาษาอังกฤษ

208
00:18:40,776 --> 00:18:44,776
ใครเป็นตัวอะไรบ้าง

209
00:18:44,896 --> 00:18:47,192
ถ้าใครเป็นนก

210
00:18:47,192 --> 00:18:50,419
ไหนใครเป็นรูปนกยกมือขึ้น

211
00:18:50,419 --> 00:18:51,265
มีใครเป็นรูปนกไหมคะ

212
00:18:51,265 --> 00:18:55,265
ไม่มีหรือ

213
00:18:55,765 --> 00:18:58,697
ว่าเห็นอยู่

214
00:18:58,697 --> 00:19:01,309
กุ้ง ก็ตั้งชื่อ

215
00:19:01,309 --> 00:19:04,549
แปร bird เลยลูกนึกออกไหม

216
00:19:04,549 --> 00:19:06,964
เอาชื่อตัวเกมเรา

217
00:19:06,964 --> 00:19:07,424
ตัวแปรเลยเราจะได้รู้ว่า

218
00:19:07,424 --> 00:19:11,424
นี้คือตัวนกของเรา

219
00:19:11,992 --> 00:19:13,331
ใคร

220
00:19:13,331 --> 00:19:13,770
ที่ตัวลูก

221
00:19:13,770 --> 00:19:17,770
เกมตัวเองเป็นรูปสัตว์ชนิดไหน

222
00:19:18,706 --> 00:19:18,953
นึกออกนะคะ ให้ใช้ชื่อ

223
00:19:18,953 --> 00:19:21,589
ตามตัว

224
00:19:21,589 --> 00:19:22,381
สัตว์ชนิดนั้น

225
00:19:22,381 --> 00:19:26,381
หรือตัวเกมชนิดนั้น

226
00:19:27,084 --> 00:19:29,054
เหมือนของแม่ แม่เอาแมว เพราะฉะนั้น

227
00:19:29,054 --> 00:19:29,659
เกมแม่ก็จะชื่อ

228
00:19:29,659 --> 00:19:32,517
cat ก่อน

229
00:19:32,517 --> 00:19:36,517
boy ก็ได้

230
00:19:39,685 --> 00:19:41,128
ใช้ boy ก็ได้

231
00:19:41,128 --> 00:19:45,128
เด็กผู้ชาย เป็นรูปเด็กผู้ชาย

232
00:19:45,244 --> 00:19:45,524
Boy Girl ก็ได้

233
00:19:45,524 --> 00:19:49,470
ของมิ่งเป็นรูปอะไรครับ

234
00:19:49,470 --> 00:19:53,138
หมา Dog นะ

235
00:19:53,138 --> 00:19:55,115
อะไรไม่รู้ชื่อสัตว์ภาษาอังกฤษ

236
00:19:55,115 --> 00:19:55,865
โดยใช้อะไร

237
00:19:55,865 --> 00:19:57,847
Google

238
00:19:57,847 --> 00:19:58,620
แปลภาษานะคะ

239
00:19:58,620 --> 00:19:59,600
ช่วย

240
00:19:59,600 --> 00:20:03,600
ประกาศตัวแปรแล้วตามด้วยเครื่องหมาย

241
00:20:04,970 --> 00:20:08,970
เท่ากับเสมอ

242
00:20:18,890 --> 00:20:15,297

243
00:20:05,209 --> 00:20:09,209
เห็นไหมคะ

244
00:20:16,257 --> 00:20:20,257
ตรงชื่อตัวแปรน่ะ ชื่อนี้

245
00:20:20,463 --> 00:20:24,144
ก็คือให้เราดูรูป

246
00:20:24,144 --> 00:20:28,144
ไอ้ตัวเกมของเรา

247
00:20:28,683 --> 00:20:29,696
มันเป็นสัตว์อะไร เราก็ตั้งชื่อตามนั้น อย่ามาพิมพ์

248
00:20:29,696 --> 00:20:33,696
ตามแม่นะ

249
00:20:34,505 --> 00:20:34,792
ของแม่เป็นตัวแมวไง แม่ก็เลยใช้

250
00:20:34,792 --> 00:20:36,515
cat ถ้าของเด็ก ๆ เป็น

251
00:20:36,515 --> 00:20:38,071
หมาก็ใช้ Dog

252
00:20:38,071 --> 00:20:40,229

253
00:20:40,229 --> 00:20:41,292
ถ้าเป็นนกก็ใช้

254
00:20:41,292 --> 00:20:41,466
bird ถ้าใครเป็น

255
00:20:41,466 --> 00:20:45,466
OK

256
00:20:46,591 --> 00:20:50,591
องุ่นเป็นตัวอะไร

257
00:20:57,766 --> 00:20:57,966
อ๋อ หมาก็ได้ dog

258
00:20:57,966 --> 00:21:01,966
ดูต่อนะคะ คำสั่งต่อมาเหมือนเดิม

259
00:21:49,332 --> 00:21:52,885
พิมพ์ b ก่อน

260
00:21:52,885 --> 00:21:53,545
กดตัว P 1 ครั้ง

261
00:21:53,545 --> 00:21:57,545
แล้วเลือกไฟล์เกมกด enter

262
00:21:58,193 --> 00:22:01,749
เกมอะไร

263
00:22:01,749 --> 00:22:05,749
.image.load

264
00:22:07,933 --> 00:22:08,482
เราจะใช้คำสั่งนี้ .image โหลดกดจอดลงไป

265
00:22:08,482 --> 00:22:12,482
แล้วก็เลือก

266
00:22:13,079 --> 00:22:15,535
image นึกออกนะ

267
00:22:15,535 --> 00:22:16,580
เลือกตัวนี้นะคะ

268
00:22:16,580 --> 00:22:17,719
เลือก Image

269
00:22:17,719 --> 00:22:19,188
กด enter

270
00:22:19,188 --> 00:22:21,337
อีก 1 ครั้ง

271
00:22:21,337 --> 00:22:23,723

272
00:22:23,723 --> 00:22:24,345
พิมพ์ l เลือกโหลด

273
00:22:24,345 --> 00:22:27,230
ใส่วงเล็บ

274
00:22:27,230 --> 00:22:31,230
นะคะ

275
00:22:32,121 --> 00:22:36,121
เพราะรูปแบบของเขาก็คือ

276
00:22:36,176 --> 00:22:38,134
ให้ Pygame มันไปโหลดรูปเห็นไหมคะ

277
00:22:38,134 --> 00:22:39,356
ตรงนี้

278
00:22:39,356 --> 00:22:40,769
นะ

279
00:22:40,769 --> 00:22:43,011
ก็คือชื่อ

280
00:22:43,011 --> 00:22:47,011
เจอรูปเด็ก ๆ ดูจากไหน

281
00:22:47,628 --> 00:22:49,653
เหมือนเดิมนะคะ เช็กชื่อภาพของเรา

282
00:22:49,653 --> 00:22:53,653
สังเกตดูชื่อดี ๆ มันมีหลายตัว

283
00:22:56,069 --> 00:22:56,721
แล้วมันมีวงเล็บ

284
00:22:56,721 --> 00:22:57,229
1

285
00:22:57,229 --> 00:22:59,730
พิมพ์ให้เหมือน

286
00:22:59,730 --> 00:23:01,262
ถ้ากลัวพิมพ์ผิด

287
00:23:01,262 --> 00:23:02,572
ทำอย่างไรคะ

288
00:23:02,572 --> 00:23:02,956
copy ใช่ไหม

289
00:23:02,956 --> 00:23:05,663
วิธีการ

290
00:23:05,663 --> 00:23:06,150
ให้พิมพ์ผิด

291
00:23:06,150 --> 00:23:08,873
คลิกขวาที่รูปของเรานี่

292
00:23:08,873 --> 00:23:11,834
แล้วเลือก properties

293
00:23:11,834 --> 00:23:13,702
เห็นไหมคะ

294
00:23:13,702 --> 00:23:13,896
ก๊อบฯ จากตรงนี้เลย

295
00:23:13,896 --> 00:23:17,896
จะได้พิมพ์ไม่ผิด

296
00:23:18,759 --> 00:23:18,938
นึกออกนะ ชื่อมันก็จะเหมือนกัน

297
00:23:18,938 --> 00:23:22,215
จะได้หาเจอ

298
00:23:22,215 --> 00:23:24,449
ไม่อย่างนั้นมันจะหาไม่เจอ

299
00:23:24,449 --> 00:23:25,346
ต้องไปกินเองออกไหมลูก

300
00:23:25,346 --> 00:23:27,345
ให้เด็ก ๆ

301
00:23:27,345 --> 00:23:28,629
เอาใหม่นะ

302
00:23:28,629 --> 00:23:28,994
ทำให้ดูใหม่นะ

303
00:23:28,994 --> 00:23:32,994
เราคลิกที่รูปที่เราจะใช้ 1 ครั้ง

304
00:23:34,474 --> 00:23:36,120
แล้วคลิกเมาส์ขวานะไอ้ตรงนี

305
00:23:36,120 --> 00:23:39,203
้คลิกที่นิ้ว

306
00:23:39,203 --> 00:23:40,990
นิ้วกลางเราน่ะ

307
00:23:40,990 --> 00:23:42,070
คลิกเมาส์ด้วย

308
00:23:42,070 --> 00:23:43,944
คงที่

309
00:23:43,944 --> 00:23:44,175
นิ้วกลางเราอยู่ 1 ครั้ง

310
00:23:44,175 --> 00:23:45,973
แล้วเลือก properties

311
00:23:45,973 --> 00:23:49,973
นามสกุลด้วย เห็นไหม

312
00:23:50,938 --> 00:23:51,133
อย่าลืมดูนามสกุลด้วย

313
00:23:51,133 --> 00:23:55,133
มันเป็น PNG

314
00:23:55,960 --> 00:23:58,921
เพราะฉะนั้น เราก๊อบฯ ชื่อเราจะได้พิมพ์ไม่ผิดนะ

315
00:23:58,921 --> 00:23:59,499
เว้นวรรคอะไรมันจะได้เหมือนกันเลย

316
00:23:59,499 --> 00:24:03,499

317
00:24:03,860 --> 00:24:04,074
Copy ctrl + c แล้วก็เอามาวาง

318
00:24:04,074 --> 00:24:05,497
ไหนล่ะ

319
00:24:05,497 --> 00:24:08,022
วงเล็บหายไปไหนแล้ว

320
00:24:08,022 --> 00:24:12,022
เนื่องจากเป็นชื่อ

321
00:24:12,753 --> 00:24:14,486
อย่าลืมนะคะ

322
00:24:14,486 --> 00:24:18,486
ถ้าเป็นชื่อ

323
00:24:20,096 --> 00:24:23,002
ลูกต้องใส่เครื่องหมายอะไรคะ Single quote หรือ Double Code ก็คือ

324
00:24:23,002 --> 00:24:23,907
ขีดเดียวก็ได้

325
00:24:23,907 --> 00:24:27,907
อยู่ไหนล่ะ

326
00:24:30,319 --> 00:24:31,137
ขีดเดียวหรือ 2 ขีดก็ได้นี่คือ Single quote

327
00:24:31,137 --> 00:24:34,264
นี่คือ Double quote

328
00:24:34,264 --> 00:24:38,264
ก็คือเครื่องหมายคำพูดแบบ

329
00:24:38,475 --> 00:24:40,175
อันเดียวกัน 2 อันน่ะ

330
00:24:40,175 --> 00:24:40,641
นะคะ

331
00:24:40,641 --> 00:24:44,641
กด Ctrl + V วางไฟล์นั้นนะคะ

332
00:24:46,191 --> 00:24:47,735
เห็นไหมคะ

333
00:24:47,735 --> 00:24:51,708
แล้วตามด้วยนามสกุล

334
00:24:51,708 --> 00:24:52,266
เวลาระบุนามสกุลรูปก็คือใส่ . ก่อน

335
00:24:52,266 --> 00:24:54,620
แล้วก็

336
00:24:54,620 --> 00:24:58,620
ใครจำไม่ได้ก็ย้อนกลับไปดู

337
00:25:00,739 --> 00:25:00,939
ชื่ออะไรหว่านะคะ

338
00:25:00,939 --> 00:25:04,939
copy เหมือนเดิมนะคะ เห็นไหมคะ

339
00:25:05,219 --> 00:25:06,885
สกุล PNG

340
00:25:06,885 --> 00:25:10,357
เราก็ใส่ PNG ลงไป

341
00:25:10,357 --> 00:25:14,357
แล้วก็ตามด้วยนามสกุลเขา

342
00:25:15,294 --> 00:25:18,396
เห็นไหมคะ

343
00:25:18,396 --> 00:25:22,396
เอารูปเข้ามาแล้วอย่าลืมเรียกใช้รูป

344
00:25:26,319 --> 00:25:28,478
ตอนนี้เราเอารูปเข้ามาแล้วนะคะ

345
00:25:28,478 --> 00:25:30,885
เราจะรู้ได้อย่างไร

346
00:25:30,885 --> 00:25:32,791
เอารูปเข้ามาเราก็ต้องไปเรียก

347
00:25:32,791 --> 00:25:34,235
ใช้รูปนั้นขึ้นมา

348
00:25:34,235 --> 00:25:35,916
ตอนนี้

349
00:25:35,916 --> 00:25:36,935
ในบรรทัดนี้

350
00:25:36,935 --> 00:25:40,935
คือคำสั่ง

351
00:25:41,753 --> 00:25:42,477
pygame.image.load นี่ก็คือให้ไปโหลดภาพที่เราจะใช้

352
00:25:42,477 --> 00:25:45,771
ดูชื่อดี ๆ นะ

353
00:25:45,771 --> 00:25:49,459
เอาตามนั้นเลยอย่างที่บอก

354
00:25:49,459 --> 00:25:50,461

355
00:25:50,461 --> 00:25:51,322
copy ctrl + v จะได้พิมพ์ไม่ผิด

356
00:25:51,322 --> 00:25:55,322
แล้วอย่างไรให้เราเข้ามาในตำแหน่ง

357
00:25:59,813 --> 00:26:01,836
รูปของเกมเราเห็นไหมคะ

358
00:26:01,836 --> 00:26:04,888
screen

359
00:26:04,888 --> 00:26:06,760
.blit นี่ใส่รูป

360
00:26:06,760 --> 00:26:10,526
สิ่งมาที่เราจะใส่

361
00:26:10,526 --> 00:26:11,047
คำสั่งเดียวก็เลยจะเปลี่ยนจาก

362
00:26:11,047 --> 00:26:14,735
BGPi

363
00:26:14,735 --> 00:26:18,735
cตัวนี้แทน

364
00:26:19,338 --> 00:26:19,801
เราจะเรียกตัวแปรนี้มานะคะ

365
00:26:19,801 --> 00:26:23,801
มานะคะ

366
00:26:27,286 --> 00:26:28,447
พร้อมหรือยังคะ

367
00:26:28,447 --> 00:26:29,728
ให้เด็ก ๆ

368
00:26:29,728 --> 00:26:33,310
เข้ามาที่

369
00:26:33,310 --> 00:26:35,543
บรรทัดที่ต่อจากที่เรา

370
00:26:35,543 --> 00:26:35,801
เรียกใช้ Background

371
00:26:35,801 --> 00:26:38,434
screen

372
00:26:38,434 --> 00:26:40,548
.blit BG pic me

373
00:26:40,548 --> 00:26:44,548
คือ background Pictures เรา

374
00:26:48,447 --> 00:26:49,780
ดูนะคะ กด Enter เพื่อให้เคอร์เซอร์มันอยู่บอกแล้วว่า

375
00:26:49,780 --> 00:26:50,456
อย่ากดเป็น

376
00:26:50,456 --> 00:26:51,850
อย่างนี้

377
00:26:51,850 --> 00:26:55,850
อย่ากดแป้น Space Bar ให้เห็นจุด

378
00:26:57,017 --> 00:27:00,476
เดี๋ยวมันขึ้น Error นะเด็ก ๆ

379
00:27:00,476 --> 00:27:00,653
เด็ก ๆ ไปท้ายบรรทัด

380
00:27:00,653 --> 00:27:04,653
ของคำสั่งที่เราจะเริ่มเขียน

381
00:27:05,842 --> 00:27:06,008
แล้วกด enter

382
00:27:06,008 --> 00:27:09,452
เห็นไหมคะ มันจะตัด

383
00:27:09,452 --> 00:27:10,909
โครงสร้างมันจะจัด

384
00:27:10,909 --> 00:27:12,903
ระเบียบมาให้

385
00:27:12,903 --> 00:27:13,568
เราจะลงไปตำแหน่งเดิม

386
00:27:13,568 --> 00:27:17,062
กด s 1 ครั้ง

387
00:27:17,062 --> 00:27:19,430
แล้วเลือก Screen

388
00:27:19,430 --> 00:27:20,975
เหมือนเดิม

389
00:27:20,975 --> 00:27:23,298

390
00:27:23,298 --> 00:27:26,105
.blit เหมือนเดิม

391
00:27:26,105 --> 00:27:26,487
เลือกเอานะ

392
00:27:26,487 --> 00:27:28,602
จะได้ไม่ต้องพิมพ์

393
00:27:28,602 --> 00:27:28,901
ใส่วงเล็บ

394
00:27:28,901 --> 00:27:32,901
ตรงนี้ ก็คือชื่อ

395
00:27:34,040 --> 00:27:36,466
ชื่อตัวนี้นะคะ

396
00:27:36,466 --> 00:27:36,986
เราก็ต้องเรียกใช้ cat

397
00:27:36,986 --> 00:27:39,415
เรียกน้อง cat

398
00:27:39,415 --> 00:27:43,415
ของแม่เรียก

399
00:27:44,189 --> 00:27:44,313
เด็ก ๆ เป็นอะไรตัวแปรของเด็ก ๆ นึกออกนะ

400
00:27:44,313 --> 00:27:47,518
ใครเป็น boy ก็

401
00:27:47,518 --> 00:27:49,697
เรียก

402
00:27:49,697 --> 00:27:50,964
boy ใครเป็น dogเรียกดอก

403
00:27:50,964 --> 00:27:53,133
ใครเป็นเบิร์ดก็เรียก

404
00:27:53,133 --> 00:27:55,873
ิรนะคะ

405
00:27:55,873 --> 00:27:58,302
เวลาเอามา

406
00:27:58,302 --> 00:28:00,124
เราจะระบุตำแหน่งให้มันแล้ว

407
00:28:00,124 --> 00:28:01,216
ทีนี้ดูดี ๆ

408
00:28:01,216 --> 00:28:05,216
ตำแหน่งจอ

409
00:28:06,463 --> 00:28:08,063
เริ่มต้นคือ

410
00:28:08,063 --> 00:28:09,137
นึกออกนะ

411
00:28:09,137 --> 00:28:10,134
มันมี

412
00:28:10,134 --> 00:28:10,609
แผนที่

413
00:28:10,609 --> 00:28:13,616

414
00:28:13,616 --> 00:28:14,208
เรียกว่าแกน x กับแกน Y

415
00:28:14,208 --> 00:28:17,029
นะคะ

416
00:28:17,029 --> 00:28:17,933
0

417
00:28:17,933 --> 00:28:20,774
คือตำแหน่งข้างบน

418
00:28:20,774 --> 00:28:24,774
แล้วมันจะลงมาข้างล่างอย่างนี้

419
00:28:29,588 --> 00:28:33,588
ไม่เชื่อเดี๋ยวลองดูนะคะ

420
00:28:37,103 --> 00:28:34,261

421
00:28:34,533 --> 00:28:34,684
ถ้ายังไม่เปลี่ยนตำแหน่งเดี๋ยวเด็ก ๆ ลองดูก็ได้ เอาเหมือนเดิมเลย เอาเหมือน

422
00:28:34,684 --> 00:28:36,532
คำสั่งแรกเลย

423
00:28:36,532 --> 00:28:40,532
เอาเหมือนตำแหน่งนี้เลย

424
00:28:41,624 --> 00:28:42,618
นะ เด็ก ๆ ลองดูนะ

425
00:28:42,618 --> 00:28:44,898
cat

426
00:28:44,898 --> 00:28:45,386
ปุ๊บ ใส่

427
00:28:45,386 --> 00:28:49,386

428
00:28:50,140 --> 00:28:50,643
, แล้วก็ใส่

429
00:28:50,643 --> 00:28:53,816
ตำแหน่ง

430
00:28:53,816 --> 00:28:54,321
0, 0 เหมือนตัวแรกเลยนะ

431
00:28:54,321 --> 00:28:56,103
ให้ดูเลย

432
00:28:56,103 --> 00:28:57,911
ว่ามัน

433
00:28:57,911 --> 00:28:58,131
ตำแหน่งมันเริ่มจากไหน

434
00:28:58,131 --> 00:29:02,131
ใครพิมพ์

435
00:29:02,131 --> 00:29:06,131
คำสั่งนี้เสร็จ

436
00:29:06,246 --> 00:29:08,356
แล้วกดอะไรคะ เมื่อเราต้องการทดสอบโปรแกรม

437
00:29:08,356 --> 00:29:08,480
หรือร้า run โปรแกรม ก็คือก

438
00:29:08,480 --> 00:29:12,480
ด ctrl + B นะคะ

439
00:29:13,494 --> 00:29:15,616
Control B

440
00:29:15,616 --> 00:29:16,377
เห็นไหม

441
00:29:16,377 --> 00:29:20,377
เราใส่ 000 ตำแหน่งน้องแมวมันรออยู่

442
00:29:20,898 --> 00:29:21,244
บนท้องฟ้า

443
00:29:21,244 --> 00:29:24,136
เราอยากให้มันลงมา

444
00:29:24,136 --> 00:29:26,921
ให้เราดูอะไรคะ

445
00:29:26,921 --> 00:29:29,173
ดูแนวของ

446
00:29:29,173 --> 00:29:29,850
ภาพ background ของเราด้วย

447
00:29:29,850 --> 00:29:33,850
เมื่อคืนน้องแมวควรจะยืนอยู่ตรงนี้

448
00:29:34,006 --> 00:29:35,407
พื้นดิน

449
00:29:35,407 --> 00:29:38,585
ตรงนี้พอดี

450
00:29:38,585 --> 00:29:39,711
เพราะฉะนั้น เราต้องเลื่อน

451
00:29:39,711 --> 00:29:43,711
1 0 0 ตัวแรก

452
00:29:44,053 --> 00:29:45,195
คือศูนย์ในแนว

453
00:29:45,195 --> 00:29:48,420
เรียกว่าอะไรล่ะ

454
00:29:48,420 --> 00:29:50,896
แนวตั้ง Column 1 ออกนะ

455
00:29:50,896 --> 00:29:51,178
แล้วศงก็คือ

456
00:29:51,178 --> 00:29:54,720
แมวที่เป็นแถวก็คือบรรทัด

457
00:29:54,720 --> 00:29:56,440
เพราะฉะนั้น

458
00:29:56,440 --> 00:29:56,734
เราต้องเพิ่มจำนวนบรรทัด

459
00:29:56,734 --> 00:30:00,734
น้องแมวก็ตัวใหญ่ไปด้วยใช้ถ่านปลอมลดไซส์

460
00:30:05,235 --> 00:30:06,016
ลงหน่อยก็ได้นะคะ เด็ก ๆ

461
00:30:06,016 --> 00:30:10,016
นี่

462
00:30:10,146 --> 00:30:13,389
ตัวมันใหญ่นี่

463
00:30:13,389 --> 00:30:13,543
ก็ได้

464
00:30:13,543 --> 00:30:17,543
บอกนะเดี๋ยวค่อยไปแก้

465
00:30:22,487 --> 00:30:22,668
การลดขนาด size สอนไปแล้วนะเดี๋ยวค่อยไปแก้ทีหลังก็ได้

466
00:30:22,668 --> 00:30:26,570
เรามาเปลี่ยนตำแหน่ง

467
00:30:26,570 --> 00:30:30,570
เพิ่มจำนวนบรรทัดนะคะ สัก 250

468
00:30:33,673 --> 00:30:37,673
เช็กด้วยอะไร 1. อันดับแรก

469
00:30:38,407 --> 00:30:38,937
เด็ก ๆ เช็กจากนี่ได้

470
00:30:38,937 --> 00:30:41,753
เช็กจาก

471
00:30:41,753 --> 00:30:45,566
ตัว screen เราเห็นไหมคะ

472
00:30:45,566 --> 00:30:47,984
ตำแหน่งบรรทัดนี่

473
00:30:47,984 --> 00:30:48,418
เห็นไหม

474
00:30:48,418 --> 00:30:50,029
ตำแหน่งคอลัมน์น่ะ

475
00:30:50,029 --> 00:30:54,029
สูงสุดก็คือ 1,600

476
00:30:54,254 --> 00:30:57,795
บรรทัดบนสุดคือ 800

477
00:30:57,795 --> 00:30:58,417
ตอนนี้นี่

478
00:30:58,417 --> 00:31:01,162
เอาบรรทัดที่ 250

479
00:31:01,162 --> 00:31:05,162
กด ctrl + b ดูว่าน้องแมวเราเลื่อนลงมาหรือยัง

480
00:31:07,159 --> 00:31:11,159
ได้พอดีเลยนะคะ น้องแมวอยู่ตรงพื้นดินพอดีบางคนเลื่อนลงไปเยอะให้นึกถึงนะ

481
00:31:14,925 --> 00:31:18,925
ไม่ใช่ว่าเราจะเอามาจน

482
00:31:19,461 --> 00:31:19,822
ไอ้นี่ถูกไหมคะ

483
00:31:19,822 --> 00:31:23,398
บางทีมันไม่จำเป็นต้องลงมาจนสุด

484
00:31:23,398 --> 00:31:26,445
ฉากเสมอไป ให้เราดูระดับ

485
00:31:26,445 --> 00:31:29,684
ภาพพื้นที่ของภาพเราด้วยนะ

486
00:31:29,684 --> 00:31:33,684
ไหนหมดกดหรือยัง ctrl + b หรือยัง

487
00:31:35,237 --> 00:31:35,601
กดหรือยัง

488
00:31:35,601 --> 00:31:38,508
กดปุ่มนี้หรือยัง

489
00:31:38,508 --> 00:31:41,847
เดี๋ยว

490
00:31:41,847 --> 00:31:45,847
ไม่ขึ้นหรือเดี๋ยวนะ

491
00:31:47,007 --> 00:31:48,379
name error

492
00:31:48,379 --> 00:31:52,097
ทำไมถึง

493
00:31:52,097 --> 00:31:55,095
ขึ้น name error บรรทัดที่เท่าไร

494
00:31:55,095 --> 00:31:58,335
line 18

495
00:31:58,335 --> 00:31:59,801
อยู่ที่ไหนนะ

496
00:31:59,801 --> 00:32:01,900
ทำไมตัวนี้

497
00:32:01,900 --> 00:32:05,900
error ดูบรรทัดนี้นะคะ

498
00:32:06,484 --> 00:32:10,484
บรรทัดนี้เด้อ

499
00:32:10,935 --> 00:32:14,126
หายไปไหน

500
00:32:14,126 --> 00:32:14,862
บรรทัดนี้หายไปไหน

501
00:32:14,862 --> 00:32:18,862
run trought หายไปไหน

502
00:32:19,418 --> 00:32:19,831
หายไปไหน 1 บรรทัด

503
00:32:19,831 --> 00:32:23,831
นี่ ก่อนหน้าเห็นไหม

504
00:32:26,848 --> 00:32:27,470
ข้างบนข้างบนอันนี้ถูกแล้วขึ้นไป 17

505
00:32:27,470 --> 00:32:31,260
ไม่ ๆ ไม่ต้องลบขึ้นมาอีกบรรทัดหนึ่ง

506
00:32:31,260 --> 00:32:35,260
แล้วก็

507
00:32:35,624 --> 00:32:36,041
Enter Enter

508
00:32:36,041 --> 00:32:37,729
เท่ากับ

509
00:32:37,729 --> 00:32:41,729
ctr

510
00:32:52,894 --> 00:32:54,773

511
00:32:54,773 --> 00:32:58,236
l แล้วก็กด

512
00:32:58,236 --> 00:33:01,898
ctrl + b กด

513
00:33:01,898 --> 00:33:05,898
อันใหญ่ใช่ไหม

514
00:33:09,574 --> 00:33:10,317
เดี๋ยวค่อย

515
00:33:10,317 --> 00:33:14,317
จำได้ไหม ที่บอกว่า

516
00:33:14,811 --> 00:33:18,811
ไหนล่ะ

517
00:33:18,811 --> 00:33:20,067
นี่

518
00:33:20,067 --> 00:33:24,067
ใช้อะไรนะ

519
00:33:24,245 --> 00:33:28,245
ใช้โปรแกรม

520
00:33:29,511 --> 00:33:30,615
paint อยู่ไหน

521
00:33:30,615 --> 00:33:34,034
P

522
00:33:34,034 --> 00:33:37,593
กด p

523
00:33:37,593 --> 00:33:39,302

524
00:33:39,302 --> 00:33:39,670
p-a กดตัว P

525
00:33:39,670 --> 00:33:42,108
ตัว i

526
00:33:42,108 --> 00:33:45,575

527
00:33:45,575 --> 00:33:46,457

528
00:33:46,457 --> 00:33:49,292
paint

529
00:33:49,292 --> 00:33:50,444
OK

530
00:33:50,444 --> 00:33:52,389
ทีนี้

531
00:33:52,389 --> 00:33:56,389
ไปที่เมนู file>

532
00:33:57,720 --> 00:34:01,720
open ไหน ตัวไหนตัวนี้ใช่ไหม

533
00:34:12,440 --> 00:34:08,868

534
00:34:03,831 --> 00:34:07,831
เลือก

535
00:34:10,412 --> 00:34:13,592
เดี๋ยว

536
00:34:13,592 --> 00:34:15,228
ๆ select All ก่อน

537
00:34:15,228 --> 00:34:15,912
แล้วก็เลือกตรงนี้

538
00:34:15,912 --> 00:34:17,731
ลดลง

539
00:34:17,731 --> 00:34:18,088
50

540
00:34:18,088 --> 00:34:21,105
50 50

541
00:34:21,105 --> 00:34:24,749
OK

542
00:34:24,749 --> 00:34:27,632
เอาอีกลงอีก

543
00:34:27,632 --> 00:34:29,516
ทำอีกครั้งหนึ่ง

544
00:34:29,516 --> 00:34:33,516
50 อีก

545
00:34:38,690 --> 00:34:40,469
save

546
00:34:31,768 --> 00:34:35,189

547
00:34:35,189 --> 00:34:39,189
ย่อนะ

548
00:34:43,924 --> 00:34:47,924
ลดแล้วทีนี้

549
00:34:50,635 --> 00:34:54,635
ctrl  กด ctrl + B ใหม

550
00:34:54,672 --> 00:34:58,672
เดี๋ยว

551
00:34:59,463 --> 00:34:59,678
ๆ อันนี้หรือเปล่า

552
00:34:59,678 --> 00:35:00,813
ชื่อ

553
00:35:00,813 --> 00:35:03,349
ๆตัวเดียวกันหรือเปล่า

554
00:35:03,349 --> 00:35:05,147
ลืมดู

555
00:35:05,147 --> 00:35:07,333
อันนี้ชื่ออะไร

556
00:35:07,333 --> 00:35:08,921
ขอนก 2

557
00:35:08,921 --> 00:35:11,863
Open

558
00:35:11,863 --> 00:35:12,820
1 ใช่ไหม

559
00:35:12,820 --> 00:35:16,820
นี่ก่อนนี่ก่อนลูกนี่ก่อน

560
00:35:24,291 --> 00:35:25,133
cancel ก่อน

561
00:35:25,133 --> 00:35:29,133
ต้อง select ก่อนเลือกทั้งหมดก่อน

562
00:35:30,666 --> 00:35:33,430
ต้องเลือกอันนี้ก่อน แล้วค่อยมาเลือกอันนี้

563
00:35:33,430 --> 00:35:37,430
อีกที่หนึ่งอีกที่หนึ่ง

564
00:35:40,838 --> 00:35:43,888
อันนี้เหมือนเดิม 50 อีกทีหนึ่ง

565
00:35:43,888 --> 00:35:45,378
OK

566
00:35:45,378 --> 00:35:45,601
แล้วก็ save

567
00:35:45,601 --> 00:35:49,601
OK

568
00:35:52,179 --> 00:35:55,545
ctrl + B ใหม่

569
00:35:55,545 --> 00:35:57,811
กด ctrl + B

570
00:35:57,811 --> 00:35:59,918
เห็นไหม

571
00:35:59,918 --> 00:36:00,407
ที่นี้

572
00:36:00,407 --> 00:36:04,407
ในกรณีของกุ้งเต้นนี

573
00:36:04,462 --> 00:36:08,462
่ วิธีการ

574
00:36:13,257 --> 00:36:17,257
มันจะมีตัวนี้

575
00:36:17,726 --> 00:36:21,726
เห็นไหม

576
00:36:28,524 --> 00:36:32,524

577
00:36:51,090 --> 00:36:54,594
ดูนะคะ

578
00:36:54,594 --> 00:36:56,651
บางคนเอารูปเข้ามาแล้วมันมีกรอบสีขาว

579
00:36:56,651 --> 00:36:59,914
ๆ นั่นก็คือมันมี Background

580
00:36:59,914 --> 00:37:03,914
มาดูวิธีเอา background ออกจากรูปเรา

581
00:37:04,098 --> 00:37:07,638
มีกระดาษจดไหมคะ

582
00:37:07,638 --> 00:37:09,453
จดไว้ทุกคนดู

583
00:37:09,453 --> 00:37:11,717
เดี๋ยวจะมาสอนวิ

584
00:37:11,717 --> 00:37:15,641
ธีเอาภาพที่มีที่มี background ออก

585
00:37:15,641 --> 00:37:18,922

586
00:37:18,922 --> 00:37:20,297
นะคะ ภาพที่มี background เช่น

587
00:37:20,297 --> 00:37:24,297
หาตัวอย่างก่อนนะ

588
00:37:24,351 --> 00:37:28,351
ไม่แน่ใจตัวนี้มีหรือเปล่า

589
00:37:30,763 --> 00:37:27,137

590
00:37:24,654 --> 00:37:28,654
เดี๋ยวขอลองเปิดดูก่อนนะ

591
00:37:34,517 --> 00:37:38,429
นี่นะคะ

592
00:37:38,429 --> 00:37:42,429
บางทีรูปที่เอามานี่

593
00:37:43,640 --> 00:37:44,459
มันมีไอ้พื้นหลังขาว ๆ นี่

594
00:37:44,459 --> 00:37:47,603
ชื่ออะไร Tiger

595
00:37:47,603 --> 00:37:50,436
เดี๋ยวลองดูนะ

596
00:37:50,436 --> 00:37:54,436
เดี๋ยวขอลองเอา Tiger เข้ามาดูก่อนนะ

597
00:38:01,488 --> 00:37:57,881

598
00:37:52,839 --> 00:37:56,839
แป๊บหนึ่งนะคะเด็ก ๆ เดี๋ยว test ให้ดู

599
00:38:27,071 --> 00:38:23,580

600
00:38:10,559 --> 00:38:14,559
ดูนะคะ

601
00:39:18,182 --> 00:39:20,673
ถ้ารูปใครที่มีพื้นหลัง

602
00:39:20,673 --> 00:39:24,673
เดี๋ยวให้ดูเดี๋ยวให้ดู

603
00:39:25,758 --> 00:39:28,553
เหมือนของกุ้งเต้นนี่

604
00:39:28,553 --> 00:39:32,553
เขามีพื้นหลังสีขาวนะ

605
00:39:42,756 --> 00:39:39,328

606
00:39:29,132 --> 00:39:33,132
ดูถ้าอย่างนี้นะคะ

607
00:40:03,252 --> 00:40:07,252
มันจะมี background ข้างหลังนะดูดี ๆ นะ

608
00:40:14,680 --> 00:40:11,310

609
00:40:05,585 --> 00:40:09,585
เดี๋ยว test ให้ดูนะคะ

610
00:40:21,357 --> 00:40:25,357
นี่

611
00:40:39,261 --> 00:40:43,261
เมื่อไรที่ใครเอา

612
00:40:45,368 --> 00:40:47,694
ภาพที่เลือกมาใช้ แล้วมันไม่อย่างนี้

613
00:40:47,694 --> 00:40:49,752
มีสีขาวล้อมกรอบนี่

614
00:40:49,752 --> 00:40:49,940
นั่นก็คือภาพนี้มันมี Background

615
00:40:49,940 --> 00:40:53,903
วิธีที่จะเอาออกจดด้วยนะคะ เด็ก ๆ

616
00:40:53,903 --> 00:40:54,085
จดไว้

617
00:40:54,085 --> 00:40:58,085
เพราะอย่าลืมว่าเด็ก ๆ บางคนมีหลายรูป นึกออกนะ

618
00:40:58,661 --> 00:41:01,815
เพราะฉะนั้น ต้อง

619
00:41:01,815 --> 00:41:02,221
ไปเอาออกแล้วออกเองทุกรูป

620
00:41:02,221 --> 00:41:05,230
แต่จะสอน

621
00:41:05,230 --> 00:41:07,035
เอาออกแค่ 1 รูป

622
00:41:07,035 --> 00:41:07,385
ให้ไปที่เว็บไซต์

623
00:41:07,385 --> 00:41:11,385
ให้เด็ก ๆ เปิด Google นะคะ

624
00:41:12,126 --> 00:41:16,126
แล้วพิมพ์คำว่า

625
00:41:26,195 --> 00:41:22,681

626
00:41:15,205 --> 00:41:19,205
BG

627
00:41:27,393 --> 00:41:31,393
แล้วก็ตามด้วยคำว่า

628
00:41:31,899 --> 00:41:34,232
"remove

629
00:41:34,232 --> 00:41:38,232
r"

630
00:41:53,322 --> 00:41:50,462

631
00:41:38,161 --> 00:41:42,161
นี่นะคะ

632
00:41:53,805 --> 00:41:57,028
ใช้ Google แล้วพิมพ์คำว่า

633
00:41:57,028 --> 00:41:59,752
"BG remover

634
00:41:59,752 --> 00:42:01,790
" ตัวนี้นะคะเด็ก ๆ

635
00:42:01,790 --> 00:42:03,002
นี่

636
00:42:03,002 --> 00:42:07,002
ให้ค้นคำว่า "BG

637
00:42:08,078 --> 00:42:12,078
" แล้วก็ตามด้วย r-e-m-o-v-e

638
00:42:26,084 --> 00:42:23,972
-r

639
00:42:09,176 --> 00:42:11,294

640
00:42:11,294 --> 00:42:15,294
ก็คือมันจะเป็นเว็บสำหรับ

641
00:42:25,058 --> 00:42:25,850
เอาภาพ

642
00:42:25,850 --> 00:42:29,819
ที่มี เอาพื้นหลังที่อยู่ในรูปเราออกนะคะ

643
00:42:29,819 --> 00:42:33,819
มันก็เลยมีชื่อว่า BG remover นะคะ

644
00:42:40,223 --> 00:42:41,421
เห็นไหมคะ

645
00:42:41,421 --> 00:42:45,421
ให้เด็ก ๆ เข้าเว็บนี้เลย

646
00:42:51,082 --> 00:42:47,638

647
00:42:44,065 --> 00:42:48,065
remove BG นี่นะคะ คลิกเข้าไปเลย

648
00:42:48,688 --> 00:42:52,688
ที่มันขึ้นว่า remove background

649
00:42:52,864 --> 00:42:53,210
from image นี่

650
00:42:53,210 --> 00:42:55,317
คลิกเข้าไปเลย

651
00:42:55,317 --> 00:42:59,047
แล้วที่ตัวนี้

652
00:42:59,047 --> 00:43:01,120
Upload Image

653
00:43:01,120 --> 00:43:05,120
ก็คือให้เราคลิกที่ Upload Image

654
00:43:12,066 --> 00:43:08,535

655
00:43:05,527 --> 00:43:09,527
แล้วเราก็ไปเปิดไฟล์รูปภาพที่เรามี

656
00:43:11,320 --> 00:43:11,782
ตัว Background

657
00:43:11,782 --> 00:43:15,782
น่ะนะคะ

658
00:43:15,874 --> 00:43:19,758
อยู่ ตัวอย่างของเรา ก็คือ Tiger2

659
00:43:19,758 --> 00:43:23,758
เลือกภาพนั้นแล้วคลิก Open

660
00:43:26,305 --> 00:43:30,305
นี่

661
00:43:33,578 --> 00:43:30,044

662
00:43:26,918 --> 00:43:30,912
ถ้า background ออกแล้ว

663
00:43:30,912 --> 00:43:31,810
ข้างหลัง

664
00:43:31,810 --> 00:43:33,184
มันจะเป็น

665
00:43:33,184 --> 00:43:36,226
ไอ้ตารางสีเทา ๆ อย่างนี้

666
00:43:36,226 --> 00:43:38,738
หมายถึงเอาออกแล้วนะคะ

667
00:43:38,738 --> 00:43:41,417
เด็ก ๆ ก็กด Download

668
00:43:41,417 --> 00:43:45,417
ไฟล์มันก็จะมาอยู่ที่

669
00:43:57,682 --> 00:44:01,682
Download เรานะ

670
00:44:02,172 --> 00:44:06,172
ก็อีกขั้นตอนหนึ่ง ก็คือแก้ชื่อน่ะค่ะ

671
00:44:06,332 --> 00:44:10,332
เด็ก ๆ ก็ก๊อบไปวางไว้

672
00:44:11,320 --> 00:44:12,311
ใน disk เรา

673
00:44:12,311 --> 00:44:14,733
ในโฟลเดอร์เราน่ะค่ะ

674
00:44:14,733 --> 00:44:18,733
นี่

675
00:44:28,712 --> 00:44:32,712
นะ โฟลเดอร์ที่เราสร้างเกมไว้นี่

676
00:44:36,470 --> 00:44:32,860

677
00:44:29,134 --> 00:44:33,134
ชื่อมันยาวใช่ไหมคะ

678
00:44:38,162 --> 00:44:41,368
เราก็ทำการตัด

679
00:44:41,368 --> 00:44:45,368
เดี๋ยวนะ

680
00:44:48,172 --> 00:44:52,172
มันให้ rename หรือ

681
00:45:02,851 --> 00:45:05,616
Windows 11 นี่

682
00:45:05,616 --> 00:45:08,211
ทำไมไม่ขึ้น rename ให้

683
00:45:08,211 --> 00:45:12,211
ถ้าไม่ขึ้นเราก็เปิดโปรแกรม  paint ก็ได้เพราะ save มาแล้ว

684
00:45:16,891 --> 00:45:18,585
Open

685
00:45:18,585 --> 00:45:20,426
with เพ้นท์

686
00:45:20,426 --> 00:45:24,426
ให้เรา save as นะ

687
00:45:27,375 --> 00:45:28,876
save as

688
00:45:28,876 --> 00:45:32,005
เป็นรูปหลักเรานี่

689
00:45:32,005 --> 00:45:36,005
เดี๋ยวกด

690
00:45:39,822 --> 00:45:43,822
ctrl + B ดูใหม่นะคะ

691
00:45:45,806 --> 00:45:49,806
ตัวนี้จะปิดนะอันเดิมสังเกตอันเดิมมีภาพเดิมมี Background

692
00:45:54,925 --> 00:45:58,925
เมื่อกี้เราเปลี่ยนแล้ว

693
00:45:59,357 --> 00:46:03,357
ลอง ctrl + B ดู ใหม่

694
00:46:03,562 --> 00:46:06,370
แกให้ผมน่ะ

695
00:46:06,370 --> 00:46:10,370
ไหนนะนี่

696
00:46:10,935 --> 00:46:14,935
ขึ้นมาให้ rename นะ

697
00:46:24,445 --> 00:46:28,445
อันนี้ transperlency

698
00:47:22,519 --> 00:47:26,519

699
00:47:35,891 --> 00:47:39,891
เวอร์ชันนี้นี่

700
00:47:54,990 --> 00:47:58,990
แปลงยากจริง

701
00:48:05,232 --> 00:48:03,448

702
00:47:56,105 --> 00:48:00,105
โอเคนะคะ

703
00:48:40,966 --> 00:48:44,228
เดี๋ยวค่อยไปแก้เอานะ

704
00:48:44,228 --> 00:48:47,323
ก็คือ

705
00:48:47,323 --> 00:48:47,646
ชื่อมันจะเปลี่ยนตามไปด้วย

706
00:48:47,646 --> 00:48:51,488
นะ ต่อมาต่อมา

707
00:48:51,488 --> 00:48:55,488
เดี๋ยวเราจะต้องไปต่อนะคะเด็ก ๆ

708
00:48:56,043 --> 00:49:00,043
เราได้รูปแล้ว

709
00:49:06,074 --> 00:49:02,720

710
00:48:58,069 --> 00:49:02,069
สิ่งที่จะทำต่อไป

711
00:49:31,460 --> 00:49:34,655
ก็คือไอ้ตัวฉากนี่

712
00:49:34,655 --> 00:49:35,326
นะคะ

713
00:49:35,326 --> 00:49:38,910
มันจะเคลื่อน

714
00:49:38,910 --> 00:49:39,654
ทำให้ฉากมันเคลื่อน

715
00:49:39,654 --> 00:49:43,654
ซึ่งก็คือในสไลด์นี้ของเรานั่นเอง

716
00:49:43,893 --> 00:49:47,301
ไหนล่ะ

717
00:49:47,301 --> 00:49:51,301
PowerPoint ผมอยู่ไหน

718
00:49:53,710 --> 00:49:50,236

719
00:49:48,929 --> 00:49:52,929
มาดูนะคะ

720
00:49:54,388 --> 00:49:57,152
คำสั่งที่จะทำให้

721
00:49:57,152 --> 00:50:01,152
ฉากถ้ามีตัวละครเข้ามาแล้วนี่

722
00:50:01,516 --> 00:50:04,153
ก็คือถ้าตัวละครเดิน

723
00:50:04,153 --> 00:50:04,447
แต่ความจริงตัวละครไม่ได้เดิน นี่

724
00:50:04,447 --> 00:50:08,447
เราก็ใช้ให้ฉากมันเคลื่อนนั่นเองนะคะ

725
00:50:11,167 --> 00:50:15,167
อันนี้สไลด์

726
00:50:19,816 --> 00:50:23,816
โทษทีโทษทีเปิดผิด

727
00:50:31,007 --> 00:50:29,789
ครับ

728
00:50:39,580 --> 00:50:43,580
สิ่งที่เราจะทำต่อมานะคะ

729
00:50:46,760 --> 00:50:50,760
background มาแล้ว

730
00:50:52,165 --> 00:50:53,763
นำเข้า

731
00:50:53,763 --> 00:50:57,763
velocity to Background

732
00:51:01,863 --> 00:51:05,863
มาดูไอ้คำว่า velocity นี่

733
00:51:10,051 --> 00:51:13,067
มันหมายความว่าอย่างไร

734
00:51:13,067 --> 00:51:17,067
นะคะ

735
00:51:21,857 --> 00:51:25,857
แปลว่า ความเร็ว

736
00:51:36,204 --> 00:51:36,438
ก็คือทำให้  Background

737
00:51:36,438 --> 00:51:40,438
ใส่ความเร็วให้ background นั่นเองนะคะ

738
00:51:41,448 --> 00:51:42,773
วิธีการ

739
00:51:42,773 --> 00:51:44,610
ตอนนี้เด็ก ๆ

740
00:51:44,610 --> 00:51:48,610
จะมาที่ตำแหน่ง

741
00:51:56,747 --> 00:51:54,416
ของ

742
00:51:48,103 --> 00:51:52,103
ที่ต่อจาก background นะ

743
00:51:56,613 --> 00:51:59,206
เรานำเข้า background แล้ว การแล้

744
00:51:59,206 --> 00:52:02,074
ต่อไปเราก็จะ

745
00:52:02,074 --> 00:52:03,367
ประกาศตัวแปร

746
00:52:03,367 --> 00:52:03,604
ให้กลับ

747
00:52:03,604 --> 00:52:07,604
เมื่อคืนเริ่มจาก

748
00:52:09,533 --> 00:52:10,589
กำหนดเงื่อนไขให้ background เรานั่นเองนะคะ

749
00:52:10,589 --> 00:52:12,301
ไปยังตำแหน่ง

750
00:52:12,301 --> 00:52:16,301
ก่อนนำเข้าเกมนะ

751
00:52:17,552 --> 00:52:21,552
นะคะ

752
00:52:25,782 --> 00:52:29,782
แล้วก็ใส่แฮชแท็กไปว่า

753
00:52:32,555 --> 00:52:36,555
เป็นภาษาไทยแล้วกันจะได้เข้าใจง่าย

754
00:52:49,425 --> 00:52:50,585
จัดการนะคะ เราจะจัดการ

755
00:52:50,585 --> 00:52:50,865
ตรงส่วนนี้

756
00:52:50,865 --> 00:52:54,865
เป็นส่วนของจัดการแล้วก็ฉากเกม

757
00:52:55,344 --> 00:52:59,344
จัดการในส่วนของฉากเกมของเรานั่นเอง

758
00:53:03,844 --> 00:53:04,269
ฉ ฉิ่งอยู่ไหน

759
00:53:04,269 --> 00:53:08,269
เด็ก ๆ ฉ ฉิ่ง อยู่ไหน

760
00:53:08,581 --> 00:53:12,581
ใครรู้ ฉ ฉิ่ง อยู่ไหนบอกเราที

761
00:53:17,984 --> 00:53:20,469
เราหา ฉ ฉิ่งไม่เจอ

762
00:53:20,469 --> 00:53:24,469
อยู่ตรงตัว C

763
00:53:26,258 --> 00:53:26,810
จัดการฉากนะคะ  เราจะมาทำการจัดการฉากก่อน

764
00:53:26,810 --> 00:53:30,810

765
00:53:31,106 --> 00:53:33,559
นะคะ อันดับแรก

766
00:53:33,559 --> 00:53:37,559
ก็คือสร้างตัวแปรนะคะ

767
00:53:43,443 --> 00:53:46,129
มันจะมี  BG

768
00:53:46,129 --> 00:53:50,129
X เราจะมีชื่อตัวแปร 3 ตัวนะคะ

769
00:53:51,600 --> 00:53:55,156
ตัวแปรแรก

770
00:53:55,156 --> 00:53:59,156
BGX ก็คือตำแหน่งของ

771
00:54:03,148 --> 00:54:14,244
background

772
00:53:55,503 --> 00:53:59,503
ของแกน x bgy ตำแหน่ง background ในแกน Y

773
00:54:01,749 --> 00:54:03,462
แล้วก็

774
00:54:03,462 --> 00:54:05,547

775
00:54:05,547 --> 00:54:05,827
BGV วีดีโอมาจาก Vivo City

776
00:54:05,827 --> 00:54:09,827
ก็คือ

777
00:54:14,139 --> 00:54:16,776
กำหนดความเร็วให้ background ก็คือค่าเริ่มต้นของตัวแปรพวกนี้คือ 0 ทั้งหมด

778
00:54:16,776 --> 00:54:20,776
เราก็เริ่มประกาศตัวแปรแรกก่อน

779
00:54:21,548 --> 00:54:25,317
สร้างตัวแปรตัวที่ 1

780
00:54:25,317 --> 00:54:27,629
BG

781
00:54:27,629 --> 00:54:27,881
ขอโทษค่ะ

782
00:54:27,881 --> 00:54:31,775
ตัวแปรแรกนะคะ ใช้ชื่อว่า

783
00:54:31,775 --> 00:54:34,235

784
00:54:34,235 --> 00:54:35,984
BGX ซึ่งหมายถึง

785
00:54:35,984 --> 00:54:38,201
ตำแหน่งของ

786
00:54:38,201 --> 00:54:42,201
background ในแกน X

787
00:54:44,456 --> 00:54:47,195
เพราะเวลาเราจะเอารูปไปนี่

788
00:54:47,195 --> 00:54:48,010
เราต้องระบุขอบเขตของรูปนั้นน่ะ

789
00:54:48,010 --> 00:54:48,343
นึกออกนะ

790
00:54:48,343 --> 00:54:52,343
กำหนดค่าเริ่มต้น

791
00:54:53,738 --> 00:54:54,181
กด Space Bar 1 ครั้ง กดเครื่องหมาย

792
00:54:54,181 --> 00:54:55,648
= 0 นะคะ

793
00:54:55,648 --> 00:54:58,548
มี x แล้วก็ต้องมี

794
00:54:58,548 --> 00:55:00,614
y

795
00:55:00,614 --> 00:55:02,778
BGY เท่ากับ

796
00:55:02,778 --> 00:55:05,087
ศูนย์เหมือนกัน

797
00:55:05,087 --> 00:55:09,023
ตัวที่ 3 บอกแล้ว

798
00:55:09,023 --> 00:55:09,713
ชื่อ

799
00:55:09,713 --> 00:55:11,401
BG แล้ว

800
00:55:11,401 --> 00:55:14,318
v e

801
00:55:14,318 --> 00:55:15,023
เขาโอนมาจากvelocity  City นะคะ

802
00:55:15,023 --> 00:55:19,023
ถ้าพิมพ์ Vivo City เลยจะยาวไป

803
00:55:20,611 --> 00:55:22,096
เริ่มต้นเหมือนกันค่ะ

804
00:55:22,096 --> 00:55:22,960
0

805
00:55:22,960 --> 00:55:25,607
ก็คือ

806
00:55:25,607 --> 00:55:28,652
I ค่าเริ่มต้น

807
00:55:28,652 --> 00:55:30,103
ของฉากเรานี่ เราจะให้เริ่มที่

808
00:55:30,103 --> 00:55:30,602
ตำแหน่งที่ศูนย์

809
00:55:30,602 --> 00:55:34,602
ตำแหน่งในแกน x เริ่มที่ 0 แกน Y เริ่มที่ 0

810
00:55:37,490 --> 00:55:38,295
แล้วความเร็วเริ่มที่ 0 เสมอนะคะ

811
00:55:38,295 --> 00:55:42,295
ก็คือประกาศตัวแปรนี้แล้วกำหนดค่าเริ่มต้นมันเป็น 0

812
00:55:46,143 --> 00:55:50,143
ทั้ง 3 ตัวแปร

813
00:55:53,328 --> 00:55:49,782

814
00:55:46,431 --> 00:55:50,431
วันนี้เด็กจะต้องมีตัวแปรเพิ่มขึ้นมา 3 ตัวเพื่อจัดการฉากนะคะ

815
00:55:54,121 --> 00:55:56,785

816
00:55:56,785 --> 00:56:00,785
ก็คือ BGX BGY และ

817
00:56:00,985 --> 00:56:04,985
BG velo สิ่งที่เราจะทำต่อมา

818
00:56:10,537 --> 00:56:12,617
ให้ดูนะคะ

819
00:56:12,617 --> 00:56:16,617
การใช้งานและความหมายของ

820
00:56:16,982 --> 00:56:20,982
key คือความเร็วของตัวเกมนี่มันขึ้นอยู่กับเมื่อเรากดคีย์น่ะ

821
00:56:22,871 --> 00:56:26,871
ในที่นี้

822
00:56:26,993 --> 00:56:28,322
ก็คือกดแป้น

823
00:56:28,322 --> 00:56:28,617
แป้นพิมพ์

824
00:56:28,617 --> 00:56:31,491
คำสั่ง

825
00:56:31,491 --> 00:56:31,971
ให้เด็ก ๆ

826
00:56:31,971 --> 00:56:33,899
ดูที่คำสั่งเขา

827
00:56:33,899 --> 00:56:37,899
เกม

828
00:56:39,440 --> 00:56:40,369
ขีดอันเดอร์สกอร์อั

829
00:56:40,369 --> 00:56:40,767
ปหมายถึง

830
00:56:40,767 --> 00:56:44,767
หมายถึงปุ่มนี้มันจะหมายถึงเป็นปุ่มให้กระโดด

831
00:56:46,917 --> 00:56:47,022
เห็นไหม

832
00:56:47,022 --> 00:56:48,153
ก็คือขึ้น

833
00:56:48,153 --> 00:56:50,358
ก็คือกระโดดขึ้น

834
00:56:50,358 --> 00:56:52,979
เลือกได้ 2 ตัว

835
00:56:52,979 --> 00:56:56,979
จะใช้

836
00:56:57,852 --> 00:56:58,159
K_UP หรือ KSpace ก็ได้ 2 ตัวนี้

837
00:56:58,159 --> 00:57:00,278
ก็คือเราจะใช้

838
00:57:00,278 --> 00:57:03,423
ถ้าใครเคยเล่นเกม

839
00:57:03,423 --> 00:57:07,423
ผ่านคอมพิวเตอร์นึกออกนะ

840
00:57:07,558 --> 00:57:08,795
ปุ่มที่ใช้กดนะ

841
00:57:08,795 --> 00:57:12,795
เกมให้กด Space Bar ใช่ไหมลูกแล้วบางเกมให้กด

842
00:57:15,125 --> 00:57:15,795
แป้นไอ้ลูกศร

843
00:57:15,795 --> 00:57:19,795
ชี้ขึ้นน่ะ

844
00:57:21,253 --> 00:57:21,564
นึกออกนะ เพราะฉะนั้น มันก็เลย

845
00:57:21,564 --> 00:57:22,891
ไม่ใช่มันล่ะ

846
00:57:22,891 --> 00:57:26,891
คือไอ้ตัวคำสั่ง

847
00:57:28,195 --> 00:57:28,629
libary pygame ของเรา

848
00:57:28,629 --> 00:57:32,629
มันก็เลยใช้ 2 คำสั่ง

849
00:57:34,918 --> 00:57:38,918
K_UP กับ K นี่เพื่อเป็นตัวกำหนด

850
00:57:40,668 --> 00:57:41,819
ถ้ากดปุ่มนี้น่าจะหมายถึงตัวเกมมันกระโดดนึกออกไหมคะ

851
00:57:41,819 --> 00:57:42,620
ที่นี้

852
00:57:42,620 --> 00:57:46,620
ถ้าเราต้องการให้มันไปทางซ้าย

853
00:57:47,650 --> 00:57:49,015
คำสั่งนั้นก็คือ

854
00:57:49,015 --> 00:57:49,705
underscore

855
00:57:49,705 --> 00:57:53,705
ไฟล์เกมต้องใส่ทุกครั้งอยู่แล้วตัวคำสั่ง

856
00:57:55,846 --> 00:57:59,846
แล้วตามด้วยตัวคีย์น่ะ

857
00:58:01,085 --> 00:58:03,495
K คือตัว K แต่ไม่ต้องพิมพ์เต็มเขาเลยยอดเหลือแค่เคนะคะ

858
00:58:03,495 --> 00:58:03,650
K แล้วอันเดอร์สกอร์ดาว

859
00:58:03,650 --> 00:58:05,404
ดาวก็คือลง

860
00:58:05,404 --> 00:58:07,226
ปุ่มที่กดนะคะ

861
00:58:07,226 --> 00:58:11,226
แล้วก็

862
00:58:12,435 --> 00:58:13,598
ก็คือลักษณะลูกศรนะคะ

863
00:58:13,598 --> 00:58:14,423
บน

864
00:58:14,423 --> 00:58:15,444
ล่าง

865
00:58:15,444 --> 00:58:17,113
ว้าย

866
00:58:17,113 --> 00:58:19,490
ขวานะคะ

867
00:58:19,490 --> 00:58:21,106
มันจะมีทิศทางเคลื่อนไป

868
00:58:21,106 --> 00:58:21,326
ตามลักษณะลูกศร

869
00:58:21,326 --> 00:58:25,326
ทีนี้เมื่อเราได้

870
00:58:30,294 --> 00:58:34,294
เราประกาศตัวแปรแล้ว

871
00:58:34,876 --> 00:58:36,002
สิ่งต่อมาก็คือเราจะมา

872
00:58:36,002 --> 00:58:36,910
กำหนด

873
00:58:36,910 --> 00:58:37,879
เงื่อนไข

874
00:58:37,879 --> 00:58:39,266
นะคะ

875
00:58:39,266 --> 00:58:41,614
เพราะ

876
00:58:41,614 --> 00:58:45,116
ฉากมันจะเคลื่อน ก็คือนั่นหมายความว่า

877
00:58:45,116 --> 00:58:45,577

878
00:58:45,577 --> 00:58:48,123
เกมมันเดินไป

879
00:58:48,123 --> 00:58:49,203
เดิม

880
00:58:49,203 --> 00:58:49,511
รัจากฉากนี้

881
00:58:49,511 --> 00:58:52,133
ปกติตัวเกมเดิน

882
00:58:52,133 --> 00:58:56,133
เกมวางไว้ทางซ้ายมันก็จะเดิน

883
00:58:57,817 --> 00:59:01,817
จากซ้ายไปทางขวา

884
00:59:04,542 --> 00:59:06,856
เพราะฉะนั้น ตัวที่เราจะให้มันเคลื่อนก็คือแป้นลูกศรที่จะให้มันไปทางขวา

885
00:59:06,856 --> 00:59:08,931
ก็คือ K_RIGHT นะคะ

886
00:59:08,931 --> 00:59:10,793
เงื่อนไขก็จะเอามาไว้

887
00:59:10,793 --> 00:59:14,793

888
00:59:16,910 --> 00:59:20,910
ทีนี้เราจะมาต้องกำหนดเงื่อนไขเพิ่ม

889
00:59:26,134 --> 00:59:29,884
นะ

890
00:59:21,302 --> 00:59:24,932
คะ จะอยู่ต่อจาก

891
00:59:24,932 --> 00:59:28,932
ตัวนี้เลยนะครับ

892
00:59:33,885 --> 00:59:32,966
ตัวนี้เลย

893
00:59:27,569 --> 00:59:31,569
ไปที่ที่เรามี loop นี้เห็นไหม

894
00:59:38,849 --> 00:59:40,223
นี่นะคะ

895
00:59:40,223 --> 00:59:43,442
for event

896
00:59:43,442 --> 00:59:45,917
มี if ที่ 1 ใช่ไหม

897
00:59:45,917 --> 00:59:49,663
มันจะอยู่ตรง

898
00:59:49,663 --> 00:59:50,496
if ที่

899
00:59:50,496 --> 00:59:54,496
ไปไหนแล้ว

900
01:00:07,079 --> 01:00:03,560

901
00:59:52,933 --> 00:59:56,933
เห็นไหมคะ เป็น if ที่ 2 ที่ต่อจากเงื่อนไขแลกนะ

902
01:00:11,830 --> 01:00:15,830
ดูตำแหน่งดี ๆ นะคะ

903
01:00:28,715 --> 01:00:29,993
นี่คือ if ที่ 2 ใช่ไหมเด็ก ๆ

904
01:00:29,993 --> 01:00:33,993
ใส่ if เข้าไปนะคะเด็ก ๆ

905
01:00:36,428 --> 01:00:40,428
กด  i ปุ๊บ

906
01:00:41,113 --> 01:00:45,113
ให้เลือก if condition ให้มันขึ้นโครงสร้างอย่างนี้นะคะ

907
01:00:46,098 --> 01:00:48,979
เข้าใจนะคะ

908
01:00:48,979 --> 01:00:50,153
อย่าไปกด

909
01:00:50,153 --> 01:00:53,319
i-f นึกออกนะ

910
01:00:53,319 --> 01:00:53,520
แม่กดไอแล้วเลือก

911
01:00:53,520 --> 01:00:57,520
condition มันจะได้ขึ้นโครงสร้างของภายเกมขึ้นมาอย่างนี้นะคะ

912
01:01:04,809 --> 01:01:08,809
เราจะมากำหนดเงื่อนไขเพื่อให้ฉากของเราน่ะมันทำงานนั่นเอง

913
01:01:21,328 --> 01:01:17,985

914
01:01:05,850 --> 01:01:09,850
นะ loop กับ Event มันจะอยู่ด้วยกันนะคะ กำหนดช่วงเวลาและเหตุการณ์สิ่งที่เด็กต้องทำ

915
01:01:23,807 --> 01:01:27,807
เมื่อไรคำสั่งแรก

916
01:01:30,080 --> 01:01:30,571
event

917
01:01:30,571 --> 01:01:34,571
เราจะเลือกใช้เหตุการณ์ที่เกี่ยวกับแป้น ก็คือ Event

918
01:01:38,066 --> 01:01:39,641
==

919
01:01:39,641 --> 01:01:43,641
นะคะ

920
01:01:44,782 --> 01:01:48,782
ถ้า Event ก็คือเหตุการณ์เห็นไหมคะ

921
01:01:50,768 --> 01:01:53,234
กด e แล้ว

922
01:01:53,234 --> 01:01:55,553

923
01:01:55,553 --> 01:01:56,937

924
01:01:56,937 --> 01:02:00,937
เลือก event.type ที่เราเลือก type

925
01:02:01,941 --> 01:02:05,941
ตอนนี้เราจะมากำหนดเงื่อนไขนะคะ ในการทำ

926
01:02:11,102 --> 01:02:12,086
loop if นะคะ

927
01:02:12,086 --> 01:02:16,086
ซ้ำนะคะ ทวนซ้ำนะคะ เด็ก ๆ

928
01:02:17,879 --> 01:02:21,879
event ขึ้นมา Enter กด

929
01:02:28,672 --> 01:02:30,212
แล้วก็ตามด้วยตัว T

930
01:02:30,212 --> 01:02:32,926
เลือก

931
01:02:32,926 --> 01:02:35,005
type t-y-p-e type เห็นไหมคะ

932
01:02:35,005 --> 01:02:38,097
ถ้าใช้

933
01:02:38,097 --> 01:02:42,097
if จำไว้นะคะ

934
01:02:43,658 --> 01:02:47,658
ต้องมีเครื่องหมาย == 2 ครั้งอย่างนี้ ถึงจะถูก

935
01:02:48,559 --> 01:02:49,657
บอกเท่ากับไม่ใช่หมายความว่าใส่เครื่องหมายเท่ากับครั้งเดียวนะ

936
01:02:49,657 --> 01:02:52,651
ถ้าเป็นอีก

937
01:02:52,651 --> 01:02:56,290
ใส่เครื่องหมาย == 2 ครั้งนะ

938
01:02:56,290 --> 01:02:59,623
ยPC ก่อนแล้วเลือกไฟล์เกม

939
01:02:59,623 --> 01:03:00,202
เลือกอะไรนะ

940
01:03:00,202 --> 01:03:02,944
ใส่ด

941
01:03:02,944 --> 01:03:04,444
.แล้วก็ตามด้วย

942
01:03:04,444 --> 01:03:08,109
มีอะไรทีแรก

943
01:03:08,109 --> 01:03:11,139
พี่ดาวนะคะ

944
01:03:11,139 --> 01:03:15,139
คําสั่ง Key dowตัวนี้หมายถึง

945
01:03:17,489 --> 01:03:21,489
เมื่อมีการปลด

946
01:03:23,147 --> 01:03:26,265
มันอดน่ะ หน้าตอนนี้หมายถึง

947
01:03:26,265 --> 01:03:28,321
เมื่อผมมีการกดปุ่มเกิดขึ้นนะคะ

948
01:03:28,321 --> 01:03:29,232
ผมที่จะกดก็คือปุ่ม

949
01:03:29,232 --> 01:03:29,849
ดีไลท์

950
01:03:29,849 --> 01:03:33,849

951
01:03:37,382 --> 01:03:40,352
นะคะ คำว่ายาวไป

952
01:03:40,352 --> 01:03:42,248

953
01:03:42,248 --> 01:03:46,248
กินด้วยตัวใหญ่นะลูก

954
01:03:46,754 --> 01:03:50,416

955
01:03:50,416 --> 01:03:51,873
down ตัวนี้หมายถึง

956
01:03:51,873 --> 01:03:55,873
ถ้ามีการกดปุ่มนี่

957
01:03:57,195 --> 01:03:58,054
key_down ที่มีปุ่มกด

958
01:03:58,054 --> 01:04:01,891
ลักษณะ

959
01:04:01,891 --> 01:04:02,546
แต่เรายังไม่ได้บอกว่าเป็นปุ่มอะไร

960
01:04:02,546 --> 01:04:06,546
ใส่อะไรคะ เสร็จประโยคของ

961
01:04:13,815 --> 01:04:15,813
if จะต้องใส่โคลอนเสมอ

962
01:04:15,813 --> 01:04:19,310
นะคะ

963
01:04:19,310 --> 01:04:23,310
แล้วมาที่

964
01:04:23,717 --> 01:04:26,875
ลบพาสออก

965
01:04:26,875 --> 01:04:30,875
ตัวโครงสร้างกันนะ

966
01:04:34,114 --> 01:04:34,757
คำสั่งต่อมาที่เราจะใช้ก็คือให้อีกครั้งหนึ่งนะคะ

967
01:04:34,757 --> 01:04:38,757
เราต้องการระบุว่า key ที่เราจะใช้กดน่ะ คือคีย์อะไร

968
01:04:43,817 --> 01:04:45,203
กดไอ้นี่

969
01:04:45,203 --> 01:04:48,983
แล้วเลือก

970
01:04:48,983 --> 01:04:52,983
if แล้วเลือก event

971
01:04:53,297 --> 01:04:55,830
นะคะ

972
01:04:55,830 --> 01:04:59,830

973
01:05:01,606 --> 01:05:03,169
event.key

974
01:05:03,169 --> 01:05:07,169

975
01:05:09,394 --> 01:05:13,394
= = นะคะ

976
01:05:16,082 --> 01:05:20,082
ก็คือ if แรกบอกว่าเมื่อเหตุการณ์ที่เกิดขึ้น ก็คือเมื่อมีการที่กดปุ่ม

977
01:05:33,734 --> 01:05:34,634
เขาบอกว่าผมที่โดนกดทีที่บนจะต้องเป็น key ที่ชื่อว่า

978
01:05:34,634 --> 01:05:38,634
พิมพ์ pygame นะคะ พิมพ์ผิดแล้วเลือก

979
01:05:45,487 --> 01:05:46,181

980
01:05:46,181 --> 01:05:48,560

981
01:05:48,560 --> 01:05:52,560
pygame_like สังเกตคำสั่งตรงนี้นะคะ เด็ก ๆ ดูดีนะคะ

982
01:05:55,829 --> 01:05:58,500
เห็นแม่จะใช้ตัวใหญ่นะคะ

983
01:05:58,500 --> 01:06:02,500

984
01:06:03,711 --> 01:06:05,940
_RIGHT เอาเป็นตัวใหญ่และใช้ตัวใหญ่เสมอนะคะ ที่เกี่ยวกับคีย์นะลูก

985
01:06:05,940 --> 01:06:09,940
กดด้วยตัวพิมพ์ใหญ่ทั้งหมดนะคะ

986
01:06:11,738 --> 01:06:15,738
R-I-G-H-T

987
01:06:16,550 --> 01:06:20,550

988
01:06:21,049 --> 01:06:23,269
pygame ไม่ใช่

989
01:06:23,269 --> 01:06:26,153
. ไม่ใช่ Commart

990
01:06:26,153 --> 01:06:27,282
=นะคะ

991
01:06:27,282 --> 01:06:30,839

992
01:06:30,839 --> 01:06:34,839
อธิบายนะคะ ก็คือถ้ามีเหตุการพิมพ์

993
01:06:34,980 --> 01:06:38,980
พิมพ์เกิดขึ้นก็คือมีการกดปุ่มเห็นไหมคะ

994
01:06:40,435 --> 01:06:40,954
Play Game With Me Now

995
01:06:40,954 --> 01:06:44,954
ทำการกดปุ่ม

996
01:06:45,273 --> 01:06:46,663
แล้วไอ้พวกนี้นะคะ

997
01:06:46,663 --> 01:06:50,663
จะต้องเป็นปุ่มอะไรนะ

998
01:06:50,940 --> 01:06:53,504
ลูกศรที่ไปทางขวานะคะ

999
01:06:53,504 --> 01:06:57,504
ถ้ามีการกดปุ่มลูกศรชี้ไปทางขวา

1000
01:07:04,807 --> 01:07:07,750
ป

1001
01:06:58,415 --> 01:07:02,415
ุ๊บ อย่าลืมนะคะ ทุกครั้งที่จบประโยคของ

1002
01:07:05,688 --> 01:07:09,688
if เราจะต้องใส่โคลอนเสมอนะคะ

1003
01:07:10,213 --> 01:07:14,213
พอกด Enter เด็ก ๆ จะสังเกตเห็นแถบจะปรับให้อัตโนมัตินะคะ

1004
01:07:17,385 --> 01:07:21,385
เพราะฉะนั้น เวลาพิมพ์โค้ดดูด้วยนะคะ เวลาใช้

1005
01:07:24,688 --> 01:07:28,688
sublime นี่ สิ่งที่เราจะทำต่อมาก็คือ

1006
01:07:29,234 --> 01:07:32,399
เลือก

1007
01:07:32,399 --> 01:07:36,399
เรียกตัวแปรความเร็ว เพราะเราต้องการรู้ว่าไอ้ฉากนี่

1008
01:07:38,414 --> 01:07:42,414
นะคะ

1009
01:07:45,668 --> 01:07:47,555
ตัวแปรพิมพ์ BG เราเลือก  velo นะคะ

1010
01:07:47,555 --> 01:07:48,883
ไปหาคำว่า

1011
01:07:48,883 --> 01:07:49,397
velo

1012
01:07:49,397 --> 01:07:53,397
ค่าความเร็วมันเพิ่มที่ศูนย์

1013
01:07:54,177 --> 01:07:54,354
เพราะฉะนั้น การกดปุ่ม

1014
01:07:54,354 --> 01:07:58,354
เราจะให้ความเร็วของฉันเพิ่มขึ้น

1015
01:07:59,823 --> 01:08:00,021
หลักสูตรเพิ่มเป็นเท่าไร

1016
01:08:00,021 --> 01:08:02,487
อย่าเพิ่งเพิ่มเดี๋ยวนี้

1017
01:08:02,487 --> 01:08:06,487
เพิ่มเยอะมากมันก็จะ

1018
01:08:07,902 --> 01:08:11,902
ลองเพิ่มที่ 5 ก่อนเท่ากับ 5

1019
01:08:18,911 --> 01:08:15,338

1020
01:08:08,960 --> 01:08:12,960
ส่วนต่อมานะคะ

1021
01:08:30,817 --> 01:08:34,817
เราจะทำให้มาให้มันแสดงผล

1022
01:08:46,464 --> 01:08:42,971

1023
01:08:37,404 --> 01:08:41,404
มือไปไวกว่า

1024
01:08:46,627 --> 01:08:49,140
ไหนล่ะ

1025
01:08:49,140 --> 01:08:53,140
นะคะ

1026
01:08:55,683 --> 01:08:59,683
กด enter

1027
01:09:04,955 --> 01:09:08,955
แล้วดูตำแหน่งนะคะ

1028
01:09:09,078 --> 01:09:11,730
เด็ก ๆ ดูตำแหน่งดี ๆ นะ

1029
01:09:11,730 --> 01:09:15,730
มันจะอยู่ตรงกับ for  เห็นไหมคะ

1030
01:09:17,508 --> 01:09:20,918
เพราะฉะนั้น

1031
01:09:20,918 --> 01:09:22,450
เด็ก ๆ จะต้อง

1032
01:09:22,450 --> 01:09:26,450
นี่นะ

1033
01:09:28,850 --> 01:09:39,138

1034
01:09:25,679 --> 01:09:29,679
ดูนะคะ ตำแหน่ง for คือตรงนี้

1035
01:09:29,910 --> 01:09:30,111
for  โกด Back Space ย้อนหลังไป 1

1036
01:09:30,111 --> 01:09:34,111
คลิปแล้ว

1037
01:09:35,743 --> 01:09:37,232
อ๋อก็คืออีกแบบsนึง 2 ครั้งกด Back Space

1038
01:09:37,232 --> 01:09:41,232
อยู่ตรงตำแหน่งสกรีนฟิวส์

1039
01:09:44,867 --> 01:09:48,867
โอเคไหม

1040
01:09:50,397 --> 01:09:54,397
เรียกใช้ตัวแปรที่ชื่อว่า bg

1041
01:09:58,577 --> 01:09:59,389
x นะคะ

1042
01:09:59,389 --> 01:10:02,859
เพราะมันเคลื่อนไปทางขวา

1043
01:10:02,859 --> 01:10:06,859
ตำแหน่งของแกนก็คือแกน X

1044
01:10:08,728 --> 01:10:12,485
แกรน x ก็คือเป็นคอลัมน์

1045
01:10:12,485 --> 01:10:15,863
มันจะอยู่ในแนวคอลัมน์

1046
01:10:15,863 --> 01:10:17,620
เราต้องเรียกตัวแปรที่เป็นตัว X

1047
01:10:17,620 --> 01:10:18,573
BGX นะคะ =

1048
01:10:18,573 --> 01:10:19,595

1049
01:10:19,595 --> 01:10:23,595
เท่ากับ - =

1050
01:10:32,884 --> 01:10:36,884
ใช้เครื่องหมายลบเท่ากับนะคะ แล้วก็ BG

1051
01:10:39,972 --> 01:10:40,997
ใส่เครื่องหมายลงก่อน

1052
01:10:40,997 --> 01:10:42,704
ลบเท่ากับ

1053
01:10:42,704 --> 01:10:46,704
เรียก BGvelo  โลมาใช้

1054
01:10:47,117 --> 01:10:51,117
วันนี้ยังไม่รันนะคะ ยังไม่จบ

1055
01:11:00,058 --> 01:11:04,058
โค้ดมันจะยาวหน่อย

1056
01:11:04,101 --> 01:11:05,849
เพราะว่ามันเพิ่งระบุว่าถ้าเกิดเหตุการณ์แบบนี้

1057
01:11:05,849 --> 01:11:07,769
แล้วกดปุ่มนี้

1058
01:11:07,769 --> 01:11:09,946
ที่สิ่งจะทำ

1059
01:11:09,946 --> 01:11:13,946
ก็คือให้แสดง

1060
01:11:14,495 --> 01:11:14,887
ไอ้ background ที่มันเคลื่อนให้ background มันเคลื่อนน่ะค่ะ

1061
01:11:14,887 --> 01:11:18,887
แต่ตอนนี้เรายังไม่ได้สั่งให้แสดง

1062
01:11:19,169 --> 01:11:20,857
กำหนด

1063
01:11:20,857 --> 01:11:22,559
แค่กำหนดมัน

1064
01:11:22,559 --> 01:11:26,559
ที่นี้ตรงส่วนที่จะแสดง

1065
01:11:27,540 --> 01:11:29,790
ก็คือตัวนี้

1066
01:11:29,790 --> 01:11:33,790
screen.blit.background เรา นี่เห็นไหม

1067
01:11:36,333 --> 01:11:40,333
Color เราไม่ใช้แล้วนะคะ เดี๋ยวเราจะลบออก

1068
01:11:42,169 --> 01:11:43,846
กดลบทิ้งได้เลยเด็ก ๆ

1069
01:11:43,846 --> 01:11:44,976
วันนี้เราไม่ใช้แล้ว

1070
01:11:44,976 --> 01:11:48,965
เช่นเดียวกัน

1071
01:11:48,965 --> 01:11:50,954
ตัวแปรก็

1072
01:11:50,954 --> 01:11:53,744
ลบออกเลยนะคะ BG

1073
01:11:53,744 --> 01:11:55,240
Color เราไม่ใช้แล้ว

1074
01:11:55,240 --> 01:11:58,112
เราใช้อะไรคะ

1075
01:11:58,112 --> 01:11:59,358
ใน background ที่เป็นรูปภาพไปแล้ว

1076
01:11:59,358 --> 01:12:01,613
ลบเสีย

1077
01:12:01,613 --> 01:12:03,466
พื้นที่จะได้ลดลงนะคะ

1078
01:12:03,466 --> 01:12:05,044
ลบ 2 ตัวนะคะ

1079
01:12:05,044 --> 01:12:07,277
ลบ background Color

1080
01:12:07,277 --> 01:12:08,146
เรียก background Color ลบออก

1081
01:12:08,146 --> 01:12:12,146
ปีนี้ตำแหน่งที่จะมาเปลี่ยนนะคะ

1082
01:12:14,632 --> 01:12:18,632
ก็คือเปลี่ยนจาก 00 ไปเรียกใช้ตัวแปร

1083
01:12:22,344 --> 01:12:25,641
แกรน

1084
01:12:25,641 --> 01:12:28,824
x BGX นะ

1085
01:12:28,824 --> 01:12:31,184
พิมพ์ผิด

1086
01:12:31,184 --> 01:12:31,739
แล้วเลือก

1087
01:12:31,739 --> 01:12:35,279
BGX อีกตัวหนึ่งก็คือ

1088
01:12:35,279 --> 01:12:39,279
แล้วเลือก BG

1089
01:12:39,616 --> 01:12:43,616
Y เห็นไหมคะ

1090
01:12:46,955 --> 01:12:50,955
แต่สิ่งที่อยู่ในวงเล็บ

1091
01:12:51,010 --> 01:12:54,192
จะเปลี่ยนเป็น

1092
01:12:54,192 --> 01:12:54,555
ไม่ใช่วงเล็บ

1093
01:12:54,555 --> 01:12:58,332
อย่างนี้นะคะ เด็ก ๆ ดู

1094
01:12:58,332 --> 01:12:59,307
เปลี่ยนเป็น

1095
01:12:59,307 --> 01:13:00,125
อะไรล่ะ

1096
01:13:00,125 --> 01:13:04,125
วงเล็บที่เป็นสี่เหลี่ยมน่ะ แทน

1097
01:13:05,292 --> 01:13:06,884
ไม่ใช่ปีกกานะ

1098
01:13:06,884 --> 01:13:07,254
ก็ไม่ใช่

1099
01:13:07,254 --> 01:13:11,254
กดอย่างไร

1100
01:13:11,288 --> 01:13:11,463
ธรรมดาอย่างนี้นะคะ

1101
01:13:11,463 --> 01:13:15,131
เป็นตัวนี้นะลูก

1102
01:13:15,131 --> 01:13:19,099
เป็นสี่เหลี่ยมอย่างนี้นะ

1103
01:13:19,099 --> 01:13:22,553
ต่างกันนะ

1104
01:13:22,553 --> 01:13:24,468
ไม่ใช่วงเล็บอย่างนี้นึกออกนะ

1105
01:13:24,468 --> 01:13:28,468
วงเล็บที่เป็นรูปสี่เหลี่ยมอย่างนี้

1106
01:13:30,437 --> 01:13:34,112
เห็นไหมเด็ก ๆ เห็นไหมอยู่ตรงตำแหน่ง

1107
01:13:34,112 --> 01:13:36,076
ปุ่มที่อยู่ตรง

1108
01:13:36,076 --> 01:13:39,362
ถัดจากแถวตัวเลขลงมาน่ะ

1109
01:13:39,362 --> 01:13:40,403
อยู่ตรงตัว ฐ ฐาน

1110
01:13:40,403 --> 01:13:44,403
บ ใบไม้ กับ ล ลิง ไหมคะ  นะคะ

1111
01:13:47,757 --> 01:13:49,886
เปลี่ยนนะคะ เปลี่ยนเป็นวงเล็บที่เป็นรูป

1112
01:13:49,886 --> 01:13:53,088
สี่เหลี่ยมนะคะ

1113
01:13:53,088 --> 01:13:57,088
เพราะเราเรียกใช้ตัวแปร

1114
01:13:57,611 --> 01:13:59,983
การกำหนดค่า

1115
01:13:59,983 --> 01:14:03,302
โอเคนะคะ

1116
01:14:03,302 --> 01:14:07,302
ส่วนต่อไป

1117
01:14:11,230 --> 01:14:09,198

1118
01:14:09,422 --> 01:14:13,422
ลงมากำหนดต่อให้ไอ้ตัว

1119
01:14:22,879 --> 01:14:25,993
ค่ะ

1120
01:14:25,993 --> 01:14:27,076
มันไหลไปเรื่อย ๆ

1121
01:14:27,076 --> 01:14:31,076
เพราะเมื่อกี้

1122
01:14:34,398 --> 01:14:38,104
เมื่อกี้มันแค่กด 1 ครั้งก็เลื่อนไป 1 ครั้งใช่ไหมก็คือตัวนี้

1123
01:14:38,104 --> 01:14:38,469
กำหนดเงื่อนไขให้ background เคลื่อนไหวไม่สิ้นสุด

1124
01:14:38,469 --> 01:14:42,469
นี่เขาบอกเคลื่อนไหวไม่สิ้นสุดนะคะ

1125
01:14:45,967 --> 01:14:47,869
เด็ก ๆ ไปที่ตำแหน่งของ

1126
01:14:47,869 --> 01:14:50,196
ต่อจากนี่นะ

1127
01:14:50,196 --> 01:14:54,196
ดูตำแหน่ง if นะคะ

1128
01:14:58,048 --> 01:15:00,955
ตำแหน่ง if จะอยู่ตรงกับ

1129
01:15:00,955 --> 01:15:01,846
มือ

1130
01:15:01,846 --> 01:15:05,846
ๆ ๆ เห็นไหมคะ เลื่อนเข้าไปจัดส่งอีกแรก 1 อันนะคะ

1131
01:15:08,252 --> 01:15:12,252
ดูดี ๆ นะคะ

1132
01:15:13,364 --> 01:15:13,623
คลิปแรกใช่ไหมเลื่อนไปครั้งที่ 1 ถูกไหมคะ

1133
01:15:13,623 --> 01:15:17,623
ตำแหน่งที่ 2 ยังไม่ใช่

1134
01:15:19,414 --> 01:15:19,619
ตำแหน่งที่ตอกลงตำแหน่งนี้ กด i

1135
01:15:19,619 --> 01:15:23,619
แล้วก็เลือก If condition เหมือนเดิม

1136
01:15:24,536 --> 01:15:28,536
นี่นะคะ จะอยู่ตรงตำแหน่งนี้นะคะ

1137
01:15:29,086 --> 01:15:29,418
ดูตำแหน่งดี ๆ นะ

1138
01:15:29,418 --> 01:15:33,418
เพราะถ้าใครวางตำแหน่งโครงสร้างมันไม่ถูกนี่

1139
01:15:33,854 --> 01:15:36,583
นึกออกนะ

1140
01:15:36,583 --> 01:15:40,583
เจ้าน้อง if มันจะงงนะมันจะบอกตรงไหนนี่

1141
01:15:48,087 --> 01:15:49,577
ทำไมมาใส่ตรงนี้มันไม่ใช่มันไม่ใช่

1142
01:15:49,577 --> 01:15:51,807
มันจะบอกเรานะ

1143
01:15:51,807 --> 01:15:55,807
คำสั่งเงื่อนไขแรกนะคะ

1144
01:16:10,366 --> 01:16:14,366
if ตัวแปรที่ชื่อว่า

1145
01:16:14,961 --> 01:16:15,289
bgx เลือก bgx ค่ะ

1146
01:16:15,289 --> 01:16:19,289
กำหนดค่าให้ bg

1147
01:16:20,403 --> 01:16:24,403
x ==

1148
01:16:24,986 --> 01:16:28,986
- คอลัมน์เราน่ะนะ

1149
01:16:31,824 --> 01:16:33,786
นี่เห็นไหม 1,600

1150
01:16:33,786 --> 01:16:37,786
น่ะ นะคะ

1151
01:16:37,830 --> 01:16:39,756
ครึ่งหนึ่งของ 1,600 ก็คือ 800

1152
01:16:39,756 --> 01:16:43,273
- 800

1153
01:16:43,273 --> 01:16:44,272
หาร 2 ว่าอย่างนั้นเถอะ

1154
01:16:44,272 --> 01:16:48,272
ถ้า bgx นี่นะคะ

1155
01:16:53,498 --> 01:16:53,670
-800 เมื่อไร

1156
01:16:53,670 --> 01:16:57,670
บอกแล้วถ้าเป็นคำสั่ง

1157
01:16:59,231 --> 01:17:00,295
if อย่าลืมปิดด้วยโคลอนเสมอ

1158
01:17:00,295 --> 01:17:03,716
มาที่ Pass

1159
01:17:03,716 --> 01:17:07,103
กด delete ออก

1160
01:17:07,103 --> 01:17:08,381
กด delete Pass

1161
01:17:08,381 --> 01:17:11,390
ออกนะคะ

1162
01:17:11,390 --> 01:17:15,355
คำสั่งต่อมา

1163
01:17:15,355 --> 01:17:16,900
กำหนดให้

1164
01:17:16,900 --> 01:17:18,362
bgx =

1165
01:17:18,362 --> 01:17:22,362
0 ในเงื่อนไขเป็นอย่างนี้เด็ก ๆ อย่างงนะ

1166
01:17:25,954 --> 01:17:28,281
เพราะมันเป็นเงื่อนไขไง

1167
01:17:28,281 --> 01:17:32,281
มันจะคืนค่ากลับไปกลับมาอย่างนี้นะคะ

1168
01:17:45,021 --> 01:17:49,021
สิ่งที่เราจะต้องทำตอบมา

1169
01:18:12,870 --> 01:18:16,870
ก็คือไปเรียกใช้ตัวนี้นะคะ

1170
01:18:18,332 --> 01:18:19,138
เหมือนเดิม

1171
01:18:19,138 --> 01:18:23,138
ต่อจากบรรทัดที่เราเรียก background ไอ้นี่แล้วนะคะ

1172
01:18:29,834 --> 01:18:33,834
กด

1173
01:18:34,096 --> 01:18:37,816
s เพื่อเลือก

1174
01:18:37,816 --> 01:18:39,981
screen คำสั่ง screen นะคะ

1175
01:18:39,981 --> 01:18:40,178
เลือกใช้

1176
01:18:40,178 --> 01:18:41,397

1177
01:18:41,397 --> 01:18:43,896
blit เลือก blit

1178
01:18:43,896 --> 01:18:45,482
วงเล็บ

1179
01:18:45,482 --> 01:18:48,420
แล้วใส่

1180
01:18:48,420 --> 01:18:52,420
เรียกใช้ bgpic เหมือนเดิม

1181
01:18:54,406 --> 01:18:56,914
เรียกตัวแปร

1182
01:18:56,914 --> 01:19:00,914
bgpic เลือก background เรา

1183
01:19:01,132 --> 01:19:03,122
ใส่โคลอน

1184
01:19:03,122 --> 01:19:04,899
ไม่ใช่สิ

1185
01:19:04,899 --> 01:19:06,960
โคลอนนะ

1186
01:19:06,960 --> 01:19:10,960
แล้วก็ตามด้วยวงเล็บสี่เหลี่ยมนะคะ เด็ก ๆ

1187
01:19:15,234 --> 01:19:17,547
นี่กดไอ้นี่ทุกทีเลย

1188
01:19:17,547 --> 01:19:17,834
วงเล็บสี่เหลี่ยมไม่ต้องกด Shift

1189
01:19:17,834 --> 01:19:21,055
ท่องไว้ ท่องไว้

1190
01:19:21,055 --> 01:19:25,055
พิมพ์ b แล้วเลือก bgx ค่ะ

1191
01:19:26,422 --> 01:19:30,422
ค่าของ

1192
01:19:30,595 --> 01:19:32,922
bgx เพิ่มเข้าไป ห็นไหม

1193
01:19:32,922 --> 01:19:34,056
บวกเข้าไป 800

1194
01:19:34,056 --> 01:19:36,923
ใส่เครื่องหมายบวก

1195
01:19:36,923 --> 01:19:40,752
แล้วก็ใส่ตัวเลข 800 ลงไป

1196
01:19:40,752 --> 01:19:44,752
เราก็เรียก bgy มาใช้งาน

1197
01:19:47,667 --> 01:19:51,667
bg เลือก bgy

1198
01:20:07,746 --> 01:20:10,830
7

1199
01:19:51,439 --> 01:19:53,363

1200
01:19:53,363 --> 01:19:57,363
วันนี้เราจะมีโค้ดเข้ามาอีก 2-3 บรรทัดนะคะเด็ก ๆ

1201
01:20:17,676 --> 01:20:21,676
ลองกด ctrl + B ดูอาจจะขึ้น Error ก็ได้

1202
01:20:28,581 --> 01:20:32,581
ctrl แล้วก็ B

1203
01:20:32,703 --> 01:20:36,650
แล้วกดแป้นดู

1204
01:20:36,650 --> 01:20:40,650
เด็ก ๆ เห็นอะไรไหมเห็นอะไรไหม

1205
01:20:47,842 --> 01:20:51,842
เห็นไหมตัวฉากน่ะ มันเลื่อนใช่ไหม

1206
01:21:02,005 --> 01:20:58,664

1207
01:20:52,770 --> 01:20:56,770
คือภาพลวงตาฉากเปิดจะไม่ได้เรียนก็คือตำแหน่งที่เราอัดมันน่ะค่ะ

1208
01:21:01,377 --> 01:21:03,446
-800 อะไรอย่างนี้

1209
01:21:03,446 --> 01:21:07,446
เดี๋ยวจะลองตัดที่มันไม่ใช่ -800 ดู

1210
01:21:09,124 --> 01:21:11,842
เดี๋ยวขอลองนะคะ

1211
01:21:11,842 --> 01:21:15,319
ขอร้องเป็น -1,000

1212
01:21:15,319 --> 01:21:18,090
เปลี่ยน

1213
01:21:18,090 --> 01:21:22,090
ขอเปลี่ยนตัวเลข

1214
01:21:28,887 --> 01:21:26,079

1215
01:21:19,036 --> 01:21:23,036
เห็นไหม

1216
01:21:27,819 --> 01:21:31,819
ตำแหน่งที่ภาพมันตัดน่ะ

1217
01:21:31,995 --> 01:21:32,950
มันไม่ต่อใช่ไหม

1218
01:21:32,950 --> 01:21:33,253
เพราะฉะนั้น

1219
01:21:33,253 --> 01:21:37,253
เราก็เลือกตำแหน่งที่ตัดเท่ากับอะไร

1220
01:21:38,356 --> 01:21:38,691
คะ แกน x เรา

1221
01:21:38,691 --> 01:21:41,286
ซึ่งเท่าไร

1222
01:21:41,286 --> 01:21:45,286
1,600 สูงสุดเราคือ 1,600

1223
01:21:45,661 --> 01:21:48,999
เพราะฉะนั้น ตรงนี้เราต้องมันนั่นละ

1224
01:21:48,999 --> 01:21:50,726
มันจะได้เนียน

1225
01:21:50,726 --> 01:21:54,726
รอยสักมันจะได้เนียน นึกออกไหม

1226
01:21:55,059 --> 01:21:56,542
เอาใหม่นะ

1227
01:21:56,542 --> 01:21:58,305
ctrlใหม่

1228
01:21:58,305 --> 01:22:01,843
กดแป้น

1229
01:22:01,843 --> 01:22:04,861
นี่เห็นไหม

1230
01:22:04,861 --> 01:22:06,139
มันเริ่มใหม่

1231
01:22:06,139 --> 01:22:08,332
แต่นะคะ

1232
01:22:08,332 --> 01:22:12,332
มันจะมีเว้นนิดหนึ่ง

1233
01:22:13,027 --> 01:22:13,991
เพราะฉะนั้น เราควรทำเพิ่มเพิ่มตำแหน่งตรงนี้เข้าไป

1234
01:22:13,991 --> 01:22:17,991
เห็นไหมคะ รอยต่อมันไม่เนียนนะ

1235
01:22:23,666 --> 01:22:27,175
เพราะฉะนั้น ตรงตำแหน่ง

1236
01:22:27,175 --> 01:22:28,373
ตัดก็ต้องเป็น

1237
01:22:28,373 --> 01:22:29,444
15

1238
01:22:29,444 --> 01:22:31,149
9

1239
01:22:31,149 --> 01:22:34,314
9

1240
01:22:34,314 --> 01:22:38,314
แล้วก็

1241
01:22:40,086 --> 01:22:44,086
ไอ้นี่ลบที่  1,600 อาจจะสลับนะคะ

1242
01:22:47,734 --> 01:22:48,435
1600

1243
01:22:48,435 --> 01:22:52,435
ให้เด็ก ๆ ดูที่อะไรที่ตัว screen ของตัวเองตัวนี้นึกออกนะ

1244
01:22:55,695 --> 01:22:55,948
หน้าตัวเองเท่าไร

1245
01:22:55,948 --> 01:22:59,254
ดูดี ๆ นะ

1246
01:22:59,254 --> 01:22:59,611
ไปเทียบกับตัวนี้เอาลูก

1247
01:22:59,611 --> 01:23:03,611
ลบอันนั้นแล้วเพิ่มอันนี้เปล่า

1248
01:23:05,152 --> 01:23:07,393
599

1249
01:23:07,393 --> 01:23:11,130
ลองได้มันลองได้

1250
01:23:11,130 --> 01:23:15,130
นี่เห็นไหมมันมีรอยต่อนิดหนึ่งน

1251
01:23:17,948 --> 01:23:21,948
ี่ มันต้องทำให้มันพอดีกัน

1252
01:23:25,868 --> 01:23:29,868
เป๊ะ เพราะฉะนั้น ไอ้นี่ต้องเริ่ม 1599 เหมือนกันไหม

1253
01:23:38,256 --> 01:24:40,010

1254
01:23:27,162 --> 01:23:31,162
นี่ ๆ เห็นไหมรอยตัดหายไปแล้ว

1255
01:24:41,270 --> 01:24:45,270
มันมีมันมีอะไรล่ะ

1256
01:25:04,812 --> 01:25:08,812
มันมี

1257
01:25:12,607 --> 01:25:08,963

1258
01:25:06,394 --> 01:25:10,394
มันมีส่วนขาดส่วนเกินนิด ๆ หน่อย ๆ นะคะ

1259
01:25:19,125 --> 01:25:23,125
เราเขียนเราก็ต้องทนอย่างนี้ล่ะ

1260
01:25:23,717 --> 01:25:25,500
เพราะเรายืมภาพเขามาใช้ไง

1261
01:25:25,500 --> 01:25:29,471
มันก็เลยไม่เป๊ะ

1262
01:25:29,471 --> 01:25:33,471
นี่เห็นไหม

1263
01:25:43,085 --> 01:25:39,618

1264
01:25:36,164 --> 01:25:40,164
เคลื่อนเร็วหรือเคลื่อนช้าขึ้นอยู่กับเลขตัวนี้นะคะ

1265
01:25:40,951 --> 01:25:44,155
เลข 5 นาทีนี่

1266
01:25:44,155 --> 01:25:44,665
พา

1267
01:25:44,665 --> 01:25:48,088
ดูนะคะ เดี๋ยวให้ดู

1268
01:25:48,088 --> 01:25:52,088
น้องวิ่งเป็นจรวดเลย

1269
01:25:52,439 --> 01:25:55,404
ใส่ 10 เข้าไป

1270
01:25:55,404 --> 01:25:59,404
ก็คือถ้าเป็นวิ่งเราอาจจะเพิ่มความเร็วได้

1271
01:25:59,784 --> 01:26:03,209
เห็นหรือเปล่า

1272
01:26:03,209 --> 01:26:07,209
ใครไม่เคลื่อนยกมือ

1273
01:26:11,667 --> 01:26:08,220

1274
01:26:09,092 --> 01:26:09,865
อันดับแรก

1275
01:26:09,865 --> 01:26:13,865
เช็ก coding เราก่อนนะคะ

1276
01:26:15,608 --> 01:26:19,308
สิ่งที่เด็ก ๆ จะต้องมีเงื่อนไขแรก

1277
01:26:19,308 --> 01:26:20,966
ดูบรรทัดนี้ใน

1278
01:26:20,966 --> 01:26:22,738
loop

1279
01:26:22,738 --> 01:26:26,738
จาก run false เพิ่มเงื่อนไขในการกดแป้นใช่ไหม

1280
01:26:31,115 --> 01:26:33,095
1 2

1281
01:26:33,095 --> 01:26:35,348
ทั้งหมดกี่อันนี่

1282
01:26:35,348 --> 01:26:35,666
1 2 3 นี่นะคะ

1283
01:26:35,666 --> 01:26:39,666
3 เงื่อนไขนี้จะต้องมี

1284
01:26:49,607 --> 01:26:48,865

1285
01:26:40,164 --> 01:26:44,164
เนื่องจากของข้าพเจ้าเป็นเดิน ข้าพเจ้าก็จะลดลงมาเป็น 5 เหมือนเดิมนะครับ

1286
01:26:46,920 --> 01:26:50,920
bgvelo นี่คือความเร็วของการเคลื่อนที่ของฉากเรานั่นเองนะคะ เด็ก ๆ

1287
01:27:00,836 --> 01:27:01,240
ตำแหน่งค่าตัวนี้บอกแล้วให้เด็ก ๆ ดูที่คำสั่งตัวแปรที่ชื่อ screen ของเรานี่

1288
01:27:01,240 --> 01:27:05,240
ที่เรา save ไว้เรา save ไว้เท่าไร

1289
01:27:22,216 --> 01:27:18,618

1290
01:27:04,438 --> 01:27:08,438
เด็ก ๆ บอกแล้วนะคะ ถ้าใครขึ้น Error

1291
01:27:24,162 --> 01:27:28,162
อันดับแรกดูที่บรรทัดที่มัน Error นะ

1292
01:27:34,730 --> 01:27:38,730

1293
01:27:35,153 --> 01:27:39,153
สังเกตดูนะคะ มันจะมีบรรทัดที่ผิด

1294
01:32:24,886 --> 01:32:28,886
เด็ก ๆ เวลาบอกแล้วเวลาเราทำไอ้นี่ if มันอยู่ตำแหน่งนี้ เด็

1295
01:33:10,835 --> 01:33:23,491
ก ๆ จะชอบไปกด space bar

1296
01:27:28,494 --> 01:27:32,494
ใครยังไม่สามารถเดินได้

1297
01:34:25,291 --> 01:34:25,079

1298
01:34:19,256 --> 01:34:23,256
ไม่หอนสิ

1299
01:34:29,900 --> 01:34:33,900
ดูบรรทัดที่ error คือ line 33

1300
01:34:34,421 --> 01:34:38,421
line 33 ตรงตำแหน่ง

1301
01:34:38,895 --> 01:34:40,288
บอกว่า

1302
01:34:40,288 --> 01:34:44,288
name error

1303
01:34:44,327 --> 01:34:47,557
ยังไม่ได้ประกาศตัวแปรนี้ เหรอ

1304
01:34:47,557 --> 01:34:47,733
bgy นี่มันไม่รู้จัก

1305
01:34:47,733 --> 01:34:51,725
เพราะฉะนั้น

1306
01:34:51,725 --> 01:34:54,902
ขึ้นไปดูตำแหน่งที่

1307
01:34:54,902 --> 01:34:58,902
นั่นเห็นไหม

1308
01:35:03,948 --> 01:35:04,572
ประกาศตัวแปรซ้ำ คือตัวแปรบอกแล้วว่าตัวแปรจะมีชื่อได้แค่

1309
01:35:04,572 --> 01:35:07,616
1 นะคะ

1310
01:35:07,616 --> 01:35:11,616
ชื่อมันจะไม่ซ้ำ

1311
01:35:16,443 --> 01:35:12,903

1312
01:35:08,334 --> 01:35:12,334
กด

1313
01:35:21,657 --> 01:35:18,251

1314
01:35:14,850 --> 01:35:18,850
ดูตำแหน่งตัดต่อรูปด้วยเห็นไหมมันตัดไม่เนียนนี่ ก็ต้องนึกออกนะ ให้มาเช็

1315
01:35:23,476 --> 01:35:27,476
กว่าอาจจะเริ่ม

1316
01:35:28,918 --> 01:35:30,732
หยุดไม่ได้แสดงว่ามันเลย

1317
01:35:30,732 --> 01:35:34,204
key ตรงนี้หรือเปล่า

1318
01:35:34,204 --> 01:35:36,614

1319
01:35:36,614 --> 01:35:39,800
screen.blit นี่ไง

1320
01:35:39,800 --> 01:35:43,650
เดี๋ยวก่อน screen + 8

1321
01:35:43,650 --> 01:35:45,151
ร้อย

1322
01:35:45,151 --> 01:35:49,151
- 800 - 5

1323
01:35:49,312 --> 01:35:53,312
pygemเกม

1324
01:35:54,369 --> 01:35:56,115
Incredibles

1325
01:35:56,115 --> 01:35:57,098
Key Down Key Light

1326
01:35:57,098 --> 01:36:01,098
ไม่ขึ้น Error สะ ด้วย

1327
01:36:07,661 --> 01:36:11,661
ไม่เป็นไร

1328
01:36:12,014 --> 01:36:13,115
ไม่ได้ไม่เป็นไรให้เช็กตรงนี้ไปไหน

1329
01:36:13,115 --> 01:36:14,717
ดูรูป

1330
01:36:14,717 --> 01:36:15,344
ตำแหน่งรูป

1331
01:36:15,344 --> 01:36:19,344
ให้เขากด ctr

1332
01:36:22,765 --> 01:36:25,476
l + b ใหม่ ctrl + b

1333
01:36:25,476 --> 01:36:29,476
กดนี่เห็นไหมตำแหน่งที่ตัดรูป

1334
01:36:33,948 --> 01:36:34,822
ดูอย่างไรดูตรงนี้

1335
01:36:34,822 --> 01:36:38,504
นี่

1336
01:36:38,504 --> 01:36:39,287
ที่เปลี่ยนน่ะ เห็นไหมที่แม่บอกว่า

1337
01:36:39,287 --> 01:36:43,287
ตรง screen ตัวเองตั้งไว้ที่เท่าไร

1338
01:36:43,644 --> 01:36:45,854
เพราะฉะนั้น

1339
01:36:45,854 --> 01:36:46,881
ตรงนี้

1340
01:36:46,881 --> 01:36:50,334
ตรงนี้เห็นไหมใช่ไหม

1341
01:36:50,334 --> 01:36:51,646
รูป

1342
01:36:51,646 --> 01:36:51,879
มันสูง

1343
01:36:51,879 --> 01:36:55,879
สุด คือความสูงสุดมันคือ 1200

1344
01:36:56,524 --> 01:37:00,524
ต้องแก้เป็น 12

1345
01:37:01,786 --> 01:37:05,786
ctrl + b ใหม่

1346
01:37:10,903 --> 01:37:11,356
กดเลื่อน

1347
01:37:11,356 --> 01:37:15,356
แล้วที่นี้ตำแหน่งนี้ นี่

1348
01:37:16,205 --> 01:37:20,205
เห็นไหมถ้าเราตัดตรงนี้ปุ๊บ

1349
01:37:20,932 --> 01:37:23,355
มันมาตรงนี้เราอาจจะตัด

1350
01:37:23,355 --> 01:37:26,829
เกินตรงนี้ให้ตรงนี้มาอีกสักหน่อย

1351
01:37:26,829 --> 01:37:26,979
ลองเพิ่มจาก 800 เป็น 1000

1352
01:37:26,979 --> 01:37:30,979
สิ ลองเพิ่ม

1353
01:37:31,284 --> 01:37:35,284
Ctrl + B ใหม่

1354
01:37:35,658 --> 01:37:39,658
นี่นะ

1355
01:37:43,393 --> 01:37:40,314

1356
01:37:37,103 --> 01:37:41,103
ก็คือให้ให้นึกถึงว่า 1000 มันเยอะไป

1357
01:37:42,614 --> 01:37:44,104
900

1358
01:37:44,104 --> 01:37:45,475
ลอง 900

1359
01:37:45,475 --> 01:37:47,988
นึกออกนะ

1360
01:37:47,988 --> 01:37:49,225
ให้เขาลองปรับลด

1361
01:37:49,225 --> 01:37:53,225
ไอ้ตั้งค่าตรงนี้

1362
01:37:54,585 --> 01:37:58,585
ก็คือให้รอยต่อของรูปมันดูเนียนน่ะ

1363
01:38:06,550 --> 01:38:14,773

1364
01:37:55,826 --> 01:37:59,826
ไม่ใช่ตัดแล้วต้นไม้มันขาดครึ่งภูเขาขาดครึ่งอาจจะมาเริ่มที่ภูเขาก็ได้อะไรอย่างนี้นะคะ

1365
01:38:05,502 --> 01:38:05,751
เวลาจัดตำแหน่งรูปนะลูก

1366
01:38:05,751 --> 01:38:09,594
ออกนะ

1367
01:38:09,594 --> 01:38:13,429
อย่างที่บอกนะคะ

1368
01:38:13,429 --> 01:38:14,428
เช็กอะไร เช็คตำแหน่งความกว้างของสกรีนเรานะคะ

1369
01:38:14,428 --> 01:38:18,428
ถ้าค่าตรงนี้เราจะตัดตรงนี้ที่เท่าไร

1370
01:38:19,943 --> 01:38:23,943
ลองตัดตรงนี้ดูแล้วก็มาเช็กตำแหน่งตรงนี้

1371
01:38:25,847 --> 01:38:27,468
นะคะ

1372
01:38:27,468 --> 01:38:28,926
ตำแหน่งที่จะตัดน่ะ

1373
01:38:28,926 --> 01:38:32,777
ตัดภาพนะคะ

1374
01:38:32,777 --> 01:38:36,777
ใครยังไม่ออกอีก

1375
01:38:36,858 --> 01:38:40,858
ทีนี้

1376
01:39:18,815 --> 01:39:20,969
บางคนนะคะ

1377
01:39:20,969 --> 01:39:21,181
ทำภาพไม่สมดุล

1378
01:39:21,181 --> 01:39:25,181
คือฉากตัวเอง

1379
01:39:25,832 --> 01:39:28,257

1380
01:39:28,257 --> 01:39:29,986
สักประติ๋วหนึ่งบนตัวใหญ่

1381
01:39:29,986 --> 01:39:33,986
อยู่ในฉาก

1382
01:39:35,638 --> 01:39:38,323
หนักแล้ว

1383
01:39:38,323 --> 01:39:38,550
ความเร็วเข้าไปนึกออกไหม

1384
01:39:38,550 --> 01:39:42,550
ถ้า

1385
01:39:42,563 --> 01:39:44,209
ภาพฉากมันสั้นไง

1386
01:39:44,209 --> 01:39:44,575
โปรแกรมมันยาว

1387
01:39:44,575 --> 01:39:48,457
ฉะนั้น

1388
01:39:48,457 --> 01:39:49,544
ให้เขาไปขยายขยายพื้นที่ฉากน่ะค่ะ

1389
01:39:49,544 --> 01:39:53,544
ขอตัวเลขเราปรับค่าได้นะคะ

1390
01:39:54,468 --> 01:39:55,482

1391
01:39:55,482 --> 01:39:59,482
อย่างแม่ใช้ฉากยาวเลยนะคะ

1392
01:40:00,863 --> 01:40:04,461
อันนี้

1393
01:40:04,461 --> 01:40:08,461
เห็นไหมมันก็ไปได้เรื่อย ๆ

1394
01:40:11,332 --> 01:40:11,675
ความเร็วคือขนาดตัวของเจ้าเกมเรากับฉากเรา มันก็ควรจะสอดคล้อง

1395
01:40:11,675 --> 01:40:15,675
ให้เด็ก ๆ ดูการตัดภาพด้วย

1396
01:40:18,640 --> 01:40:18,887
นึกออกนะลูกภาพมันตัดไม่สวยนี่ เราอาจจะเลือก

1397
01:40:18,887 --> 01:40:21,417
มาเริ่มตัดต้นนี้ก็ได้

1398
01:40:21,417 --> 01:40:25,391
ลองปรับค่าไปให้ดูให้มัน

1399
01:40:25,391 --> 01:40:25,601
match กันด้วย

1400
01:40:25,601 --> 01:40:28,332
ให้มันเนียน

1401
01:40:28,332 --> 01:40:28,679
ให้ภาพมันเนียน

1402
01:40:28,679 --> 01:40:32,679

1403
01:40:44,216 --> 01:40:44,340
คือเหมือนภาพนี้มันมีจุดเด่นคือต้นไม้ใหญ่น่ะ

1404
01:40:44,340 --> 01:40:47,049
พอตัดไปมันมันเลยไม่เนียนน่ะ

1405
01:40:47,049 --> 01:40:49,152
ออกนะ

1406
01:40:49,152 --> 01:40:53,152
แต่ไม่เป็นไรบอกแล้วเราเอามา Test

1407
01:40:57,922 --> 01:41:00,200
โปรแกรมเราเฉย ๆ นะคะ

1408
01:41:00,200 --> 01:41:03,841
พอเวลาเราไปทำเกมจริง ๆ นี่

1409
01:41:03,841 --> 01:41:05,192
เราก็ควรจะวาดเองเพราะเราจะรู้ว่าฉากต่อไป

1410
01:41:05,192 --> 01:41:06,380
จะให้มัน

1411
01:41:06,380 --> 01:41:08,076

1412
01:41:08,076 --> 01:41:12,076
ลักษณะของต้นไม้น่ะ

1413
01:41:12,681 --> 01:41:13,060
มันควรจะเป็นไซส์เท่า ๆ กันและจัดวางตำแหน่งเท่ากัน

1414
01:41:13,060 --> 01:41:16,307
การต่อฉาก

1415
01:41:16,307 --> 01:41:18,571
มันก็จะไปออกกัน

1416
01:41:18,571 --> 01:41:18,960
วันนี้เราไปยืมเขามา

1417
01:41:18,960 --> 01:41:22,960
พอหมดโขดหินนี่มันต้องเป็นโขดหินมาต่อใช่ไหม

1418
01:41:24,470 --> 01:41:26,709
มันกลายเป็น

1419
01:41:26,709 --> 01:41:30,709
งานมันไม่ต่อเนื่องนะค่ะ นึกออกนะ

1420
01:41:31,346 --> 01:41:35,346
ให้รู้ไว้ว่ามันคือหลักการในการทำนะคะ ยังไม่เสร็จนะคะ

1421
01:41:36,990 --> 01:41:40,263
นี่เพิ่งให้ฉากมันเคลื่อนนะคะ

1422
01:41:40,263 --> 01:41:43,901
เดี๋ยวสัปดาห์นี้เราจะพอแค่นี้ก่อน

1423
01:41:43,901 --> 01:41:45,580
เพราะ

1424
01:41:45,580 --> 01:41:49,580
บางคนยังมีพื้นหลัง ยังมี

1425
01:41:51,953 --> 01:41:52,431
background ให้เอาออกบางคนตัวเกมตัว

1426
01:41:52,431 --> 01:41:56,431
background ใหญ่เบ้อเริ่มเทิ่มเลยนึกออกนะลดไซส์เกมลง

1427
01:41:59,507 --> 01:42:03,507
ให้นึกถึงความสนดูนะรูป

1428
01:42:04,139 --> 01:42:04,263
เหมือนแมวแมวแม่และลูกแมวแม่ก็ยังใหญ่อยู่แม่ก็ต้องลดลงนะคะ

1429
01:42:04,263 --> 01:42:08,263
ดูสีต้นไม้กับแมวตัวเท่ากันเลยมันก็ไม่ใช่นะคะ

1430
01:42:09,873 --> 01:42:10,176
นะคะ

1431
01:42:10,176 --> 01:42:11,594
เรา

1432
01:42:11,594 --> 01:42:15,594
ปรับสมดุลของภาพของเกมให้มันสอดคล้องกันด้วย

1433
01:42:18,708 --> 01:42:21,344
นะคะ

1434
01:42:21,344 --> 01:42:25,344
เพราะฉะนั้น บางฉากมันตัดแล้วไม่เนียน เราอาจจะหาฉากมาเปลี่ยนก็ได้นะคะ เด็ก ๆ หาย ๆ

1435
01:42:30,134 --> 01:42:34,134
ที่มัน

1436
01:42:34,579 --> 01:42:34,761
ใน ระนาบหรือแนวเดียวกันแล้วไม่มี

1437
01:42:34,761 --> 01:42:38,761
พอเอามาวางแล้วไม่เห็นรอยต่อชัดเจนเหมือนอย่างนี้

1438
01:42:39,738 --> 01:42:43,738
ระนาบเดียว

1439
01:42:45,103 --> 01:42:47,318
คือต้นไม้ใหญ่ที่มาเพิ่มกับก้อนหินมันไม่ต่อเนื่อง

1440
01:42:47,318 --> 01:42:49,869
บางทีเราอาจจะตัด

1441
01:42:49,869 --> 01:42:50,462
ภาพเฉพาะถึงตรงนี้ก็ได้นึกออกนะ

1442
01:42:50,462 --> 01:42:54,462
เพื่อไม่ให้มันเห็น อันนี้พื้นมันก็จะเป็นแนวเดียวกันมันก็จะดูต่อกันก็ได้

1443
01:42:58,714 --> 01:43:00,903
เราอาจจะต้องไปตัดประกอบเอามาใช้

1444
01:43:00,903 --> 01:43:03,939
ตอบสักเล็กน้อยด้วยนะคะ

1445
01:43:03,939 --> 01:43:07,939
เพราะตัวนี้

1446
01:43:08,627 --> 01:43:10,374
เกมมันจะ

1447
01:43:10,374 --> 01:43:12,780
นิ่ง ๆ อย่างนี้

1448
01:43:12,780 --> 01:43:16,780
เพราะเมื่อกี้เรา

1449
01:43:17,432 --> 01:43:20,497
ไปดาวน์โหลด sprite มาแล้วทีนี้เราจะให้

1450
01:43:20,497 --> 01:43:21,556
เห็นว่าโปรแกรมมันมีท่าทางการเดิน

1451
01:43:21,556 --> 01:43:25,556
จริง ๆ

1452
01:43:26,131 --> 01:43:27,816
คงจะเป็นในสัปดาห์หน้าเพราะฉะนั้น ในสัปดาห์นี้เดี๋ยวทายชั่วโมงถ้าลูก

1453
01:43:27,816 --> 01:43:28,346
มันเครื่อง

1454
01:43:28,346 --> 01:43:28,529

1455
01:43:28,529 --> 01:43:31,622

1456
01:43:31,622 --> 01:43:34,050
เรายังใหญ่เด็ก ๆ จะต้อง

1457
01:43:34,050 --> 01:43:36,388
ขนาดให้มันเท่ากัน

1458
01:43:36,388 --> 01:43:36,614
ตัวก่อนนะลูกนึกออกนะ

1459
01:43:36,614 --> 01:43:40,614
เช่น

1460
01:43:42,669 --> 01:43:42,935
เหมือนนกของเจ้ากุ้งเต้นมันใหญ่กุ้งเต้นนกตัวใหญ่ใช่ไหม

1461
01:43:42,935 --> 01:43:46,935
วงเพื่อนกว้าง

1462
01:43:48,288 --> 01:43:51,298
ไปโต๊ะอื่นด้วยไม่ใช่ป่ะ แค่ตัวเดียวเข้าใจนะคะ

1463
01:43:51,298 --> 01:43:52,968
มันจะมีตัวที่ 1 ตัวที่ 2 ตัวที่ 3

1464
01:43:52,968 --> 01:43:53,183
ใช่ไหม ในคอลเลคชัน

1465
01:43:53,183 --> 01:43:57,183
เงินจะต้องปรับตัวอื่น ๆ ให้มันได้น่ะ

1466
01:43:58,787 --> 01:44:00,902
เท่ากับตัวแรก ๆ

1467
01:44:00,902 --> 01:44:03,915
เพราะไม่อย่างนั้นให้นึกถึง

1468
01:44:03,915 --> 01:44:07,915
เวลาเราให้แกมันเคลื่อนไหว

1469
01:44:11,745 --> 01:44:13,676
เดี๋ยวมันจะกลายเป็นตัวเล็กตัวใหญ่ตัวเล็กตัวใหญ่ตัวเล็กตัวใหญ่ออกมาเพราะเราปรับลูกได้เท่ากันนึกออกไหม

1470
01:44:13,676 --> 01:44:16,110
ต่อไปเรียกภาพมาน่ะ

1471
01:44:16,110 --> 01:44:17,168
ภาพมันไปต่อต่อกันใช่ไหมมันจะ

1472
01:44:17,168 --> 01:44:19,561
กลายเป็น

1473
01:44:19,561 --> 01:44:22,303
เดี๋ยวตอนนี้เป็นคนเล็ก

1474
01:44:22,303 --> 01:44:23,908
เดี๋ยวทำไมกระโดดมามันเป็นตัวใหญ่

1475
01:44:23,908 --> 01:44:24,815
อันนี้เราไม่ได้เล่นกัน

1476
01:44:24,815 --> 01:44:25,820
เกม

1477
01:44:25,820 --> 01:44:26,537
เสกคาถา

1478
01:44:26,537 --> 01:44:28,625
แล้วเป็นตัวใหญ่

1479
01:44:28,625 --> 01:44:29,907
อันนี้คือ

1480
01:44:29,907 --> 01:44:31,016
เห็นว่า

1481
01:44:31,016 --> 01:44:32,774
ตัวนี้

1482
01:44:32,774 --> 01:44:33,255
แล้วมันวิ่งมันเดินให้

1483
01:44:33,255 --> 01:44:36,616
เห็นการเคลื่อนไหวของมันก่อน

1484
01:44:36,616 --> 01:44:40,616
Effect ไอ้ตัวเล็กตัวใหญ่เพราะเรา

1485
01:44:43,775 --> 01:44:46,067
ต้องการจากตัวเล็กแล้วเราต้องการเพิ่มไซส์ให้เป็นตัวใหญ่

1486
01:44:46,067 --> 01:44:46,335
เหมือนมาริโอ้น่ะนะ

1487
01:44:46,335 --> 01:44:50,335
เขากินเห็ดหรืออะไรไปแล้วเขาจะตัวใหญ่ขึ้นถ้าอย่างนั้นถึงจะใช้

1488
01:44:54,386 --> 01:44:55,936
ภาพเล็ก

1489
01:44:55,936 --> 01:44:59,936
กลายเป็นภาพใหญ่

1490
01:45:00,664 --> 01:45:01,180
ตอนนี้ให้เห็นว่าไอ้ตัวนี้มันเคลื่อน

1491
01:45:01,180 --> 01:45:03,945

1492
01:45:03,945 --> 01:45:07,945
ไหวตัวเท่านี้

1493
01:45:08,668 --> 01:45:10,119

1494
01:45:10,119 --> 01:45:14,119
ยังไม่เห็นมุมมองนี้ก่อน

1495
01:45:15,622 --> 01:45:16,596
ซึ่งเราจะมาต่อในสัปดาห์หน้า เพราะฉะนั้น สัปดาห์นี้เด็ก ๆ จะต้องเคลียร์รูปให้

1496
01:45:16,596 --> 01:45:18,538
ที่จะใช้ให้

1497
01:45:18,538 --> 01:45:20,434
เรียบร้อยสะก่อน

1498
01:45:20,434 --> 01:45:24,434
พอจะพาเรียกใช้รูปในกลุ่มนี้ทุกรูปเลยจะเรียกอย่างไร

1499
01:45:29,180 --> 01:45:29,386
เราจะสร้างเขาเรียกว่าจะสร้างฟังก์ชัน

1500
01:45:29,386 --> 01:45:33,386

1501
01:45:34,168 --> 01:45:38,168
ไอ้รูปที่เรามีเยอะ ๆ นี่ ไม่อย่างนั้นเราจะต้องมาเขียน

1502
01:45:43,959 --> 01:45:45,324
มันไม่ใช่วิธีการเขียนโปรแกรมโปรแกรมมันจะต้องลดการ

1503
01:45:45,324 --> 01:45:45,505

1504
01:45:45,505 --> 01:45:49,505
ใช้รูป เราจะเรียกใช้

1505
01:45:51,469 --> 01:45:53,984
คำเดียวคือเราอาจจะสร้างเป็นฟังก์ชัน

1506
01:45:53,984 --> 01:45:55,014
ที่จะใช้ในครั้งหน้าได้อีกนะคะ

1507
01:45:55,014 --> 01:45:58,337
โอเคนะคะ

1508
01:45:58,337 --> 01:45:59,732
สัปดาห์นี้เราจะพอแค่นี้ก่อนนะคะ

1509
01:45:59,732 --> 01:46:00,434
อันดับแรก

1510
01:46:00,434 --> 01:46:04,080
รูป

1511
01:46:04,080 --> 01:46:05,509
พื้นหลังออกให้รู้

1512
01:46:05,509 --> 01:46:09,509
ตัวการ์ตูน

1513
01:46:10,469 --> 01:46:14,181
กดไซซ์ให้มันเท่ากันกับไซส์ให้มันเข้ากันทุกตัวนะคะ

1514
01:46:14,181 --> 01:46:18,181
เพราะเราจะใช้ทั้งเซตเลยทั้งเซตที่อยู่ใน

1515
01:46:18,572 --> 01:46:19,586
ในตัวนี้เราในโฟลเดอร์เรานึกออกไหม

1516
01:46:19,586 --> 01:46:23,586
มี 12

1517
01:46:25,099 --> 01:46:25,990
รูปเราก็ต้องแก้ทั้ง 12 รูปนะคะ

1518
01:46:25,990 --> 01:46:28,065
ให้มัน

1519
01:46:28,065 --> 01:46:29,261
ไปในแนวทางเดียวกัน

1520
01:46:29,261 --> 01:46:33,254
เพราะวิธี

1521
01:46:33,254 --> 01:46:35,664
การแก้มันก็คือแนวทาง

1522
01:46:35,664 --> 01:46:37,095
ทีละรูปเท่านั้นเองนะคะ

1523
01:46:37,095 --> 01:46:41,095
โอเคนะคะ

1524
01:46:41,324 --> 01:46:44,713
อย่างนั้นสัปดาห์นี้พอแค่นี้สวัสดีค่ะ

1525
01:46:44,713 --> 01:46:45,724
คนทำ

1526
01:46:45,724 --> 01:46:45,988
ออกได้หมด

1527
01:46:45,988 --> 01:46:47,517
แล้ว

1528
01:46:47,517 --> 01:46:51,517
นะคะ อย่าลืมเซฟ

1529
01:46:51,755 --> 01:46:55,755
ไว้ก่อน

1530
01:47:03,269 --> 01:46:59,913

1531
01:46:54,390 --> 01:46:58,390
ปิดได้เลยปิดได้เลย

1532
01:47:18,135 --> 01:47:14,727

1533
01:47:14,487 --> 01:47:18,487
ว่าอย่างไรว่าอย่างไรจะถามหรือเปล่า

1534
01:47:25,911 --> 01:47:29,911