1
00:00:06,347 --> 00:00:08,443
ทำ App

2
00:00:08,443 --> 00:00:10,175
อีกตัวหนึ่ง ที่ใช้

3
00:00:10,175 --> 00:00:11,859
วิธีการ

4
00:00:11,859 --> 00:00:13,280
แปลว่าอะไร

5
00:00:13,280 --> 00:00:17,280
ก็คือ

6
00:00:18,706 --> 00:00:22,706
hundred ยกตัวอย่างนะคะ

7
00:00:50,183 --> 00:00:53,555
เป็น App ไว้ไว้ว่าไปเขียนน่ะ

8
00:00:53,555 --> 00:00:57,210
จะมีเหมือนสีให้เลือก

9
00:00:57,210 --> 00:00:59,375
App ลักษณะน

10
00:00:59,375 --> 00:01:03,283
ี้ มีสีแล้วก็มี

11
00:01:03,283 --> 00:01:04,550
ขนาดของหัว

12
00:01:04,550 --> 00:01:08,550
แรงนะคะ

13
00:01:10,822 --> 00:01:13,112
เราจะมากำหนดขนาดหัวแปลงแล้วก็กำหนดสีเพื่อให้ใช้เขียนได้วาดได้นะคะ

14
00:01:13,112 --> 00:01:15,226

15
00:01:15,226 --> 00:01:16,151
หลักการเปิด Thunkab

16
00:01:16,151 --> 00:01:17,906
le นะคะ

17
00:01:17,906 --> 00:01:21,079
แล้วให้เด็ก ๆ

18
00:01:21,079 --> 00:01:24,113
สร้าง Projectใหม่เนาะ

19
00:01:24,113 --> 00:01:26,012
เด็ก ๆ ก็คือไปที่

20
00:01:26,012 --> 00:01:27,168
create New Account

21
00:01:27,168 --> 00:01:30,884
นะคะ

22
00:01:30,884 --> 00:01:34,033
create New Account

23
00:01:34,033 --> 00:01:36,201
ชื่อ

24
00:01:36,201 --> 00:01:40,201
หาให้ตั้งชื่อว่า

25
00:01:44,864 --> 00:01:46,197
drawings

26
00:01:46,197 --> 00:01:47,986
นว

27
00:01:47,986 --> 00:01:50,510
ปานวาด

28
00:01:50,510 --> 00:01:54,510
B

29
00:01:56,900 --> 00:02:00,872
R a

30
00:02:00,872 --> 00:02:04,872
W

31
00:02:06,038 --> 00:02:10,038
i n g

32
00:02:11,177 --> 00:02:15,177
แล้วก็เลือก catagory เป็น

33
00:02:15,555 --> 00:02:19,555
Education ก็ได้การศึกษาเนาะ

34
00:02:20,302 --> 00:02:24,302
หาทำเป็น Education นะคะ

35
00:02:25,225 --> 00:02:27,001
ตั้งชื่อเสร็จแล้วก็กด create ได้เลยนะคะ

36
00:02:27,001 --> 00:02:31,001
ของเด็ก ๆ น่ะ การศึกษา

37
00:02:32,627 --> 00:02:35,723
เลือกหมวด Category เ

38
00:02:35,723 --> 00:02:37,785
ป็น Education ของเด็ก ๆ

39
00:02:37,785 --> 00:02:40,343
สร้างใหม่เลยนะคะ

40
00:02:40,343 --> 00:02:44,343
แม่จะใช้ตัวเดิมเพราะว่า

41
00:02:47,111 --> 00:02:50,410
อัปเดตแล้วมันต้องเสียสตางค์เราก็ไม่เราจะใช้ตัวเดิม

42
00:02:50,410 --> 00:02:54,372
ในหน้า

43
00:02:54,372 --> 00:02:56,281
shot นะคะ component ที่เราจะใช้

44
00:02:56,281 --> 00:02:58,135
1 miracles

45
00:02:58,135 --> 00:03:00,832
นะคะ

46
00:03:00,832 --> 00:03:04,832
เราก็มีสไลเดอร์

47
00:03:05,316 --> 00:03:06,687
แล้วก็อีกตัวหนึ่งชื่อว่า

48
00:03:06,687 --> 00:03:10,687

49
00:03:10,768 --> 00:03:12,174
canvas นะคะ ก็คือผ้าใบ

50
00:03:12,174 --> 00:03:13,577
หลักการ ก็คือ

51
00:03:13,577 --> 00:03:17,577
เราจะมี

52
00:03:18,345 --> 00:03:20,192
ปุ่มสี สำหรับเลือกสีอยู่ด้านบน โดยใช้ปุ่ม

53
00:03:20,192 --> 00:03:24,035
นะคะ เป็นตัวสร้าง

54
00:03:24,035 --> 00:03:27,486
ปุ่มสี แล้วก็มี

55
00:03:27,486 --> 00:03:29,858
สไลเดอร์อยู่ด้านล่าง สไลเดอร์ใช้เพื่อ

56
00:03:29,858 --> 00:03:33,188
เพิ่มขนาดของหัว

57
00:03:33,188 --> 00:03:37,188
หัวตัวเขียนเรานั่นเองนะคะ

58
00:03:38,261 --> 00:03:41,002
สุดท้าย Canva  Canva เราอยู่ตรงกันว่าก็คือ

59
00:03:41,002 --> 00:03:44,540
ผืนผ้าใบหรือพื้นที่สำหรับ

60
00:03:44,540 --> 00:03:45,422
ในการวาด หรือเขียนนั่นเองนะคะ

61
00:03:45,422 --> 00:03:48,157
ตัวแรก

62
00:03:48,157 --> 00:03:52,157
ที่เราจะใส่เข้าไปใน

63
00:03:53,717 --> 00:03:57,357
screen ในหน้า App ของเรานะคะ ตัวแรกเลย ก็คือสไลเดอร์

64
00:03:57,357 --> 00:03:59,208
คลิกที่สไลเดอร์นะคะ อยู่ตรง input

65
00:03:59,208 --> 00:04:02,588
ลูก อยู่ตรงหมวด input

66
00:04:02,588 --> 00:04:06,588
อันนี้ไปที่หมวด input ก่อน

67
00:04:06,978 --> 00:04:10,978
Input นะคะ หา Slider อันที่ 2 ใช่ไหมคะ

68
00:04:14,431 --> 00:04:17,762
Input มันจะมีหมวดของมันนะ ใน Component แต่ละตัวของเราน

69
00:04:17,762 --> 00:04:19,177
่ะ เราจะมีทั้งหมด

70
00:04:19,177 --> 00:04:21,805
เป๊ะ

71
00:04:21,805 --> 00:04:25,805
หมวดแรก Basic

72
00:04:28,616 --> 00:04:30,768
หมวดที่ 2 Data  หมดที่ 3 Input หมดที่ 4 มีเบียร์แล้วก็บวชที่ 5 MB

73
00:04:30,768 --> 00:04:34,768
ตอนนี้ ให้ไปที่

74
00:04:34,838 --> 00:04:38,594
Component ที่อยู่ในหมวดที่ 3 input

75
00:04:38,594 --> 00:04:40,845
นะคะ แล้วเลือก

76
00:04:40,845 --> 00:04:43,818
slider ตัวที่ 2 นะคะ

77
00:04:43,818 --> 00:04:47,818
slider เอามาวางด้านล่าง

78
00:04:53,697 --> 00:04:54,445
ลูก เราจะได้แถบเครื่องมือที่เป็นรูปอย่างนี้มีสีน้ำเงินอย่างนี้นะคะ เด็ก ๆ ขยายให้มันเกือบ

79
00:04:54,445 --> 00:04:56,660
เ

80
00:04:56,660 --> 00:05:00,642
ต็มจอหน่อยเด้อ

81
00:05:00,642 --> 00:05:03,252
ขยายพื้นที่ให้น้องเกือบเต็มจออย่างนี้นะคะ

82
00:05:03,252 --> 00:05:07,252
โอเคไหม

83
00:05:07,737 --> 00:05:09,953
ใครยังไม่ได้

84
00:05:09,953 --> 00:05:13,953
slider ตัวนี้ได้หรือยัง ได้หรือยัง

85
00:05:17,350 --> 00:05:19,817

86
00:05:19,817 --> 00:05:23,239
คลิกที่

87
00:05:23,239 --> 00:05:27,239
สไลเดอร์แล้วลากไปวาง

88
00:05:31,288 --> 00:05:33,630
ดูนะคะ ตอนนี้มาที่ Component ที่ชื่อว่า Input เห็นไหม

89
00:05:33,630 --> 00:05:36,477
อันที่ 3 น

90
00:05:36,477 --> 00:05:38,326
ี่ แล้วเลือก slider ที่อยู่ตัวที่ 2

91
00:05:38,326 --> 00:05:40,421
กดเมาส์ค้าง แล้วลาก

92
00:05:40,421 --> 00:05:44,421
วางอย่างนี้นะคะ เอาตัวเดียวนะ

93
00:05:50,249 --> 00:05:54,249
แล้วจัดขนาด โดยการขยายให้มันเกือบเต็มจอค่ะ

94
00:05:54,837 --> 00:05:58,443
แต่ไม่ต้องเต็มนะ เว้นขอบไว้นิดหนึ่ง อย่างนี้นะคะ เห็นไหม

95
00:05:58,443 --> 00:05:59,953
เว้นซ้ายกับขวานิดหนึ่ง

96
00:05:59,953 --> 00:06:03,953
ให้เกือบเต็ม

97
00:06:06,518 --> 00:06:10,518
ทีนี้สิ่งที่เราจะต้องมากำหนดให้ Slider ก็คือกำหนดค่าเริ่มต้น

98
00:06:12,040 --> 00:06:14,556
มันไม่ควรจะมาอยู่ที่ตรงกลางอย่างนี้ มันของไอ้มันจะต้องมาอยู่ที่ค่าเริ่มต้น

99
00:06:14,556 --> 00:06:18,556
แล้วก็ค่าสูงสุดของจำนวน

100
00:06:19,767 --> 00:06:23,767
ที่มันจะ slide ได้ไปจนถึง

101
00:06:25,260 --> 00:06:28,961
ด้านหลังสุดนะคะ

102
00:06:28,961 --> 00:06:31,920
คลิกที่ slider ของเราแล้วมาดูที่ เห็นไหม

103
00:06:31,920 --> 00:06:35,920

104
00:06:36,784 --> 00:06:40,236
Properties Properties ที่อยู่ขวามือเห็นไหมคะ ให้เด็ก ๆ มาที่นี่

105
00:06:40,236 --> 00:06:43,211
value

106
00:06:43,211 --> 00:06:44,540
Value Length เห็นหรือยัง

107
00:06:44,540 --> 00:06:47,645
วัแรก

108
00:06:47,645 --> 00:06:51,277
ก็คือค่าต่ำสุดคือ 0

109
00:06:51,277 --> 00:06:52,922
Max ค่าสูงสุด

110
00:06:52,922 --> 00:06:55,100
ให้พิมพ์

111
00:06:55,100 --> 00:06:59,100
ค่าสูงสุดจนมาถึง

112
00:06:59,575 --> 00:07:03,575
อันหลังสุดนี่ มันจะอยู่ที่ประมาณ

113
00:07:08,109 --> 00:07:12,109
200

114
00:07:12,783 --> 00:07:16,770
250 นะ

115
00:07:16,770 --> 00:07:19,777
เอาให้สัก 250 ค่ะ

116
00:07:19,777 --> 00:07:23,777
แล้วก็ค่า

117
00:07:25,684 --> 00:07:27,140
value เห็นไหมคะ valueตัวบนสุดกำหนดค่า Value เริ่มต้นที่

118
00:07:27,140 --> 00:07:31,140
0 ค่ะ

119
00:07:36,246 --> 00:07:39,999
ใส่ 0 นะคะ ใน slider Properties หรือคุณสมบัติที่เราจะต้องกำหนดคือ 1

120
00:07:39,999 --> 00:07:43,999
ช่องแวลูใส่ 0

121
00:07:46,632 --> 00:07:48,556
Step นี่ คือ  1 คือให้มันเพิ่มทีละ 1 ถ้าเราอยากให้มันเพิ่มมากกว่านี้เราก็

122
00:07:48,556 --> 00:07:52,441
แก้ได้ทีหลังนะคะ

123
00:07:52,441 --> 00:07:54,374
ค่าต่ำสุดคือ 0 ก็คือให้มันเริ่มจาก 0 ก็คือ

124
00:07:54,374 --> 00:07:55,895
เริ่มต้นที่ตำแหน่ง

125
00:07:55,895 --> 00:07:58,985
มุมซ้าย

126
00:07:58,985 --> 00:08:02,218
นะคะ และสูงสุด

127
00:08:02,218 --> 00:08:03,787
250 ก็คือมันจะเลื่อนมาได้จนถึง

128
00:08:03,787 --> 00:08:06,558
ด้านหลังสุดนะคะ

129
00:08:06,558 --> 00:08:09,796
ก็คือเลื่อนขนาดตัวนี้

130
00:08:09,796 --> 00:08:13,796
slider งนี่ มาได้ถึง 250

131
00:08:17,637 --> 00:08:18,325
เราได้ส่วนของ slider แล้วนะคะ ส่วนต่อไปที่เราจะทำก็คือส่วนของปุ่ม

132
00:08:18,325 --> 00:08:21,462
ที่จะ

133
00:08:21,462 --> 00:08:25,462
เป็นปุ่มสำหรับ

134
00:08:27,246 --> 00:08:30,539
สีน่ะ ดเลือกสีนั้นสีนี้นะคะ หลักการง่าย ๆ

135
00:08:30,539 --> 00:08:32,489
ให้เราเลือก component ที่ชื่อว่า Basic

136
00:08:32,489 --> 00:08:35,591
เลือก

137
00:08:35,591 --> 00:08:39,591
Component  แรก Botton อันแรกเลย

138
00:08:39,843 --> 00:08:43,843
ลากมาวาง 1 อัน เอาแค่อันเดียวก่อนนะลูก

139
00:08:46,954 --> 00:08:50,954
มันจะมีคำว่า "Button" อยู่ตรงกลาง ให้เด็ก ๆ ไปที่

140
00:08:51,005 --> 00:08:52,349
ฝั่ง Properties ที่มันจะมีช่อง

141
00:08:52,349 --> 00:08:54,839
ชื่อมันนี่

142
00:08:54,839 --> 00:08:58,830
ลบออกค่ะ

143
00:08:58,830 --> 00:09:02,830
ลบคำว่า Button ที่อยู่ตรงนี้ออกใช่ไหม

144
00:09:06,017 --> 00:09:10,017
จะได้แผ่นอย่างนี้ เราต้องการเป็นลักษณะกลม ๆ เพราะฉะนั้น เราย่นข

145
00:09:12,815 --> 00:09:14,250
อบมันเข้าไป วงกลมขนาดนี้เห็นไหมคะ

146
00:09:14,250 --> 00:09:16,613
ได้ไหม

147
00:09:16,613 --> 00:09:19,871
สีแรก

148
00:09:19,871 --> 00:09:23,871
หลักการง่าย ๆ เราเลือกจากไอ้นี่เลยลูก เห็นไหม

149
00:09:25,473 --> 00:09:27,598
สั่งสีตามค่าสีเลยสีแรกคือสีอะไร สีแดงใช่ห

150
00:09:27,598 --> 00:09:29,455
รือเปล่า สีแดงหรือสีส้ม

151
00:09:29,455 --> 00:09:33,455
ส้มแล้วกัน

152
00:09:34,926 --> 00:09:38,926
ออกโทนส้มจะเอาสีส้มนะคะ เป็นสีที่ 1

153
00:09:38,986 --> 00:09:42,986
ได้กลม ๆ อันแรกแล้ว

154
00:09:45,417 --> 00:09:46,543
เราอยากให้มันได้ขนาดเท่า ๆ กัน เพราะฉะนั้น เรากดที่เห็นไหมคะ

155
00:09:46,543 --> 00:09:49,817

156
00:09:49,817 --> 00:09:50,687
ตรง Properties ส่วนหัวที่มีจุด 3 จุด

157
00:09:50,687 --> 00:09:53,085
เลือก

158
00:09:53,085 --> 00:09:57,085
Duplicate ทำซ้ำ

159
00:09:59,144 --> 00:10:03,144
ทำซ้ำ แล้วกดที่ตัวนั้นแล้วลากออกมา 1 อัน

160
00:10:05,608 --> 00:10:09,608
เห็นไหม ทำซ้ำ แล้วเราไปเปลี่ยนอะไรคะ เปลี่ยนสีที่ 2

161
00:10:12,753 --> 00:10:16,753
เมื่อกี้แดงแล้ ว ก็เป็นมันมา ก็คือเหลือแค่เราอยากได้สีเหลือง

162
00:10:41,256 --> 00:10:44,321
หน้าสีเหลืองนะคะ

163
00:10:44,321 --> 00:10:45,274
เหมือนเดิมค่ะ ทำให้ครบ

164
00:10:45,274 --> 00:10:49,274
อะไร

165
00:10:49,832 --> 00:10:51,421
ไล่สีก่อนนะเด็ก ๆ มีแดง เหลือง เขียว

166
00:10:51,421 --> 00:10:53,282
น้ำเงิน

167
00:10:53,282 --> 00:10:57,282
ม่วง

168
00:10:57,344 --> 00:11:00,349
ไม่ใช่แดงสิอันแรกส้มนะส้ม

169
00:11:00,349 --> 00:11:02,577
ก็มันเหลืองแล้วก็มาเขียว

170
00:11:02,577 --> 00:11:04,999
แล้วก็ฟ้า

171
00:11:04,999 --> 00:11:07,177
น้ำเงิน

172
00:11:07,177 --> 00:11:10,166
ม่วง ชมพู

173
00:11:10,166 --> 00:11:14,166
และสุดท้าย แดงนะคะ

174
00:11:14,696 --> 00:11:17,564
ทำ ทำต่อค่ะ เด็ก ๆ ทำต่อ Duplicate ต่อ เหมือนเดิม

175
00:11:17,564 --> 00:11:21,564
ทำซ้ำอีกครั้งหนึ่ง

176
00:11:26,381 --> 00:11:30,381
เวลากดระวังนะคะ มันจะลากขยาย เราอยากได้ขนาดมันเท่าเดิม

177
00:11:33,475 --> 00:11:37,475
ถ้าขนาดมันไม่เท่าเดิ ม เดี๋ยวเราลบทิ้งก่อน เอาใหม่

178
00:11:40,450 --> 00:11:42,565
เราก็กดโดนที่ Duplicate นะคะ เราจะได้ไม่ต้องไปแก้ไขมันใหม่

179
00:11:42,565 --> 00:11:44,656
เราแค่ไปเปลี่ยนตรงสี

180
00:11:44,656 --> 00:11:47,831
นอกไป

181
00:11:47,831 --> 00:11:48,955
ก็เปลี่ยนสี

182
00:11:48,955 --> 00:11:52,955
เป็นเขียว

183
00:11:56,028 --> 00:11:57,144
แล้วก็เหมือนเดิมทำซ้ำสีถัดไป

184
00:11:57,144 --> 00:11:59,250
นะคะ Du

185
00:11:59,250 --> 00:12:03,250

186
00:12:03,528 --> 00:12:06,994
plicate ซ้ำแล้วก็ลากออกไป

187
00:12:06,994 --> 00:12:10,665
เขียวแล้วะไรต่อ

188
00:12:10,665 --> 00:12:14,665
หว่า เขียวฟ้า ฟ้า

189
00:12:16,716 --> 00:12:20,716
ขอฟ้าแบบ

190
00:12:21,452 --> 00:12:25,308
... ฟ้า

191
00:12:25,308 --> 00:12:29,308
โอเค ฟ้าแล้วก็น้ำเงิน

192
00:12:37,137 --> 00:12:39,662
ดูการจัดแนวนะ เห็นไหมมันจะมีเส้นสีขึ้นมาน

193
00:12:39,662 --> 00:12:43,662
ะ เราจะได้เห็นว่ามันอยู่ในแนวเดียวกันหรือเปล่า

194
00:12:43,990 --> 00:12:47,990
น้ำเงินนะคะ ต่

195
00:12:49,469 --> 00:12:51,353
อไปสีน้ำเงิน น้ำเงินเราก็

196
00:12:51,353 --> 00:12:55,353
น้ำเงินแล้วก็ Duplicate เพิ่ม

197
00:13:00,331 --> 00:13:02,188
น้ำเงินแล้วก็

198
00:13:02,188 --> 00:13:06,188
ม่วง

199
00:13:11,837 --> 00:13:14,143
ม่วงแล้วก็สีอะไรเอ่ย

200
00:13:14,143 --> 00:13:18,143
สีอะไรเอ่ย ชมพู

201
00:13:20,773 --> 00:13:24,773
สีสุดท้ายแล้วนะคะ สีสุดท้าย

202
00:13:28,177 --> 00:13:32,177
สีสุดท้าย คือ สีแดง

203
00:13:51,667 --> 00:13:55,624
ทีนี้มีสีแล้วทีนี้เผื่อจะลบไม่ออกไหมเราจะลบน้องออกน

204
00:13:55,624 --> 00:13:58,800
่ะหารูป

205
00:13:58,800 --> 00:14:00,731
ยางลบมาใส่แทนแล้วกันนะคะ

206
00:14:00,731 --> 00:14:04,731
เพราะอะนนี้เป็นปุ่มสีนะ

207
00:14:08,941 --> 00:14:12,325
ยางลบนะคะ ยางลบ

208
00:14:12,325 --> 00:14:16,325
หาภาพยางลบ

209
00:14:22,702 --> 00:14:26,702
เราอยากได้ภาพที่เป็นภาพวาด เราก็เติมด้วย Vector เข้าไป

210
00:14:37,187 --> 00:14:40,437
ขอเอา

211
00:14:40,437 --> 00:14:44,437
รูปนี้แล้วกัน

212
00:14:46,999 --> 00:14:50,068
เอารูปนี้แล้วกันนะคะ

213
00:14:50,068 --> 00:14:54,068
จะเอารูปอื่น

214
00:14:54,231 --> 00:14:57,856
ได้ยางลบสีอะไรเลือกเอานะเด็ก ๆ

215
00:14:57,856 --> 00:14:58,868
ให้เห็นว่าถ้าเลือก

216
00:14:58,868 --> 00:15:01,348
ปุ่มนี้มันจะเป็นลบน

217
00:15:01,348 --> 00:15:05,348
่ะ ให้มันลบออก

218
00:15:05,420 --> 00:15:07,233
อันนี้แหละนะ

219
00:15:07,233 --> 00:15:10,805
เอาสีนี้แหละ

220
00:15:10,805 --> 00:15:12,810
ขอ

221
00:15:12,810 --> 00:15:14,905
บันทึกรูปภาพเป็น

222
00:15:14,905 --> 00:15:18,905
อันนี้ Pic

223
00:15:19,659 --> 00:15:21,390
ture ยางลบชื่อยางลบภาษาอังกฤษ ก็คือ

224
00:15:21,390 --> 00:15:25,390
Eraser นะคะ

225
00:15:27,435 --> 00:15:30,597

226
00:15:30,597 --> 00:15:34,597
e e-r-a- s -e- r

227
00:15:52,131 --> 00:15:53,742

228
00:15:53,742 --> 00:15:57,742
แล้วขอปุ่มเพิ่ม

229
00:15:59,081 --> 00:16:03,081
ขอทำซ้ำ ไซซ์มันจะได้เท่ากัน

230
00:16:06,047 --> 00:16:10,047
แต่เราจะไม่ใส่สี เราจะเปลี่ยน

231
00:16:10,474 --> 00:16:12,084
ดูนะครับ วิธีการเอาภาพเข้ามาใส่

232
00:16:12,084 --> 00:16:15,922
Background

233
00:16:15,922 --> 00:16:17,695
คลิกที่คำว่า Background

234
00:16:17,695 --> 00:16:20,160
เลือก

235
00:16:20,160 --> 00:16:24,160
เป็น image แทน เห็นไหม

236
00:16:25,488 --> 00:16:28,177
Background และเลือก Image นะคะ

237
00:16:28,177 --> 00:16:30,608
Image แล้วให้เราคลิก

238
00:16:30,608 --> 00:16:34,608
ที่ No False เนี่

239
00:16:38,869 --> 00:16:42,869
เลือกอัปโหลดไฟล์เหมือนเดิมวิธีการเอาภาพเข้าจำได้นะ เหมือนเดิมนะคะ

240
00:16:46,298 --> 00:16:47,919
ให้มาได้รูปยางลบแล้วนะคะ

241
00:16:47,919 --> 00:16:51,919

242
00:17:00,266 --> 00:17:04,266
เดี๋ยวจะเดินดูนะคะ ว่าใครทำสี แล้วก็ยังลบครบแล้วนะคะ

243
00:17:05,554 --> 00:17:07,232
ไม่อย่างนั้นเดี๋ยวเราทำตัวอื่นต่อไม่ได้นะคะ ต้องทำตัวนี้ให้ได้ก่อน

244
00:17:07,232 --> 00:17:08,701
นะคะ เพราะเป็น

245
00:17:08,701 --> 00:17:12,102
หลักสำคัญ จัด

246
00:17:12,102 --> 00:17:16,102
จัดให้สวยงาม เมื่อกี้ตำแหน่งไม่สวย จัดใหม่

247
00:17:29,490 --> 00:17:33,490
จัดวางให้สวยงามนะลูก

248
00:20:47,466 --> 00:20:49,986
บางคนทำขนาดใหญ่เกินไปนะคะ

249
00:20:49,986 --> 00:20:51,754
ลดขนาดได้นะลูก

250
00:20:51,754 --> 00:20:54,441
วิธีการดูนะคะ

251
00:20:54,441 --> 00:20:57,986
ถ้าเราทำไปแล้ว

252
00:20:57,986 --> 00:21:00,227
ขนาดไม่เท่ากันนี่ เด็ก ๆ เช็กที่ตำแหน่งนี้ลูก

253
00:21:00,227 --> 00:21:04,227
เอารูปแรกเป็นหลักนะ

254
00:21:05,278 --> 00:21:09,278
ตรง layout ของ Properties นี่

255
00:21:13,660 --> 00:21:16,373
ตรง layout เห็นไหมคะ ให้เด็ก ๆ ดูที่ตำแหน่ง w w ก็คือ Y Y นั่นก็คือความกว้าง

256
00:21:16,373 --> 00:21:19,710
ขอดูที่ตำแหน่งตัว H

257
00:21:19,710 --> 00:21:22,444
ก็คือหายก็คือความสูงนะคะ

258
00:21:22,444 --> 00:21:26,444
เราอยากให้มันเท่ากัน เช่น

259
00:21:27,562 --> 00:21:31,562
กว้างสูงเท่ากันก็อันนี้ 32 เพราะฉะนั้น Hight เราก็ใส่ 3

260
00:21:36,271 --> 00:21:40,271
2 ตัวอื่นเราก็ทำ Size เดียวกันก็คิดตรงไปแล้วก็มา

261
00:21:44,457 --> 00:21:47,061
ที่ W 32 แก้ให้เท่ากันมันก็จะได้ขนาดของปุ่มเท่า ๆ กันทุกอันเลย

262
00:21:47,061 --> 00:21:51,061
นะคะ มาแก้ที่ตำแหน่งนี้ได้นะลูก

263
00:21:55,760 --> 00:21:59,760
แก้ความกว้างและความสูงของมัน wide กับ High แค่นั้นเอง

264
00:22:00,394 --> 00:22:04,394
ไซซ์จะเท่ากันเป๊ะ เลยถ้าใครทำแล้วไม่เท่ากันน่ะ

265
00:22:12,234 --> 00:22:16,234
เราเช็กได้นะคะ ว่าขนาดเรามันเท่ากันไหม เห็นไหม ถ้า

266
00:22:16,273 --> 00:22:20,273
ไม่เท่าเราก็แก้ได้

267
00:22:20,551 --> 00:22:24,551
อยากให้มันเท่ากันมันจะได้ดูสวย ๆ นะคะ

268
00:22:25,048 --> 00:22:29,048
ทำงานก็ทำทั้งทีก็ทำให้มันสวย ๆ

269
00:23:00,905 --> 00:23:04,905
แล้วก็ตำแหน่งการจัดวางบอกทุกครั้งพอเวลาเราจัดมันจะมีเส้นสีชมพูขึ้นมา

270
00:23:06,668 --> 00:23:07,577
และแนวเดียวกันมันก็จะขึ้นระนาบให้ดูว่าอยู่ในแนวเดียวกันแล้วนะ

271
00:23:07,577 --> 00:23:11,577
อย่างนี้นะคะ

272
00:23:19,210 --> 00:23:23,210
นี่ เห็นไหม มันจะเป็นอย่างนี้เลย

273
00:23:30,690 --> 00:23:34,690

274
00:23:34,794 --> 00:23:38,794
โอเค เมื่อกี้ไปเดินสำรวจมาแล้ว เด็ก ๆ ได้เกือบ

275
00:23:41,099 --> 00:23:43,532
... ได้ครบหมดแล้วล่ะ ทีนี้เรามาเพิ่มนะคะ องค์ประกอบที่เราจะเพิ่ม อยู่ที่

276
00:23:43,532 --> 00:23:45,493
compartment นะคะ ที่

277
00:23:45,493 --> 00:23:48,629
แถบเครื่องมือทาง

278
00:23:48,629 --> 00:23:51,198
ซ้ายมือ Component ที่ชื่อ

279
00:23:51,198 --> 00:23:55,198
อะไร

280
00:23:55,660 --> 00:23:59,660
Canva Canva อยู่

281
00:24:02,137 --> 00:24:06,137
อยู่ตัวสุดท้ายนะคะ mbed

282
00:24:08,882 --> 00:24:12,882
เลือกอันที่ 3 1 2 3

283
00:24:13,050 --> 00:24:17,050
Canva รูปเหมือนผ้าใบนี่ค่ะ คลิกค้างแล้วเอาไปวาง

284
00:24:17,552 --> 00:24:21,552
พื้นที่ที่เราจะทำก็คือเห็นนะ

285
00:24:23,465 --> 00:24:27,465
ตั้งแต่ขอบสีข้างบนลงมาจนถึงตรงนี้

286
00:24:30,034 --> 00:24:34,034
เห็นไหมคะ ให้ลักษณะกรอบผืนผ้าใบเรา

287
00:24:34,544 --> 00:24:37,914
อยู่ตรงพื้นที่นี้ เห็นห

288
00:24:37,914 --> 00:24:41,914
รือเปล่า เห็นหรือยังเอ่ย

289
00:24:47,656 --> 00:24:48,900
นี่ ถ้าใครเลือกถูกอัน Canva มันจะมีตัวหนอนโผล่ ขึ้นมาแบบนี้นะคะ

290
00:24:48,900 --> 00:24:50,871
เจ้าหนอนแดง

291
00:24:50,871 --> 00:24:54,871

292
00:25:00,486 --> 00:25:04,486
Dead worm เลือก Canvas นะคะ ฉันว่าแล้วปรับขนาดให้เท่ากับ

293
00:25:06,722 --> 00:25:07,759
ที่แม่วางไว้ก็คือให้เกือบเต็มกรอบแต่ไม่เกินแถบสีแบบแถบ

294
00:25:07,759 --> 00:25:11,759
Slider ของเรา

295
00:26:13,477 --> 00:26:17,477
เวลาจัดนะลูก

296
00:26:20,581 --> 00:26:24,581
สังเกตว่าใช่ไหมตรงนี้แม่ไม่ได้เอามาทับตัว

297
00:26:27,626 --> 00:26:29,288
ส่วนนี้ มันจะมีของมันนะ ดูนะคะ เพราะถ้าเด็ก ๆ ไปทับกันมานี่ พอไปวางท

298
00:26:29,288 --> 00:26:33,288
ับ ดี๋ยวมันจะใช้

299
00:26:37,151 --> 00:26:41,151
มันจะใช้ไอ้พวกนี้ไม่ได้ไม่ออกนะคะ เพราะฉะนั้น ถึงได้บอกว่า

300
00:26:41,659 --> 00:26:44,679
พื้นที่ให้แต่ละส่วนด้วยนะคะ แต่ละกรอบ

301
00:26:44,679 --> 00:26:48,679
เหมือนตรงนี้แม่ก็ไม่ได้เอาไปทับข้างบน

302
00:26:54,286 --> 00:26:57,233
นะคะ เราแบ่งสัดส่วนดี ๆ แบ่งดี ๆ นะคะ กรอบทำแต่ไม่ถึงกับทำเต็มก็มีพื้นที่

303
00:26:57,233 --> 00:27:01,233
ไปนิดหนึ่งอย่างละนิดอย่างละหน่อย

304
00:27:05,740 --> 00:27:09,740

305
00:27:24,547 --> 00:27:27,417
โอเค ส่วนใครที่ได้ Canvas มาแล้ว

306
00:27:27,417 --> 00:27:31,344
เด็ก ๆ เห็นตัวหนอนอันแรกไหมคะ

307
00:27:31,344 --> 00:27:34,192
ตัวแรก คลิกที่ตัวหนอนอันแรก

308
00:27:34,192 --> 00:27:36,752
แล้วคลิก

309
00:27:36,752 --> 00:27:40,752
ถังขยะเรา ลบออกค่ะ

310
00:27:42,263 --> 00:27:45,019
เราไม่ต้องการไอ้รูปตัวหนอนนี้มาโชว์ นึกออกไหม เราต้องการแคบ

311
00:27:45,019 --> 00:27:47,012
ผืนผ้าใบเฉย ๆ นะคะ

312
00:27:47,012 --> 00:27:48,316
อะไรขึ้นมา

313
00:27:48,316 --> 00:27:52,316
เตือนเยอะแท้

314
00:27:56,346 --> 00:28:00,346
เสร็จแล้วคลิกกลับไปที่ Canvas เรานะคะเด็ก ๆ

315
00:28:02,392 --> 00:28:06,392
เจ้าหนอนต้องหายไปนะเราเอาแค่

316
00:28:07,213 --> 00:28:11,023
ผืนผ้าใบเปล่า

317
00:28:11,023 --> 00:28:13,015
ใครยังทำหนอนหายไปไม่ได้ คลิกเข้าไปที่ตรงนี้

318
00:28:13,015 --> 00:28:17,015
แล้วมันจะมี

319
00:28:17,387 --> 00:28:19,187
มาแต่เดิมนี่มันจะมีหนอนวางอยู่

320
00:28:19,187 --> 00:28:23,187
นะคะ แล้วลบออกแค่นั้นเอง

321
00:32:58,353 --> 00:33:01,035
โอเคนะคะ ทุกคนได้แล้วนะคะ ตอนนี้

322
00:33:01,035 --> 00:33:04,106
เด็ก ๆ จะมีองค์ประกอบของ

323
00:33:04,106 --> 00:33:08,106
... ทำไมไม่เข้ามา

324
00:33:18,055 --> 00:33:22,055
ใจเย็น ๆ เครื่องค้าง ไปสิจ๊ะ โอเ

325
00:33:24,347 --> 00:33:28,347
ค แหม ดูนะคะ เราจะมีปุ่มสีละนะ ด็ก ๆ แล้วก็มีตัว

326
00:33:28,365 --> 00:33:29,798
slider วาดสไลเดอร์เนี่ยสำหรับเพิ่มขนาดของ

327
00:33:29,798 --> 00:33:33,798
หัวพู่กันหรือหัว

328
00:33:35,738 --> 00:33:38,922
ดินสออะไรก็แล้วแต่ แล้วก็ตัวฉันว่านี้นะคะ ไว้

329
00:33:38,922 --> 00:33:42,922
เป็นพื้นที่สำหรับ Canvas

330
00:34:51,911 --> 00:34:55,911
เดี๋ยวเรามากำหนดค่าตรงนี้นะคะ ให้เด็ก ๆ คลิกเข้าไปที่

331
00:34:56,760 --> 00:34:58,535
ดูนะคะ เด็ก ๆ จะเห็น Canvas ใช่ไหม คลิกเข้าไป

332
00:34:58,535 --> 00:35:01,392
ใน Canvas ค่ะ

333
00:35:01,392 --> 00:35:03,854
ที่ Component เราเห็นไหมคะ

334
00:35:03,854 --> 00:35:05,416
แล้วคลิกที่

335
00:35:05,416 --> 00:35:09,416
81

336
00:35:13,517 --> 00:35:17,458
ตรง Properties จะต้องขึ้นคำว่า Toucแล้วเลื่อนไปที่ตำแหน่งท้อง

337
00:35:17,458 --> 00:35:21,288
dorking เห็นไหมคะ

338
00:35:21,288 --> 00:35:23,964
เปิดเราต้องเปิดพัดลมนะคะ

339
00:35:23,964 --> 00:35:26,721
เลื่อนเปิด

340
00:35:26,721 --> 00:35:30,721
ตำแหน่งนี้เห็น

341
00:35:30,757 --> 00:35:34,757
หรือเปล่าลูก  ใครหาตำแหน่งนี้ไม่เจอ

342
00:35:35,186 --> 00:35:38,245
เด็ก ๆ ต้องเข้าไปที่ Page นะคะ ใน Canvas ก่อน

343
00:35:38,245 --> 00:35:40,032
เห็นไหมนี่  Canvas มันจะมีซ่อนอยู่นี่

344
00:35:40,032 --> 00:35:44,032
ถ้าเรา

345
00:35:46,451 --> 00:35:49,661
ไม่คลิกนี่มันจะไม่เห็นคำว่า state ขึ้นมาใช่ไหมคะ เด็ก ๆ คิดเข้าไป 1 ครั้ง

346
00:35:49,661 --> 00:35:51,581
stage มันจะขึ้นมาเพราะ state ขึ้นมา

347
00:35:51,581 --> 00:35:52,394
เด็ก

348
00:35:52,394 --> 00:35:55,022
คลิกที่ state นะคะ

349
00:35:55,022 --> 00:35:57,344
แล้วมาเลือก

350
00:35:57,344 --> 00:36:01,344

351
00:36:02,447 --> 00:36:06,359
touch drawing touch drawing ปิดไว้อยู่เป็นสีเทาอย่างนี้

352
00:36:06,359 --> 00:36:10,359
เราต้องเปิดมันนะคะ เพื่อใช้งาน password

353
00:36:12,629 --> 00:36:13,667
ให้เป็นสีน้ำเงินขึ้นเปิดค้างไว้เดี๋ยวจะไปเดินดูว่าใครยังไม่เปิด

354
00:36:13,667 --> 00:36:17,667
Touch Drawing

355
00:36:46,900 --> 00:36:49,183
โอเคนะคะ พร้อมจะเขียนโค้ดหรือยังเด็ก ๆ

356
00:36:49,183 --> 00:36:53,183
ถ้าพร้อมแล้ว

357
00:36:55,160 --> 00:36:59,160
เตรียมพร้อมนะคะ เรากลับไปที่ Screen ของเราค่ะ ทีนี้

358
00:37:01,914 --> 00:37:05,914
แล้วเลือก Blocks

359
00:37:07,972 --> 00:37:11,465
เลือก Screen ก่อนนะแล้วมาเลือก Blocks นะคะ ทีน

360
00:37:11,465 --> 00:37:15,465
ปีนี้ล็อคเนี้ย

361
00:37:15,594 --> 00:37:17,667
เด็ก ๆ ดูนะคะ มันจะอยู่ที่

362
00:37:17,667 --> 00:37:21,667
ชื่อว่า

363
00:37:21,859 --> 00:37:25,859
Advance เด็ก ๆ ต้องไปที่ Advance ลูก

364
00:37:27,010 --> 00:37:28,811
ไปที่ blockล่างสุดเลย  advance เห็นไหมคะ

365
00:37:28,811 --> 00:37:31,170
แล้วก็เลือก

366
00:37:31,170 --> 00:37:33,625
any component

367
00:37:33,625 --> 00:37:34,980
any component นะคะ

368
00:37:34,980 --> 00:37:38,980
คลิก 1 ครั้ง

369
00:37:44,463 --> 00:37:48,463
ใช่ ๆ อยู่ที่  Advance อยู่ที่ Advance เห็นไหมคะ

370
00:37:49,721 --> 00:37:53,061
อยู่ที่ Blocks ตัวสุดท้ายที่ชื่อว่า Advance

371
00:37:53,061 --> 00:37:56,337
ตัวสุดท้าย dvanced แล้วก็อยู่ที่

372
00:37:56,337 --> 00:38:00,337
อันสุดท้ายด้วย นะคะ

373
00:38:06,476 --> 00:38:10,476
หลักการของเราอาจจะให้ดูหน้า Design ก็คือเมื่อเราเปิด

374
00:38:10,809 --> 00:38:12,450
หน้า App ขึ้นมานะ แล้วสิ่งที่เราจะสามารถทำได้ ก็คือ

375
00:38:12,450 --> 00:38:14,293
ถ้ากดปุ่ม

376
00:38:14,293 --> 00:38:18,293
ใช่ไหม ถ้ากดปุ่มสี

377
00:38:19,663 --> 00:38:23,663
เราก็จะเขียนสีนี้ได้ นึกออกนะ มันก็จะเขียนไปตามสี ก็คือ

378
00:38:24,813 --> 00:38:28,813
ให้ปุ่มทุกปุ่มนี่ มันทำงาน

379
00:38:30,105 --> 00:38:34,105
ทำงานแล้วทำอย่างไร มนี้แล้วทำอย่างไร ก็ให้นึกถึงว่าถ้ากดสีส้ม

380
00:38:35,006 --> 00:38:39,006
เวลาเราวาดออกมาว่าเป็นสีส้มถูกไหมคะ

381
00:38:39,556 --> 00:38:41,340
ถ้ากดสีเหลืองเวลาวาดก็ต้องเป็นสีเหลือง กดสีไหนไม่ว่าออกมาเป็นสีนั้น

382
00:38:41,340 --> 00:38:42,513
แต่ถ้ากดปุ่มลบ

383
00:38:42,513 --> 00:38:43,960
ลืม

384
00:38:43,960 --> 00:38:47,960
เดี๋ยวจะงง

385
00:38:49,250 --> 00:38:53,250
เด็ก ๆ มาที่หน้า Design ก่อนลูกแป๊บหนึ่งกลับมาที่หน้า Design ก่อน

386
00:38:54,953 --> 00:38:58,953
ให้เราเลือกที่ปุ่มที่เป็นรูปยางลบของเราค่ะ

387
00:39:00,554 --> 00:39:04,554
แล้วเราไปตั้งชื่อให้น้อง

388
00:39:05,235 --> 00:39:07,409
ใหม่ก่อน ไม่เอา Bottom 8 ให้รู้ไปเลยว่าปุ่มนี้เป็นยังลบ

389
00:39:07,409 --> 00:39:10,548
เห็นไหมคะ

390
00:39:10,548 --> 00:39:13,770
คลิกเข้าไปที่ตรงตำแหน่งชื่อมั นแล้วก็

391
00:39:13,770 --> 00:39:16,585
แก้ชื่อเป็น

392
00:39:16,585 --> 00:39:18,437
Eraser

393
00:39:18,437 --> 00:39:21,793

394
00:39:21,793 --> 00:39:25,793
E-r-a-s-e-r นั่นก็คือถ้าเรากดปุ่มลบ

395
00:39:25,832 --> 00:39:29,832
นะ มันก็จะต้องลบไอ้สิ่งที่อยู่ในหน้า

396
00:39:31,447 --> 00:39:35,447
ในผืนผ้าใบเรานี่ออกไปนะคะ Eraser นะคะ

397
00:39:35,560 --> 00:39:38,852
ตัวอื่นไม่ต้องแก้เพราะจิ้มตามสี

398
00:39:38,852 --> 00:39:39,891
ออกตามสีนั้นว่าอย่างนั้นเถอะ

399
00:39:39,891 --> 00:39:42,577
นะคะ

400
00:39:42,577 --> 00:39:44,696
เพราะเราใส่ค่าให้

401
00:39:44,696 --> 00:39:48,696
เข้าไปแล้ว เรียบร้อยแล้วด้วย

402
00:39:52,613 --> 00:39:55,510
คลิกนะคะ ที่ปุ่มสุดท้าย ที่เป็นรูปยางลบ และชื่อปุ่มจะต้องขึ้นว่า

403
00:39:55,510 --> 00:39:59,510
eraser โอพร้อมไปที่

404
00:39:59,539 --> 00:40:03,539
การเขียน Coding ไปที่ Blocks ของเราแล้วนะคะ

405
00:40:06,289 --> 00:40:08,709
คลิกที่ Screen ของเราค่ะ คลิก Screen แล้วก็เลือก นะคะ

406
00:40:08,709 --> 00:40:12,709
ไปที่

407
00:40:14,009 --> 00:40:17,261
คำว่านั้น Advance ตัวสุดท้าย

408
00:40:17,261 --> 00:40:21,261
เลือก

409
00:40:24,971 --> 00:40:28,971
Any Component  Blocks ที่เราจะเลือกก็คือเมื่อเห็นไหมคะ Any Butto ปุ่มใด ๆ

410
00:40:31,044 --> 00:40:32,871
ปุ่มใด ๆ โดนกดนี่ ดู ให้ทำอะไร เราจะเลือกตัวนี้ออกมา

411
00:40:32,871 --> 00:40:36,871
เอาอันนี้ออกมา

412
00:40:38,537 --> 00:40:40,885
เพราะใน block นี้ มันบอกไว้ว่าเมื่อมีการกดปุ่มอะไรก็แล้วแต่

413
00:40:40,885 --> 00:40:41,983
any Boston

414
00:40:41,983 --> 00:40:45,983
เมื่อมีการค

415
00:40:46,870 --> 00:40:50,870
ลิก จะทำอะไรทำอะไรได้มาดูกัน

416
00:40:51,117 --> 00:40:55,117
สิ่งที่เราอยากให้ทำ ก็คือ

417
00:40:57,421 --> 00:41:00,892
ผ้าใบของเรานึกออกนะ เพราะฉะนั้น เราต้องคลิก

418
00:41:00,892 --> 00:41:04,892
ที่ Stage

419
00:41:05,732 --> 00:41:09,732
คลิกที่ State

420
00:41:39,880 --> 00:41:42,422
เดี๋ยวนะ เราต้องเลือก State นะคะ เด็ก ๆ เพราะ

421
00:41:42,422 --> 00:41:46,422
พื้นที่ที่เราจะทำ ก็คือ

422
00:41:47,204 --> 00:41:51,204
ผืนผ้าใบตรงนั้นมันจะเป็น State นะเลือก State แล้ว gfu

423
00:41:51,317 --> 00:41:55,317
เดี๋ยวนะ ขอดูโค้ดก่อนแป๊บหนึ่งนะคะ

424
00:42:30,312 --> 00:42:34,312
เมื่อ

425
00:42:35,108 --> 00:42:39,108
state เมื่อมีการคลิก สิ่งที่จะต้องทำ ก็คือ

426
00:42:39,571 --> 00:42:41,434
state

427
00:42:41,434 --> 00:42:42,999
Touch drawing

428
00:42:42,999 --> 00:42:45,750
True

429
00:42:45,750 --> 00:42:47,773
เจอแล้ว

430
00:42:47,773 --> 00:42:51,504
อันสุดท้ายนะลูก

431
00:42:51,504 --> 00:42:55,504
เดี๋ยว ๆ ๆ เดี๋ยวหาไม่เจอ

432
00:43:02,384 --> 00:43:06,384
block ต่อไปที่เราจะเอามาใส่อยู่ที่ state นะคะ แล้วก็อยู่ที่ตัวสุดท้ายเลย

433
00:43:10,819 --> 00:43:13,208
ที่มีตัวสุดท้ายตัวที่มีคำว่า Set Stage rawing Color

434
00:43:13,208 --> 00:43:17,208
to เจอหรือยัง

435
00:43:27,290 --> 00:43:31,290
ใครยังหาไม่เห็นจ๊ะ

436
00:43:32,772 --> 00:43:36,087
หาไม่เห็นยกมือเดี๋ยวให้ดูใหม่ช้า ๆ นะคะ

437
00:43:36,087 --> 00:43:40,087
ตอนนี้ Blocks ที่เราได้ ก็คือเมื่อ

438
00:43:40,230 --> 00:43:43,263
มีการกดปุ่มใด ๆ Any button Click

439
00:43:43,263 --> 00:43:47,210
ดู ดู จะให้ทำอะไรให้ทำอะไร

440
00:43:47,210 --> 00:43:50,907
สิ่งที่เราจะให้ทำ มันอยู่ที่ canvas หรือ

441
00:43:50,907 --> 00:43:54,907
Canvasคือมี Stage เพราะฉะนั้นเรา

442
00:43:55,902 --> 00:43:58,964
คลิกที่ state คะ ฉันว่าแล้วก็จะไป

443
00:43:58,964 --> 00:44:02,964
แล้วก็เลื่อนลงไปจนเห็น

444
00:44:02,965 --> 00:44:04,265
เนี่ยที่มันมีแถบสีอยู่ด้านหลัง

445
00:44:04,265 --> 00:44:08,265
สังเกตง่ายอยู่นะ

446
00:44:12,147 --> 00:44:14,011
ไปที่

447
00:44:14,011 --> 00:44:15,404
Set State Drawing Color

448
00:44:15,404 --> 00:44:19,340

449
00:44:19,340 --> 00:44:23,340
To มีช่องสีนะคะ ตัวนี้นะคะ

450
00:44:27,530 --> 00:44:29,483
ก็คือให้ State drawing ใช่ไหมก็คือวาดใช่ไหมคะ

451
00:44:29,483 --> 00:44:33,483

452
00:44:34,497 --> 00:44:38,442
Drawing สีอะไรเดี๋ยวนี้ค่อยไประบุใส่ทีหลัง

453
00:44:38,442 --> 00:44:41,651
ลากมาก่อน ลาก block มาก่อนมาวางก่อน

454
00:44:41,651 --> 00:44:45,651
โอเคไหม ใครยังไม่ได้แบบนี้

455
00:45:48,767 --> 00:45:52,342

456
00:45:52,342 --> 00:45:54,693
ทีนี้ ลองนะคะ ลอง เทสต์ดู

457
00:45:54,693 --> 00:45:55,591

458
00:45:55,591 --> 00:45:56,960

459
00:45:56,960 --> 00:46:00,960

460
00:46:01,595 --> 00:46:03,281
คลิก testing กดเลือกสี

461
00:46:03,281 --> 00:46:05,854

462
00:46:05,854 --> 00:46:09,854
โผล่ไปหน้าไหนเนี่ย

463
00:46:21,260 --> 00:46:23,605
มันให้วาดนิดเดียว เมื่อกี้มันค้างของเด็ก ๆ น่าจะขึ้นไหม

464
00:46:23,605 --> 00:46:25,068
เลือกแล้ววาด

465
00:46:25,068 --> 00:46:27,645
ได้ไหม

466
00:46:27,645 --> 00:46:28,723

467
00:46:28,723 --> 00:46:32,723
ดูหรือยัง ดูหรือยัง  เอาใหม่เด้อ

468
00:46:37,066 --> 00:46:40,077
เพราะอะไรเพราะยังเป็นสีดำเพราะอะไรในตัวเลือกเรามันเป็นสีดำถูกไหมคะ อันนี้คือแม่มีหน้าเก่า

469
00:46:40,077 --> 00:46:44,077
ค้างไว้น่ะ มันก็เลยย้อนกลับมาหน้าเดิมนะ

470
00:46:51,092 --> 00:46:55,092
โอเคนะคะ นี่ดูสีที่เลือก ตอนนี้ยังไม่ได้ระบุเปลี่ยนสียังระบุเป็นสีนี้อยู่

471
00:46:55,519 --> 00:46:59,519
tool ตรงนี้จะเปลี่ยนนะคะ เปลี่ยนเป็น

472
00:47:17,636 --> 00:47:19,278
หา หาตัวไหน

473
00:47:19,278 --> 00:47:22,211
ย่อลงไปก่อน

474
00:47:22,211 --> 00:47:26,211
มีCanvas แล้ว อันนี้ anakin อีก

475
00:47:38,710 --> 00:47:42,710
แล้วเลือก state

476
00:47:44,479 --> 00:47:48,479
ตัวนี้ไปวางเข้าช่องนี้แทนนะลูก

477
00:47:52,843 --> 00:47:55,600
เปลี่ยนจาก Stage  เป็น Button

478
00:47:55,600 --> 00:47:59,600
ปุ่มอะไรน่ะ

479
00:48:03,036 --> 00:48:07,036
ตรงนี้ลาก Component เข้ามาใส่

480
00:48:08,812 --> 00:48:11,482
ก็คือเมื่อ

481
00:48:11,482 --> 00:48:15,482
ก็จะวาดใน

482
00:48:19,163 --> 00:48:21,354
จากอะไรจากปุ่มที่กดดูสิว่ามันจะออกไหมพอประเด็น ก็คือมันก็จะเช็กตามสีดูสิว่ามันจะเป็นสีนั้นไหม

483
00:48:21,354 --> 00:48:25,354
เทสต์ ทำเหมือนเดิม

484
00:48:27,548 --> 00:48:31,548
โอเคไหมเด็ก ๆ ได้สี

485
00:48:32,119 --> 00:48:33,533
เอาใหม่เด้อ อันไหน

486
00:48:33,533 --> 00:48:36,598
อันนี้ใหม่ ใช่ไหม

487
00:48:36,598 --> 00:48:38,576
ตัวนี้

488
00:48:38,576 --> 00:48:40,404
นะคะ ดู ตอนนี้

489
00:48:40,404 --> 00:48:44,030
มีอันนี้ครบแล้วเน

490
00:48:44,030 --> 00:48:47,489
ี่ ตัวนี้มันมาจากนี่เห็นไหม any component

491
00:48:47,489 --> 00:48:51,489
ต้องไปที่ any componamนะคะ

492
00:48:51,957 --> 00:48:53,088
แล้วเลือกนี่ Stage Background Color

493
00:48:53,088 --> 00:48:57,088
เลือกตัวนี้

494
00:48:57,239 --> 00:49:01,217
มาใส่ตรงช่องช่องสีแทนเพราะ

495
00:49:01,217 --> 00:49:04,119
ถ้าอย่างนี้มันคลิกไว้ที่สีเดียวนึกออกนะแต่ทีนี้

496
00:49:04,119 --> 00:49:07,305
แล้วมีปุ่มสี

497
00:49:07,305 --> 00:49:09,930
เราก็จะต้องมาให้มันทำตามค่า

498
00:49:09,930 --> 00:49:13,930
สีของเรานั่นเองนะคะ

499
00:49:15,818 --> 00:49:19,134
เพราะฉะนั้น ตรงช่องแรก Stage เราก็เปลี่ยนจาก stateเป็น

500
00:49:19,134 --> 00:49:23,134
tool button ไปที่ปุ่มปุ่ม

501
00:49:23,798 --> 00:49:27,798
นี่ ปุ่ม เราเราใช้ component เพราะว่าปุ่มเรามีหลายปุ่ม

502
00:49:30,553 --> 00:49:34,553
elegant senegal เพราะมีหลายปุ่มนั้นต้องไปดึง component

503
00:49:34,782 --> 00:49:38,782
ที่มันสร้างไว้ให้อัตโนมัติน่ะมาใส่

504
00:49:39,206 --> 00:49:43,206
แล้วพอเราคลิก

505
00:49:43,374 --> 00:49:45,128
Plany ปุ๊บนะคะ เมื่อเรากดสีไหนก็แล้วแต่

506
00:49:45,128 --> 00:49:49,128
มันก็จะ

507
00:49:51,630 --> 00:49:55,630
มันจะย้อนกลับมาทำไม ขอเล่นก่อนไม่ได้เหรอ เห็นหรือเปล่า

508
00:50:04,204 --> 00:50:08,204
นะคะ เมื่อกี้สีชมพูและสีน้ำเงินแม่ได้ทุกสีนะ ใครไม่ได้

509
00:50:14,988 --> 00:50:18,988
เพราะ...

510
00:51:28,514 --> 00:51:29,698
ต้องการลากมานะคะ ลากมาไม่ใช่ติ๊กเลือก ดูไหม

511
00:51:29,698 --> 00:51:33,698
ดูโค้ด block ดี ๆ

512
00:51:38,282 --> 00:51:42,282
อะไร โปรแกรมเล็ก ๆ เอง ทำไมช้าจัง

513
00:51:44,219 --> 00:51:46,986
นี่ ๆ ๆ อันนี้

514
00:51:46,986 --> 00:51:48,734
แล้วทำแบบนี้ลากมาจากตรงนี้นี่

515
00:51:48,734 --> 00:51:51,170
ลากมาใส่

516
00:51:51,170 --> 00:51:54,633
มันสร้างไว้ให้อัตโนมัติไง

517
00:51:54,633 --> 00:51:58,633
มันเช็กแล้วว่า Any Button  ของเรามีอะไรบ้าง

518
00:52:00,917 --> 00:52:04,721
มันก็ทำ Component  มาเราก็บอกว่าบอสท่อนนี้

519
00:52:04,721 --> 00:52:05,561
แล้วก็เป็น background Color

520
00:52:05,561 --> 00:52:08,002
โอเคนะ

521
00:52:08,002 --> 00:52:09,949
ลองจิ้มสีดู

522
00:52:09,949 --> 00:52:13,949
ไป

523
00:53:54,832 --> 00:53:58,832
โอเค ได้วาดได้แล้วนะ แต่ยังไม่เสร็จใช่ไหม เพราะอะไรลูก

524
00:53:59,659 --> 00:54:03,659
เดี๋ยวย้อนกลับมาที่

525
00:54:03,856 --> 00:54:07,510
Design เรามีปุ่มลบอีกใช่ไหม เมื่อกี้ให้เพื่อนลองเทส

526
00:54:07,510 --> 00:54:08,707
ต์ กดปุ่มลบแต่มันออกสีถูกไหมลูก

527
00:54:08,707 --> 00:54:12,707
เพราะฉะนั้น

528
00:54:12,800 --> 00:54:16,326
เมื่อใดที่กดปุ่มลบมันจะต้องทำอะไรคะ

529
00:54:16,326 --> 00:54:20,326
ลบออกใช่ไหมลูก เราต้องไปกำหนด

530
00:54:21,086 --> 00:54:25,086
เขียนโค้ดให้กับ Blocks ของเขียน Blocks ให้

531
00:54:30,678 --> 00:54:33,751
เดี๋ยวจะเขียนโค้ดให้ปุ่มลบนะคะ ขียน Blocks ให้เขียนโค้ดให้ปุ่มลบนะคะ

532
00:54:33,751 --> 00:54:37,751
เรากลับไปที่ block ของเราเหมือนเดิม

533
00:54:37,796 --> 00:54:41,796
ตอนนี้เรามีอะไรแล้วบ้างมีบอกว่าเมื่อ

534
00:54:43,628 --> 00:54:47,628
มาที่นี่มันต้องมีการตรวจสอบเพราะมีมีวาด

535
00:54:48,968 --> 00:54:50,968
สิ่งที่ตรงกันข้ามกับบ้านก็คือลบอันนั้นเราต้องใส่

536
00:54:50,968 --> 00:54:52,760
เงื่อนไขให้มันนะคะ

537
00:54:52,760 --> 00:54:53,986
ไปที่

538
00:54:53,986 --> 00:54:56,084

539
00:54:56,084 --> 00:55:00,084
เรียก Logic

540
00:55:02,033 --> 00:55:03,502
เปิดเลือก Control Control เห็นไหมคะ

541
00:55:03,502 --> 00:55:07,502
เลือก

542
00:55:10,955 --> 00:55:12,583
If เอาใส่ไว้ก่อน

543
00:55:12,583 --> 00:55:13,708

544
00:55:13,708 --> 00:55:16,354
ก่อนงเงื่อนไข

545
00:55:16,354 --> 00:55:20,354
เงื่อนไขต้องมาก่อน

546
00:55:20,852 --> 00:55:23,303
ถ้าแล้วหรือ ถ้าแล้วหรือ เงื่อจะทำ

547
00:55:23,303 --> 00:55:27,303
เงื่อนไขของอีฟนะคะ

548
00:55:28,243 --> 00:55:32,243
if อะไร

549
00:56:33,826 --> 00:56:36,094
สิ่งที่จะอยู่ในนี้ ก็คือ state ไหม state เราอยู่ไหนน

550
00:56:36,094 --> 00:56:39,215
่ะ หา

551
00:56:39,215 --> 00:56:41,012
state เราอยู่ที่

552
00:56:41,012 --> 00:56:45,012
Canvas

553
00:56:45,386 --> 00:56:49,386
if statespread

554
00:56:59,348 --> 00:57:03,348
แป๊บหนึ่งนะคะ

555
00:58:45,979 --> 00:58:49,661
if แล้วก็

556
00:58:49,661 --> 00:58:52,689
เลือก

557
00:58:52,689 --> 00:58:54,009

558
00:58:54,009 --> 00:58:54,849
logic if นะคะ

559
00:58:54,849 --> 00:58:58,849
if

560
00:58:59,216 --> 00:59:02,911
แล้วไปเลือก Logic นะคะ เด็ก ๆ

561
00:59:02,911 --> 00:59:06,911
อันแรก

562
00:59:09,087 --> 00:59:13,087
อันแรกที่มีเครื่องหมายเท่ากับน่ะ

563
00:59:20,658 --> 00:59:24,658
ไม่ ๆ อยู่ที่ Logic

564
00:59:27,844 --> 00:59:31,844
อยู่ที่ Logic นี่ เครื่องหมายที่มีเครื่องหมายเท่ากับอันนี้ก่อน

565
00:59:39,757 --> 00:59:43,419
แล้วก็เลือก

566
00:59:43,419 --> 00:59:47,419
Eraser Eraser เราอยู่ไหนเด็ก ๆ

567
01:00:34,629 --> 01:00:38,629
อยู่ข้างล่างสุด

568
01:00:45,747 --> 01:00:49,158
ไปไอ้นี่ Component ครับ เด็ก ๆ

569
01:00:49,158 --> 01:00:52,693
เลือกอันเดียว นี่ ๆ ๆ  ที่มี

570
01:00:52,693 --> 01:00:56,693
blockอันเดียวที่ขึ้นว่า layer 1

571
01:00:59,918 --> 01:01:03,652
แต่เราไม่ได้เอา layer 1

572
01:01:03,652 --> 01:01:06,892
เปลี่ยนจาก layer 1 เป็นของเรา ก็คือ

573
01:01:06,892 --> 01:01:08,880
eraserเราจะเลือก

574
01:01:08,880 --> 01:01:12,770
ถ้ามีการลบ

575
01:01:12,770 --> 01:01:16,770
เงื่อนไขเปลี่ยนจากถูก

576
01:01:16,822 --> 01:01:18,557
ไม่เท่ากับ

577
01:01:18,557 --> 01:01:22,557
ถ้าไม่เท่ากับ

578
01:01:29,517 --> 01:01:31,358
ถ้าอะไรถ้า component

579
01:01:31,358 --> 01:01:33,846
เห็นไหมคะ

580
01:01:33,846 --> 01:01:36,608
เมื่อ

581
01:01:36,608 --> 01:01:40,608
ปุ่มโดน Click ใช่ไหมโดย

582
01:01:44,154 --> 01:01:45,568
ไม่มีคำแนะนำกับนั่นหมายถึง Any Button  ปุ่มใด ๆ

583
01:01:45,568 --> 01:01:49,568
ไม่ใช่ปุ่ม

584
01:01:50,499 --> 01:01:52,146
เห็นไหมคะ เงื่อนไขมันบอกว่าถ้า If

585
01:01:52,146 --> 01:01:53,994

586
01:01:53,994 --> 01:01:57,994
ถ้า if Component ก็คือปุ่มใด ๆ

587
01:01:58,547 --> 01:02:01,289
นี่ ไม่เท่ากับนะคะ เป็นเครื่องหมายไม่เท่ากับนะไม่ใช่เท่ากับนะ

588
01:02:01,289 --> 01:02:05,289
ถ้าไม่เท่ากับ

589
01:02:07,247 --> 01:02:11,247
ปุ่มลบนะคะ สิ่งที่เราต้องการให้เขาทำ ก็คือ

590
01:02:11,728 --> 01:02:12,673
เราก็มันเลื่อนไอ้นี่ขึ้นมาดู state นี่

591
01:02:12,673 --> 01:02:16,673
ดู

592
01:02:21,535 --> 01:02:25,535
เพราะเมื่อกี้ Do Stage มันเลื่อนไปอยู่ข้างล่างนะ

593
01:02:27,316 --> 01:02:31,316
มันอยู่ตรงนี้ไม่ใช่เพื่อนมันขึ้นมาเพราะเราใส่เงื่อนไขเข้ามาเพิ่ม

594
01:02:33,808 --> 01:02:37,681
ทำอะไรให้มันไปคลิกค่าสีที่ค่าสีเสร็จแล้ว

595
01:02:37,681 --> 01:02:40,107
แต่ถ้าเป็นปุ่มลบล่ะ เพราะฉะนั้น เมื่อมี If

596
01:02:40,107 --> 01:02:41,983
เงื่อนไขที่ 1 บอกไม่ใช่ปุ่มลบ

597
01:02:41,983 --> 01:02:45,983
ลาั เพราะฉะนั้น ต้องเพิ่ม

598
01:02:48,145 --> 01:02:52,145
else else เดี๋ยวคือเงินไขที่ 2 ว่าแล้วถ้าเป็นปุ่มลบนะคะ คลิกที่

599
01:02:52,919 --> 01:02:55,414
ตัวปุ่มสีม่วง ๆ นี้นะลูก ตำแหน่งสีม่วงกด 1 ครั้ง

600
01:02:55,414 --> 01:02:57,461
เลือก else

601
01:02:57,461 --> 01:02:58,990
มาวางต่อ

602
01:02:58,990 --> 01:03:02,990
If

603
01:03:04,276 --> 01:03:05,459
เห็นหรือเปล่า  มันจะมีช่อง Else โผล่ขึ้นมา

604
01:03:05,459 --> 01:03:07,316
อย่างนี้

605
01:03:07,316 --> 01:03:11,316
ไหมคะ

606
01:03:11,908 --> 01:03:15,908
ใครยังไม่ได้ Blocks แบบนี้บ้าง

607
01:03:39,386 --> 01:03:41,713
กดไอ้นี่ Else ลากเข้าไปต่อตรง

608
01:03:41,713 --> 01:03:43,412

609
01:03:43,412 --> 01:03:44,925
Else เข้าไปต่อ

610
01:03:44,925 --> 01:03:47,369
ตรงช่องนี้

611
01:03:47,369 --> 01:03:51,369
มีไหมข้างล่างมันถึงจะขึ้น

612
01:03:53,891 --> 01:03:57,891
ดูนะคะ ดูใหม่นะคะ

613
01:03:59,404 --> 01:04:03,404
คลิกกลับคืนก่อน

614
01:04:05,791 --> 01:04:09,791
คลิกที่สีม่วง

615
01:04:10,278 --> 01:04:14,278
ใช่ นี่ไงลากไปต่อนี่

616
01:04:16,962 --> 01:04:20,962
แล้วมองหาคำว่า

617
01:04:23,197 --> 01:04:27,197
Canvas Canvas ไปที่ Canvas แล้วดูที่

618
01:04:27,613 --> 01:04:31,613
look ลูก ลบได้แล้ว ใช่สิ

619
01:04:33,472 --> 01:04:36,464
อ้าวก็อย่าเพิ่งไปทีละอย่างสิวะ

620
01:04:36,464 --> 01:04:40,464
รอเพื่อนหน่อย ตัวเองได้แล้วก็รอเพื่อนก่อน

621
01:04:49,318 --> 01:04:53,318
หา Color Drawing

622
01:05:12,133 --> 01:05:16,133
Clear Drawing  on เห็นไหมคะ

623
01:05:22,546 --> 01:05:26,546
เมื่อกี้ลืมบอกใช่ไหมให้ไปที่ look เพราะสิ่งที่เราจะทำมันยังอยู่ในอะไรคะ อยู่ใน CaNVของเราใช่ไหมคะ

624
01:05:26,888 --> 01:05:29,053
ก็คือเพื่อนมองหาอะไรมองหาคำสั่ง

625
01:05:29,053 --> 01:05:32,174

626
01:05:32,174 --> 01:05:34,909
clear drawing on ให้มันลบใช่ไหม

627
01:05:34,909 --> 01:05:37,259
อันแรกบอกว่าถ้าปุ่มนั้นไม่ใช่ปุ่มลบ

628
01:05:37,259 --> 01:05:41,259
แต่ถ้ามันเป็นปุ่มลบปุ๊บ

629
01:05:42,322 --> 01:05:43,428
แล้วมันจะทำงานก็คือให้ลบ clear drawinf 1

630
01:05:43,428 --> 01:05:46,322
เพราะ

631
01:05:46,322 --> 01:05:50,303
ผ้าใบเราชื่อว่าแคนว่าหนึ่ง

632
01:05:50,303 --> 01:05:54,303
ขายได้อย่างนี้แล้วเอาลองเทสต์ ดู

633
01:05:56,402 --> 01:06:00,402
Test ดูนะคะ ว่าตรงไปก่อนนะคะ วาดก่อนแล้วเด็ก ๆ ค่อยลบนะ

634
01:06:01,967 --> 01:06:05,967
ว่าแล้วกดปุ่มลบ

635
01:06:08,994 --> 01:06:12,994
ของเด็ก ๆ น่าจะได้ไอ้ตัวนี้มาค้างกับไอ้ตัว

636
01:06:14,421 --> 01:06:16,050
... เฉย ๆ นะคะ

637
01:06:16,050 --> 01:06:20,050

638
01:06:25,592 --> 01:06:29,592
โอเคไหม

639
01:06:29,738 --> 01:06:33,738
ลบไหมคะ ใครลบไม่ได้

640
01:06:35,889 --> 01:06:39,471
ชื่อมันก็บอกแล้วนะ Clear Drawing

641
01:06:39,471 --> 01:06:43,471
ลบไอ้สิ่งที่วาดอยู่น่ะ ออกเสีย

642
01:07:18,931 --> 01:07:22,931
ทีนี้ ต่อไปส่วนที่เราจะทำ

643
01:07:25,024 --> 01:07:25,893
ตรงส่วนของปุ่มควบคุมได้หมดแล้วนะคะ เมื่อกดปุ่มนี้ วาดก็จะเป็นสีนี้

644
01:07:25,893 --> 01:07:29,893
กดปุ่มลบ

645
01:07:33,005 --> 01:07:35,121
ไอ้ที่วาดก็หาย ที่นี้ส่วนตัวมา slider เราเขียนโค้ดให้ slider เรา

646
01:07:35,121 --> 01:07:36,190
นั่นก็คือเมื่อเรามีการเลื่อน

647
01:07:36,190 --> 01:07:40,190
ขนาด

648
01:07:40,887 --> 01:07:44,887
เห็นไหม ขนาดของหัวแปลง

649
01:07:47,429 --> 01:07:49,736
หรือขนาดหัวเขียนก็จะเปลี่ยนไปตาม Size Slider ที่เราเลือกนะคะ

650
01:07:49,736 --> 01:07:52,457
กลับไปที่ Bloลูก

651
01:07:52,457 --> 01:07:56,457
แล้วเลือก

652
01:08:23,298 --> 01:08:27,298
เลือกอันแรกเลยนะคะ When Slider

653
01:08:29,524 --> 01:08:30,769
on Value Change เมื่อมีค่า มีการเปลี่ยนค่า เห็นไหมคะ

654
01:08:30,769 --> 01:08:33,660
เลือกอันนี้มาเลย

655
01:08:33,660 --> 01:08:36,409
เมื่อ slider มีการเปลี่ยนค่า

656
01:08:36,409 --> 01:08:37,412
value ก็จะเปลี่ยนตาม

657
01:08:37,412 --> 01:08:40,954

658
01:08:40,954 --> 01:08:44,954
value ใน Component ที่เรากำหนด

659
01:08:52,456 --> 01:08:56,456
เมื่อ slider มีการเปลี่ยนค่าสิ่งที่มันจะมาทำใน block นี้ก็คือ

660
01:09:29,576 --> 01:09:33,576
stage นี่นะคะ เลือกเลือกจาก Any component

661
01:09:44,858 --> 01:09:47,924
นี่เดะ Slider นี้ตรง  Component  นี่

662
01:09:47,924 --> 01:09:51,924
Slider ตัวเองน

663
01:09:58,554 --> 01:10:02,554
่ะ ก็ให้มันเลือกเอาอันใดอันหนึ่งเลือกจากตรงนี้

664
01:10:07,280 --> 01:10:11,280
นะคะ เลือกจาก Component  Slider ที่เราสร้างนะคะ มันถึงขึ้นนะคะ เพราะเราจะไปสั่ง

665
01:10:12,600 --> 01:10:16,600
coding ให้ slider ตัวนั้นทำงานนะคะ เพราะฉเลือกสไลเดอร์น้ำ

666
01:10:43,501 --> 01:10:45,726
แล้วก็ไปที่ state

667
01:10:45,726 --> 01:10:49,726
เลือก State

668
01:11:02,090 --> 01:11:06,090
นี่นะคะ เลือก Set state  drawing while

669
01:11:22,154 --> 01:11:26,154
แต่ที่ drawing วิ่งจริง ๆ มันต้อง drawing ตาม Volume ตามที่เราเปลี่ยนให้ไหมคะ

670
01:11:26,786 --> 01:11:30,399
Volume ค่า Volume มาใช้แทนที่มันมีตัวแรก

671
01:11:30,399 --> 01:11:33,152
ดอมเปลี่ยนได้ไหม

672
01:11:33,152 --> 01:11:37,152
เข้าใจหรือยัง

673
01:11:41,414 --> 01:11:45,414
เราจะสั่งให้ Slider ใช่ไหมมันทำงานตามการเปลี่ยนเห็นไหมคะ on Value Change

674
01:11:46,454 --> 01:11:50,454
เมื่อค่าของ Slider มีการเปลี่ยนสิ่งที่เราจะให้ทำ ก็คือ

675
01:11:57,673 --> 01:11:58,353
state นี้จะวาด dogging while วัดความกว้างตาม value เห็นไหมคะ แต่ถ้าเราไม่ใส่ถุงเอาถุงออกดูนะลูก

676
01:11:58,353 --> 01:12:02,353
เฮ็ดให้ดู

677
01:12:05,788 --> 01:12:08,915
แม่จะไม่เห็นอาจจะเทสให้ดูถ้าไม่ไม่เอาแหวนรูปใส่เคสนะคะ

678
01:12:08,915 --> 01:12:12,686
ค่าไอ้ตัวนี้มันก็จะแค่ 20

679
01:12:12,686 --> 01:12:16,686
เท่านั้น แต่ค่าเดี๋ยวแม่ใส่

680
01:12:18,631 --> 01:12:20,906
ตัวนี้เข้าไป

681
01:12:20,906 --> 01:12:22,970
เดี๋ยวใส่ค่า Value เข้าไปนะคะ

682
01:12:22,970 --> 01:12:25,941
Test

683
01:12:25,941 --> 01:12:27,226
เลื่อนขนาด

684
01:12:27,226 --> 01:12:29,562
แล้วว่า

685
01:12:29,562 --> 01:12:31,927
มันไปกลับ

686
01:12:31,927 --> 01:12:35,927
เพื่อนบอกข้ามได้นะคะ

687
01:12:48,969 --> 01:12:52,969
เดี๋ยวไปแก้ Edit... ก่อน

688
01:13:04,886 --> 01:13:08,886
ย้อนกลับมา

689
01:13:32,122 --> 01:13:34,562

690
01:13:34,562 --> 01:13:38,562
โอเคไหม เปลี่ยนได้ไหมคะ

691
01:13:47,724 --> 01:13:51,724
ให้นึกถึง วาดอะไรได้อีก

692
01:13:51,872 --> 01:13:55,311
วาดวงกลมได้อีกใช่ไหม ให้ดูที่

693
01:13:55,311 --> 01:13:59,311
ที่ไหนห

694
01:14:03,136 --> 01:14:07,136
ว่า drawing look

695
01:14:10,449 --> 01:14:12,433
ใน Canvas เราก็ไปที่ลูกเห็นไหมในบล็อกอ่ะมีดอลายเส้นด้าย

696
01:14:12,433 --> 01:14:14,068
Password เข้าได้

697
01:14:14,068 --> 01:14:17,677
วาด

698
01:14:17,677 --> 01:14:21,576
Polygon ได้ใช่ไหม

699
01:14:21,576 --> 01:14:24,908
ถ้าสมมติเราสร้างปุ่มแล้วบอกว่าให้วาดเป็นรูป

700
01:14:24,908 --> 01:14:28,908
อย่างนี้น่ะ นึกออกนะ

701
01:14:30,746 --> 01:14:34,746
วาดวงกลมวาดเส้น

702
01:14:36,328 --> 01:14:39,736
อยากลองดึง Block ไปใส่

703
01:14:39,736 --> 01:14:43,736
เราเราก็กำหนดให้น้องว

704
01:14:45,468 --> 01:14:49,468
าดเพิ่มเข้าไป เช่น  สมมติ สมมติ สมมติ สมมติ

705
01:14:54,605 --> 01:14:57,866
นี่นะ มีปุ่มนี่ ไม่พอ อยากให้ช่าง

706
01:14:57,866 --> 01:15:00,338
วงกลมทำรูปวงกลมลงไป

707
01:15:00,338 --> 01:15:03,469
ทำรูปสี่เหลี่ยมสามเหลี่ยม

708
01:15:03,469 --> 01:15:05,481
แล้วพอกดปุ่มวงกลมมันก็มาวาด

709
01:15:05,481 --> 01:15:08,397
รูปเป็นวงกลมให้

710
01:15:08,397 --> 01:15:11,620
กดปุ่ม

711
01:15:11,620 --> 01:15:14,037
หลักการเดียวกันกับตััวนี้เลย

712
01:15:14,037 --> 01:15:17,631
ดูนะคะ

713
01:15:17,631 --> 01:15:21,631
เราต้องไปหารูป

714
01:15:25,250 --> 01:15:27,963
มาใส่แทน

715
01:15:27,963 --> 01:15:31,963
ดอมลองสิ Test วงกลมให้แม่

716
01:15:32,378 --> 01:15:33,963
สิ สร้างวงกลมวงกลม 1 อัน แล้ว

717
01:15:33,963 --> 01:15:35,108
แล้วลอง

718
01:15:35,108 --> 01:15:38,076
เขียนโค้ด

719
01:15:38,076 --> 01:15:39,685
ว่าถ้ากดที่รูปวงกลมนี่

720
01:15:39,685 --> 01:15:43,685
แล้วลองมาวาดนี่

721
01:15:45,155 --> 01:15:48,987
มันก็จะวาดเป็นรูปวงกลมให้เราโดยใช้ Block ที่ชื่อว่า Look มีไหม

722
01:15:48,987 --> 01:15:51,227
Look

723
01:15:51,227 --> 01:15:55,227
drawing เห็นไหมคะ มันจะมี draw  Circle

724
01:15:56,516 --> 01:16:00,516
ลองสิ

725
01:16:19,335 --> 01:16:23,335
เห็นไหม มันจะมีสัดส่วนของ block แบ่งไว้ให้เรียบร้อยนะครับ

726
01:16:45,682 --> 01:16:49,682
คนอื่นเป็นอย่างไรคะ

727
01:19:34,362 --> 01:19:35,842
คนไปดูแล้ว slider แล้วทำไมมันใหญ่ ให้เด็ก ๆ เช็กตรงนี้ด้วยนะคะ

728
01:19:35,842 --> 01:19:39,842
ตรงหน้า Design นี่ เดี๋ยวนะ ประมวลผลช้า

729
01:19:48,607 --> 01:19:51,817
ในหน้า Design เราต้องคลิกที่ตัว Slider เรานะ

730
01:19:51,817 --> 01:19:55,009
บอกแล้วตอนตั้งค่าเห็นไหมคะ

731
01:19:55,009 --> 01:19:56,969
Maximum

732
01:19:56,969 --> 01:19:58,660
เมื่อกี้ของ

733
01:19:58,660 --> 01:20:00,479
แฝดนี่ น่าจะพิมพ์ซ้ำ

734
01:20:00,479 --> 01:20:03,762
ให้ดูนะคะ

735
01:20:03,762 --> 01:20:06,926
ไอ้ค่าตรงนี้ก็มีส่วน

736
01:20:06,926 --> 01:20:08,991
ยิ่งใส่ค่าเยอะ ๆ

737
01:20:08,991 --> 01:20:11,812
เส้นมันก็จะใหญ่ตามน

738
01:20:11,812 --> 01:20:15,812
ะ ใหญ่ตามค่า เพราะฉะนั้น

739
01:20:16,567 --> 01:20:20,567
กำหนดให้เมื่อกี้บอกเท่าไหร่นะ 250

740
01:20:22,233 --> 01:20:23,275
อยู่ที่ประมาณ 250 นะ เพราะแม่ลองเทสต์แล้ว

741
01:20:23,275 --> 01:20:27,275
บางคนใส่

742
01:20:29,555 --> 01:20:31,628
เกินนั้นน่ะ มันก็เลย เส้นมันออกมาก็เลยใหญ่นะคะ ลง max

743
01:20:31,628 --> 01:20:33,060
ค่าสูงสุดเขาน่ะค่ะ

744
01:20:33,060 --> 01:20:37,060
Maximum Volume

745
01:20:41,320 --> 01:20:45,320
ลักษณะเส้นที่วาดออกมามันก็จะ

746
01:20:45,425 --> 01:20:46,199
แล้วตรง Volume เริ่มต้นเริ่มที่ 0  เริ่มที่ 1

747
01:20:46,199 --> 01:20:49,490
นะคะ

748
01:20:49,490 --> 01:20:53,490
Min ก็เริ่มที่ศูนย์นะคะ

749
01:20:53,842 --> 01:20:57,842
เท่านั้นนะคะ

750
01:20:58,714 --> 01:21:01,261
นี่คือจุดที่ต้องสังเกตนะคะ หลักการเดียวกัน

751
01:21:01,261 --> 01:21:05,261
ถ้าทำ

752
01:21:07,132 --> 01:21:08,824
วงกลม วงรีอะไรก็แล้ว แต่ ก็ต้องกำหนดค่าให้น้องเสียก่อน

753
01:21:08,824 --> 01:21:12,824
พวก Component พวกVolume เห็นไหมคะ

754
01:21:13,222 --> 01:21:15,699
มันจะขึ้นตามค่าที่เรากำหนดไว้นั่นเองนะคะ

755
01:21:15,699 --> 01:21:19,278
เพราะเหมือนคำว่านั่นน่ะ

756
01:21:19,278 --> 01:21:21,952
ในหน้า Design ของสีแต่ละสี

757
01:21:21,952 --> 01:21:25,952
เวลาเราเรียกใช้เห็นไหม

758
01:21:28,100 --> 01:21:32,100
ใช่ไหมดอมแม่ไม่ต้องไปเรียกสีนั้นสีนี้มาเพราะแม่เลือกว่าให้มันเช็กกับ Component เลย

759
01:21:33,461 --> 01:21:35,150
จะเช็กจากค่าสีที่เราเปลี่ยนใน Design ไว้แล้วไม่ว่างนะ

760
01:21:35,150 --> 01:21:36,359
เหมือนปุ่มส้ม

761
01:21:36,359 --> 01:21:38,493
นี่ ใน

762
01:21:38,493 --> 01:21:42,493
ค่าสีของมันก็เป็นสีส้ม

763
01:21:44,162 --> 01:21:45,591
สีเหลืองค่าสีก็เป็นสีเหลืองเห็นไหมคะ นั่นคือ ใน component ที่เรา

764
01:21:45,591 --> 01:21:48,082
สร้างขึ้นมาแล้ว

765
01:21:48,082 --> 01:21:52,082
มันก็จะมีค่าสีตามนั้น

766
01:21:58,407 --> 01:22:01,330
โอเค สัปดาห์นี้เราจะพอแค่นี้นะคะ

767
01:22:01,330 --> 01:22:05,330
สัปดาห์หน้าเจอกันใหม่

768
01:22:08,251 --> 01:22:11,168
การบ้านใครยังทำไม่เสร็จ ทำให้มันเสร็จด้วยทำให้สวยงามนะคะ เป็นคะแนน

769
01:22:11,168 --> 01:22:15,168
การบ้านมี 2 ชิ้นแล้วตอนนี้

770
01:22:19,794 --> 01:22:22,827
ชิ้นสุดท้ายเดี๋ยวจะดูว่าจะให้ทำอะไรเด็ก ๆ ต้องลองผนวกจากที่ี่สอนไปทั้ง 3-4 งานนี่

771
01:22:22,827 --> 01:22:26,614
แล้วเอามาสร้างเป็นชิ้นงาน 1 ชิ้นงานนี่

772
01:22:26,614 --> 01:22:30,614
จะได้อะไรบ้างนะคะ จะให้ลองทำ

773
01:22:34,437 --> 01:22:38,437
เพราะฉะนั้น ให้ดู ย้อนกลับไปดูในงานเก่าแต่ละชิ้นของตัวเองด้วยนะคะ

774
01:22:41,575 --> 01:22:45,199
สัปดาห์นี้พอแค่นี้ค่ะ

775
01:22:45,199 --> 01:22:48,363
ขอบคุณพี่ล่ามค่ะ

776
01:22:48,363 --> 01:22:52,363
สวัสดีค่ะ [สิ้นสุดการถอดความ]