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