WEBVTT

1
00:00:00.000 --> 00:00:04.000

2
00:00:04.006 --> 00:00:08.006

3
00:00:08.008 --> 00:00:12.008

4
00:00:12.011 --> 00:00:16.011

5
00:00:16.015 --> 00:00:20.015

6
00:00:20.018 --> 00:00:24.018

7
00:00:24.021 --> 00:00:28.021

8
00:00:28.024 --> 00:00:32.024

9
00:00:32.025 --> 00:00:36.025

10
00:00:36.026 --> 00:00:40.026

11
00:00:40.029 --> 00:00:44.029

12
00:00:42.362 --> 00:00:46.362

13
00:00:46.367 --> 00:00:50.367

14
00:00:50.369 --> 00:00:54.369

15
00:00:54.371 --> 00:00:58.371

16
00:00:58.373 --> 00:01:02.373

17
00:01:02.376 --> 00:01:06.376
ก่อนอื่น ก่อนอื่น

18
00:01:06.378 --> 00:01:10.378
เปิด Sublime  ขึ้นมาเหมือนเดิม

19
00:01:10.380 --> 00:01:14.380
เปิดโปรแกรมเรา

20
00:01:14.383 --> 00:01:18.383
ไอ้ตัวสีส้ม ๆ นี่

21
00:01:18.384 --> 00:01:22.384
สีส้มนี่ เปิดขึ้นมา

22
00:01:22.385 --> 00:01:26.385

23
00:01:26.389 --> 00:01:30.389

24
00:01:30.393 --> 00:01:34.393
กด Ctrl +B ก่อน 1 ครั้ง

25
00:01:34.395 --> 00:01:38.395
เพื่อเช็กว่าตอนนี้ทุกคนมี backgrOUND

26
00:01:38.396 --> 00:01:42.396
ภาพพื้นหลังอยู่

27
00:01:42.398 --> 00:01:46.398
แล้วนะคะ

28
00:01:46.399 --> 00:01:50.399

29
00:01:50.401 --> 00:01:54.401
ใครยังไม่มีหน้าต่าง พื้นที่

30
00:01:54.403 --> 00:01:58.403
การทำงานของตัวเองที่มีรูป Backgr

31
00:01:58.405 --> 00:02:02.405
ยกมือนะคะ เดี๋ยวไปต่อไม่ได้

32
00:02:02.406 --> 00:02:06.406
เพราะสิ่งที่เราจะทำต่อไปก็คือ เราจะ

33
00:02:06.407 --> 00:02:10.407
เอาตัว

34
00:02:10.408 --> 00:02:14.408
เกม

35
00:02:14.410 --> 00:02:18.410
เกมของเราเข้ามานะคะ แล้วจะทำให้มันเคลื่อนไหว

36
00:02:18.411 --> 00:02:22.411

37
00:02:22.413 --> 00:02:26.413

38
00:02:26.413 --> 00:02:30.413

39
00:02:30.415 --> 00:02:34.415

40
00:02:34.416 --> 00:02:38.416

41
00:02:38.420 --> 00:02:42.420
ของ

42
00:02:42.421 --> 00:02:46.421
ใครยังไม่ขึ้น ขึ้นหมด

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

44
00:02:50.424 --> 00:02:54.424
Cance wx

45
00:02:54.425 --> 00:02:58.425
ทำไหมหน้าต่างนี้มันไม่ยอมให้ย่อลง

46
00:02:58.426 --> 00:03:02.426

47
00:03:02.427 --> 00:03:06.427

48
00:03:06.428 --> 00:03:10.428

49
00:03:10.430 --> 00:03:14.430

50
00:03:14.433 --> 00:03:18.433

51
00:03:18.436 --> 00:03:22.436
ทำไม PowerPoint ย่อลงไม่ได้ล่ะ

52
00:03:22.438 --> 00:03:26.438
เราต้องการพื้นที่

53
00:03:26.439 --> 00:03:30.439

54
00:03:30.440 --> 00:03:34.440

55
00:03:34.444 --> 00:03:38.444

56
00:03:38.445 --> 00:03:42.445

57
00:03:42.449 --> 00:03:46.449

58
00:03:46.451 --> 00:03:50.451

59
00:03:50.455 --> 00:03:54.455

60
00:03:54.456 --> 00:03:58.456

61
00:03:58.459 --> 00:04:02.459

62
00:04:02.462 --> 00:04:06.462

63
00:04:06.464 --> 00:04:10.464

64
00:04:10.466 --> 00:04:14.466

65
00:04:14.468 --> 00:04:18.468

66
00:04:18.470 --> 00:04:22.470

67
00:04:22.471 --> 00:04:26.471

68
00:04:26.476 --> 00:04:30.476

69
00:04:30.478 --> 00:04:34.478

70
00:04:34.480 --> 00:04:38.480

71
00:04:38.484 --> 00:04:42.484

72
00:04:42.485 --> 00:04:46.485

73
00:04:46.487 --> 00:04:50.487

74
00:04:50.488 --> 00:04:54.488

75
00:04:54.489 --> 00:04:58.489

76
00:04:58.497 --> 00:05:02.497

77
00:05:02.499 --> 00:05:06.499

78
00:05:06.501 --> 00:05:10.501

79
00:05:10.502 --> 00:05:14.502

80
00:05:14.504 --> 00:05:18.504

81
00:05:18.506 --> 00:05:22.506

82
00:05:22.508 --> 00:05:26.508
โอเคนะคะ สิ่งแรก

83
00:05:26.510 --> 00:05:30.510
เด็ก ๆ ไปดูไฟล์ของเราใน

84
00:05:30.511 --> 00:05:34.511
Disk :C โฟลเดอร์เรา

85
00:05:34.512 --> 00:05:38.512

86
00:05:38.514 --> 00:05:42.514
ยังไม่ได้โหลดภาพหรือ

87
00:05:42.515 --> 00:05:46.515
จำได้ไหมครับ ตัวเกมที่จะใช้...

88
00:05:46.516 --> 00:05:50.516
ทำไมมันย่อสไลด์

89
00:05:50.517 --> 00:05:54.517
PowerPoint ตัวนี้ลงไม่ได้ ปิดก็ไม่ได้ คือ

90
00:05:54.517 --> 00:05:58.517

91
00:05:58.520 --> 00:06:02.520
ขอ

92
00:06:02.521 --> 00:06:06.521
ปิดก่อนแป๊บหนึ่ง

93
00:06:06.522 --> 00:06:10.522
จำได้ไหมคะ

94
00:06:10.523 --> 00:06:14.523
ที่บอกให้ค้น sprites sheet น่ะ

95
00:06:14.527 --> 00:06:18.527

96
00:06:18.531 --> 00:06:22.531

97
00:06:22.533 --> 00:06:26.533
คือ เราต้องการภาพที่มันมีลักษณะ

98
00:06:26.535 --> 00:06:30.535
ภาพที่มีหลาย ๆ ภาพ คือภาพที่มี

99
00:06:30.536 --> 00:06:34.536
การเคลื่อนไหวต่อเนื่องกันนะคะ ก็คือเด็ก ๆ

100
00:06:34.538 --> 00:06:38.538
จะต้องเลือกตัวการ์ตูน หรือตัวเกม

101
00:06:38.541 --> 00:06:42.541
ที่เราจะทำให้เขาเคลื่อนไหว เราจะ

102
00:06:42.542 --> 00:06:46.542
ไม่มาเสียเวลาวาดเอง เลยจะให้

103
00:06:46.543 --> 00:06:50.543
ค้นจากเน็ตนะ ก็ต้องเลือกใช้

104
00:06:50.545 --> 00:06:54.545
Free Dowload ด้วยนะคะ

105
00:06:54.546 --> 00:06:58.546
เพื่อจะได้ไม่ติดปัญหาลิขสิทธิ์

106
00:06:58.549 --> 00:07:02.549
ต้องพิมพ์คำว่า "Free Download" เสมอ

107
00:07:02.550 --> 00:07:06.550
เวลาค้นนะ

108
00:07:06.551 --> 00:07:10.551

109
00:07:10.553 --> 00:07:14.553
แล้วก็ตามด้วยคำว่า "Spirte sheet "

110
00:07:14.554 --> 00:07:18.554
S-p-

111
00:07:18.555 --> 00:07:22.555
r-i-t-e Sprite

112
00:07:22.556 --> 00:07:26.556
แล้วก็ sheet s-h-e-e-

113
00:07:26.558 --> 00:07:30.558
แล้วก็กดค้นหา

114
00:07:30.561 --> 00:07:34.561
นี่ลักษณะภาพ sprite sheet ก็คือ

115
00:07:34.562 --> 00:07:38.562
ถ้า Sprite ก็มีภาพตัวหลัก แล้วก็มีภาพ

116
00:07:38.563 --> 00:07:42.563
ที่เหมือนตัวเขาน่ะ เคลื่อนไหวได้

117
00:07:42.566 --> 00:07:46.566
มีรูปอื่น ๆ ที่ เห็นไหมคะ เสื้อผาอะไรเขาก็เหมือนกัน

118
00:07:46.568 --> 00:07:50.568
นะคะ เพราะเราต้องการ

119
00:07:50.569 --> 00:07:54.569
วัตถุของเรานี่ ไอ้ตัวเกม

120
00:07:54.571 --> 00:07:58.571
เรานี่ ให้มันเคลื่อนไหวนะคะ

121
00:07:58.572 --> 00:08:02.572

122
00:08:02.573 --> 00:08:06.573

123
00:08:06.574 --> 00:08:10.574

124
00:08:10.576 --> 00:08:14.576
ถ้าใครหาได้แล้ว ให้โหลด แล้วเอาไปใส่ไว้ใน...

125
00:08:14.578 --> 00:08:18.578

126
00:08:18.579 --> 00:08:22.579

127
00:08:22.580 --> 00:08:26.580

128
00:08:26.581 --> 00:08:30.581

129
00:08:30.583 --> 00:08:34.583

130
00:08:34.585 --> 00:08:38.585

131
00:08:38.588 --> 00:08:42.588

132
00:08:42.591 --> 00:08:46.591
ตอนนี้โหลดมาแล้วนะคะ

133
00:08:46.594 --> 00:08:50.594
จะเอาภาพนี้ รอแป๊บหนึ่ง

134
00:08:50.596 --> 00:08:54.596
ใครยังไม่โหลด โหลดเลยนะคะ ก็คือ

135
00:08:54.597 --> 00:08:58.597
ให้มันมีตัวหลาย ๆ ตัว อย่างน้อย อย่างน้อย

136
00:08:58.598 --> 00:09:02.598
มีภาพตัวเกมนี่ สัก 4 ตัว

137
00:09:02.601 --> 00:09:06.601
เป็นอย่างน้อยนะ มีมาก

138
00:09:06.602 --> 00:09:10.602
กว่านั้นก็ได้นะคะ

139
00:09:10.603 --> 00:09:14.603

140
00:09:14.604 --> 00:09:18.604

141
00:09:18.606 --> 00:09:22.606
โฟลเดอร์ที่เราดาวน์โหลดนะคะ เดี๋ยวจะ

142
00:09:22.607 --> 00:09:26.607
Move ไปไว้ที่

143
00:09:26.608 --> 00:09:30.608
Disk C ของเรานะคะ

144
00:09:30.609 --> 00:09:34.609

145
00:09:34.611 --> 00:09:38.611

146
00:09:38.613 --> 00:09:42.613

147
00:09:42.616 --> 00:09:46.616

148
00:09:46.617 --> 00:09:50.617

149
00:09:50.619 --> 00:09:54.619

150
00:09:54.621 --> 00:09:58.621

151
00:09:58.623 --> 00:10:02.623

152
00:10:02.626 --> 00:10:06.626

153
00:10:06.628 --> 00:10:10.628
เอาไปไว้ที่เราเก็บโปรแกรม

154
00:10:10.629 --> 00:10:14.629
ที่เราเขียนไว้น่ะที่เราเก็บไว้

155
00:10:14.633 --> 00:10:18.633
Extrack ไฟล์แล้วนะคะ

156
00:10:18.635 --> 00:10:22.635

157
00:10:22.636 --> 00:10:26.636

158
00:10:26.637 --> 00:10:30.637

159
00:10:30.639 --> 00:10:34.639
จะเข้า Cat แล้วกัน

160
00:10:34.640 --> 00:10:38.640
นี่ ๆ ๆ

161
00:10:38.649 --> 00:10:42.649
เดี๋ยวจะเลือกเฉพาะที่เขาเป็น

162
00:10:42.650 --> 00:10:46.650
ขอเอาเป็นเดินนะคะ

163
00:10:46.652 --> 00:10:50.652
จะเดินหรือจะ... ขอเป็นรูปเดินแล้วกัน

164
00:10:50.653 --> 00:10:54.653
เอามาทดลองให้ดูก่อนนะคะ

165
00:10:54.654 --> 00:10:58.654
สัก วันนี้มี

166
00:10:58.655 --> 00:11:02.655
หลายตัวหน่อย เขาพิมพ์หมายเลข

167
00:11:02.656 --> 00:11:06.656
12

168
00:11:06.659 --> 00:11:10.659

169
00:11:10.662 --> 00:11:14.662
นี่นะคะ เราจะต้องมี

170
00:11:14.663 --> 00:11:18.663
รูปตัวเกมเราอยู่ใน Folder อย่างนี้

171
00:11:18.664 --> 00:11:22.664
นะคะ โฟลเดอร์ชื่อเกม

172
00:11:22.665 --> 00:11:26.665
ที่เราสร้างน่ะค่ะ ให้สังเกตว่าเรามีไฟล์

173
00:11:26.666 --> 00:11:30.666
Sublime pygame อยู่ตรงไหน

174
00:11:30.669 --> 00:11:34.669
มีรูป อยู่ตรงนั้นล่ะ มันจะได้หากันเจอ

175
00:11:34.669 --> 00:11:38.669
นะคะเด็ก ๆ

176
00:11:38.671 --> 00:11:42.671
ก่อนอื่นเด็ก ๆ เปิดโฟลเดอร์ตัวเองเข้ามาไว้ด่วย

177
00:11:42.673 --> 00:11:46.673
เดี๋ยวจะไปเดินเช็กว่ามีรูปแบบนี้กันหรือยัง

178
00:11:46.674 --> 00:11:50.674

179
00:11:50.675 --> 00:11:54.675
เลือกสัก 1 ตัวนะ เลือกตัวเกมสัก 1 ตัว

180
00:11:54.677 --> 00:11:58.677

181
00:11:58.680 --> 00:12:02.680

182
00:12:02.684 --> 00:12:06.684

183
00:12:06.687 --> 00:12:10.687

184
00:12:10.688 --> 00:12:14.688

185
00:12:14.690 --> 00:12:18.690
ดูนะคะ คำค้นที่ใช้

186
00:12:18.692 --> 00:12:22.692

187
00:12:22.694 --> 00:12:26.694

188
00:12:26.697 --> 00:12:30.697

189
00:12:30.698 --> 00:12:34.698

190
00:12:34.700 --> 00:12:38.700

191
00:12:38.702 --> 00:12:42.702

192
00:12:42.704 --> 00:12:46.704

193
00:12:46.705 --> 00:12:50.705
ดูคำที่ใช้ค้น เห็นไหม บนหน้าสไลด์นี่

194
00:12:50.707 --> 00:12:54.707
Free download

195
00:12:54.708 --> 00:12:58.708
Sprite Sheet นะคะ ให้ค้นด้วยคำนี้

196
00:12:58.709 --> 00:13:02.709
เพราะถ้าค้นด้วยค่ะว่า sprites sheet น่ะ

197
00:13:02.712 --> 00:13:06.712
มันจะได้ภาพที่บอกว่ามีหลาย ๆ ตัวค่ะ ที่เขาทำไว้แล้วน่ะ

198
00:13:06.713 --> 00:13:10.713

199
00:13:10.714 --> 00:13:14.714

200
00:13:14.715 --> 00:13:18.715

201
00:13:18.717 --> 00:13:22.717

202
00:13:22.720 --> 00:13:26.720

203
00:13:26.721 --> 00:13:30.721

204
00:13:30.723 --> 00:13:34.723

205
00:13:34.726 --> 00:13:38.726

206
00:13:38.728 --> 00:13:42.728

207
00:13:42.732 --> 00:13:46.732

208
00:13:46.734 --> 00:13:50.734

209
00:13:50.737 --> 00:13:54.737

210
00:13:54.738 --> 00:13:58.738

211
00:13:58.740 --> 00:14:02.740

212
00:14:02.745 --> 00:14:06.745

213
00:14:06.748 --> 00:14:10.748

214
00:14:10.749 --> 00:14:14.749

215
00:14:14.751 --> 00:14:18.751

216
00:14:18.755 --> 00:14:22.755

217
00:14:22.760 --> 00:14:26.760

218
00:14:26.762 --> 00:14:30.762

219
00:14:30.766 --> 00:14:34.766

220
00:14:34.768 --> 00:14:38.768

221
00:14:38.769 --> 00:14:42.769

222
00:14:42.771 --> 00:14:46.771

223
00:14:46.774 --> 00:14:50.774

224
00:14:50.778 --> 00:14:54.778

225
00:14:54.780 --> 00:14:58.780

226
00:14:58.783 --> 00:15:02.783

227
00:15:02.788 --> 00:15:06.788

228
00:15:06.791 --> 00:15:10.791

229
00:15:10.793 --> 00:15:14.793

230
00:15:14.795 --> 00:15:18.795

231
00:15:18.797 --> 00:15:22.797

232
00:15:22.802 --> 00:15:26.802

233
00:15:26.804 --> 00:15:30.804

234
00:15:30.805 --> 00:15:34.805

235
00:15:34.806 --> 00:15:38.806

236
00:15:38.810 --> 00:15:42.810
ใน...

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

238
00:15:46.818 --> 00:15:50.818
ตัวเกมที่เราจะเอามาลงแล้ว ไปไหนล่ะ

239
00:15:50.819 --> 00:15:54.819

240
00:15:54.822 --> 00:15:58.822
อยู่ไหนเอ่ย อยู่ไหนเอ่ย

241
00:15:58.823 --> 00:16:02.823
นี่นะคะ อันดับแรก อันดับที่ 1

242
00:16:02.825 --> 00:16:06.825
เหมือนเดิมลองวางก่อน

243
00:16:06.826 --> 00:16:10.826
เราจะเอาไอ้ตัวนี้เข้ามาวางในฉากได้ไหม

244
00:16:10.826 --> 00:16:14.826
เพราะฉะนั้นนะคะ

245
00:16:14.827 --> 00:16:18.827
คำสั่งยังเป็นคำสั่งเดิมอยู่นะ ก็คือ

246
00:16:18.829 --> 00:16:22.829
คำสั่งที่จะ

247
00:16:22.830 --> 00:16:26.830
นี่ ๆ ๆ

248
00:16:26.831 --> 00:16:30.831
เอารูปมาใส่นี่นะคะ

249
00:16:30.831 --> 00:16:34.831
แต่เราจะต้องประกาศตัวแปรใหม่ ตอนนี้

250
00:16:34.832 --> 00:16:38.832
ไปที่บรรทัด ตำแหน่งที่ 14 บรรทัดที่

251
00:16:38.833 --> 00:16:42.833
14 ก่อน เด็ก ๆ เลื่อนลงมาประมาณบรรทัดที่ 14

252
00:16:42.834 --> 00:16:46.834
เพราะในสัปดาห์ก่อน

253
00:16:46.835 --> 00:16:50.835
เรามี Background มีอะไรแล้วนะคะ เรากำหนดหน้าจอ

254
00:16:50.836 --> 00:16:54.836
ได้แล้ว สิ่งที่เราจะทำต่อมาใส่

255
00:16:54.837 --> 00:16:58.837
Hashtag นะคะ หรือเครื่องหมาย # ก่อน

256
00:16:58.838 --> 00:17:02.838
แล้วก็บอกว่า

257
00:17:02.839 --> 00:17:06.839

258
00:17:06.840 --> 00:17:10.840

259
00:17:10.842 --> 00:17:14.842

260
00:17:14.843 --> 00:17:18.843

261
00:17:18.845 --> 00:17:22.845

262
00:17:22.846 --> 00:17:26.846

263
00:17:26.853 --> 00:17:30.853
เราจะเอาตัวเกมเข้ามาแล้ว

264
00:17:30.854 --> 00:17:34.854
ก็เลย

265
00:17:34.855 --> 00:17:38.855
ใส่ # ตรงส่วนนี้จะเป็นส่วนที่เราเอาตัวเกม

266
00:17:38.856 --> 00:17:42.856
เข้ามานะคะ นำเข้าเกม

267
00:17:42.858 --> 00:17:46.858
นำเข้าตัวเกม ใส่ # ไว้ แล้วก็กดเว้น

268
00:17:46.859 --> 00:17:50.859
2 ที เว้น 2 บรรทัด เราจะอยู่บรรทัด

269
00:17:50.860 --> 00:17:54.860
15 จะได้เช็กง่าย ๆ ไป

270
00:17:54.861 --> 00:17:58.861
ตามบรรทัดก่อนตอนนี้

271
00:17:58.862 --> 00:18:02.862

272
00:18:02.863 --> 00:18:06.863

273
00:18:06.866 --> 00:18:10.866

274
00:18:10.868 --> 00:18:14.868

275
00:18:14.871 --> 00:18:18.871

276
00:18:18.874 --> 00:18:22.874

277
00:18:22.876 --> 00:18:26.876

278
00:18:26.880 --> 00:18:30.880

279
00:18:30.882 --> 00:18:34.882
ก่อนอื่น

280
00:18:34.885 --> 00:18:38.885
เหมือนเดิมนะคะ รปแบบจะคล้าย ๆ

281
00:18:38.886 --> 00:18:42.886
นะคะ ก็คือให้ pygame มันไป

282
00:18:42.887 --> 00:18:46.887
โหลดภาพตัวเกมเรามาก่อนอื่นเราต้องมากำหนดตัวแปรเราก่อน

283
00:18:46.888 --> 00:18:50.888

284
00:18:50.890 --> 00:18:54.890

285
00:18:54.891 --> 00:18:58.891
ตัวแปรเรา

286
00:18:58.893 --> 00:19:02.893
สมมติเมื่อกี้ให้เด็ก ๆ ดูที่อะไร

287
00:19:02.895 --> 00:19:06.895
ดูที่ตัวละครของเรามันเป็นตัว

288
00:19:06.896 --> 00:19:10.896
อะไร นึกออกไหมลูก

289
00:19:10.896 --> 00:19:14.896
เช่น ตัวนี้เป็นแมว เพราะฉะนั้น ชื่อตัวแปร

290
00:19:14.898 --> 00:19:18.898
ก็คือตัวอะไรคะ ตัว Cat ภาษาอังกฤษ

291
00:19:18.899 --> 00:19:22.899
ของใครเป็นตัวอะไรบ้าง ถ้าใครเป็นนก

292
00:19:22.900 --> 00:19:26.900
ไหนใครเป็นรูปนกยกมือขึ้น

293
00:19:26.900 --> 00:19:30.900
มีใครมีรูปนกไหมคะ ไม่มีหรือ

294
00:19:30.901 --> 00:19:34.901
อย่างว่า เห็นอยู่

295
00:19:34.902 --> 00:19:38.902
กุ้งก็ตั้งชื่อตัวแปร Bird เลยลูก

296
00:19:38.903 --> 00:19:42.903
นึกออกไหม เอาชื่อตัวเกมเรา

297
00:19:42.904 --> 00:19:46.904
มาเป็นตัวแปรเลย เราจะได้รู้ว่าอันนี้เป็นนกของเรา

298
00:19:46.905 --> 00:19:50.905
เพราะฉะนั้น ใครที่ตัวที่

299
00:19:50.906 --> 00:19:54.906
ตัวรูปเกมตัวเองเป็นรูปสัตว์ชนิดไหน

300
00:19:54.906 --> 00:19:58.906
นึกออกนะคะ ให้ใช้ชื่อตาม

301
00:19:58.907 --> 00:20:02.907
ตัวสัตว์ชนิดนั้น หรือตัวเกมชนิดนั้น

302
00:20:02.908 --> 00:20:06.908
เหมือนของแม่เอาแมวตัวเกมแม่ก็จะชื่อ Cat

303
00:20:06.909 --> 00:20:10.909
ก่อน

304
00:20:10.910 --> 00:20:14.910

305
00:20:14.912 --> 00:20:18.912
boy ก็ได้ ใช้ boy ก็ได้ เด็ก

306
00:20:18.914 --> 00:20:22.914
ผู้ชาย เป็นรูปเด็กผู้ชายหรือ Girl

307
00:20:22.916 --> 00:20:26.916
ของมิ่งเป็นรูปอะไรครับ หมา ก็

308
00:20:26.917 --> 00:20:30.917
Dog นะ ใครไม่รู้ชื่อศัพท์

309
00:20:30.918 --> 00:20:34.918
ภาษาอังกฤษ ค้นโดยใช้อะไร Google แปล

310
00:20:34.919 --> 00:20:38.919
ภาษานะคะ ช่วย

311
00:20:38.921 --> 00:20:42.921
ประกาศตัวแปรแล้วตามด้วยเครื่องหมายเท่ากับ

312
00:20:42.922 --> 00:20:46.922
เสมอ

313
00:20:46.922 --> 00:20:50.922

314
00:20:50.924 --> 00:20:54.924
เห็นไหมคะ ตรง

315
00:20:54.926 --> 00:20:58.926
ชื่อตัวแปรน่ะ ชื่อนี้

316
00:20:58.927 --> 00:21:02.927
ก็คือให้เราดูรูป ตัวเกมของเรา

317
00:21:02.928 --> 00:21:06.928
มันเป็นสัตว์อะไร เราก็ตั้งชื่อตามนั้น อย่ามาพิมพ์

318
00:21:06.930 --> 00:21:10.930
ตามแม่นะ แม่ของแม่

319
00:21:10.931 --> 00:21:14.931
เป็นตัวแมวไง แม่ก็เลยใช่ cat

320
00:21:14.932 --> 00:21:18.932
หมา ก็ใช้ Dog ถ้าใครเป็นนกก้ bird

321
00:21:18.933 --> 00:21:22.933
ถ้าใครเป็น...

322
00:21:22.934 --> 00:21:26.934
โอเค

323
00:21:26.935 --> 00:21:30.935

324
00:21:30.936 --> 00:21:34.936
องุ่นเป็นตัวอะไร

325
00:21:34.938 --> 00:21:38.938
หมา ก็ dog

326
00:21:38.940 --> 00:21:42.940

327
00:21:42.941 --> 00:21:46.941

328
00:21:46.944 --> 00:21:50.944

329
00:21:50.946 --> 00:21:54.946

330
00:21:54.949 --> 00:21:58.949

331
00:21:58.951 --> 00:22:02.951

332
00:22:02.953 --> 00:22:06.953

333
00:22:06.955 --> 00:22:10.955

334
00:22:10.957 --> 00:22:14.957

335
00:22:14.958 --> 00:22:18.958

336
00:22:18.960 --> 00:22:22.960

337
00:22:22.962 --> 00:22:26.962
ดูต่อนะคะ คำสั่งต่อมา เหมือนเดิม

338
00:22:26.964 --> 00:22:30.964
พิมพ์ P ก่อน กดตัว P 1 ครั้ง

339
00:22:30.965 --> 00:22:34.965
แล้วเลือก pygame กด Enter

340
00:22:34.966 --> 00:22:38.966
pygame อะไร

341
00:22:38.967 --> 00:22:42.967
.image load เราจะใช้คำสั่นี้นะคะ .image load

342
00:22:42.968 --> 00:22:46.968
กด . ลงไป

343
00:22:46.969 --> 00:22:50.969
กด i แล้วก็เลือก image นึกออกนะ

344
00:22:50.970 --> 00:22:54.970
เลือกตัวนี้นะคะ เลือก image

345
00:22:54.971 --> 00:22:58.971
กด Enter กด . อีก 1 ครั้ง พิมพ์

346
00:22:58.972 --> 00:23:02.972
l เห็นไหมคะ เลือก load

347
00:23:02.972 --> 00:23:06.972
ใส่วงเล็บ

348
00:23:06.973 --> 00:23:10.973
นะคะ เพราะรูปแบบเขาคือ

349
00:23:10.974 --> 00:23:14.974
ให้ pygame มันไปโหลดรูป เห็นไหมคะ

350
00:23:14.976 --> 00:23:18.976
ทีนี้ ตรงนี้นะ ก็คือชื่อ

351
00:23:18.978 --> 00:23:22.978
ชื่อรูปเด็ก ๆ ดูจากไหน

352
00:23:22.980 --> 00:23:26.980
เหมือนเดิมนะคะ เช็กชื่อภาพของเรา

353
00:23:26.981 --> 00:23:30.981
สังเกตดูชื่อดี ๆ

354
00:23:30.982 --> 00:23:34.982
มันมีหลายตัว แล้วมันมีวงเล็บ

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

356
00:23:38.987 --> 00:23:42.987
ก๊อบปี้ใช่ไหม วิธีการ

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

358
00:23:46.992 --> 00:23:50.992
Properti เห็นไหมคะ ก็อบ

359
00:23:50.995 --> 00:23:54.995
จากตรงนี้เลย จะได้พิมพ์ไม่ผิด นึกออกนะ

360
00:23:54.996 --> 00:23:58.996
ชื่อมันก็จะเหมือนกัน จะได้หาเจอ

361
00:23:58.996 --> 00:24:02.996
ไม่อย่างนั้นเดี๋ยวมันหาไม่เจอ ไม่ต้องไปพิมพ์เอง นึกออกไหมลูก

362
00:24:02.996 --> 00:24:06.996
ให้เด็ก ๆ เอาใหม่นะ ทำให้ดูใหม่นะ

363
00:24:06.997 --> 00:24:10.997
เราคลิกที่รูปที่เราจะใช้ 1 ครั้ง แล้วคลิกเมาส์ขวา

364
00:24:10.998 --> 00:24:14.998
นะ คลิกไอ้ตรงนี้ นี่ ๆ

365
00:24:14.999 --> 00:24:18.999
คลิกที่นิ้ว นิ้วกลางเราน่ะ คลิกเมาส์ที่

366
00:24:19.000 --> 00:24:23.000
ตรงที่นิ้วกลางอยู่ 1 ครั้ง แล้วเลือก

367
00:24:23.001 --> 00:24:27.001
Properties นามสกุลด้วยเห็นไหม

368
00:24:27.001 --> 00:24:31.001
อย่างลืมดูนามสกุลด้วยว่ามันเป็น .png

369
00:24:31.003 --> 00:24:35.003
เพราะฉะนั้น เราก๊อบชื่อมันก็จะไม่ผิดนะ มันจะเว้นวรรค

370
00:24:35.004 --> 00:24:39.004
มันก็จะเหมือนกันเลย กด copy Ctrl + C

371
00:24:39.005 --> 00:24:43.005
เสร็จแล้วก็เอามาวาง...

372
00:24:43.006 --> 00:24:47.006
ไหนล่ะ วงเล็บหายไปไหนแล้ว

373
00:24:47.006 --> 00:24:51.006
เนื่องจากเป็นชื่อ อย่าลืมนะคะ

374
00:24:51.007 --> 00:24:55.007
ถ้าเป็นชื่อรูป ต้องใส่เครื่องหมาย

375
00:24:55.008 --> 00:24:59.008
Single Quote หรือ Double Quote ก็ได้

376
00:24:59.009 --> 00:25:03.009
ขีดเดียวก็ได้ ขีด...

377
00:25:03.010 --> 00:25:07.010
อยู่ไหนล่ะ อย่างนี้ ขีดเดียวหรือ 2 ขีดก็ได้ นี่คือ Double

378
00:25:07.013 --> 00:25:11.013
Quote นี่คือ Double

379
00:25:11.014 --> 00:25:15.014
เห็นไหม ก็คือเครื่องหมายคำพูดแบบ

380
00:25:15.017 --> 00:25:19.017
อันเดียวกับ 2 อันน่ะ นะคะ

381
00:25:19.018 --> 00:25:23.018
นะคะ กด Ctrl + V วางไฟล์นั้น

382
00:25:23.019 --> 00:25:27.019
แล้วตามด้วยนามสกุล เวลา

383
00:25:27.020 --> 00:25:31.020
ระบุนามสกุลรูป ก็คือต้องใส่ . ก่อน .

384
00:25:31.021 --> 00:25:35.021
แล้วก็ เผื่อใครจำไม่ได้ก็

385
00:25:35.022 --> 00:25:39.022
ย้อนกลับไปดู ชื่ออะไรนะ นะคะ

386
00:25:39.023 --> 00:25:43.023
properties เหมือนเดิม แล้วตามด้วย

387
00:25:43.027 --> 00:25:47.027
เราก็ใส่ png ลงไป

388
00:25:47.028 --> 00:25:51.028
นะคะ . แล้วก็ตามด้วยนามสกุลเขา

389
00:25:51.029 --> 00:25:55.029
เห็นไหมคะ

390
00:25:55.030 --> 00:25:59.030

391
00:25:59.033 --> 00:26:03.033
เอารูปเข้ามาแล้ว อย่าลืมเรียกใช้รูป

392
00:26:03.035 --> 00:26:07.035
เราเอารูปเขามาแล้วนะคะ เราจะรู้ได้อย่างไร

393
00:26:07.036 --> 00:26:11.036
ว่ารูปเข้ามา เราก็ต้องไปเรียกใช้รูปนั้นมานะคะ

394
00:26:11.037 --> 00:26:15.037
ตอนนี้ในบรรทัดนี้คือคำสั่ง

395
00:26:15.038 --> 00:26:19.038
pygame.image.load นี่ ก็คือไปโหลดภาพที่

396
00:26:19.039 --> 00:26:23.039
เราจะใช้ ดูนะ ดูชื่อดี ๆ นะ

397
00:26:23.040 --> 00:26:27.040
มันมีเว้นวรรคอะไรน่ะ เอาตามมันเลย เหมือนที่บอก Copy

398
00:26:27.041 --> 00:26:31.041
จะได้พิมพ์ไม่ผิด

399
00:26:31.042 --> 00:26:35.042
แล้วอย่างไร ให้เราเข้ามา

400
00:26:35.043 --> 00:26:39.043
ในตำแหน่ง loop ของเกมเรา

401
00:26:39.044 --> 00:26:43.044
เห็นไหมคะ Screen blit

402
00:26:43.045 --> 00:26:47.045
สิ่งต่อมาที่เราจะใส่ คำสั่ง

403
00:26:47.047 --> 00:26:51.047
เดียวกันเลย แต่เปลี่ยนจาก pic bg

404
00:26:51.048 --> 00:26:55.048
bgpic เป็นนี่ ๆ ๆ

405
00:26:55.051 --> 00:26:59.051
เราจะเรียกตัวแปรนี้มานะคะ cat มานะคะ

406
00:26:59.052 --> 00:27:03.052

407
00:27:03.053 --> 00:27:07.053
พร้อมหรือยังคะ ให้เด็ก ๆ

408
00:27:07.054 --> 00:27:11.054
เข้ามาที่บรรทัด

409
00:27:11.054 --> 00:27:15.054
ต่อจากที่เราเรียกใช้ Background screen.blti

410
00:27:15.055 --> 00:27:19.055
bg pic นี่คือ background picture เรานี่

411
00:27:19.056 --> 00:27:23.056
ดูนะคะ

412
00:27:23.057 --> 00:27:27.057
กด Enter เพื่อให้เคอร์เซอร์มัน

413
00:27:27.059 --> 00:27:31.059
บอกแล้วว่าอย่ากดเป็นอย่างนี้ อย่ากดแป้น Spacebar

414
00:27:31.060 --> 00:27:35.060
ถ้าเห็นจุด ๆ เดี๋ยวมันขึ้น Error นะคะ

415
00:27:35.062 --> 00:27:39.062
เด็ก ๆ ไปท้ายบรรทัด

416
00:27:39.063 --> 00:27:43.063
ของคำสั่งที่เราจะเริ่มเขียน

417
00:27:43.066 --> 00:27:47.066
แล้วกด Enter เห็นไหมคะ มันจะตัด โครงสร้าง

418
00:27:47.067 --> 00:27:51.067
มันจะจัดระเบียบมาให้

419
00:27:51.068 --> 00:27:55.068
กด S 1 ครั้ง แล้วเลือก

420
00:27:55.069 --> 00:27:59.069
screen เหมือนเดิม .

421
00:27:59.070 --> 00:28:03.070
blit เหมือนเดิม เลือก blit นะคะ เลือก

422
00:28:03.071 --> 00:28:07.071
เอานะไม่ต้องพิมพ์จะได้ไม่ผิด ใส่วงเล็บ

423
00:28:07.072 --> 00:28:11.072
ตรงนี้ ก็คือชื่อ

424
00:28:11.073 --> 00:28:15.073
ชื่อตัวนี้นะคะ เราก็ต้องเรียกใช้ cat

425
00:28:15.076 --> 00:28:19.076
เรียกน้อง cat ของแม่เรียก cat เด็ก ๆ

426
00:28:19.077 --> 00:28:23.077
เป็นตัวอะไร ตัวแปรของเด็ก ๆ นึกออกนะ

427
00:28:23.082 --> 00:28:27.082
ใครเป็น boy ก็เรียก boy ใครเป็น dog ก็เรียก dog

428
00:28:27.083 --> 00:28:31.083
ใครเป็น Bird ก้เรียก Bird

429
00:28:31.084 --> 00:28:35.084
นะคะ เวลาเอามา เราจะระบุ

430
00:28:35.085 --> 00:28:39.085
ตำแหน่งให้มันแล้ว ดูดี ๆ

431
00:28:39.086 --> 00:28:43.086
ตำแหน่งจอ

432
00:28:43.088 --> 00:28:47.088
เริ่มต้นคือ นึกออกนะ

433
00:28:47.089 --> 00:28:51.089
มันมีแกนที่เรียกว่า แกน x กับแกน y

434
00:28:51.090 --> 00:28:55.090
นะคะ สูง

435
00:28:55.091 --> 00:28:59.091
คือ ตำแหน่งข้างบน

436
00:28:59.094 --> 00:29:03.094

437
00:29:03.095 --> 00:29:07.095
แล้วมันจะลงมาข้างล่างอย่างนี้ ไม่เชื่อ เดี๋ยวลองดูนะคะ

438
00:29:07.097 --> 00:29:11.097
ถ้ายังไม่เปลี่ยนตำแหน่ง เด็ก ๆ ลองดูก็ได้

439
00:29:11.098 --> 00:29:15.098
เอาเหมือนเดิมเลย เอาเหมือนคำสั่งแรกเลย

440
00:29:15.099 --> 00:29:19.099
นี่ เอาเหมือนตำแหน่งนี้เลยนะ

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

442
00:29:23.100 --> 00:29:27.100
,

443
00:29:27.101 --> 00:29:31.101
แล้วก็ใส่ตำแหน่ง 0, 0

444
00:29:31.102 --> 00:29:35.102
เหมือนตัวแรกเลยนะ ให้ดูเลย

445
00:29:35.103 --> 00:29:39.103
ว่ามัน ตำแหน่งมันเริ่มมาจากไหน ใครพิมพ์

446
00:29:39.104 --> 00:29:43.104
คำสั่งนี้เสร็จแล้วกดอะไรคะ เมื่อ

447
00:29:43.105 --> 00:29:47.105
เราต้องการทดสอบโปรแกรมหรือ Run โปรแกรม กด

448
00:29:47.107 --> 00:29:51.107
ปุ่ม Ctrl + B

449
00:29:51.109 --> 00:29:55.109
นี่ เห็นไหม เราใส่

450
00:29:55.110 --> 00:29:59.110
0 0 ตำแหน่งน้องแมวมันลอยอยู่บนท้องฟ้า

451
00:29:59.111 --> 00:30:03.111
เราอยากให้มันลงมา ให้เรา

452
00:30:03.112 --> 00:30:07.112
ดูอะไรคะ ดูแนวของภาพ Background เราด้วย

453
00:30:07.113 --> 00:30:11.113
นะ ก็คือน้องแมวควรจะมายืนอยู่ตรง

454
00:30:11.114 --> 00:30:15.114
นี่พื้นดินนี่พอดี เพราะฉะนั้น

455
00:30:15.115 --> 00:30:19.115
เราจะต้องเลื่อน 0

456
00:30:19.116 --> 00:30:23.116
ตัวแรกคือ  0 ในแนว เขาเรียกว่าอะไรล่ะ

457
00:30:23.117 --> 00:30:27.117
แนวตั้งน่ะคอลัมน์น่ะ นึกออกนะ แล้ว

458
00:30:27.118 --> 00:30:31.118
0 ตัวที่ 2 ก็คือ แนวที่เป็นแถว

459
00:30:31.119 --> 00:30:35.119
ก็คือบรรทัด เพราะฉะนั้น เราจะต้องเพิ่มจำนวนบรรทัด

460
00:30:35.121 --> 00:30:39.121
น้องแมวก็ตัวใหญ่ไปด้วย

461
00:30:39.122 --> 00:30:43.122
ใช้ transform ลดไซซ์ลงหน่อยก็ได้นะคะเด็ก ๆ

462
00:30:43.123 --> 00:30:47.123
นี่ Load มาแล้ว

463
00:30:47.124 --> 00:30:51.124
ตัวมันใหญ่นี่ ใช้ตัวนี้ก็ได้

464
00:30:51.125 --> 00:30:55.125
นะลด แต่ถ้าไม่ใช้ตัวนี้ลด นึกออกนะ เดี๋ยว...

465
00:30:55.126 --> 00:30:59.126
เดี๋ยวค่อยไปแก้ การลดขนาดไซซ์สอนไปแล้วนะ

466
00:30:59.127 --> 00:31:03.127
เดี๋ยวค่อยไปแก้ที่หลังก็ได้ เดี๋ยว

467
00:31:03.128 --> 00:31:07.128
เรามาเปลี่ยนตำแหน่ง เดี๋ยวจะเพิ่มสัก...

468
00:31:07.129 --> 00:31:11.129
เพิ่มจำนวนบรรทัดนะคะ  ที่ 250

469
00:31:11.133 --> 00:31:15.133
ดูจากอะไร 1. อันดับแรก เด็ก ๆ เช็กจาก

470
00:31:15.134 --> 00:31:19.134
นี่ได้ เช็คจาก

471
00:31:19.135 --> 00:31:23.135
ตัว screen เราเห็นไหมคะ

472
00:31:23.137 --> 00:31:27.137
ตำแหน่งบรรทัดนี่ เห็นไหม

473
00:31:27.138 --> 00:31:31.138
ตำแหน่งคอลัมน์น่ะ สูงสุดก็คือ 1,600

474
00:31:31.138 --> 00:31:35.138
บรรทัดสูงสุดคือ 800

475
00:31:35.139 --> 00:31:39.139
ตอนนี้นี่เอาบรรทัดที่ 250

476
00:31:39.140 --> 00:31:43.140
กด Ctrl + B ดูว่าน้องแมวเราเลื่อนลงมา

477
00:31:43.141 --> 00:31:47.141
หรือยัง ได้พอดีเลย

478
00:31:47.142 --> 00:31:51.142
เห็นไหมคะ น้องแมวอยู่ตรงพื้นดินพอดี บางคน

479
00:31:51.144 --> 00:31:55.144
เลื่อนลงไปเยอะให้นึกถึงนะ ไม่ใช่ว่าเราจะเอาลงมา

480
00:31:55.145 --> 00:31:59.145
จนสุดไอ้นี่ถูกไหมคะ บางที

481
00:31:59.146 --> 00:32:03.146
มันก็ไม่จำเป็นต้องลงมาจนสุดฉากเสมอไป ให้เรา

482
00:32:03.147 --> 00:32:07.147
ดูระดับภาพ พื้นที่ของภาพเราด้วยนะ

483
00:32:07.148 --> 00:32:11.148
กดหรือยัง Ctrl + B

484
00:32:11.149 --> 00:32:15.149
ยัง กดหรือยัง

485
00:32:15.150 --> 00:32:19.150
กดปุ่นี้หรือยัง นี่ เดี๋ยว

486
00:32:19.151 --> 00:32:23.151
Error ไม่ขึ้นหรือ

487
00:32:23.152 --> 00:32:27.152
Error นี่

488
00:32:27.153 --> 00:32:31.153
ทำไมถึง

489
00:32:31.154 --> 00:32:35.154
name error บรรทัดที่เท่าไร line 18

490
00:32:35.155 --> 00:32:39.155
ทำไมตัวนี้ Error

491
00:32:39.157 --> 00:32:43.157
ดูบรรทัดนี้นะคะ

492
00:32:43.158 --> 00:32:47.158
ไอ้กุ้ง กุ้ง

493
00:32:47.159 --> 00:32:51.159
ดูบรรทัดนี้เด้อ หายไปไหน บรรทัดนี้

494
00:32:51.160 --> 00:32:55.160
หายไปไหน run trougth ห

495
00:32:55.161 --> 00:32:59.161
หายไปไหน 1 บรรทัด ไม่

496
00:32:59.162 --> 00:33:03.162
นี่ ก่อนหน้าเห็นไหม ข้างบน ข้างบน

497
00:33:03.162 --> 00:33:07.162
อันนี้ ถูกแล้ว ขึ้นไป 17 ไม่ ๆ ไม่ต้องตล

498
00:33:07.162 --> 00:33:11.162
อีกบรรทัดหนึ่ง แล้วก็...

499
00:33:11.163 --> 00:33:15.163
Enter Enter

500
00:33:15.164 --> 00:33:19.164
เท่ากับ

501
00:33:19.165 --> 00:33:23.165

502
00:33:23.167 --> 00:33:27.167
วรรค ๆ

503
00:33:27.170 --> 00:33:31.170

504
00:33:31.172 --> 00:33:35.172

505
00:33:35.175 --> 00:33:39.175
แล้วก็กด Ctrl + B กด

506
00:33:39.176 --> 00:33:43.176

507
00:33:43.177 --> 00:33:47.177
มันใหญ่ใช่ไหม เดี๋ยว

508
00:33:47.178 --> 00:33:51.178
ค่อย จำได้ไหม

509
00:33:51.179 --> 00:33:55.179
ที่บอกว่า ไหนล่ะ

510
00:33:55.180 --> 00:33:59.180
นี่

511
00:33:59.181 --> 00:34:03.181
ใช้อะไรนะ ใช้

512
00:34:03.183 --> 00:34:07.183
โปรแกรม Paint

513
00:34:07.185 --> 00:34:11.185
อยู่ไหน p p

514
00:34:11.188 --> 00:34:15.188
กด P P-A

515
00:34:15.189 --> 00:34:19.189
กดตัว p

516
00:34:19.190 --> 00:34:23.190
ตัว i p-a-

517
00:34:23.191 --> 00:34:27.191
i- Paint โอเค

518
00:34:27.192 --> 00:34:31.192
ทีนี้เปิดหรือยัง

519
00:34:31.193 --> 00:34:35.193
ไปที่เมนู File open

520
00:34:35.194 --> 00:34:39.194

521
00:34:39.195 --> 00:34:43.195
ตัวไหน ตัวนี้ใช่ไหม

522
00:34:43.196 --> 00:34:47.196
เลือก

523
00:34:47.197 --> 00:34:51.197
เดี๋ยว ๆ Select all

524
00:34:51.198 --> 00:34:55.198
ก่อน แล้วก้เลือกดตัวนี้ ลดลง

525
00:34:55.199 --> 00:34:59.199
50 50 50

526
00:34:59.200 --> 00:35:03.200
โอเค

527
00:35:03.201 --> 00:35:07.201
เอาอีก ลงอีก ทำอีกครั้งหนึ่ง

528
00:35:07.202 --> 00:35:11.202
50 อีก

529
00:35:11.203 --> 00:35:15.203
ดูสิ

530
00:35:15.205 --> 00:35:19.205

531
00:35:19.206 --> 00:35:23.206

532
00:35:23.209 --> 00:35:27.209
ทีนี้

533
00:35:27.211 --> 00:35:31.211
Ctrl กด Ctrl + B ใหม่

534
00:35:31.213 --> 00:35:35.213

535
00:35:35.215 --> 00:35:39.215
อันนี้หรือเปล่า ชื่อ...

536
00:35:39.216 --> 00:35:43.216
ชื่อตัวเดียวกันไหม ลืมดู

537
00:35:43.217 --> 00:35:47.217
อันนี้ชื่ออะไร อ๋อ นก 2

538
00:35:47.218 --> 00:35:51.218
open 1 ใช่ไหม

539
00:35:51.219 --> 00:35:55.219

540
00:35:55.221 --> 00:35:59.221
นี่ก่อน

541
00:35:59.227 --> 00:36:03.227
นี่ก่อนลูก อันนี้ก่อน Cancel ก่อน

542
00:36:03.228 --> 00:36:07.228
ต้อง select ก่อนเลือกทั้งหมดก่อน

543
00:36:07.229 --> 00:36:11.229
แล้วค่อยมาเลือกอันนี้

544
00:36:11.230 --> 00:36:15.230

545
00:36:15.231 --> 00:36:19.231
อีกทีหนึ่ง อีกทีหนึ่ง อันนี้เหมือนเดิม 50 อีกทีหนึ่ง

546
00:36:19.234 --> 00:36:23.234
โอเค

547
00:36:23.237 --> 00:36:27.237
โอเค

548
00:36:27.239 --> 00:36:31.239

549
00:36:31.240 --> 00:36:35.240
Ctrl + B ใหม่ กด Ctrl + B น่ะ

550
00:36:35.242 --> 00:36:39.242
เห็นไหมทีนี้ ในกรณี

551
00:36:39.244 --> 00:36:43.244
ในกรณีของกุ้งเต้นนี่นะ

552
00:36:43.244 --> 00:36:47.244
วิธีการ

553
00:36:47.245 --> 00:36:51.245

554
00:36:51.246 --> 00:36:55.246
มันจะมีตัวนี้

555
00:36:55.249 --> 00:36:59.249

556
00:36:59.250 --> 00:37:03.250
เห็นไหม

557
00:37:03.252 --> 00:37:07.252

558
00:37:07.254 --> 00:37:11.254

559
00:37:11.256 --> 00:37:15.256

560
00:37:15.257 --> 00:37:19.257

561
00:37:19.259 --> 00:37:23.259
เดี๋ยวค่อย

562
00:37:23.260 --> 00:37:27.260
ถ้าอย่างนี้ ถ้าบางคนเอารูปเข้ามา

563
00:37:27.261 --> 00:37:31.261
นะคะ เด็ก ๆ ดูนะคะ บางคนเอารูปเข้ามาแล้วมัน

564
00:37:31.262 --> 00:37:35.262
มีกรอบสีขาว ๆ

565
00:37:35.263 --> 00:37:39.263
นั่นก็คือมันมี Background มาดูวิธีเอา Background

566
00:37:39.264 --> 00:37:43.264
ออกจากรูปเรา จด มี

567
00:37:43.264 --> 00:37:47.264
กระดาษจดไหมคะ จดไว้ ทุกคน

568
00:37:47.265 --> 00:37:51.265
ดู เดี๋ยวจะมาสอนวิธี

569
00:37:51.266 --> 00:37:55.266
เอาภาพที่มี Background ออกนะคะ ภาพ

570
00:37:55.267 --> 00:37:59.267
ที่มี Background เช่น...

571
00:37:59.268 --> 00:38:03.268
ก่อนนะ ไม่แน่ใจตัวนี้มีหรือเปล่า

572
00:38:03.269 --> 00:38:07.269

573
00:38:07.270 --> 00:38:11.270
เดี๋ยวขอลองเปิดดูก่อนนะ นี่นะคะ บางทีรูปที่เอามานี่ มัน

574
00:38:11.271 --> 00:38:15.271

575
00:38:15.272 --> 00:38:19.272
นี่นะคะ บางทีรูปที่เอามานี่มัน

576
00:38:19.273 --> 00:38:23.273
มีไอพื้นหลังขาว ๆ อย่างนี้

577
00:38:23.273 --> 00:38:27.273
ชื่ออะไร Tiger เดี๋ยวลองดูนะ เดี๋ยวของลองเอา Tiger

578
00:38:27.274 --> 00:38:31.274
เข้ามาดูก่อนนะ

579
00:38:31.276 --> 00:38:35.276

580
00:38:35.277 --> 00:38:39.277

581
00:38:39.278 --> 00:38:43.278

582
00:38:43.280 --> 00:38:47.280
แป๊บหนึ่งนะคะ เด็ก ๆ เดี๋ยว Test ให้ดู

583
00:38:47.282 --> 00:38:51.282

584
00:38:51.283 --> 00:38:55.283

585
00:38:55.285 --> 00:38:59.285

586
00:38:59.287 --> 00:39:03.287

587
00:39:03.288 --> 00:39:07.288

588
00:39:07.292 --> 00:39:11.292

589
00:39:11.293 --> 00:39:15.293

590
00:39:15.295 --> 00:39:19.295

591
00:39:19.297 --> 00:39:23.297

592
00:39:23.299 --> 00:39:27.299

593
00:39:27.302 --> 00:39:31.302

594
00:39:31.303 --> 00:39:35.303

595
00:39:35.305 --> 00:39:39.305

596
00:39:39.309 --> 00:39:43.309

597
00:39:43.311 --> 00:39:47.311

598
00:39:47.313 --> 00:39:51.313

599
00:39:51.315 --> 00:39:55.315

600
00:39:55.317 --> 00:39:59.317
ดูนะคะ ถ้ารูปใครที่มีพื้นหลัง

601
00:39:59.321 --> 00:40:03.321
เดี๋ยให้ดู เดี๋ยวให้ดู เหมือนของกุ้งเต้นนี่

602
00:40:03.324 --> 00:40:07.324
ภาพเขามีพื้นหลังสีขาวนะ

603
00:40:07.325 --> 00:40:11.325

604
00:40:11.326 --> 00:40:15.326

605
00:40:15.327 --> 00:40:19.327

606
00:40:19.328 --> 00:40:23.328

607
00:40:23.331 --> 00:40:27.331

608
00:40:27.336 --> 00:40:31.336

609
00:40:31.338 --> 00:40:35.338

610
00:40:35.339 --> 00:40:39.339
ดู ถ้าอย่างนี้นะคะ มันจะ

611
00:40:39.340 --> 00:40:43.340
มี backg ข้างหลัง ดูดี ๆ นะ

612
00:40:43.341 --> 00:40:47.341

613
00:40:47.343 --> 00:40:51.343

614
00:40:51.344 --> 00:40:55.344

615
00:40:55.347 --> 00:40:59.347
เดี๋ยว Test ให้ดูนะคะ

616
00:40:59.349 --> 00:41:03.349

617
00:41:03.350 --> 00:41:07.350

618
00:41:07.351 --> 00:41:11.351

619
00:41:11.355 --> 00:41:15.355

620
00:41:15.356 --> 00:41:19.356
นี่

621
00:41:19.360 --> 00:41:23.360
เมื่อใดที่ใครเอา ภาพที่เอามาใช้ มีสี

622
00:41:23.361 --> 00:41:27.361
ขาว ๆ ล้อมกรอบนี่ ก็คือรูปนี้มี Background

623
00:41:27.362 --> 00:41:31.362
วิธีจะเอาออก จดด้วยนะคะเด็ก ๆ

624
00:41:31.365 --> 00:41:35.365
จดไว้ เพราะอย่าลืมว่าเด็ก ๆ

625
00:41:35.366 --> 00:41:39.366
บางคนมีหลายรูปนึกออกนะ เพราะฉะนั้น ต้องไปเอาออกเอง

626
00:41:39.367 --> 00:41:43.367
แต่วันนี้จะสอนเอาออกแค่ 1 รูป

627
00:41:43.368 --> 00:41:47.368
ให้ไปที่เว็บไซต์ ให้เด็ก ๆ เปิด Google

628
00:41:47.369 --> 00:41:51.369
นะคะ

629
00:41:51.371 --> 00:41:55.371
แล้วพิมพ์คำว่า

630
00:41:55.371 --> 00:41:59.371
bg

631
00:41:59.372 --> 00:42:03.372
bg

632
00:42:03.374 --> 00:42:07.374
bg

633
00:42:07.375 --> 00:42:11.375
แล้วก็ตามด้วยคำว่า "Remover"

634
00:42:11.377 --> 00:42:15.377

635
00:42:15.378 --> 00:42:19.378

636
00:42:19.379 --> 00:42:23.379

637
00:42:23.380 --> 00:42:27.380

638
00:42:27.384 --> 00:42:31.384
นี่

639
00:42:31.385 --> 00:42:35.385
นะคะ ใช้ Google แล้วพิมพ์คำว่า "bg

640
00:42:35.386 --> 00:42:39.386
remover ตัวนี้นะคะเด็ก ๆ

641
00:42:39.387 --> 00:42:43.387
นี่ ให้ค้นคำว่า "bg"

642
00:42:43.389 --> 00:42:47.389
แล้วก็ตามด้วย

643
00:42:47.389 --> 00:42:51.389
r-e-m-o-

644
00:42:51.389 --> 00:42:55.389
v-e-r

645
00:42:55.393 --> 00:42:59.393
ก็คือ

646
00:42:59.394 --> 00:43:03.394
มันจะเป็นเว็บสำหรับเอา

647
00:43:03.396 --> 00:43:07.396
ภาพที่มี... เอาพื้นหลังที่อยู่ในรูป

648
00:43:07.398 --> 00:43:11.398
เราออกนะคะ มันก็เลยมีชื่อว่า bgremov

649
00:43:11.399 --> 00:43:15.399
นะคะ

650
00:43:15.400 --> 00:43:19.400
เห็นไหมคะ ให้เด็ก ๆ

651
00:43:19.401 --> 00:43:23.401
เข้าเว็บนี้เลย remove

652
00:43:23.402 --> 00:43:27.402
bg นี่นะคะ คลิกเข้าไปเลย

653
00:43:27.405 --> 00:43:31.405
นี่ ที่มันขึ้น Remove background for image นี่

654
00:43:31.407 --> 00:43:35.407
นะคะ แล้วที่

655
00:43:35.408 --> 00:43:39.408
ตัวนี้ Upload image

656
00:43:39.427 --> 00:43:43.427
ก็คือให้เราคลิกที่ up

657
00:43:43.428 --> 00:43:47.428
แล้วเราก็ไปเปิดไฟล์รูปภาพที่เรามี

658
00:43:47.430 --> 00:43:51.430
ตัว Background น่ะนะคะ

659
00:43:51.431 --> 00:43:55.431
อยู่ ตัวอย่าง

660
00:43:55.432 --> 00:43:59.432
ของเราก็คือ tiger 2 เลือกภาพนั้น

661
00:43:59.433 --> 00:44:03.433
แล้วคลิก open

662
00:44:03.434 --> 00:44:07.434
นี่ ถ้า Background

663
00:44:07.435 --> 00:44:11.435
ออกแล้ว ข้างหลังมันจะเป็นไอ้

664
00:44:11.436 --> 00:44:15.436
ตารางสีเทา ๆ อย่างนี้

665
00:44:15.437 --> 00:44:19.437
หมายถึงเอาออกแล้วนะคะ เด็ก ๆ ก็กด Download

666
00:44:19.438 --> 00:44:23.438

667
00:44:23.439 --> 00:44:27.439

668
00:44:27.440 --> 00:44:31.440

669
00:44:31.443 --> 00:44:35.443
ไฟล์มันก็จะมาอยู่ที่

670
00:44:35.445 --> 00:44:39.445
dowload เรานะ

671
00:44:39.446 --> 00:44:43.446
ก็อีกขั้นตอนหนึ่งก็แก้ชื่อ

672
00:44:43.447 --> 00:44:47.447
น่ะค่ะ เด็ก ๆ ก็ก๊อบฯ ไปวันาง

673
00:44:47.448 --> 00:44:51.448
ใน Drive เรา ในโฟลเดอร์

674
00:44:51.449 --> 00:44:55.449
เรานะคะ

675
00:44:55.449 --> 00:44:59.449

676
00:44:59.450 --> 00:45:03.450

677
00:45:03.451 --> 00:45:07.451
นี่นะ โฟลเดอร์ที่เราสร้างเกมไว้นี่

678
00:45:07.452 --> 00:45:11.452

679
00:45:11.453 --> 00:45:15.453
ชื่อมันยาวใช่ไหมคะ เราก็

680
00:45:15.456 --> 00:45:19.456
ทำการตัด

681
00:45:19.457 --> 00:45:23.457
เดี๋ยวนะ

682
00:45:23.459 --> 00:45:27.459
มันให้ Rename

683
00:45:27.460 --> 00:45:31.460

684
00:45:31.462 --> 00:45:35.462

685
00:45:35.465 --> 00:45:39.465

686
00:45:39.468 --> 00:45:43.468
Windows 11 นี่

687
00:45:43.469 --> 00:45:47.469
มันทำไมไม่ขึ้น Rename ให้

688
00:45:47.470 --> 00:45:51.470
ถ้าไม่ขึ้น เราก็เปิด โปรแกรม

689
00:45:51.471 --> 00:45:55.471
พอ Save มาแล้ว open with

690
00:45:55.473 --> 00:45:59.473
paint

691
00:45:59.476 --> 00:46:03.476
ให้เรา Save As นะ

692
00:46:03.478 --> 00:46:07.478
save as เ็นรูเรานี่

693
00:46:07.479 --> 00:46:11.479

694
00:46:11.480 --> 00:46:15.480

695
00:46:15.484 --> 00:46:19.484
เดี๋ยวกด Ctrl + B

696
00:46:19.485 --> 00:46:23.485
ดูใหม่นะคะ

697
00:46:23.487 --> 00:46:27.487
น่ะ

698
00:46:27.488 --> 00:46:31.488
ตรงนี้จะปิดนะ สังเกตนะภาพนี้

699
00:46:31.489 --> 00:46:35.489
มี Backg นะคะ เมื่อกี้เราเปลี่ยนแล้ว

700
00:46:35.490 --> 00:46:39.490
ลอง Ctrl + B ใหม่

701
00:46:39.492 --> 00:46:43.492
ไม่แก้ให้ผมน่ะ

702
00:46:43.496 --> 00:46:47.496
ไปไหนล่ะนี่

703
00:46:47.496 --> 00:46:51.496

704
00:46:51.497 --> 00:46:55.497

705
00:46:55.500 --> 00:46:59.500
มันคือไม่ให้รี

706
00:46:59.502 --> 00:47:03.502

707
00:47:03.504 --> 00:47:07.504

708
00:47:07.506 --> 00:47:11.506

709
00:47:11.508 --> 00:47:15.508

710
00:47:15.509 --> 00:47:19.509

711
00:47:19.511 --> 00:47:23.511

712
00:47:23.512 --> 00:47:27.512

713
00:47:27.514 --> 00:47:31.514

714
00:47:31.515 --> 00:47:35.515

715
00:47:35.517 --> 00:47:39.517

716
00:47:39.518 --> 00:47:43.518

717
00:47:43.519 --> 00:47:47.519

718
00:47:47.521 --> 00:47:51.521

719
00:47:51.523 --> 00:47:55.523

720
00:47:55.525 --> 00:47:59.525
tranrenc

721
00:47:59.528 --> 00:48:03.528

722
00:48:03.529 --> 00:48:07.529

723
00:48:07.530 --> 00:48:11.530

724
00:48:11.531 --> 00:48:15.531

725
00:48:15.533 --> 00:48:19.533

726
00:48:19.535 --> 00:48:23.535

727
00:48:23.538 --> 00:48:27.538

728
00:48:27.541 --> 00:48:31.541
version นี้

729
00:48:31.543 --> 00:48:35.543
แปลงยากจริง

730
00:48:35.546 --> 00:48:39.546

731
00:48:39.548 --> 00:48:43.548

732
00:48:43.550 --> 00:48:47.550

733
00:48:47.552 --> 00:48:51.552

734
00:48:51.554 --> 00:48:55.554

735
00:48:55.555 --> 00:48:59.555

736
00:48:59.557 --> 00:49:03.557

737
00:49:03.558 --> 00:49:07.558

738
00:49:07.561 --> 00:49:11.561

739
00:49:11.562 --> 00:49:15.562

740
00:49:15.563 --> 00:49:19.563
โอเคนะคะ

741
00:49:19.565 --> 00:49:23.565
เดี๋ยวค่อยไปแก้เอานะ ก็คือชื่อมันก็จะ

742
00:49:23.566 --> 00:49:27.566
เปลี่ยนตามไปด้วยนะ

743
00:49:27.567 --> 00:49:31.567
ต่อมา ต่อมาเดี๋ยวเราจะต้องไปต่อ

744
00:49:31.568 --> 00:49:35.568
นะคะเด็ก ๆ เราได้รูปแล้ว

745
00:49:35.569 --> 00:49:39.569

746
00:49:39.570 --> 00:49:43.570

747
00:49:43.573 --> 00:49:47.573

748
00:49:47.578 --> 00:49:51.578

749
00:49:51.582 --> 00:49:55.582

750
00:49:55.585 --> 00:49:59.585

751
00:49:59.589 --> 00:50:03.589

752
00:50:03.592 --> 00:50:07.592
สิ่งที่จะทำ

753
00:50:07.594 --> 00:50:11.594
ต่อไป ก็คือไอ้ตัวฉากนี่

754
00:50:11.595 --> 00:50:15.595
นะคะ มันจะเคลื่อน

755
00:50:15.596 --> 00:50:19.596
ทำให้ฉากมันเคลื่อน ซึ่งก็คือในสไลด์นี้

756
00:50:19.599 --> 00:50:23.599
ของเรานั่นเอง ไหนล่ะ Power Point

757
00:50:23.602 --> 00:50:27.602
ผมอยู่ไหน

758
00:50:27.603 --> 00:50:31.603
มาดูนะคะ

759
00:50:31.604 --> 00:50:35.604
คำสั่งที่จะทำให้ฉาก

760
00:50:35.606 --> 00:50:39.606
เมื่อมีตัวละครเข้ามาแล้วนี่ นั่นก็คือเมือ่

761
00:50:39.612 --> 00:50:43.612
แต่ความจริงแล้วตัวละครมันไม่ได้เดินน่ะ เราใช้ฉาก

762
00:50:43.613 --> 00:50:47.613
มันเคลื่อนนั่นเองนะคะ

763
00:50:47.614 --> 00:50:51.614

764
00:50:51.615 --> 00:50:55.615

765
00:50:55.620 --> 00:50:59.620
อันนี้สไลด์คนละอันนะ โทษที โทษที เปิดผิดครับ

766
00:50:59.621 --> 00:51:03.621

767
00:51:03.623 --> 00:51:07.623

768
00:51:07.624 --> 00:51:11.624

769
00:51:11.625 --> 00:51:15.625

770
00:51:15.627 --> 00:51:19.627
สิ่งที่เราจะทำ

771
00:51:19.628 --> 00:51:23.628
ต่อมานะคะ

772
00:51:23.630 --> 00:51:27.630
Background มาแล้ว

773
00:51:27.632 --> 00:51:31.632
นำเข้า

774
00:51:31.634 --> 00:51:35.634
Velocity to Backgro

775
00:51:35.636 --> 00:51:39.636

776
00:51:39.637 --> 00:51:43.637

777
00:51:43.639 --> 00:51:47.639
มาดูไอ้คำว่า Velocity มันห

778
00:51:47.640 --> 00:51:51.640
ว่าอย่างไรนะคะ

779
00:51:51.642 --> 00:51:55.642

780
00:51:55.644 --> 00:51:59.644

781
00:51:59.646 --> 00:52:03.646

782
00:52:03.647 --> 00:52:07.647

783
00:52:07.650 --> 00:52:11.650
แปลว่า ความเร็ว

784
00:52:11.653 --> 00:52:15.653
ก้คือทำให้ Background

785
00:52:15.654 --> 00:52:19.654
มันใส่ความเร็วให้ Background นั่นเองนะคะ วิธีการ

786
00:52:19.657 --> 00:52:23.657
ตอนนี้เด็ก ๆ จะมาที่

787
00:52:23.658 --> 00:52:27.658
ตำแหน่งของ

788
00:52:27.660 --> 00:52:31.660

789
00:52:31.661 --> 00:52:35.661
ที่ต่อจาก Background นะ เรานำเข้า Background

790
00:52:35.663 --> 00:52:39.663
แล้วต่อไปเราก็จะประกาศ

791
00:52:39.665 --> 00:52:43.665
ตัวแปรให้กับ... ก็คือเริ่ม

792
00:52:43.668 --> 00:52:47.668
จากกำหนดเงื่อนไขให้ Background ของเรานั่นเอง

793
00:52:47.669 --> 00:52:51.669
ไปยังตำแหน่งที่

794
00:52:51.670 --> 00:52:55.670
ก่อนนำเข้าเกมนะ

795
00:52:55.671 --> 00:52:59.671

796
00:52:59.673 --> 00:53:03.673
นะคะ

797
00:53:03.675 --> 00:53:07.675
แล้วก็ใส่ # ไปว่า

798
00:53:07.676 --> 00:53:11.676

799
00:53:11.677 --> 00:53:15.677

800
00:53:15.679 --> 00:53:19.679

801
00:53:19.684 --> 00:53:23.684
เป็นภาษาไทยแล้วกัน จะได้เข้าใจง่าย

802
00:53:23.687 --> 00:53:27.687
จัดการนะคะ เราจะจัดการ

803
00:53:27.688 --> 00:53:31.688
ตรงส่วนนี้เป็นส่วนของจัดการกับฉาก

804
00:53:31.690 --> 00:53:35.690
เกม

805
00:53:35.692 --> 00:53:39.692
จัดการในส่วนของฉากเกมของเรานั่นเอง

806
00:53:39.693 --> 00:53:43.693
ฉ ฉิ่งอยู่ไหนหว่า

807
00:53:43.694 --> 00:53:47.694
ฉ ฉิ่ง อยู่ไหน

808
00:53:47.695 --> 00:53:51.695

809
00:53:51.696 --> 00:53:55.696
ใครรู้ ฉ ฉิ่งอยู่ไหน บอกเราที

810
00:53:55.698 --> 00:53:59.698
เราหา ฉ ฉิ่งไม่เจอ เจอแล้วมันอยู่ตรงตัว C

811
00:53:59.699 --> 00:54:03.699
จัดการฉากนะคะ เราจะมาทำการจัดการในส่วนของฉาก

812
00:54:03.700 --> 00:54:07.700
ก่อน

813
00:54:07.701 --> 00:54:11.701
นะคะ อันดับแรก

814
00:54:11.702 --> 00:54:15.702

815
00:54:15.703 --> 00:54:19.703
ก็คือสร้างตัวแปรนะคะ

816
00:54:19.706 --> 00:54:23.706
นะคะ มันจะมี

817
00:54:23.707 --> 00:54:27.707
bgx เราจะมีชื่อตัวแปร 3 ตัว

818
00:54:27.708 --> 00:54:31.708
นะคะ ตัวแปร bgx ก็คือตำแหน่ง

819
00:54:31.710 --> 00:54:35.710
ของ Background ในแกน x

820
00:54:35.711 --> 00:54:39.711
bgy ตำแหน่งของ Background ในแกน y

821
00:54:39.715 --> 00:54:43.715
bgvelo velo มาจาก velocity ก็คือ

822
00:54:43.716 --> 00:54:47.716
กำหนดความเร็วให้ Background

823
00:54:47.717 --> 00:54:51.717
ก็คือค่าเริ่มต้นของตัวแปรพวกนี้ คือ 0 ทั้งหมด

824
00:54:51.718 --> 00:54:55.718

825
00:54:55.724 --> 00:54:59.724
เราก็เริ่มประกาศตัวแปรแรกก่อน

826
00:54:59.725 --> 00:55:03.725
จะให้ตัวแปรตัวที่หนึ่ง bg

827
00:55:03.726 --> 00:55:07.726
ขอโทษค่ะ ตัวแปรแรกนะคะ

828
00:55:07.727 --> 00:55:11.727
ใช้ชื่อว่า bgx

829
00:55:11.729 --> 00:55:15.729
ซึ่งหมายถึงตำแหน่งของ

830
00:55:15.730 --> 00:55:19.730
Background ในแกน x

831
00:55:19.731 --> 00:55:23.731
เพราะเวลาเราจะเอารูปไปนี่ เราต้องระบุขอบเขต

832
00:55:23.732 --> 00:55:27.732
ของรูปนั้นน่ะ นึกออกนะ

833
00:55:27.733 --> 00:55:31.733
กำหนดค่าเริ่มต้น กด Spacebar 1 ครั้ง ก็เครื่องหมายเท่ากับ

834
00:55:31.734 --> 00:55:35.734
0 นะคะ มี x แล้วก็ต่องมี y

835
00:55:35.735 --> 00:55:39.735
bgy

836
00:55:39.736 --> 00:55:43.736
= 0 เหมือนกัน

837
00:55:43.738 --> 00:55:47.738
ตัวที่ 3 บอกแล้ว ชื่อ bg แล้วก็

838
00:55:47.741 --> 00:55:51.741
v-e-l-o ซึ่งมาจาก Velo

839
00:55:51.742 --> 00:55:55.742
คือ ถ้าพิมพ์ Velocity เลยจะยาวไป

840
00:55:55.743 --> 00:55:59.743
ค่าเริ่มต้นเหมือนกันค่ะ  0

841
00:55:59.744 --> 00:56:03.744
ก็คือไอ้ค่าเริ่มต้นของ

842
00:56:03.744 --> 00:56:07.744
ฉากเรานี่ เราจะให้เริ่มที่ตำแหน่งที่ 0

843
00:56:07.745 --> 00:56:11.745
ตำแหน่งในแกน x เริ่มที่ 0 y เริ่มที่ 0

844
00:56:11.745 --> 00:56:15.745
แล้วก้ความเร็วก็เริ่มที่ 0 เสมอ

845
00:56:15.746 --> 00:56:19.746
ก็คือประกาศตัวแปรนี้ แล้วก็กำหนดค่าเริ่มต้นให้

846
00:56:19.748 --> 00:56:23.748
เป็น 0 ทั้ง 3 ตัวแปร

847
00:56:23.749 --> 00:56:27.749
ตอนนี้เด็ก ๆ จะต้องมีตัวแปรเพิ่ม

848
00:56:27.749 --> 00:56:31.749
ขึ้นมา 3 ตัว เพื่อจัดการฉาก

849
00:56:31.750 --> 00:56:35.750
ก็คือ bgx bgy แล้วก็ bgvelo

850
00:56:35.751 --> 00:56:39.751

851
00:56:39.752 --> 00:56:43.752

852
00:56:43.753 --> 00:56:47.753
สิ่งที่เราจะทำต่อมา

853
00:56:47.755 --> 00:56:51.755
ให้ดูนะคะ การใช้

854
00:56:51.757 --> 00:56:55.757
งานและความหมายของ key

855
00:56:55.758 --> 00:56:59.758
ความเร็วของตัวเกมน่ะ มันขึ้นอยู่กับเรากด

856
00:56:59.760 --> 00:57:03.760
key น่ะ กด Key ในที่นี้ก็คือ

857
00:57:03.761 --> 00:57:07.761
แป้น แป้นพิมพ์นะคะ คำสั่ง

858
00:57:07.762 --> 00:57:11.762
ให้เด็ก ๆ ดูที่คำสั่งเขานะคะ

859
00:57:11.764 --> 00:57:15.764
pygame.K

860
00:57:15.767 --> 00:57:19.767
นี่ หมายถึง

861
00:57:19.768 --> 00:57:23.768
ปุ่มนี้ มันจะหมายถึงเป็นปุ่มให้กระโดดนะคะ

862
00:57:23.769 --> 00:57:27.769
up ก็คือขึ้น กระโดดขึ้น

863
00:57:27.770 --> 00:57:31.770
คือ เลือกได้ 2 ตัว

864
00:57:31.771 --> 00:57:35.771
จะใช้ K_UP หรือ K_spc

865
00:57:35.772 --> 00:57:39.772
ก็คือเราจะใช้ คือ ถ้าใครเคย

866
00:57:39.774 --> 00:57:43.774
เล่นเกมผ่าน ผ่านคอมพิวเตอร์นึกออกนะ

867
00:57:43.775 --> 00:57:47.775
ปุ่มที่ใช้กดน่ะนะ เวลากระโดดบางเกมมันให้กด Spacbar

868
00:57:47.778 --> 00:57:51.778
ใช่หมลูก แล้วบางเกมมันให้กดแป้น

869
00:57:51.779 --> 00:57:55.779
ลูกศรชี้ขึ้นน่ะ

870
00:57:55.780 --> 00:57:59.780
นึกออกนะ เพราะฉะนั้นมันก็เลย

871
00:57:59.781 --> 00:58:03.781
ไม่ใช่มันล่ะ คือ ไอ้ตัวคำสั่ง

872
00:58:03.783 --> 00:58:07.783
ใย library pygame

873
00:58:07.785 --> 00:58:11.785
ใช้ 2 คำสั่งนี้ ก็คือ K_UP กับ K_SPACE นี่

874
00:58:11.786 --> 00:58:15.786
กำหนดว่า ถ้ากดปุ่มนี้มันจะหมายถึงการ

875
00:58:15.787 --> 00:58:19.787
การที่ตัวเกมมันกระโดด นึกออกนะคะ

876
00:58:19.790 --> 00:58:23.790
ทีนี้ แต่ถ้าเราต้องการให้มันไปทางซ้าย

877
00:58:23.791 --> 00:58:27.791
คำสั่งนั้นก็คือ K_LEFT

878
00:58:27.792 --> 00:58:31.792
ตัว pygame ต้องใส่อยู่แล้วนะ ตัวคำสั่ง

879
00:58:31.793 --> 00:58:35.793
แล้วตามด้วย Key น่ะ K มาจาก Key

880
00:58:35.794 --> 00:58:39.794
เขาก็เลยย่อเหลือแค่ K นะคะ

881
00:58:39.795 --> 00:58:43.795
แล้วก็ _DOWN ก็คือปุ่มที่กดลง เห็นไหมคะ

882
00:58:43.796 --> 00:58:47.796
key แล้วก็ Right

883
00:58:47.796 --> 00:58:51.796
ก็คือตามลักษณะลูกศร นึกออกนะคะ บน ล่าง

884
00:58:51.799 --> 00:58:55.799
ซ้าย ขวา นะคะ

885
00:58:55.800 --> 00:58:59.800
มันจะมีทิศทางเคลื่อนไปตามลักษณะลูกศร

886
00:58:59.801 --> 00:59:03.801

887
00:59:03.802 --> 00:59:07.802
ทีนี้เมื่อเรา

888
00:59:07.803 --> 00:59:11.803
ได้ เราประกาศตัวแปรแล้ว

889
00:59:11.803 --> 00:59:15.803
ก็คือเราจะมากำหนดเงื่อนไข

890
00:59:15.804 --> 00:59:19.804
นะคะ เพราะ

891
00:59:19.805 --> 00:59:23.805
ฉากมันจะเคลื่อน ก็คือนั่นหมายความว่า

892
00:59:23.807 --> 00:59:27.807
เกมมันเดินไป เดินจากฉากนี่

893
00:59:27.808 --> 00:59:31.808
เดิน ก็คือเดินจาก เราเอาตัวเกม

894
00:59:31.809 --> 00:59:35.809
วางไว้ทางซ้ายใช่ไหมคะ มันจะเดินจากทางซ้ายไปทางขวา

895
00:59:35.810 --> 00:59:39.810
เพราะฉะนั้น ตัวที่เราจะให้มันเคลื่อน ก็คือ

896
00:59:39.811 --> 00:59:43.811
แป้นลูกศรที่จะให้มันไปทางขวาก็คือ K_RI

897
00:59:43.812 --> 00:59:47.812
นะคะ เงื่อนไขก็จะเอามาไว้ที่

898
00:59:47.813 --> 00:59:51.813
ทีนี้

899
00:59:51.814 --> 00:59:55.814
ทีนี้เราจะมากำหนดเงื่อนไขเพิ่มนะคะ

900
00:59:55.815 --> 00:59:59.815
นะคะ

901
00:59:59.816 --> 01:00:03.816
จะอยู่ต่อจาก

902
01:00:03.818 --> 01:00:07.818
ตัวนี้เลยนะครับ ตัวนี้เลย

903
01:00:07.819 --> 01:00:11.819
ไปที่ที่

904
01:00:11.820 --> 01:00:15.820
เรามีลูปนี่เห็นไหม

905
01:00:15.821 --> 01:00:19.821
นี่นะคะ foe event มี if ที่ 1

906
01:00:19.823 --> 01:00:23.823
ใช่ไหม

907
01:00:23.824 --> 01:00:27.824
มันจะอยู่ตรง if ที่...

908
01:00:27.825 --> 01:00:31.825
ไปไหนแล้ว

909
01:00:31.826 --> 01:00:35.826

910
01:00:35.827 --> 01:00:39.827

911
01:00:39.829 --> 01:00:43.829

912
01:00:43.830 --> 01:00:47.830
เห็นไหมคะ เป็น if ที่ 2

913
01:00:47.831 --> 01:00:51.831
ที่ต่อจากเงื่อนไขแรกนะ

914
01:00:51.833 --> 01:00:55.833

915
01:00:55.834 --> 01:00:59.834

916
01:00:59.835 --> 01:01:03.835
ดูตำแหน่งดี ๆ นะคะ

917
01:01:03.837 --> 01:01:07.837
นี่คือ if ที่ 2 ใช่ไหมเด็ก ๆ

918
01:01:07.839 --> 01:01:11.839
ใส่ if เข้าไปนะคะเด็ก ๆ

919
01:01:11.846 --> 01:01:15.846

920
01:01:15.847 --> 01:01:19.847
กด i ปุ๊บ ให้เลือก if co

921
01:01:19.849 --> 01:01:23.849
เพื่อให้มันขึ้นโครงสร้างอย่างนี้นะ เข้าใจ

922
01:01:23.850 --> 01:01:27.850
นะคะ อย่าไปกด i-f นึกออกนะ ให้

923
01:01:27.861 --> 01:01:31.861
กด i แล้วเลือก if condition

924
01:01:31.862 --> 01:01:35.862
มันจะได้ขึ้นโคครงสร้างของ pygame

925
01:01:35.863 --> 01:01:39.863
เราจะมากำหนดเงื่อนไข เพื่อให้ฉาก

926
01:01:39.864 --> 01:01:43.864
ของเราน่ะ มันทำงานนั่นเอง

927
01:01:43.865 --> 01:01:47.865

928
01:01:47.866 --> 01:01:51.866

929
01:01:51.870 --> 01:01:55.870
นะ loop กับ event มันจะอยู่ด้วยกัน

930
01:01:55.871 --> 01:01:59.871
กำหนดช่วงเวลาและเหตุการณ์

931
01:01:59.873 --> 01:02:03.873
เมื่อใช้คำสั่ง if เสร็จ คำสั่งแรก

932
01:02:03.874 --> 01:02:07.874
ก็คือ event.typy

933
01:02:07.875 --> 01:02:11.875
เราจะเลือกใช้เหตุการณ์ที่เกี่ยวกับแป้น ก็คือ

934
01:02:11.877 --> 01:02:15.877
event.type

935
01:02:15.878 --> 01:02:19.878
==

936
01:02:19.879 --> 01:02:23.879
นะคะ ถ้า ถ้า

937
01:02:23.880 --> 01:02:27.880
ถ้า event ก็คือเหตุการณ์

938
01:02:27.881 --> 01:02:31.881
กด e แล้วคลิกที่ event

939
01:02:31.882 --> 01:02:35.882
.t t เราเลือก t-y-

940
01:02:35.883 --> 01:02:39.883
p-e type เห็นไหมคะ

941
01:02:39.885 --> 01:02:43.885
ตอนนี้เราจะมากำหนดเงื่อนไข

942
01:02:43.886 --> 01:02:47.886
นะคะ ในการทำ Loop if

943
01:02:47.887 --> 01:02:51.887
นะคะ ซ้ำนะคะ ทวนซ้ำนะคะ

944
01:02:51.889 --> 01:02:55.889
เด็ก ๆ

945
01:02:55.892 --> 01:02:59.892
if กด e

946
01:02:59.893 --> 01:03:03.893
ปุ๊บ event ขึ้นมากด .

947
01:03:03.895 --> 01:03:07.895
แล้วก็ตามด้วยตัว t เลือก type t-y-p-e

948
01:03:07.896 --> 01:03:11.896
type เห็นไหมคะ

949
01:03:11.897 --> 01:03:15.897
ถ้าใช้ if จำไว้นะคะ เครื่องหมาย

950
01:03:15.898 --> 01:03:19.898
เท่ากับใน if ต้องมี 2 ครั้ง

951
01:03:19.900 --> 01:03:23.900
บอกเท่ากับ แต่ไม่ได้หมายความว่าใส่เท่ากับครั้งเดียว

952
01:03:23.900 --> 01:03:27.900
นะ ถ้าเป็น if = ใน if

953
01:03:27.901 --> 01:03:31.901
pygame พิมพ์ p ก่อน แล้ว

954
01:03:31.902 --> 01:03:35.902
เลือก pygame เลือก

955
01:03:35.903 --> 01:03:39.903
อะไรนะ . ใส่ . แล้วก็ตาม

956
01:03:39.904 --> 01:03:43.904
ด้วย

957
01:03:43.905 --> 01:03:47.905
คีย์อะไร คีย์แรก K_DOWN นะคะ K_DOWN

958
01:03:47.906 --> 01:03:51.906
คำสั่ง K_down

959
01:03:51.907 --> 01:03:55.907
K_DOWN ตัวนี้หมายถึงกด

960
01:03:55.908 --> 01:03:59.908
กดปุ่มมันโดนกดน่ะ K_DOWN

961
01:03:59.909 --> 01:04:03.909
หมายถึง เมื่อปุ่มมีหารกดปุ่มเกิดขึ้นนะคะ

962
01:04:03.910 --> 01:04:07.910
ปุ่มที่จะกดก็คือปุ่ม

963
01:04:07.911 --> 01:04:11.911
K_RIGHT นะคะ pygame.

964
01:04:11.912 --> 01:04:15.912
KEY K ใหญ่นะคะ

965
01:04:15.914 --> 01:04:19.914
KEY พิมพ์ด้วยตัวใหญ่นะลูก

966
01:04:19.915 --> 01:04:23.915
D-O-W-N

967
01:04:23.916 --> 01:04:27.916
ตัวนี้

968
01:04:27.917 --> 01:04:31.917
หมายถึง ถ้ามีการกดที่ปุ่ม

969
01:04:31.918 --> 01:04:35.918
KEY DOWN ในที่นี้ ปุ่มมันโดนกดน่ะค่ะ

970
01:04:35.919 --> 01:04:39.919
ปุ่ม ปุ่มโดนกดแต่เรายังไม่ได้บอกว่าปุ่มอะไร

971
01:04:39.920 --> 01:04:43.920

972
01:04:43.922 --> 01:04:47.922
ใส่อะไรคะ

973
01:04:47.923 --> 01:04:51.923
เสร็จประโยคของ if จะต้องใส่ :

974
01:04:51.924 --> 01:04:55.924
เสมอ นะคะ

975
01:04:55.925 --> 01:04:59.925
แล้วมา

976
01:04:59.926 --> 01:05:03.926
ที่ pass ลบ pass ออก

977
01:05:03.927 --> 01:05:07.927
ตัวโครงสร้างมันนะ คำสั่งต่อมาที่เราจะใช้

978
01:05:07.928 --> 01:05:11.928
ก็คือ ใส่ if อีกครั้งหนึ่ง

979
01:05:11.930 --> 01:05:15.930
นะคะ เพราะต้องการระบุว่าไอ้ Key ที่เรา

980
01:05:15.931 --> 01:05:19.931
จะใช้กดน่ะ คือคีย์อะไร

981
01:05:19.932 --> 01:05:23.932
กด i แล้วเลือก

982
01:05:23.934 --> 01:05:27.934
if

983
01:05:27.935 --> 01:05:31.935
กด e แล้วเลือก event

984
01:05:31.937 --> 01:05:35.937
นะคะ event.

985
01:05:35.938 --> 01:05:39.938
KEY

986
01:05:39.939 --> 01:05:43.939

987
01:05:43.940 --> 01:05:47.940
=

988
01:05:47.941 --> 01:05:51.941
เท่ากับ เท่ากับนะคะ

989
01:05:51.943 --> 01:05:55.943

990
01:05:55.944 --> 01:05:59.944
ก็คือ if แรก

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

992
01:06:03.949 --> 01:06:07.949
มีการกดปุ่ม if ที่ 2 บอกว่า อันที่โดนกด

993
01:06:07.950 --> 01:06:11.950
คีย์ที่โดนกดนี่ จะต้องเป็ฯคีย์ที่ชื่อว่า

994
01:06:11.951 --> 01:06:15.951
พิมพ์ pygame นะคะ

995
01:06:15.952 --> 01:06:19.952
พิมพ์ p แล้วเลือก pygame.

996
01:06:19.953 --> 01:06:23.953
K K ใหญ่ _

997
01:06:23.955 --> 01:06:27.955
K_RIGHT สังเกตคำสั่งตรงนี้

998
01:06:27.956 --> 01:06:31.956
นะคะ เด็ก ๆ ดูดี ๆ นะ

999
01:06:31.957 --> 01:06:35.957
จะใช้ตัวใหญ่นะคะ K_RIGHT

1000
01:06:35.958 --> 01:06:39.958
ก็เป็ตัวใหญ่ จะใช้ตัวใหญ่เสมอ

1001
01:06:39.959 --> 01:06:43.959
ที่เกี่ยวกับคีย์น่ะลูก

1002
01:06:43.960 --> 01:06:47.960
กดด้วยตัวพิมพ์ใหญ่ทั้งหมดนะคะ

1003
01:06:47.961 --> 01:06:51.961
R-I-G-H-

1004
01:06:51.962 --> 01:06:55.962
T pygame

1005
01:06:55.964 --> 01:06:59.964
. ไม่ใช่ ,:

1006
01:06:59.965 --> 01:07:03.965
ไม่ใช้ , . นะคะ

1007
01:07:03.966 --> 01:07:07.966
K_RIGHT

1008
01:07:07.967 --> 01:07:11.967
อธิบายนะคะ ถ้ามีรเหตุการณ์

1009
01:07:11.968 --> 01:07:15.968
พิมพ์ พิมพ์เกิดขึ้น ก็คือมีการกดปุ่มนะคะ K

1010
01:07:15.970 --> 01:07:19.970
KEYDOWN ก็คือถ้ามันมีการกดปุ่ม

1011
01:07:19.973 --> 01:07:23.973
แล้วไอ้ปุ่มนี้นะคะ จะต้อง

1012
01:07:23.975 --> 01:07:27.975
เป็นปุ่มอะไรนะ

1013
01:07:27.977 --> 01:07:31.977
ลูกศรที่ไปทางขวานะคะ ถ้ามีการ

1014
01:07:31.978 --> 01:07:35.978
กดปุ่มลูกศรที่ไปทางขวาปุ๊บ

1015
01:07:35.979 --> 01:07:39.979
อย่าลืมนะคะ ทุกครั้งที่จบประโยค

1016
01:07:39.980 --> 01:07:43.980
ของ if เราจะต้องใส่ : เสมอ

1017
01:07:43.981 --> 01:07:47.981
นะคะ เพราะ

1018
01:07:47.982 --> 01:07:51.982
กด Enter เด็ก ๆ สังเกตแทบมันจะปรับให้อัตโนมัติ

1019
01:07:51.983 --> 01:07:55.983
อัตโนมัตินะคะ เพราะฉะนั้น

1020
01:07:55.984 --> 01:07:59.984
เวลาพิมพ์โค้ดดูด้วยนะคะ ใช้ sublime

1021
01:07:59.986 --> 01:08:03.986
สิ่งที่เราจะทำต่อมา ก็คือ

1022
01:08:03.987 --> 01:08:07.987
เลือก

1023
01:08:07.988 --> 01:08:11.988
เรียกตัวแปร

1024
01:08:11.989 --> 01:08:15.989
ความเร็ว เพราะเราต้องการรู้ว่าไอฉากนี่

1025
01:08:15.990 --> 01:08:19.990
นะคะ ตัวแปร b พิมพ์ bg

1026
01:08:19.991 --> 01:08:23.991
แล้วเลือก velo นะ ไปเลือก

1027
01:08:23.992 --> 01:08:27.992
คำว่า "velo" ค่าความเร็วมันเริ่มที่

1028
01:08:27.994 --> 01:08:31.994
0 เพราะฉะนั้นพอมีการกดปุ่ม ปุ๊บ

1029
01:08:31.995 --> 01:08:35.995
เราจะให้ความเร็วของฉากมันเพิ่มขึ้น จาก 0

1030
01:08:35.996 --> 01:08:39.996
เพิ่มเป็นเท่าไหร่ อย่าเพิ่งเพิ่มเยอะ

1031
01:08:39.997 --> 01:08:43.997
ก็จะ... ลองเพิ่มที่ 5 ก่อน =

1032
01:08:43.998 --> 01:08:47.998
5

1033
01:08:47.999 --> 01:08:51.999

1034
01:08:51.999 --> 01:08:55.999

1035
01:08:55.999 --> 01:08:59.999

1036
01:09:00.002 --> 01:09:04.002

1037
01:09:04.003 --> 01:09:08.003
ส่วนต่อมานะคะ

1038
01:09:08.005 --> 01:09:12.005
เราจะมาทำ

1039
01:09:12.005 --> 01:09:16.005
ให้มันแสดงผล

1040
01:09:16.009 --> 01:09:20.009

1041
01:09:20.010 --> 01:09:24.010
มือไปไวกว่า

1042
01:09:24.012 --> 01:09:28.012
ไหนล่ะ นะคะ

1043
01:09:28.013 --> 01:09:32.013

1044
01:09:32.015 --> 01:09:36.015

1045
01:09:36.017 --> 01:09:40.017

1046
01:09:40.019 --> 01:09:44.019
กด Enter แล้วดูตำแหน่งนะคะ

1047
01:09:44.020 --> 01:09:48.020
เด็ก ๆ ดูตำแหน่งดี ๆ นะ

1048
01:09:48.020 --> 01:09:52.020
มันจะอยู่ตรงกับ

1049
01:09:52.021 --> 01:09:56.021
เห็นไหมคะ เพราะฉะนั้น

1050
01:09:56.022 --> 01:10:00.022
เด็ก ๆ จะต้อง นี่นะ ดู

1051
01:10:00.023 --> 01:10:04.023
ตำแหน่ง for คือตรงนี้ พอ Enter ลงมา

1052
01:10:04.026 --> 01:10:08.026
กด Backspace ย้อนไป

1053
01:10:08.027 --> 01:10:12.027
for ก็คืออีก tab หนึ่ง 2 ครั้ง ย้อนไป

1054
01:10:12.030 --> 01:10:16.030
เห็นไหมคะ จะอยู่ตรงกับ

1055
01:10:16.031 --> 01:10:20.031
ตำแหน่ง screen.fill นี่

1056
01:10:20.033 --> 01:10:24.033

1057
01:10:24.034 --> 01:10:28.034
โอเคไหม

1058
01:10:28.035 --> 01:10:32.035
เรียกใช้ตัวแปรที่ชื่อว่า

1059
01:10:32.036 --> 01:10:36.036
bgx

1060
01:10:36.037 --> 01:10:40.037
นะคะ เพราะมันเคลื่อนไปทางขวา

1061
01:10:40.038 --> 01:10:44.038
ตำแหน่งของแกน ก็คือแกน x

1062
01:10:44.041 --> 01:10:48.041
แกน x คือเป็นคอลัมน์

1063
01:10:48.043 --> 01:10:52.043
มันจะอยู่ในแนวคอลัมน์ เพราะฉะนั้น ต้องเลือกตัวแปร

1064
01:10:52.046 --> 01:10:56.046
ที่เป็นแกน x ก็คือ bgx =

1065
01:10:56.047 --> 01:11:00.047

1066
01:11:00.049 --> 01:11:04.049

1067
01:11:04.050 --> 01:11:08.050

1068
01:11:08.051 --> 01:11:12.051
- = ใช้เครื่องหมาย ลบ

1069
01:11:12.052 --> 01:11:16.052
นะคะ แล้วก็ bgvelo ใส่

1070
01:11:16.053 --> 01:11:20.053
เครื่องหมาย - ก่อน -=

1071
01:11:20.054 --> 01:11:24.054
เรียก bgvelo มาใช้

1072
01:11:24.055 --> 01:11:28.055

1073
01:11:28.056 --> 01:11:32.056

1074
01:11:32.057 --> 01:11:36.057
ตัวนี้ยังไม่ run นะคะ ยังไม่จบ

1075
01:11:36.060 --> 01:11:40.060
โค้ดมันยาวหน่อย เพราะมันเพิ่งระบุ

1076
01:11:40.062 --> 01:11:44.062
ว่าถ้าเกิดเหตุการณ์อย่างนี้ แล้วกดปุ่มนี้

1077
01:11:44.063 --> 01:11:48.063
สิ่งที่จะทำ ก็คือให้แสดง

1078
01:11:48.065 --> 01:11:52.065
ไอ้ Background ให้มันเคลื่อน

1079
01:11:52.066 --> 01:11:56.066
แต่ตอนนี้เรายังไม่ได้สั่งให้แสดง กำหนด

1080
01:11:56.067 --> 01:12:00.067
มันนี่

1081
01:12:00.068 --> 01:12:04.068
ทีนี้ตรงส่วนที่จะแสดง

1082
01:12:04.069 --> 01:12:08.069
ก็คือตัวนี้

1083
01:12:08.072 --> 01:12:12.072
screen.blit background เรานี่

1084
01:12:12.073 --> 01:12:16.073
color เราไม่ใช้และ้

1085
01:12:16.074 --> 01:12:20.074
เดี๋ยวจะลบออก กดลบทิ้งได้เลยเด็ก ๆ

1086
01:12:20.075 --> 01:12:24.075

1087
01:12:24.076 --> 01:12:28.076
เช่นเดียวกัน ตัวแปรก็ไป

1088
01:12:28.077 --> 01:12:32.077
ลบออกเลยนะคะ bgcolor เราไม่ใช้

1089
01:12:32.078 --> 01:12:36.078
ใช้ background ที่เป็นรูปภาพไปแล้ว ลบเสีย

1090
01:12:36.080 --> 01:12:40.080
พื้นที่จะได้ลดลงนะคะ ลบ 2 ตัวนะคะ

1091
01:12:40.081 --> 01:12:44.081
ลบ backgroundcolor กับเรียกใช้ backgroundcolor

1092
01:12:44.082 --> 01:12:48.082
ลบออก

1093
01:12:48.083 --> 01:12:52.083
ทีนี้ ตำแหน่งที่จะมาเปลี่ยนนะคะ

1094
01:12:52.084 --> 01:12:56.084
ก็คือเปลี่ยนจาก 0 0 นี่

1095
01:12:56.084 --> 01:13:00.084
ไปเรียกใช้ตัวแปร

1096
01:13:00.085 --> 01:13:04.085
แกน x bgx นะ

1097
01:13:04.086 --> 01:13:08.086
พิมพ์ b แล้วเลือก bgx

1098
01:13:08.088 --> 01:13:12.088
อีกตัวหนึ่งก็คือ

1099
01:13:12.089 --> 01:13:16.089
b แล้วเลือก bgy

1100
01:13:16.090 --> 01:13:20.090

1101
01:13:20.097 --> 01:13:24.097
เห็นไหมคะ

1102
01:13:24.099 --> 01:13:28.099
แต่สิ่งที่อยู่ใน

1103
01:13:28.100 --> 01:13:32.100
วงเล็บจะเปลี่ยนเป็น... ไม่ใช่วงเล็บเล็กอย่างนี้

1104
01:13:32.101 --> 01:13:36.101
นะคะเด็ก ๆ ดุ เปลี่ยนเป็น

1105
01:13:36.103 --> 01:13:40.103
อะไรล่ะ วงเล็บที่เป็นสีเหลี่ยมน่ะ แทน

1106
01:13:40.106 --> 01:13:44.106
ไม่ใช่ ไม่ใช่ปีกกานะ ปีกกาก็ไม่ใช่

1107
01:13:44.108 --> 01:13:48.108
กดอย่างไร กดธรรมดา

1108
01:13:48.109 --> 01:13:52.109
อย่างนี้นะคะ เป็นตัวนี้นะลูก เป็นสี่เหลี่ยม

1109
01:13:52.110 --> 01:13:56.110
อย่างนี้นะ

1110
01:13:56.111 --> 01:14:00.111
ต่างกันนะ ไม่ใช่วงเล็บอย่างนี้นึกออกนะ

1111
01:14:00.112 --> 01:14:04.112
วงเล็บที่เป็นรูปสี่เหลี่ยม

1112
01:14:04.113 --> 01:14:08.113
อย่างนี้เห็นไหม เด็ก ๆ เห็นไหม อยู่ตรงตำแหน่ง

1113
01:14:08.114 --> 01:14:12.114
ปุ่ม ปุ่มที่อยู่ตรง

1114
01:14:12.115 --> 01:14:16.115
ถัดจากแถวตัวแรกลงมาน่ะ อยู่ตรง

1115
01:14:16.116 --> 01:14:20.116
ตัว ฐ ฐาน บ ใบไม้ กับ ล ลิง

1116
01:14:20.117 --> 01:14:24.117
ไหมคะ นะคะ เปลี่ยนนะคะ

1117
01:14:24.118 --> 01:14:28.118
เปลี่ยนเป็นวงเล็บที่เป็นรูป

1118
01:14:28.119 --> 01:14:32.119
สี่เหลี่ยมนะคะ เพราะ

1119
01:14:32.121 --> 01:14:36.121
เราเรียกใช้ตัวแปรแทนกำหนด

1120
01:14:36.121 --> 01:14:40.121
ค่า

1121
01:14:40.122 --> 01:14:44.122
โอเคนะคะ ส่วนต่อไป

1122
01:14:44.123 --> 01:14:48.123

1123
01:14:48.124 --> 01:14:52.124

1124
01:14:52.125 --> 01:14:56.125

1125
01:14:56.128 --> 01:15:00.128
ต้องมากำหนดต่อให้ไอ้ตัว

1126
01:15:00.132 --> 01:15:04.132
ตัว ตัวฉากน่ะค่ะ ไหลไปเรื่อย ๆ

1127
01:15:04.133 --> 01:15:08.133
เมื่อกี้มันแค่ถ้ากด 1 ครั้ง มันก็จะเคลื่อน

1128
01:15:08.136 --> 01:15:12.136
เป็น 1 ครั้งนึกออกไหม กำหนดตัวนี้

1129
01:15:12.138 --> 01:15:16.138
กำหนดเงื่อนไขให้ Background เคลื่อนไหวไม่สิ้นสุด

1130
01:15:16.139 --> 01:15:20.139
เขาบอกเคลื่อนไหวไม่สิ้นสุดนะคะ

1131
01:15:20.141 --> 01:15:24.141
เด็ก ๆ ไปที่ตำแหน่ง

1132
01:15:24.142 --> 01:15:28.142
ของ

1133
01:15:28.144 --> 01:15:32.144
ต่อจากนี่นะ ดูตำแหน่ง

1134
01:15:32.145 --> 01:15:36.145
if นะคะ ตำแหน่ง if จะอยู่ตรงกับ...

1135
01:15:36.146 --> 01:15:40.146
มือ ๆ ๆ ๆ

1136
01:15:40.147 --> 01:15:44.147
เห็นไหมคะ เลื่อนเข้าไปจาก

1137
01:15:44.148 --> 01:15:48.148
2 if แรก 1 อันนะคะ ดูดี ๆ นะคะ 2 if แรก

1138
01:15:48.150 --> 01:15:52.150
เลื่อนไปครั้งที่ 1 เห็นไหมคะ

1139
01:15:52.151 --> 01:15:56.151
ตำแหน่งที่ 2 ไม่ใช่ อยู่ตรงกับตำแหน่งนี้

1140
01:15:56.152 --> 01:16:00.152
กด i แล้วก็เลือก if contition

1141
01:16:00.153 --> 01:16:04.153
เหมือนเดิม นี่นะคะ จะอยู่ตรงตำแหน่ง

1142
01:16:04.154 --> 01:16:08.154
นี้นะคะ ดูตำแหน่งดี ๆ นะ

1143
01:16:08.155 --> 01:16:12.155
เพราะถ้าใครวางตำแหน่งโครงสร้างมันไม่ถูก

1144
01:16:12.156 --> 01:16:16.156
นี่ นึกออกนะ

1145
01:16:16.159 --> 01:16:20.159
เจ้าน้อง if มันจะงงนะ

1146
01:16:20.160 --> 01:16:24.160
มันจะบอก ใช้ตรงไหนนี่

1147
01:16:24.161 --> 01:16:28.161
มันไม่ใชช่ มันไม่ใช่ มันจะบอกเรานะ

1148
01:16:28.162 --> 01:16:32.162

1149
01:16:32.163 --> 01:16:36.163

1150
01:16:36.164 --> 01:16:40.164

1151
01:16:40.166 --> 01:16:44.166

1152
01:16:44.169 --> 01:16:48.169
คำสั่ง เงื่อรนไขแรกนะคะ if

1153
01:16:48.170 --> 01:16:52.170
ตัวแปรที่ชื่อว่า bgx เลือก bgx ค่ะ

1154
01:16:52.171 --> 01:16:56.171
กำหนดค่าให้ bgx ให้เท่ากับ

1155
01:16:56.172 --> 01:17:00.172
-

1156
01:17:00.173 --> 01:17:04.173

1157
01:17:04.174 --> 01:17:08.174
คอลัมน์เราน่ะนะ นี่ เห็นไหม 1600 น่ะ

1158
01:17:08.176 --> 01:17:12.176
นะคะ ครึ่งหนึ่ง

1159
01:17:12.177 --> 01:17:16.177
ของ 1,600 ก็คือ 800

1160
01:17:16.180 --> 01:17:20.180
-800

1161
01:17:20.182 --> 01:17:24.182
หาร 2 ว่าอย่างนั้นเถอะ

1162
01:17:24.183 --> 01:17:28.183
ถ้า bgx นี่

1163
01:17:28.184 --> 01:17:32.184
นะคะ มันเท่ากับ - 800 เมื่อไหร่ บอกแล้ว

1164
01:17:32.185 --> 01:17:36.185
เป็นคำสั่ง if อย่าลืมปิดด้วย

1165
01:17:36.186 --> 01:17:40.186
: เสมอ มาที่

1166
01:17:40.187 --> 01:17:44.187
pass กด Delete ออก กด Delete Pass ออก

1167
01:17:44.189 --> 01:17:48.189
นะคะ คำสั่ง

1168
01:17:48.190 --> 01:17:52.190
ต่อมา

1169
01:17:52.191 --> 01:17:56.191
กำหนดให้ bgx = 0

1170
01:17:56.192 --> 01:18:00.192
ในเงื่อนไขเป็นอย่างนี้

1171
01:18:00.193 --> 01:18:04.193
อย่างงนะเด็ก ๆ นะ เพราะมันเป็น

1172
01:18:04.194 --> 01:18:08.194
เงื่อนไขไง

1173
01:18:08.195 --> 01:18:12.195

1174
01:18:12.196 --> 01:18:16.196

1175
01:18:16.199 --> 01:18:20.199
มันจะคืนค่ากลับไปกลับมาอย่างนี้

1176
01:18:20.200 --> 01:18:24.200

1177
01:18:24.204 --> 01:18:28.204

1178
01:18:28.207 --> 01:18:32.207

1179
01:18:32.210 --> 01:18:36.210

1180
01:18:36.213 --> 01:18:40.213

1181
01:18:40.215 --> 01:18:44.215

1182
01:18:44.217 --> 01:18:48.217
สิ่งที่เรา

1183
01:18:48.219 --> 01:18:52.219
จะต้องทำต่อมา ก็คือไปเรียกใช้

1184
01:18:52.221 --> 01:18:56.221
ตัวนี้นะคะ

1185
01:18:56.223 --> 01:19:00.223
เหมือนเดิม

1186
01:19:00.224 --> 01:19:04.224
ต่อจากบรรทัดที่ เราเรียก

1187
01:19:04.225 --> 01:19:08.225
ไอ้นี้แล้วนะคะ

1188
01:19:08.226 --> 01:19:12.226
กด s เพื่อเลือก screen

1189
01:19:12.227 --> 01:19:16.227
คำสั่ง screen นะคะ เรียกใช้ฉากนี้

1190
01:19:16.230 --> 01:19:20.230
นี้ blit

1191
01:19:20.231 --> 01:19:24.231
ใส่วงเล็บ แล้ว

1192
01:19:24.232 --> 01:19:28.232
ใส่...

1193
01:19:28.233 --> 01:19:32.233
เรียกใช้ bgpic เหมือนเดิม เรียกใช้ตัวแปร

1194
01:19:32.234 --> 01:19:36.234
bg pic นะคะ คือตัวแปร Background เรา

1195
01:19:36.235 --> 01:19:40.235
ใส่ : เอ้ย

1196
01:19:40.236 --> 01:19:44.236
ไม่ใช่สิ่

1197
01:19:44.237 --> 01:19:48.237
: นะ แล้วก็ตามด้วยวงเล็บสี่เหลี่ยมนะคะ

1198
01:19:48.238 --> 01:19:52.238
เด็ก ๆ เธอกดไอ้นี่ทุกทีเลย

1199
01:19:52.239 --> 01:19:56.239
วงเล็บสี่เหลี่ยมไม่ต้องกด Shift ท่องไว้ ๆ

1200
01:19:56.241 --> 01:20:00.241
พิมพ์ b

1201
01:20:00.244 --> 01:20:04.244
แล้วเลือก bgx ค่ะ

1202
01:20:04.245 --> 01:20:08.245
ค่าของ bgx ให้เพิ่มเข้าไป

1203
01:20:08.246 --> 01:20:12.246
บวกเข้าไป 800

1204
01:20:12.247 --> 01:20:16.247
ใส่เครื่องหมาย + แล้วก้ใส่ตัวเลข

1205
01:20:16.248 --> 01:20:20.248
800 ลงไป

1206
01:20:20.249 --> 01:20:24.249
เราก็เรียก bgy มาใช้งาน เลือก

1207
01:20:24.250 --> 01:20:28.250
bg เลือก y เลือก bgy

1208
01:20:28.251 --> 01:20:32.251

1209
01:20:32.251 --> 01:20:36.251

1210
01:20:36.252 --> 01:20:40.252

1211
01:20:40.253 --> 01:20:44.253

1212
01:20:44.255 --> 01:20:48.255
ตอนนี้เราจะมีโค้ดเพิ่มมา

1213
01:20:48.260 --> 01:20:52.260
อีก 2-3 บรรทัดนะคะเด็ก ๆ

1214
01:20:52.261 --> 01:20:56.261

1215
01:20:56.262 --> 01:21:00.262

1216
01:21:00.264 --> 01:21:04.264
ลองกด Ctrl + B ดู

1217
01:21:04.265 --> 01:21:08.265
อาจจะขึ้น error ก็ได้ ลองกด

1218
01:21:08.266 --> 01:21:12.266
แล้วก็ B แล้วกด

1219
01:21:12.267 --> 01:21:16.267
แป้นดู

1220
01:21:16.268 --> 01:21:20.268

1221
01:21:20.272 --> 01:21:24.272
เด็ก ๆ เห็นอะไรไหม เห็นอะไรไหม

1222
01:21:24.273 --> 01:21:28.273
เห็นไหมตัวฉากน่ะ

1223
01:21:28.274 --> 01:21:32.274
มันเลื่อนใช่ไหม คือ ภาพรอยต่อฉากมันอาจจะไม่

1224
01:21:32.275 --> 01:21:36.275
เนียน ก็คือตำแแหน่งที่เราไปตัดมันน่ะค่ะ

1225
01:21:36.276 --> 01:21:40.276
- 800 อะไรอย่างนี้

1226
01:21:40.277 --> 01:21:44.277
เดี๋ยวจะลองตัด

1227
01:21:44.278 --> 01:21:48.278
ที่มันไม่ใช่ -800 ดู เดี๋ยวขอลอง

1228
01:21:48.279 --> 01:21:52.279
นะคะ ขอลองเป็น -1000

1229
01:21:52.280 --> 01:21:56.280
ขอเปลี่ยน ขอเปลี่ยนตัวเลข

1230
01:21:56.281 --> 01:22:00.281

1231
01:22:00.282 --> 01:22:04.282

1232
01:22:04.284 --> 01:22:08.284
นี่เห็นไหม ตำแหน่งที่ภาพมันตัดน่ะ

1233
01:22:08.287 --> 01:22:12.287
มันไม่ต้อใช่ไหม เพราะฉะนั้น เราก็เลือกตำแหน่ง

1234
01:22:12.288 --> 01:22:16.288
ที่ตัด = เท่าไรคะ

1235
01:22:16.289 --> 01:22:20.289
แกน x เราคือเท่าไร 1,600

1236
01:22:20.291 --> 01:22:24.291
สูงสุดเราคือ 1600 เพราะฉะนั้นตรงนี้ เราก็ต้อง

1237
01:22:24.291 --> 01:22:28.291
เท่ามันนั่นล่ะ มันจะได้เนียน ๆ

1238
01:22:28.292 --> 01:22:32.292
รอยตัดมันจะได้เนียน ๆ นึกออกไหม

1239
01:22:32.293 --> 01:22:36.293
เอาใหม่นะ Ctrl + B ใหม่

1240
01:22:36.294 --> 01:22:40.294
กดแป้น

1241
01:22:40.295 --> 01:22:44.295
นี่ เห็นไหม มันเริ่มใหม่ แต่นะคะ

1242
01:22:44.296 --> 01:22:48.296
มันจะมีเว้นนิดหนึ่ง เพราะฉะนั้นเราควรเพิ่ม

1243
01:22:48.298 --> 01:22:52.298
เพิ่มตำแหน่งตรงนี้เข้าไป

1244
01:22:52.299 --> 01:22:56.299
เข้าไป

1245
01:22:56.301 --> 01:23:00.301
นี่ เห็นไหมคะ รอยต่อมันไม่เนียนนะ

1246
01:23:00.302 --> 01:23:04.302
เพราะฉะนั้น ตรงตำแหน่งตัดก็จะเป็น

1247
01:23:04.307 --> 01:23:08.307
15

1248
01:23:08.307 --> 01:23:12.307
99

1249
01:23:12.308 --> 01:23:16.308
แล้วก็

1250
01:23:16.309 --> 01:23:20.309
ไอ้นี่ลบ

1251
01:23:20.310 --> 01:23:24.310
ที่ 1,600 อาจจะสลับนะคะ 1600

1252
01:23:24.313 --> 01:23:28.313
ให้เด็ก ๆ ดูที่อะไร ดูที่

1253
01:23:28.318 --> 01:23:32.318
ตัว screen ตัวนี้ ของตัวเองเท่าไร

1254
01:23:32.319 --> 01:23:36.319
ดูดี ๆ นะคะ ไปเทียบกับตัวนี้เอาลูก

1255
01:23:36.323 --> 01:23:40.323
ลบอันนั้นแล้วเพิ่มอันนี้หรือเปล่า

1256
01:23:40.324 --> 01:23:44.324
1599 ลองได้

1257
01:23:44.325 --> 01:23:48.325
มันลองได้

1258
01:23:48.326 --> 01:23:52.326

1259
01:23:52.326 --> 01:23:56.326
นี่เห็นไหมมันมีรอยต่อนิดหนึ่งนี่ เราจะต้อง

1260
01:23:56.327 --> 01:24:00.327
ทำให้มันพอดีกัน

1261
01:24:00.328 --> 01:24:04.328
เพราะฉะนั้น ไอ้นี้ก็ต้องเริ่ม 1599 เหมือนกันไหม

1262
01:24:04.331 --> 01:24:08.331

1263
01:24:08.332 --> 01:24:12.332

1264
01:24:12.333 --> 01:24:16.333

1265
01:24:16.333 --> 01:24:20.333

1266
01:24:20.336 --> 01:24:24.336

1267
01:24:24.337 --> 01:24:28.337

1268
01:24:28.338 --> 01:24:32.338

1269
01:24:32.339 --> 01:24:36.339

1270
01:24:36.342 --> 01:24:40.342

1271
01:24:40.344 --> 01:24:44.344

1272
01:24:44.344 --> 01:24:48.344

1273
01:24:48.346 --> 01:24:52.346

1274
01:24:52.348 --> 01:24:56.348

1275
01:24:56.351 --> 01:25:00.351

1276
01:25:00.353 --> 01:25:04.353

1277
01:25:04.356 --> 01:25:08.356

1278
01:25:08.359 --> 01:25:12.359
นี่ ๆ เห็นไหม

1279
01:25:12.361 --> 01:25:16.361
รอยตัดหายไปแล้ว

1280
01:25:16.364 --> 01:25:20.364

1281
01:25:20.366 --> 01:25:24.366

1282
01:25:24.369 --> 01:25:28.369

1283
01:25:28.371 --> 01:25:32.371

1284
01:25:32.374 --> 01:25:36.374

1285
01:25:36.376 --> 01:25:40.376
มันมี มันมีอะไรล่ะ มันมี

1286
01:25:40.378 --> 01:25:44.378

1287
01:25:44.379 --> 01:25:48.379

1288
01:25:48.380 --> 01:25:52.380
มันมีส่วนขาด ส่วนเกินนิด ๆ หน่อย ๆ

1289
01:25:52.382 --> 01:25:56.382
นะคะ เราเขียนเราก็ต้องทวนอย่างนี้ล่ะนะคะ

1290
01:25:56.383 --> 01:26:00.383
เรายืมภาพเขามาใช้ไง

1291
01:26:00.386 --> 01:26:04.386
มันก็เลยไม่เป๊ะ

1292
01:26:04.387 --> 01:26:08.387

1293
01:26:08.387 --> 01:26:12.387

1294
01:26:12.388 --> 01:26:16.388
นี่เห็นไหม เคลื่อนเร็วหรือเคลื่อนช้าใช้

1295
01:26:16.389 --> 01:26:20.389
เลขตัวนี้นะคะ เลขไอ้ 5

1296
01:26:20.390 --> 01:26:24.390
นี่ ไอ้ 5 ไอ้ 6 ไอ้ 10 นี่ ดูนะคะ

1297
01:26:24.391 --> 01:26:28.391
เดี๋ยวให้ดู น้องวิ้ง

1298
01:26:28.392 --> 01:26:32.392
เป็นจรวดเลย ใส่ 10 เข้าไป

1299
01:26:32.393 --> 01:26:36.393
ก็คือถ้าเป็นวิ่งเราอาจจะเพิ่มความเร็ว

1300
01:26:36.394 --> 01:26:40.394
ได้ เห็นหรือเปล่า

1301
01:26:40.395 --> 01:26:44.395
ใครไม่เคลื่อน ยกมือ

1302
01:26:44.397 --> 01:26:48.397
อันดับแรกเช็ค

1303
01:26:48.398 --> 01:26:52.398
Coding เราก่อนนะคะ สิ่งที่เด็ก ๆ จะต้องมีเงื่อนไข

1304
01:26:52.399 --> 01:26:56.399
แรก

1305
01:26:56.400 --> 01:27:00.400
ดูบรรทัดนี้ ใน loop จาก run = false

1306
01:27:00.401 --> 01:27:04.401
เราเพิ่มเงื่อนไขในการ

1307
01:27:04.401 --> 01:27:08.401
กดแป้นใช่ไหม เข้าไป 1 2

1308
01:27:08.402 --> 01:27:12.402
ทั้งหมดกี่อันนี่

1309
01:27:12.403 --> 01:27:16.403
นี่นะคะ 3 เงื่อนไขนี้จะต้องมี

1310
01:27:16.404 --> 01:27:20.404
เนื่องจากของข้าพเจ้าเป็นเดินข้าพเจ้า

1311
01:27:20.405 --> 01:27:24.405
ลดลงมา 5 เหมือนเดิมนะครับ

1312
01:27:24.408 --> 01:27:28.408
bgvelo นี่คือความเร็วของการเคลื่อนที่

1313
01:27:28.409 --> 01:27:32.409
ของฉากเรานั่นเองนะคะเด็ก ๆ ตำแหน่ง

1314
01:27:32.410 --> 01:27:36.410
ค่าตัวนี้บอกแล้วให้ดูที่คำสั่ง

1315
01:27:36.411 --> 01:27:40.411
ตัวแปรที่ชื่อ screen ของเรานี่ ที่

1316
01:27:40.412 --> 01:27:44.412
เรา set ไว้เท่าไร

1317
01:27:44.413 --> 01:27:48.413

1318
01:27:48.414 --> 01:27:52.414

1319
01:27:52.415 --> 01:27:56.415
เด็ก ๆ บอกแล้วนะคะ ถ้าใครขึ้น

1320
01:27:56.417 --> 01:28:00.417
error อันดับแรก ดูบรทัด

1321
01:28:00.418 --> 01:28:04.418
ที่มัน error นะ

1322
01:28:04.419 --> 01:28:08.419

1323
01:28:08.420 --> 01:28:12.420

1324
01:28:12.421 --> 01:28:16.421

1325
01:28:16.424 --> 01:28:20.424

1326
01:28:20.428 --> 01:28:24.428

1327
01:28:24.429 --> 01:28:28.429

1328
01:28:28.434 --> 01:28:32.434

1329
01:28:32.435 --> 01:28:36.435

1330
01:28:36.437 --> 01:28:40.437

1331
01:28:40.439 --> 01:28:44.439

1332
01:28:44.441 --> 01:28:48.441

1333
01:28:48.442 --> 01:28:52.442

1334
01:28:52.444 --> 01:28:56.444

1335
01:28:56.446 --> 01:29:00.446

1336
01:29:00.447 --> 01:29:04.447

1337
01:29:04.448 --> 01:29:08.448

1338
01:29:08.450 --> 01:29:12.450

1339
01:29:12.451 --> 01:29:16.451

1340
01:29:16.452 --> 01:29:20.452

1341
01:29:20.455 --> 01:29:24.455

1342
01:29:24.456 --> 01:29:28.456

1343
01:29:28.461 --> 01:29:32.461

1344
01:29:32.463 --> 01:29:36.463

1345
01:29:36.465 --> 01:29:40.465

1346
01:29:40.468 --> 01:29:44.468

1347
01:29:44.469 --> 01:29:48.469

1348
01:29:48.474 --> 01:29:52.474

1349
01:29:52.478 --> 01:29:56.478

1350
01:29:56.482 --> 01:30:00.482

1351
01:30:00.484 --> 01:30:04.484

1352
01:30:04.488 --> 01:30:08.488

1353
01:30:08.490 --> 01:30:12.490

1354
01:30:12.491 --> 01:30:16.491

1355
01:30:16.493 --> 01:30:20.493

1356
01:30:20.495 --> 01:30:24.495

1357
01:30:24.496 --> 01:30:28.496

1358
01:30:28.498 --> 01:30:32.498

1359
01:30:32.500 --> 01:30:36.500

1360
01:30:36.501 --> 01:30:40.501

1361
01:30:40.503 --> 01:30:44.503

1362
01:30:44.503 --> 01:30:48.503

1363
01:30:48.505 --> 01:30:52.505

1364
01:30:52.508 --> 01:30:56.508

1365
01:30:56.510 --> 01:31:00.510

1366
01:31:00.511 --> 01:31:04.511

1367
01:31:04.513 --> 01:31:08.513

1368
01:31:08.517 --> 01:31:12.517

1369
01:31:12.519 --> 01:31:16.519

1370
01:31:16.520 --> 01:31:20.520

1371
01:31:20.524 --> 01:31:24.524

1372
01:31:24.525 --> 01:31:28.525

1373
01:31:28.527 --> 01:31:32.527

1374
01:31:32.529 --> 01:31:36.529

1375
01:31:36.530 --> 01:31:40.530

1376
01:31:40.532 --> 01:31:44.532

1377
01:31:44.535 --> 01:31:48.535

1378
01:31:48.537 --> 01:31:52.537

1379
01:31:52.539 --> 01:31:56.539

1380
01:31:56.540 --> 01:32:00.540

1381
01:32:00.542 --> 01:32:04.542

1382
01:32:04.544 --> 01:32:08.544

1383
01:32:08.546 --> 01:32:12.546

1384
01:32:12.548 --> 01:32:16.548

1385
01:32:16.549 --> 01:32:20.549

1386
01:32:20.551 --> 01:32:24.551

1387
01:32:24.552 --> 01:32:28.552

1388
01:32:28.554 --> 01:32:32.554
สังเกตนะคะ

1389
01:32:32.555 --> 01:32:36.555
ตำแหน่งที่ผิด ถ้าใช้ Sublime บรรทัดมันจะบอก

1390
01:32:36.556 --> 01:32:40.556
ดูตรงนี้เขาผิดนี่

1391
01:32:40.557 --> 01:32:44.557

1392
01:32:44.558 --> 01:32:48.558

1393
01:32:48.559 --> 01:32:52.559

1394
01:32:52.561 --> 01:32:56.561

1395
01:32:56.563 --> 01:33:00.563

1396
01:33:00.567 --> 01:33:04.567

1397
01:33:04.569 --> 01:33:08.569

1398
01:33:08.573 --> 01:33:12.573

1399
01:33:12.575 --> 01:33:16.575

1400
01:33:16.578 --> 01:33:20.578
เด็ก ๆ

1401
01:33:20.581 --> 01:33:24.581
เด็ก ๆ เวลา บอกแล้ว เวลา

1402
01:33:24.583 --> 01:33:28.583
เวลาเราทำไอ้นี่

1403
01:33:28.584 --> 01:33:32.584
บางคนมาทีหลังแล้วไม่ทัน พอมาดู

1404
01:33:32.585 --> 01:33:36.585
if มันอยู่ตรงตำแหน่งนี้

1405
01:33:36.588 --> 01:33:40.588
เด็ก ๆ จะชอบไปใช้วิธีกด Spacebar เดี๋ยว Ctrl + B

1406
01:33:40.589 --> 01:33:44.589
เดี๋ยวดูนะคะ Ctrl + B ให้ดู

1407
01:33:44.594 --> 01:33:48.594
มันจะชี้เลย บรรทัดแล้วให้เด็ก ๆ ดู

1408
01:33:48.596 --> 01:33:52.596
ตรงข้อความนะลูก

1409
01:33:52.599 --> 01:33:56.599
นี่ ถ้ามันขึ้นว่า นี่ Tab

1410
01:33:56.600 --> 01:34:00.600
Error เห็นไหม

1411
01:34:00.602 --> 01:34:04.602
ถ้าขึ้น TabError ให้เด็ก ๆ

1412
01:34:04.603 --> 01:34:08.603
เช็กตำแหน่งตรงนี้เลย

1413
01:34:08.605 --> 01:34:12.605
ถ้ามันขึ้น .. อย่างนี้ เด็ก ๆ ไปกด

1414
01:34:12.606 --> 01:34:16.606
space bar ไม่ได้กด Tab

1415
01:34:16.607 --> 01:34:20.607
ตำแหน่งบรรทัดมันจะบอกชัดเจนเลยว่าอยู่ตำแหน่งไหน สิ่งที่ผิด

1416
01:34:20.608 --> 01:34:24.608
คืออะไร เห็นไหมคะ

1417
01:34:24.609 --> 01:34:28.609
โปรแกรม Sublime มันจะแจ้ง Error ของตำแหน่ง บรรทัด

1418
01:34:28.610 --> 01:34:32.610
บอกสาเหตุที่ Error เสมอ

1419
01:34:32.611 --> 01:34:36.611
ให้ดูตรงนี้ด้วยประกอบกัน

1420
01:34:36.611 --> 01:34:40.611
นะคะ เราก็ต้องกด delete ลบออก

1421
01:34:40.614 --> 01:34:44.614
แล้วก็กด Tab ไป ให้ตำแหน่งมันตรงแค่นั้นเอง

1422
01:34:44.615 --> 01:34:48.615
เห็นหรือเปล่า ได้แล้ว แก้ได้ เพราะฉะนั้น

1423
01:34:48.616 --> 01:34:52.616
เช็ก Error ดี ๆ นะคะ ของใครยังไม่ออกอีก

1424
01:34:52.617 --> 01:34:56.617
ใครยังไม่สามารถเดินได้

1425
01:34:56.617 --> 01:35:00.617
เดินได้

1426
01:35:00.618 --> 01:35:04.618

1427
01:35:04.618 --> 01:35:08.618
ไม่หอนสิ

1428
01:35:08.619 --> 01:35:12.619
ดูบรรทัดที่ Error คือ line

1429
01:35:12.620 --> 01:35:16.620
line 33 ตรงตำแหน่ง error บอกว่า

1430
01:35:16.621 --> 01:35:20.621
name error

1431
01:35:20.622 --> 01:35:24.622
ยังไม่ได้ประกาศตัวแปรนี้หรือ bgy นี่

1432
01:35:24.623 --> 01:35:28.623
มันไม่รู้จัก เพระาฉะนั้น ต้องย้อนไปดู

1433
01:35:28.625 --> 01:35:32.625
ที่ตำแหน่งที่ นั่น

1434
01:35:32.628 --> 01:35:36.628
เห็นไหม ประกาศตัวแปรซ้ำ

1435
01:35:36.632 --> 01:35:40.632
ชื่อตัวแปร บอกแล้วว่าตัวแปร

1436
01:35:40.634 --> 01:35:44.634
จะมีชื่อได้แค่ 1

1437
01:35:44.636 --> 01:35:48.636
ชื่อมันจะไม่ซ้ำ

1438
01:35:48.637 --> 01:35:52.637
เอากด...

1439
01:35:52.638 --> 01:35:56.638
ดูตำแหน่งตัดต่อรูป

1440
01:35:56.639 --> 01:36:00.639
ด้วยเห็นไหม มันตัดไม่เนียนนี่

1441
01:36:00.640 --> 01:36:04.640
นึกออกนะ ให้มาเช็กว่าอาจจะเริ่ม หยุดไม่ได้

1442
01:36:04.641 --> 01:36:08.641
แสดงว่ามันลืม KEY นี้หรือเปล่า

1443
01:36:08.644 --> 01:36:12.644

1444
01:36:12.645 --> 01:36:16.645
screen.blit

1445
01:36:16.647 --> 01:36:20.647
นี่ไง เดี๋ยวเด้อ pic

1446
01:36:20.649 --> 01:36:24.649
บวก 800 Velo

1447
01:36:24.650 --> 01:36:28.650
-0 -805

1448
01:36:28.653 --> 01:36:32.653
pygame get event get

1449
01:36:32.657 --> 01:36:36.657
K_DOWN  K_RIGHT

1450
01:36:36.659 --> 01:36:40.659

1451
01:36:40.660 --> 01:36:44.660
ไม่ขึ้น Error เสียด้วย

1452
01:36:44.662 --> 01:36:48.662
ไม่เป็นไร หยุดไม่ได้ไม่เป็นไร

1453
01:36:48.665 --> 01:36:52.665
แค่นั้นพอ เช็กว่า ไปไหนล่ะ ดูรูปนะ ตำแหน่ง

1454
01:36:52.666 --> 01:36:56.666
ให้เขากด Ctrl + B ใหม่

1455
01:36:56.667 --> 01:37:00.667

1456
01:37:00.668 --> 01:37:04.668
Ctrl+ B

1457
01:37:04.668 --> 01:37:08.668
กด นี่ เห็นไหม ตำแหน่งที่ตัดรูป

1458
01:37:08.669 --> 01:37:12.669
ดูอย่างไร ดูตรงนี้

1459
01:37:12.670 --> 01:37:16.670
นี่ที่เปลี่ยนน่ะเห็นไหม ที่แม่บอกว่า

1460
01:37:16.671 --> 01:37:20.671
ตรง Screen ตัวเองตั้งไว้ที่เท่าไร

1461
01:37:20.672 --> 01:37:24.672
เห็นหรือเปล่า เพราะฉะนั้น ตรงนี้ ตรงนี้แก้

1462
01:37:24.673 --> 01:37:28.673
เลข ตรงนี้เห็นไหม ใช่ไหม

1463
01:37:28.674 --> 01:37:32.674
รูปมันสูงสุด ก็คือความกว้างมันสูงสุด 1200

1464
01:37:32.675 --> 01:37:36.675
ลองแก้

1465
01:37:36.676 --> 01:37:40.676
แก้เป็น 12

1466
01:37:40.677 --> 01:37:44.677
Ctrl + B ใหม่

1467
01:37:44.678 --> 01:37:48.678
กด

1468
01:37:48.680 --> 01:37:52.680
เลื่อนนี่ แล้วทีนี้ตำแหน่งนี้

1469
01:37:52.681 --> 01:37:56.681
เห็นไหม ถ้าเราปรับตรงนี้ปุ๊บนี่ เอาปรับ

1470
01:37:56.683 --> 01:38:00.683
มันมาตรงนี้ เราอาจจะตัดให้มันเกินมาสักหน่อย

1471
01:38:00.684 --> 01:38:04.684
ลองเพิ่มจาก 800 เป็น

1472
01:38:04.685 --> 01:38:08.685
1000 สิ ลองเพิ่ม

1473
01:38:08.688 --> 01:38:12.688
Ctrl + B ใหม่ นี่นะ

1474
01:38:12.689 --> 01:38:16.689
ก็คือให้นึกถึงว่า

1475
01:38:16.693 --> 01:38:20.693
1000 มันเยอะไป 900

1476
01:38:20.694 --> 01:38:24.694
ลอง 900 อยากได้ใบไม้

1477
01:38:24.695 --> 01:38:28.695
นึกออกนะ ให้เขาลองปรับลดไอ้ค่าตรงนี้

1478
01:38:28.696 --> 01:38:32.696
ก็คือให้รอยต่อของรูปมันเนียน

1479
01:38:32.700 --> 01:38:36.700
ไม่ใช่ตัดแล้วต้นไม้ขาดครึ่ง ภูเขาขาดครึ่ง

1480
01:38:36.701 --> 01:38:40.701
นึกออกไหม อาจจะมาเริ่มที่ภูเขาก็ได้

1481
01:38:40.704 --> 01:38:44.704
อะไรอย่างนี้นะคะ เวลาตัดตำแหน่งรูปน่ะลูก

1482
01:38:44.706 --> 01:38:48.706
นึกออกนะ อย่างที่บอกน่ะค่ะ 1

1483
01:38:48.708 --> 01:38:52.708
ความกว้างของ screen เรานะ

1484
01:38:52.709 --> 01:38:56.709
ค่าตรงนี้ เราจะตัดตรงนี้ที่เท่าไร ลองดู

1485
01:38:56.710 --> 01:39:00.710
เราจะตัดตรงนี้ที่เท่าไร ลองใส่ไปดู ลองมาตัดตรงนี้

1486
01:39:00.711 --> 01:39:04.711
นะคะ

1487
01:39:04.713 --> 01:39:08.713
ตำแหน่งที่จะตัดน่ะ ตัดภาพนะคะ ใครยังไม่ออกอีก

1488
01:39:08.713 --> 01:39:12.713

1489
01:39:12.715 --> 01:39:16.715

1490
01:39:16.716 --> 01:39:20.716

1491
01:39:20.719 --> 01:39:24.719

1492
01:39:24.721 --> 01:39:28.721

1493
01:39:28.726 --> 01:39:32.726

1494
01:39:32.729 --> 01:39:36.729

1495
01:39:36.731 --> 01:39:40.731

1496
01:39:40.733 --> 01:39:44.733

1497
01:39:44.735 --> 01:39:48.735

1498
01:39:48.737 --> 01:39:52.737

1499
01:39:52.740 --> 01:39:56.740
ทีนี้บางคน

1500
01:39:56.744 --> 01:40:00.744
นะคะ ทำภาพไม่สมดุล

1501
01:40:00.747 --> 01:40:04.747
คือ ฉากตัวเองอันสักกะติ๋วหนึ่ง ตัว

1502
01:40:04.748 --> 01:40:08.748
เกมมันตัวใหญ่ คือเหมือน

1503
01:40:08.749 --> 01:40:12.749
เหมือนให้นึกถึงนะ พอเอาเกมเข้าไปในฉาก ตัวเกม

1504
01:40:12.750 --> 01:40:16.750
ปาเข้าไปครึ่งฉากแล้ว พอใส่ความเร็วไป นยึกออกไห

1505
01:40:16.751 --> 01:40:20.751
5 วินาที แต่ฉากมันสั้นไง แล้วตัว

1506
01:40:20.752 --> 01:40:24.752
เกมมันยาว มันก็จะ ปึ้บเดียวหาย

1507
01:40:24.753 --> 01:40:28.753
ขยายพื้นที่ฉากน่ะค่ะ นี่

1508
01:40:28.754 --> 01:40:32.754
เพระาตัวแรกเราปรับค่าได้นะ เห็นไหม

1509
01:40:32.755 --> 01:40:36.755
นะคะ นี่ เห็นไหม อย่างแม่ใช้ฉากยาวเลยนะคะ

1510
01:40:36.760 --> 01:40:40.760
อันนี้

1511
01:40:40.760 --> 01:40:44.760
เห็นไหมมันก็ไปได้เรื่อย ๆ ความเร็ว

1512
01:40:44.762 --> 01:40:48.762
ตัวของเจ้าเกมเรา กับฉากเรา

1513
01:40:48.763 --> 01:40:52.763
มันก็ควรจะสอดคล้อง แล้วให้เด็ก ๆ ดูการตัดภาพด้วย

1514
01:40:52.765 --> 01:40:56.765
นึกออกนะลูก ภาพมันตัดไม่สวย อาจจะ

1515
01:40:56.769 --> 01:41:00.769
มาเริ่มตัดต้นนี้ก็ได้ ลองปรับค่าไป

1516
01:41:00.770 --> 01:41:04.770
นะคะ ให้ดูให้มันแมตกับด้วย

1517
01:41:04.773 --> 01:41:08.773
ให้มันเนียนน่ะ ให้มันภาพมันเนียน ๆ

1518
01:41:08.774 --> 01:41:12.774

1519
01:41:12.777 --> 01:41:16.777

1520
01:41:16.778 --> 01:41:20.778
คือ คือเหมือนภาพนี้มันมีจุดเด่น

1521
01:41:20.780 --> 01:41:24.780
คือ ไอ้ต้นไม้ใหญ่น่ะ พอตัดไปมันเลยไม่เนียน

1522
01:41:24.781 --> 01:41:28.781
นึกออกนะ

1523
01:41:28.782 --> 01:41:32.782
แต่ไม่เป็นไร บอกแล้วเรา

1524
01:41:32.783 --> 01:41:36.783
เอามาเทสต์โปรแกรมเราเฉย ๆ

1525
01:41:36.784 --> 01:41:40.784
คือ เวลาเราไปทำเกมจริง ๆ นี่ ฉากเราก็ควรจะวาดเองฉาก

1526
01:41:40.787 --> 01:41:44.787
ต่อไป เพื่อจะให้มันเคลื่อนนี่ ลักษณะ

1527
01:41:44.788 --> 01:41:48.788
ของต้นไม้น่ะมันควรจะเป็นไซซ์

1528
01:41:48.789 --> 01:41:52.789
เท่า ๆ กัน แล้วจุดวางตำแหน่งเท่า ไ กัน

1529
01:41:52.791 --> 01:41:56.791
การต่อฉากมันก็จะไปต่อ ๆ กัน แต่อันนี้เราไปยืมเขามา

1530
01:41:56.794 --> 01:42:00.794
พอหมดโขดหินนี่

1531
01:42:00.795 --> 01:42:04.795
มาต่อใช่ไหม มันกลายเป็น

1532
01:42:04.796 --> 01:42:08.796
ไม่ต่อกันน่ะ ภาพมันไม่ต่อเนื่อง

1533
01:42:08.799 --> 01:42:12.799
นึกออกนะ แต่ให้รู้ไว้ว่ามันคือหลักการในการทำ

1534
01:42:12.800 --> 01:42:16.800
นะคะ ยังไม่เสร็จนะ นี่พึ่งให้ฉาก

1535
01:42:16.801 --> 01:42:20.801
มันเคลื่อนเองนะคะ เดี๋ยวสัปดาห์นี้เราจะ

1536
01:42:20.803 --> 01:42:24.803
พอแค่นี้ก่อน

1537
01:42:24.805 --> 01:42:28.805
เพราะบางคนยังมีพื้นหลังนะ ยังมี background ไปเอาออก

1538
01:42:28.806 --> 01:42:32.806
ตัว Big เลย

1539
01:42:32.807 --> 01:42:36.807
ลดไซซ์เกมลง ให้นึกถึงความสมดุลนะลูก

1540
01:42:36.808 --> 01:42:40.808
นี่ เหมือนแมวแม่นี่ ก็ยังใหญ่อยู่

1541
01:42:40.809 --> 01:42:44.809
แม่ก็ต้องลดลงนะ ดูสิ ต้นไม้กับแมวตัวเท่ากับเลย

1542
01:42:44.813 --> 01:42:48.813
มันใช่ไหม มันก็ไม่ใช่ใช่ไหมคะ นะคะ

1543
01:42:48.814 --> 01:42:52.814
นะคะ เราก็ต้องปรับสมดุลของภาพ

1544
01:42:52.815 --> 01:42:56.815
ของเกม ให้มันสอดคล้องกันด้วย

1545
01:42:56.818 --> 01:43:00.818
นะคะ

1546
01:43:00.819 --> 01:43:04.819
เพราะฉะนั้น บางฉากมันตัดแล้วมันไม่เนียน

1547
01:43:04.820 --> 01:43:08.820
เราอาจจะหาฉากมาเปลี่ยนก็ได้นะเด็ก ๆ นึกออกนะ

1548
01:43:08.823 --> 01:43:12.823
ที่มันเป็นในระนาบ หรือแนวเดียวกัน

1549
01:43:12.826 --> 01:43:16.826
แล้วไม่มี พอเอามาวางแล้วไม่เห็นรอยต่อที่ชัดเจน

1550
01:43:16.828 --> 01:43:20.828
มันระนาบเดียวกันก็จริง แต่มันมีต้นไม้ใหญ่

1551
01:43:20.829 --> 01:43:24.829
มันมาเพิ่มกับก้อนหินนี่มันไม่ต่อเนื่อง บางทีเรา

1552
01:43:24.830 --> 01:43:28.830
อาจจะตัดภาพเฉพาะถึงตรงนี้ก็ได้

1553
01:43:28.830 --> 01:43:32.830
นึกออกนะ เพื่อไม่ให้มันเห็นอันนี้ พื้นมันเป็นแนวเดียวกัน มันก็จะ

1554
01:43:32.833 --> 01:43:36.833
ต่อกันก็ได้ เราจะเอาภาพ

1555
01:43:36.834 --> 01:43:40.834
ประกอบสักเล็กน้อยด้วยนะคะ

1556
01:43:40.835 --> 01:43:44.835

1557
01:43:44.836 --> 01:43:48.836
เพราะตัวนี้ ตัวเกมมันจะไม่นิ่ง ๆ อย่างนี้

1558
01:43:48.837 --> 01:43:52.837
เพราะเมื่อกี้เรา เราไป

1559
01:43:52.838 --> 01:43:56.838
ดาวน์โหลด Sprite มาแล้ว

1560
01:43:56.839 --> 01:44:00.839
มันมีท่าทางการเดินจริง ๆ ซึ่ง

1561
01:44:00.840 --> 01:44:04.840
จะเป็นในสัปดาห์หน้า เพราะฉะนั้น ในสัปดาห์นี้ ท้ายชั่วโมง

1562
01:44:04.841 --> 01:44:08.841
ที่ยังมี Background ไซซ์ตัวเกมเรายังใหญ่

1563
01:44:08.842 --> 01:44:12.842
เด็ก ๆ จะต้องปรับขนาดให้มันเท่ากันทุกตัวก่อน

1564
01:44:12.843 --> 01:44:16.843
นะลูก นึกออกนะ เช่น

1565
01:44:16.844 --> 01:44:20.844
เหมือนนกของเจ้ากุ้งเต้นมันใหญ่ กุ้งเต้นทำนกไว้ใหญ่ใช่ไหมคะ

1566
01:44:20.845 --> 01:44:24.845
กุ้งเต้นต้องไปปรับไซซ์ตัวอื่นด้วย ไม่ใช่

1567
01:44:24.847 --> 01:44:28.847
แค่ตัวเดียว เข้าใจนะคะ มันจะมีตัวที่ 1 ตัวที่ 2

1568
01:44:28.848 --> 01:44:32.848
ตัวที่ 3 ใช่ไหม ในคอลเลกชั่น

1569
01:44:32.849 --> 01:44:36.849
กุ้งเต้นจะต้องปรับตัวอื่น ๆ ให้มันได้ขนาดเท่ากับตัวแรก

1570
01:44:36.850 --> 01:44:40.850
เพราะไม่อย่างนั้นให้นึกถึง เวลา

1571
01:44:40.851 --> 01:44:44.851
เราให้เกมมันเคลื่อนไหว เดี๋ยวมันจะกลายเป็น

1572
01:44:44.852 --> 01:44:48.852
ตัวเล็ก ตัวใหญ่

1573
01:44:48.856 --> 01:44:52.856
นึกออกไหม พอภาพ พอไปเรียกภาพมา

1574
01:44:52.857 --> 01:44:56.857
ต่อ ๆ กันใช่ไหม มันจะกลายเป็นเดี๋ยวตัวนี้ตัวเล็ก

1575
01:44:56.860 --> 01:45:00.860
กระโดดมาทำไมมันตัวใหญ่นึกออกไหม อันนั้น

1576
01:45:00.862 --> 01:45:04.862
เราไม่ได้เล่นเกมเสกคาถา ถ้าอย่างนั้นใช้ได้

1577
01:45:04.863 --> 01:45:08.863
เป็นตัวเล็กแล้วก็เป็นตัวใหญ่ อันนี้อยากให้เห็นว่า

1578
01:45:08.864 --> 01:45:12.864
แล้วมันวิ่งมันเดินให้เห็นการเคลื่อนไหวของมันก่อน

1579
01:45:12.865 --> 01:45:16.865
นะคะ ถ้าทำ Effect ตัวเล็กตัวใหญ่

1580
01:45:16.866 --> 01:45:20.866
หมายถึงว่า เราต้องการจากตัวเล็ก ให้เป็นตัวใหญ่

1581
01:45:20.868 --> 01:45:24.868
ไปเพิ่มไซซ์ให้เป็นตัวใหญ่อย่างนี้ทำอย่างไร เหมือน

1582
01:45:24.869 --> 01:45:28.869
ที่พอกินเห็นหรืออะไรตัวจะใหญ่ขึ้น

1583
01:45:28.870 --> 01:45:32.870
ถ้าอย่างนั้นน่ะ ถึงจะไปใช้เทคนิคที่เรียกว่า "ภาพ

1584
01:45:32.871 --> 01:45:36.871
เล็กกลายเป็นภาพใหญ่ แต่เราจะให้เห็นว่า

1585
01:45:36.874 --> 01:45:40.874
ไอ้ภาพนี้ ไอ้ตัวนี้มันเคลื่อนไหวโดยการเดิน หรือการวิ่ง

1586
01:45:40.875 --> 01:45:44.875
หรืออะไรก็แล้วแต่นี่ ตัวเท่านี้

1587
01:45:44.876 --> 01:45:48.876
มันเดินไปอย่างไร มันวิ่งไปอย่างไร ให้เห็นมุมมองอย่างนี้ก่อน

1588
01:45:48.876 --> 01:45:52.876
ซึ่งเราจะมาต่อในสัปดาห์หน้า เพราะฉะนั้นสัป

1589
01:45:52.877 --> 01:45:56.877
จะต้องเคลียร์รูปที่จะใช้ให้เรียบร้อยเสียก่อนนะค

1590
01:45:56.878 --> 01:46:00.878
คือก็จะพาเรียกใช้รูป

1591
01:46:00.879 --> 01:46:04.879
ในกลุ่มนี้ทุกรูปเลย จะเรียกอย่างไร

1592
01:46:04.880 --> 01:46:08.880
เราจะสร้าง สร้างฟังก์ชัน

1593
01:46:08.881 --> 01:46:12.881
เพื่อให้มันมาเรียกใช้ไอ้รูปที่มันมีเยอะ ๆ นะคะ

1594
01:46:12.882 --> 01:46:16.882
ไม่อย่างนั้นเราจะเขียน KEY ไง KEY

1595
01:46:16.883 --> 01:46:20.883
เยอะ ๆ ซึ่งมันไม่ใช่วิธีการเขียนโปรแกรม โปรแกรมจะต้อง

1596
01:46:20.884 --> 01:46:24.884
ลดขึ้นตอนการคีย์เพื่อเรียกใช้รูป

1597
01:46:24.885 --> 01:46:28.885
ก็คือเราจะเรียกใช้มันแค่ครั้งเดียว เราอาจจะสร้าง

1598
01:46:28.886 --> 01:46:32.886
เพื่อไปเรียกใช้ในครั้งหน้าได้อีก

1599
01:46:32.886 --> 01:46:36.886
โอเคนะคะ สัปดาห์นี้เราจะพอแค่นี้

1600
01:46:36.886 --> 01:46:40.886
นะคะ อันดับแรก อย่าลืมไปแก้รูป

1601
01:46:40.889 --> 01:46:44.889
ให้เอาออก ใครรูปตัวการ์ตูนใหญ่อยู่ ลดไซซ์

1602
01:46:44.890 --> 01:46:48.890
ให้มันเท่ากัน ปรับไซซ์ให้มันเท่ากันทุกตัวนะคะ

1603
01:46:48.891 --> 01:46:52.891
เพราะเราจะใช้ทั้งเซ็ตเลยนะคะ ทั้งเซ็ตที่อยู่

1604
01:46:52.892 --> 01:46:56.892
ในตัวนี้เราน่ะ ในดฟลเดอร์เราน่ะ

1605
01:46:56.893 --> 01:47:00.893
นึกออกไหมลูก นี่ มี 12 รูป ก็

1606
01:47:00.894 --> 01:47:04.894
แก้ทั้ง 12 รูปนะคะ ให้มัน

1607
01:47:04.896 --> 01:47:08.896
ไปในแนวทางเดียวกัน เพราะวิธีการแก้มันก็

1608
01:47:08.897 --> 01:47:12.897
ทำซ้ำ เหมือนเดิม เพียงแค่เปลี่ยน

1609
01:47:12.898 --> 01:47:16.898
แก้ไปทีละรูปแค่นั้นเองนะคะ โอเคนะคะ อย่างนั้นสัปดาห์นี้

1610
01:47:16.899 --> 01:47:20.899
พอแค่นี้ สวัสดีค่ะ

1611
01:47:20.900 --> 01:47:24.900
ทุกคนทำออกได้หมดแลว้

1612
01:47:24.901 --> 01:47:28.901
นะคะ อย่าลืม

1613
01:47:28.902 --> 01:47:32.902
Save ไว้ก่อน

1614
01:47:32.903 --> 01:47:36.903

1615
01:47:36.904 --> 01:47:40.904

1616
01:47:40.906 --> 01:47:44.906

1617
01:47:44.907 --> 01:47:48.907
ปิดได้เลย ปิดได้เลย

1618
01:47:48.911 --> 01:47:52.911

1619
01:47:52.911 --> 01:47:56.911

1620
01:47:56.913 --> 01:48:00.913

1621
01:48:00.917 --> 01:48:04.917
ว่าอย่างไร จะถามหรือเปล่า

1622
01:48:04.919 --> 01:48:08.919

1623
01:48:08.920 --> 01:48:12.920

1624
01:48:12.923 --> 01:48:16.923

1625
01:48:16.927 --> 01:48:20.927

1626
01:48:20.929 --> 01:48:24.929

1627
01:48:24.932 --> 01:48:28.932

1628
01:48:28.935 --> 01:48:32.935

1629
01:48:32.937 --> 01:48:36.937

1630
01:48:36.939 --> 01:48:40.939

1631
01:48:40.940 --> 01:48:44.940

1632
01:48:44.942 --> 01:48:47.946

1633
01:48:48.944 --> 01:48:51.946

1634
01:48:52.946 --> 01:48:55.947

1635
01:48:56.948 --> 01:48:59.949

1636
01:49:00.949 --> 01:49:03.952

1637
01:49:04.951 --> 01:49:04.952

1638
01:49:08.953 --> 01:49:08.954

1639
01:56:49.386 --> 01:56:52.388

1640
01:56:53.387 --> 01:56:53.389

1641
01:57:53.439 --> 01:57:56.443

1642
01:57:57.442 --> 01:58:00.443

1643
01:58:01.446 --> 01:58:04.449

1644
01:58:05.449 --> 01:58:05.451

1645
01:58:09.452 --> 01:58:09.456