Accuracy : 71.63%
Insertion : 1514
Deletion : 3128
Substitution : 1066
Correction : 15923
Reference tokens : 20117
Hypothesis tokens : 18503
(อาจารย์สุธิรา)วันนี้นะคะจะมาพาทำA(แ)อpp(ป)อีกตัวหนึ-่งที่ใช้วิธีการเรแ(-ี)ยปล(ก)ว่าอะไรก็คือh(เ)ดี๋undr(ย)วed(ๆ)ยกตัวอย่างนะคะเป็นแอปนAppไว(ะ)-้ไว้ว-่าดไวป(-้)เขียนน่ะก็คือจะมีเหมือนสีให้เลือกนะคะเป็นแApp(อป)ลักษณะเนี้ยมีสีแล้วก็มีขนาดของหัวแปรงนะคะเราจะมากำหนดขนาดหัวแปล(ร)งแล้วก็กำหนดสีเพื่อให้ใช้เขียนได้วาดได้นะคะหลักการก่บ้า(อ)นอื่นเปิดThท-ั้ง(unk)ablelนะคะแล้วให้เด็กๆสร้างProjโปรเ(e)cจค(t)ใหม่เนาะของเด็กๆอ(น)-่ะก็คือไปที่c(C)reateNewApcc(p)ountนะคะคลิกc(C)reateNewApcc(p)ountชื่อหาให้ตั้งชื่อว่า"Drawing"d(D)rawingแปs(ล)ว-ิ-่งน(าก)วปาน(ร)วาดน่ะนะคะD-r-a-w-i-n-gBR(Dr)aW(w)ingแล้วก็เลือกCaแคต(t)egorตากอร(y)-ี่เป็นEducationก็ได้การศึกษานเ(ะ)นาะหา(คะ)ทำเป็นEducationนะคะตั้งชื่อเสร็จแล้วก็กดc(C)reateได้เลยนะคะของเด็กๆอ(น)-่ะการศึกษาเลือกหมวดa(C)pical(t)pegne(o)ryเปtr(-็)นEducationของเด็กๆสร้างใหม่เลยนะคะของแม่จะใช้ตัวเดิมเพราะว่าUpgอัพ(r)aเดท(de)แล้วมันต้องเสียสต-ั(า)งค์เราไก็(ม่)อยากเสียสต-ั(า)งค์เราจะใช้ตัวเดิมในายหน้าSg(c)reenshotนะคะc(C)omponentที่เราจะใช้1.มmi(-ี)Buttracles(on)นะคะแเรา(ล้ว)ก็มีSสไ(l)ideลเดอ(r)ร์แล้วก็อีกตัวหนึ-่งชื่อว่าCanvaแผ่น(s)นะคะก็คือผ้าใบหลักการก็คือเราจะมีปุ่มสีสำหรับเลือกสีอยู่ด้านบนโดยใช้ปุ่มนะคะเป็นตัวสร้างปุ่มสีแล้วก็มีส(S)lideไลเดอ(r)ร์อยู่ด้านล่างSlสไล(i)derเดอร์ใช้เพื่อเพิ่มขนาดของหัวหัวตัวเขียนเห(ร)ล่านั-้(-่)นเองนะคะและสุดท้ายCanvasCanฉันว่าเป็น(v)asจะว่าเราอยู่ตรงก-ั(ล)นว่างCanvasก็คือผืนผ้าใบหรือพื้นที่สำหรับในการวาดหร-ูป(-ือ)เขียนเองนะคะตัวแรกที่เราจะใส่เข้าไปในScค(r)eร-ีม(en)ในหน้าA(แ)อpp(ป)ของเรานะคะตัวแรกเลยก็คือส(S)liไลเ(d)eดอ(r)ร์คล-ิกที่Slideตตี้สไลเดอ(r)ร์นะคะอยู่ตรงi(I)nputโล-ูกอยู่ตรงหมวดi(I)nputวั(ตอ)นนี้ไปที่หมวดi(I)nputก่อนInpuพุธ(t)นะคะหาส(S)liไลเ(d)eดอ(r)ร์อันที่2เหใช่(-็น)ไหมคะi(I)nputเห็นไหมมันจะมีหมวดของมันเนาะในc(C)omponentแต่ละตัวของเราอ(น)-่ะเราจะมีทั้งหมดด-ูนเป๊(ะค)ะหง(ม)วดแรกBasicหมว-ั(ด)นที่2Dataหมวดที่3i(I)nputหมวดที่4Mediมีเบ-ี(a)ยร์แล้วก็หบ(ม)วช(ด)ที่5EmbMB(ed)ตอนนี้เลยให้ไปที่Compoวันน(n)e-ั-้น(nt)ที่อยู่ในหมวดที่3i(I)nputนะคะแล้วเลือกSliderComponentสไลเดอร์ตัวที่2นะคะSliอะไร(d)eเด(r)-้อเอามาวางด้านล่างลูกเราจะได้แถบเครื่องมือที่เป็นรูปอย่างนี้มีสีน้ำเงินอย่างนี้นะคะเด็กๆขยายให้มันเกือบเต็Mร(มจ)อหน่อยเด้อขยายพื้นที่ให้น้องเกือบเต็มจออย่างนี้นะคะโอเคไหมใครยังไม่ได้ส(S)liไลเ(d)eดอ(r)ร์ได้หรือยังตอนนี้ได้หรือยังคพ(ล)-ิกก(ท)-ี-้(-่)Compov(n)entrDa(I)nputSlic(d)erสไลเดอร์แล้วลากไปวางดูนะคะตอนนี้มาที่c(C)omponentที่ชื่อว่าi(I)nputเห็นไหมอันที่3เนี่ยแล้วเลือกSlสไล(i)dเดอ(er)ร์ที่ห(อ)ย-ู-ุดว(-่ต)-ัน(ว)ที่2กดเมาส์ค้างแล้วลากมาวางอย่างนี้นะคะเอาตัวเดียวนะแล้วจัดขนาดโดยการขยายให้มันเกือบเต็มจอน่ะค่ะแต่ไม่ต้องเต็มนะเว้นขอบไว้นิดหนึ-่งอย่างนี้นะคะเห็นไหมเว-็(-้)นซ้ายกับขวานิดหนึ-่งให้เกือบเต็มทีนี้สิ่งที่เราจะต้องมากำหนดให้Sliสไลเ(d)eดอ(r)ร์ก็คือกำหนดค่าเริ่มต้นนะมันไม่ควรจะมาอยู่ที่ตรงกลางอย่างนี้มัน-ึกข(อ)อง(ก)ไหอ-้(ม)มันจะต้องมาอยู่ที่ค่าเริ่มต้นแล้วก็ค่าสูงสุดของจำนวนพ(ท)-ี่มันจะสไลด์ได้ไปจนถึงนะด้านหลังสุดนะคะคลิกที่ส(S)liไลเ(d)eดอ(r)ร์ของเราแล้วมาดูที่เห็นไหมPropertyPropa(e)rtyปาร์ตี้ที่อยู่ขวามือเห็นไหมคะให้เด็กๆมาที่นี่Vaแวล(l)ueVa-ู่ไปเ(l)ueRaอารูป(n)gเล(e)-้งเห็นหรือยังว(ต)-ัน(ว)แรกม(M)inMi-ินมิน(n)ก็คือค่าต่ำสุดคือ0นะคะMaxค่าสูงสุดให้พิมพ์ค่าสูงสุดจนมันมาถึงอันหลังสุดเนี-่(-้)ยมันจะอยู่ที่ประมาณ200200250นะเอาให้สัก250ค่ะแล้วก็ค่าแ(V)alวล-ู(u)eเห็นไหมคเมื่อเช้าเป็น(ะ)Valuรูป(e)ตัวบนสุดกำหนดค่าValueเริ่มต้นที่ศ(0)-ูนย์ค่ะใส่0นะคะในสไลเดอร์Propertyหรือคุณสมบัติที่เราจะต้องกำหนดคือ1ช่องVaแวลู(lue)ใส่0Stepนี-้(-่)คือ1หนึ่งคือให้มันเพิ่มทีละ1ถ้าเราอยากให้มันเพิ่มมากกว่านี้เราก็แก้ได้ทีหลังนะคะแต่ค่าต่ำสุดคือ0ก็คือให้มันเริ่มจากศูนย์ก็คือเริ่มต้นที่ตำแหน่งมุมซ้ายนะคะและสูงสุด250ก็คือมันจะเลื่อนมาได้จนถึงด้านหลังสุดนะคะก็คือเลื่อนขนาดไอ้ตัวนี้Slidอะไรเด(er)-้อเนี่ยมาได้ถึง250บา(พอ)ทรายได้ส่วนของSสไ(l)iderลเดอร์แล้วนะคะส่วนต่อไปที่เราจะทำก็คือส่วนของปุ่มพ(ท)-ี่จะเป็นปุ่มสำหรับสีน่ะคห(-่)ะกดเลือกสีนั้นสีนี้นะคะหลักการง่ายๆให้เราเลือกc(C)omponentที่ชื่อว่าBasicเลือกc(C)ompom(n)entแรกBo(u)ttom(n)อันแรกเลยลากมาวาง1อันเอาแค่อันเดียวก่อนนะลูกมันจะมีคำว่าb(B)uttonอยู่ตรงกลางให้เด็กๆไปที่ฝั่งPropertyเห็นไหม-้ที่มันจะมีช่องนี้ชื่อมันเนี่ยลบออกค่ะลบคำว่าButtonที่อยู่ตรงนี้ออกเหใช่(-็น)ไหมจะได้แถม(บ)อย่างนี้เราต้องการเป็นลักษณะกลมๆเพราะฉะนั้นเราย่นขอบเป็(มั)นเผ(ข)-้าไใบ(ป)วงกลมๆขนาดนี้เห็นไหมคะได้ไหมต(ส)-ี-๋แรกหลักการง่ายๆเราเลือกจากไอ้นี่เลยลูกเห็นไหมส(ฝ)-ั่งสีตามค่าสีเลยสีแรกคือสีอะไรสีแดงใช่หรือเปล-่ะ(า)สีแดงหรือสีส้มส้มละกันส้มนะออกโทนส้มจะเอาสีส้มนะคะเป็นสีที่1ได้กลมๆอันแรกแล้วเราอยากให้มันได้ขนาดเท่าๆกันเพราะฉะนั้นเราโกดรธ(ท)พ-ี่เห็นไหมคะตล(ร)งPropertyส่วนหัวที่มีจุด3จุดเลือกDuplicateรุ่นพิเศษทำซ้ำทำซ้ำแล้วกดที่ตัวนั้นแล้วลากออกมา1อันเห็นไหมทำซ้ำแ338(ต่)เอ(ร)าไปเปลี่ยนอะไรคะเปลี่ยนสีที่2เมื่อกี้แดงแล้วก็เป็นบ(ถ)-ัต(ด)รมาก็คือเหล-ืองใช่หร-ือเปแค(ล)-่าลูกเราอยากได้สีเหลืองหน้าสีเหลืองนะคะเหมือนเดิมค่ะทำให้ครบอะไรอ่านไล่สีกันล(น)ะเด็กๆมีแดงเหลืองเขียวน้ำเงินม่วงเฮ(อ)-้ยไม่ใช่แดงสิอันแรกส้มนะส้มแล้วก็ม-ั(า)นเหลืองแล้วก็มาเขียวแล้วก็ฟ้าน้ำเงินม่วงชมพูแล้รัก(ว)สุดท้ายแดงนะคะทำทำต่อค่ะเด็กๆทำต่อDuรุ-่(p)licaนพิเศษ(te)ต่อเหมือนเดิมทำซ้ำอีกครั้งหนึ่งอเว(-ุ)-้ลา(ย)เวลากดระวังนะคะมันจะลากขยายเราอยากได้ขนาดมันเท่าเดิมถ้าขนาดมันไม่เท่าเดิมเดี๋ยวเราลบทิ้งก่อนเอาใหม่เราก็กดDuplicateโดนที่เขตใหม่นะคะเราจะได้ไม่ต้องไปแก้Sizไข(e)มันใหม-่น-่ะเราแค่ไปเปลี่ยนตรงสีแล้เอ(ว)ก-็ร(ล)าช(ก)น-้องออกไปแล้อ่ะ(ว)ก็เปลี่ยนสีเป็นเขียวแล้วก็เหมือนเดิมทำซ้ำสีถัดไปนะคะDด(u)plicนตรีเ(a)tขต(e)ซ้ำแล้วก็ลากออกไปเก(ข)-ี-่ยวแล้วอะไรต่อว(น)-่ะเขียวฟ้าฟ้าขอบฟ้าแบบตระกูลฟ้าโอเคฟส(-้)าแลรพัด(ะก็)น้ำเงินดูการจัดแนวเนาะเห็นไหมมันจะมีเส้นสีขึ้นมาเนาะเราจะได้เห็นว่ามันอยู่ในแนวเดียวกันหรือเปล่าน้ำเงินนะคะต่อไปสีน้ำเง-ิน-ั(น)-้น(-ำ)เงิร(น)นาก็(-้ำ)เงินแล้วก็Duplicพิเ(a)tศษ(e)เพิ่มน้ำเงินแล้วก็ม่วงง(ม)-่วงแล้วก็สีอะไรเอ่ยสีอะไรเอ่ยชมพู-่สีสุดท้ายแล้วนะคะส-ิ(-ี)-่งสุดท้ายสีสุดท้ายคือสีแดงแดงๆๆๆนี่ทีนีม-ิ(-้)มีส4(-ี)แล้วทีนี้เผื่อจะลบนไม่(-ึก)ออกไหมเราจะลบน้องออกอ(น)-่ะเราหารูปยางลบมาใส่แทนแล-้ะ(ว)กันนะคะเพราะอันนี้เป็นปุ่มสีเนาะยางลบนะคะยางลบหาภาพยางลบอ่(เร)านแล้วอยากได้ภาพที่เป็นภาพวาดเราก็เติมด้วยvectเวกเตอ(or)ร์เข้าไปขอเอาพร-ุ่(-ูป)งนี้แล-้ะ(ว)กันเอารูปนี้แล-้ะ(ว)กันนะคะหรือจะเอารูปอื่นอยากได้ยางลบสีอะไรเลือกเอานะเด็กๆให้เห็นว่าเออถ้าเลือกพ(ป)ร-ุ่ง(ม)นี้มันจะเป็นลบอ(น)-่ะจะให้มันลบออกนะคะเอาล่ะว้าเอาอันนี้แหละนะจะเอาสีนี้แหละขอบันทึกรูปภาพเป็นใส่ในPictนเ(u)rจอ(e)ยางลบชื่อยางลบภาษาอังกฤษก็คือErมีเ(a)sลเซ(er)อร์นะคะEE-r-a-s-e-rแล้วขคะAVRล(อ)ปะคร(-ุ่ม)เพิ่มพอ-ัตราทำซ้ำไ(S)izซส-์(e)มันจะได้เท่ากันแต่เราจะไม่ใส่สีเราจะเปลี่ยนดูนะคร(ะ)-ับวิธีการเอาภาพเข้ามาใส่แทนBackgroundคลิกที่คำว่าBackgroundเลือกเป็นi(I)mageแทนเห็นไหมb(B)ackgroundแล-้ะ(ว)เลือกi(I)mageนะคะi(I)mageแล้วให้เราคลิกพ(ท)-ี่NoFilf(e)Sra(o)urdsเ(ce)นี่เห็นไหย(ม)เลือกUploadFiกอัพโหลดไฟล(le)-์เหมือนเดิมวิธีการเอาภาพเข้าจำได้เนาะเหมือนเดิมนะคะใ(เ)ห-็นไ-้(ห)มาได้รูปยางลบแล้วนะคะสต-ั(-ึ)-๊ดๆๆเดี๋ยวจะเดินดูนะคะว่าใครทำสีแล-้(ะ)วก็ยังลบครบแล้วนะคะไม่อย่างน-ั้นเดี๋ยวเราทำตัวอื่นต่อไม่ได้นะคะต้องทำตัวนี้ให้ได้ก่อนนะคะเพราะเป็นตัวหลักสำคัญจัดจอยา(-ัด)กให้สวยงามเมื่อกี้ตำแหน่งไม่สวยจัดใหม่จัดวางให้สวยงามนะลูกบางคนทำขนาดใหญ่เกินไปนะคะลดขนาดได้นะลูกวิธีการดูนะคะถ้าเราทำไปแล้วขนาดไม่เท่ากันน-ี-่ะเด็กๆเช็ค(ก)ที่ตำแหน่งนี้ลูกสมมตด(-ิ)เอารูปแรกเป็นหลักนะเห็นไหา(ม)ตะล(ร)งl(L)ayoutของPropertyน-ี่-้อ(ตร)งLaเลย(y)o-์เอ(ut)าท์เห็นไหมคะให้เด็กๆดูที่ตำแหน่งWww(W)ก็คือWidthWidtYY(h)นั่นก็คือความกว้างแล้วกขอ(-็)ดูที่ตำแหน่งตัวHHก็คือHeigหาย(ht)ก็คือความสูงนะคะถ้าเราอยากให้มันเท่ากันเช่นกว้างสูงเท่ากันก็อันนี้32เพราะฉะนั้นHeightเห(ร)ายแล้วก็ใส่32ตัวอื่นเราก็ทำไ(S)iซส์(ze)เดียวกันก็คล-ิดต(กล)รงไปแล้วก็มาคลิกข(ท)-ี-้w(-่W)32แก้ให้เท่ากันมันก็จะได้ขนาดของก(ป)ล-ุ่มเท่าๆกันทุกอันเลยนะหา(คะ)มาแก้ที่ตำแหน่งนี้ได้นะลูกแยก-้ความกว้างกและ(-ับ)ความสูงของมันWidวาย(th)กับHeightแค่นั้นเองSizใคร(e)จะเท่ากันเป๊ะเลยถ้าใครทำแล้วไม่เท่ากันน่ะเราเช็ค(ก)ได้นะคะว่าขนาดเรามันเท่ากันไหมเห็นไหมคะถ้าไม่เท่าเราก็แก้ได้อยากให้มันเท่ากันมันจะได้ดูสวยสวๆ(ย)นะคะทำงานก็ทำทั้งทีก็ทำให้มันสวยๆแล้วก็ดูตำแหน่งการจัดวางบอกทุกครั้งพอเวลาเราจัดมันจะมีเส้นสีๆชมพูขึ้นมาเห็นไหและ(ม)แนวเดียวกันมันก็จะขึ้นระนาบให้ดูว่าเอออยู่ในแนวเดียวกันแล้วนะอย่างนี้นะคะนี่เห็นไหมมันจะเป็นอย่างนี้เลยโอเK(ค)เมื่อกี้ไปเดินสำรวจมาแล้วเด็กๆได้เกือบ…ได้ครบหมดแล้วล่ะทีนี้เรามาเพิ่มนะคะองค์ประกอบที่เราจะเพิ่มอยู่ที่c(C)ompar(on)tmentรา(นะ)คา(ะ)มาที่แถบเครื่องมือทางซ้ายมือนะคะc(C)omponentที่ชื่ออะไรว(น)ะCanvasCanเขียนว่าเข(v)a-ีย(s)นว่าอยู่อยู่ตัวCompoอำเภอ(n)eน-้ำ(nt)สุดท้ายนะคะEmbedเลือกอันที่3123Canvasเแค(ห็)นไว-่า(หม)รูปเหมือนผ้าใบเนี่ยค่ะคลิกค้างแล้วเอาไปวางพื้นที่ที่เราจะทำก็คือเดอ(-็)กๆเห็นเนาะนี่ตั้งแต่ขอบสีข้างบนลงมาจนถึงตรงนี้เห็นไหมคะให้ให้ลักษณะกรอบผืนผ้าใบเราอยู่ตรงพื้นที่นี้เห็นหรือเปว(ล)-่าเห็นหรือยังเอ่ยเนี่ย(ๆ)ถ้าใครเลือกถูกอันCanvแคนว-่า(as)มันจะมีตัวหนอนโผล่ขึ้นมาแบบนี้นะคะเจ้าหนอนแดงF(R)acedb(W)ook(rm)เลือกแ(C)anvaฟนว่า(s)นะคะฉ(C)anva-ันว่า(s)แล้วปรับขนาดให้เท่ากับที่แม่วางไว้ก็คือให้เกือบเต็มกรอบแต่ไม่เกินแถ8(บ)สีแบ(กั)บแถบSสไ(l)iderลด์ฤกษ์ของเราเวลาจัดนะลูกสังเกตว่าเห็ใช-่(น)ไหมตรงนี้แม่ไม่ได้เอามาทับไอ้ตัวส่วนนี้มันจะมีขอบของมันน-้(ะ)อยดูนะคะเพราะถ้าเด็กๆไปทัก(บ)กันม(น)-่าเ(ะ)นี่ยพ-่อไปวางทับนเท-้า(-่ะ)เดี๋ยวมันจะใช้…มันจะใช้ไอ-้พวกนี้ไม่ได้นไม่(-ึก)ออกนะคะเพราะฉะนั้นถึงได้บอกว่าเหลือพื้นที่ให้แต่ละส่วนด้วยนะคะแต่ละกล(ร)-่อง(บ)เหมือนตอ(ร)งค์นี้แม่ก็ไม่ได้เอาไปทับข้างบนเห็นไหมนะคะเราแบ่งสัดส่วนดีๆแบ่งดีๆนะคะกรอบทำแต่ไม่ถึงกับทำเต็มก็มีพื้นที่ไวป(-้)นิดหนึ-่งอย่างละนิดอย่างละหน่อยโอOK(เค)ส่วนใครที่ได้Caเคฟ(n)vล-่า(as)มาแล้วเด็กๆเห็นตัวหนอนอันแรกไหมคะต-ัอน(ว)แรกคล-ิด(ก)ที่ตัวหนอนอันแรกแล้วคลิกถังขยะเราลบออกค่ะเราเราไม่ต้องการไอ้รูปตัวหนอนม(น)-ี-้มาโชว์นึกอ-ี(อ)กไหมเราต้องการแคบ(-่)ผืนผ้าใบเฉยๆนะคะอะไรขึ้นมาเป(ต)-ืล-ี(อ)-่ยนเยอะแท-้เสร็จแล-้วคลิกกลับไปที่Cแท(a)nนว่(va)าเรานะคะเด็กๆนี่นะคะเจ้าหนอนต้องหายไปนะเราเอาแค่ตัวผืนผ้าใบเปล่าๆใครยังทำหนอนหายไม่ได้คลิกเข้าไปที่ตรงนี้แล้วมันจะมีถม(-้)าแต่เดิมเนี่ยมันจะมีหนอนวางอยู่นะคะแล้วลบออกแค่นั้นเองโอเคนะคะทุกคนได้…ได้แล้วนะคะตอนนี้เด็กๆจะมีองค์ประกอบของทำไมไม่เข้ามาใจเย็นๆอ้าวเครื่องค้างไปสิจ๊ะโอเคแหม่ดูนะคะเราจะมีปุ่มสีแล-้ะ(ว)น-้(ะ)อเด็กๆนะแล้วก็มีตัวSlส(i)deตัวSlidไลด์วาดสไล(e)rเดอร์เนี่ยสำหรับเพิ่มขนาดของหัวพู่กันหรือหัวดินสออะไรก็แล้วแต่นะคะแล้วก็ตัวCanฉันว(v)a-่า(s)นี้นะคะไว้เป็นพื้นที่สำหรับม(ว)ากเดทีนี้ตรงCan-ี-๋(v)aยว(s)เรามากำหนดค่าตรงนี้นะคะให้เด็กๆคล-ิด(ก)เข้าไปที่ดูนะคะเด็กๆจะเห็นCค(a)n-ำว่า(vas)ใช่ไหมคล-ิด(ก)เข้าไปฉ(ใ)-ันCanว่า(vas)ค่ะที่Componentคอมเม้นเราเห็นไหมคะแล้วคลิกที่Stag8(e)1ตรงPropertลงปาร์ตี-้(y)จะต้องขึ้นคำว่าStage1แล้วเลื่อนไปที่ตำแหน่งท(ข)-้องd(T)ouchDrak(w)ingเห็นไหมคะเห็นหรือยังเปิดเราต้องเปิดTouchDrawพัด(i)nลม(g)นะคะเลื่อนเปิดตรงนี้ตำแหน่งนี้เห็นหรือเปว(ล)-่าตล-ูกใคไป(ร)หาตำแหน่งนี้ไม่เจอเด็กๆต้องเข้าไปที่Stเพจ(age)นะคะในCanvแคนว-่า(as)ก่อนเห็นไหมเ(ใ)น-ี(C)anva-่ยฉัน(s)ว่ามันจะมีซ่อนอยู่เนี่ยถ้าเราไม่คล-ิด(ก)เนี่ยมันจะไม่เห็นคำว่าs(S)tat(g)eขึ้นมาใช่ไหมคะเด็กๆคล-ิด(ก)เข้าไป1ครั้งSta58(ge)มันจะขึ้นมาเพรา(อS)ะstat(g)eขึ้นมาเด็กๆคลิกข(ท)-ี-่Stag-้แตก(e)นะคะแล้วมาเลือกd(T)ouchDrgg(aw)ingแต่เดิมTouchDrawingมัderma(น)จะเปcol(-็น)ปิดไว้อยู่เป็นสีเทาๆอย่างนี้เราต้องเปิดมันนะคะเพื่อใช้งานTouchDp(r)asswiord(ng)ให้เป็นสีน้ำเงินขึ้นเปิดค้างไว้เดี๋ยวจะไปเดินดูว่าใครยังไม่เปิดd(T)ouchDrgg(aw)ingโอเคนะคะพร้อมจะเขียนโค้ดหรือยังเด็กๆถ้าพร้อมแล้วเตรียมพร้อมนะคะเรากลับไปที่Screeทีม(n)ของเราค่ะทีนี้นะคะแล้วเลือกBlockบ(เ)ล-็(-ื)อกScแวะ(r)eก-ิน(en)ก่อนนะแล้วมาเลือกBlocบล็อก(k)นะคะป(ท)-ีนี้Blocล็อคเ(k)นี้ยเด็กๆดูนะคะมันจะอยู่ที่ชื่อว่าแ(A)dvanอดวานซ(ce)-์เด็กๆต้องไปที่Advanceลูกไปที่บ(B)loล็อค(ck)ล่างสุดเลยแ(A)dvอดว(a)nานซ(ce)-์เห็นไหมคะแล้วก็เลือกa(A)nycomponenta(A)nycomponentนะคะคอี(ลิ)ก1ครั้งใช่ใ(ๆ)ช่อยู่ที่Advancแอดวา(e)นซ์น(ะลู)รกอยู่ที่Adแอด(v)ancวานซ(e)-์เห็นไหมคะอยู่ที่บ(B)loล็อก(ck)ตัวสุดท้ายที่ชื่อว่าAdvanceหมว-ัดสุดท้ายa(A)dvancedแล้วก็อยู่ที่อันสุดท้ายด้วยAnycomponerrantนะคะหลักการของเราเดี๋ยอาจจะ(ว)ให้ดูหน้าด(D)esig-ีไซน-์(n)ก็คือเมื่อเราเปิดหน้าApp(แอป)ขึ้นมาเนาะแล้วสิ่งที่เราจะสามารถทำได้ก็คือถ้ากดปุ-่มใช-่ไหมถ้ากดปุ่มสีเราก็จะเขียนสีนี้ได้นึกออกนะมันก็จะเขียนไปตามสีก็คือให้ปุ่มทุกปุ่มเนี่ยมันทำงานทำงานแล้วทำอย-่-ั(า)งไง(ร)ปุ่มนี้จแล(ะ)-้วทำอย-่-ั(า)งไง(ร)ก็ให้นึกถึงว่าถ้ากดสีส้มเวลาเราวาดออกมามันก็ต้อว่า(ง)เป็นสีส้มถูกไหมคะถ้ากดสีเหลืองเวลาวาดก็ต้องเป็นสีเหลืองกดสีไหนว-่าดออกมาเป็นสีนั้นแต่ถ้ากดปุ่มลบลืมเดี๋ยวจะงงเด็กๆมาที่หน้าDesignก่อนลูกแป๊บหนึ-่งกลับมาที่หน้าDesignก่อนให้เราเลือกที่ปุ่มที่เป็นรูปยางลบของเราน่ะค่ะแล้วเราไปตั้งชื่อให้น้องใหม่ก่อนไม่เอาBo(u)ttom(n)8ให้รู้ไปเลยว่าก(ป)ล-ุ่มนี้เป็นย-ั(า)งลบเห็นไหมคะคล-ิด(ก)เข้าไปที่ตรงตำแหน่งชื่อมันแล้วก็แก้ชื่อเป็นEอ-ี(r)aserเลเซอร(E-)-์Pr-a-sW(-)eA(-)reนั่นก็คือถ้าเรากดปุ่มลบน-้(ะ)องมันก็จะต้องลบไอ้สิ่งที่อยู่ในหน้าในผืนผ้าใบเราเนี่ยออกไปนะคะแก้เป็นEj(r)aponeses(r)นะคะตัวอื่นไม่ต้องแก้เพราะจิ้มตามสีก็ออกตามสีนั้นว-่าอย-่างน-ั้นเถอะนะคะเพราะเราใส่ค่าให้เข้าไปแล้วเรียบร้อยแล้วด้วยคก(ล)-ิ-๊กนะคะพ(ท)-ี่ปุ-๋(-่)มสุดท้ายที่เป็นรูปยางลบและชื่อปุ่มจะต้องขึ้นว่าEraserโอ-ีเล(ค)เซอร์OKพร้อมไปที่การเขียนCโค(o)ding-้ดดิ้งไปที่Blocบล็อก(k)ของเราแล้วนะคะคล-ิด(ก)ที่Scrสกร(e)e-ีน(n)ของเราค่ะคลิกScrสกร(e)e-ีน(n)แล้วก็เลือกBบล(l)o-็อค(ck)นะคะไปที่Cค-ำ(o)mponว่าน-ั(e)n-้น(t)Advanceตัวสุดท้ายเลือกa(A)nyc(C)omponentบ(B)loล็อก(ck)ที่เราจะเลือกก็คือเมื่อเห็นไหมคะa(A)nyBo(u)ttom(n)ปุ่มใดๆคลิกปุ่มใดๆโดนกดเนี่ยด(Do)-ูให้ทำอะไรเราจะเลือกตัวนี้ออกมาBlพ(o)c-ัก(k)นี้ออกมาเพราะในBบล(l)o-็อก(ck)นี้มันบอกไว้ว่าเมื่อมีการกดปุ่มอะไรก็แล้วแต่เห็นไหมคะa(A)nyBuos(t)tonClickแ(เ)ม-ื-่อมีการคล-ิกComponenด(t)จะทำอะไรทำอะไรได้มาดูกันสิ่งที่เราอยากให้ทำก็คือผ้าใบของเรานึกออกนะเพราะฉะนั้นเราต้องคล-ิดพ(กท)-ี่Stageอยู่ไหนนี่คพ(ล)-ิกที่Stageเดี๋ยวศษ(นะ)เราต้องเลือกStaเกรด(ge)นะคะเด็กๆเพราะพื้นที่ที่เราจะทำก็คือฃผ(พ)-ื-้นผ้าใบตรงนั้นมันจะเป็นStag18เ(e)นาะเลือกStเ(a)gตะ(e)แล้วเดี๋ยวนะขอดูโค้ดก่อนแป๊บหนึ-่งนะคะเมื่อเมื่อStageเมื่อมีการคล-ิด(ก)สิ่งที่จะต้องทำก็คือStaged(T)ouchDrak(w)ingTr(to)ueเจอแล้วอันสุดท้ายนะลูกเดี๋ยวๆๆเดี๋ยจะ(ว)หาไม่เจออ(B)lockะๆๆบล็อกต่อไปที่เราจะเอามาใส่อยู่ที่s(S)tat(g)eนะคะแล้วก็อยู่ที่ตัวสุดท้ายเลยที่มีไม-้(-่)ตัวสุดท้ายสร(-ิ)ะอะตัวที่มีคำว่าSetStaged(D)rawingColortoนี่เห็นหรื2(อ)ยังใไป(คร)ยังหาไม่เห็นจ๊ะหาไม่เห็นยกมือเดี๋ยวย้อนให้ดูใหม่ช้าๆนะคะตอนนี้บ(B)lล-็อก(ock)ที่เราได้ก็คือเมื่อมีการกดปุ่มใดๆa(A)nyb(B)uttonClickDoดู(Do)จะให้ทำอะไรให้ทำอะไรสิ่งที่เราจะให้ทำมันอยู่ที่c(C)anvasหรือไ(ใ)นCanงฉัน(v)aว-่าง(sก็)คือมีStageเพราะฉะนั้นเราคลิกที่Stag-ิดเรท(e)นR(ะ)คะเหฉ-ั(-็)นไหมCanว่าแล(v)a-้ว(s)ก็Stจะไป(age)แล้วก็เลื่อนลงไปจนเห็นเนี่ย(ๆ)ที่มันมีแถบสีอยู่ด้านหลังนี่สังเกตง่ายอยู่นะไปที่s(S)etStageDrawingsColortoแล้วกTrue(-็)มีช่องสีนะคะตัวนี้นะคะก็คือให้StageมันSetStageDrawingColorเเราวิ่งกันเล(ห)-็ยใ(น)ช่ไหมDrawingColorก็คือวาดใช่ไหมคะว-ั(า)ดอะไรว-ั(า)ดศ(ส)ร-ีสีอะไรเดี๋ยวอันนี้ค่อยไประบุใส่ทีหลังลากมาก่อนลากBlบล-็(o)cอก(k)มาก่อนมาวางก่อนโอเคไหมใครยังไม่ได้แบบนี้ทีMi(น)-ีni(-้)ลองนะคะลองTeอ(s)tดูคลิกT-่ะFChicrestingกดเลือกสีเอ-้าๆๆๆอยู(โผล)-่ไปด้านไหนนเ(ะ)นี่ยมันให้ว-่าดนิท-ี(ด)เดียวเมื่อก-ี้เห็นไหมสีมันขึ้นนิดเดียวอันน-ี้มันค้างของเด็กๆน่าจะขึ้นไหมเลือกแล้ววาดได้ไหมดูหรืน-ู(อ)ยังดูหรือยังอะไรเด้อาใหม่เพราะอะไรเพราะยังเป็นสีดำเพราะอะไรในตัวเลือกเรามันเป็นสีดำถูกไหมคะอันนี้คือแม่มีหน้าเก่าค้างไว้อ(น)-่ะมันก็เลยย้อนกลับมาหน้าเดิมเนาะโอเคนะคะเพราะนี่ยดูสีที่เลือกตอนนี้ยังไม่ได้ระบุเปลี่ยนสียังระบุเป็นสีนี้อยู่Dป-ู(o)ตรงนี้จะเปลี่ยนนะคะเปลี่ยนเป็นหารหัสตัวไหนย-่อดลงไปก่อนมีCanvasแล้วอันนี้Componแคนว่าและana(e)kintอีกแล้วเลือกStageเป็ดว(ต)-ัน(ว)นี้ไปวางเข้าช่องนี้แทนนะลูกเปลี่ยนจากs(S)tat(g)eเป็นBo(u)ttonปุ่มm(…)ปุ่มอะไรอ(ล)-่ะแล้วก็ไปตรงนี้ลากComponentคอมเม้นเข้ามาใส่ก็คือเมื่อ…ก็จะวาดในจากอะไรจากปุ่มที่กดนึไม-่(ก)ออกไหมพ(C)omอปร(p)oneะเด-็น(nt)ก็คือมันก็จะเช็ค(ก)ตามสีดูซ(ส)-ิว่ามันจะเป็นสีนั้นไหมTestทำเหมือนเดิมโอเคไหมเด็กๆได้สีเอาใหม่เด้ออันไหนอันนี้ใหม่ใช่ไหมว(ต)-ัน(ว)นี้นะคะดูตอนนี้เมีอัย(น)นี้ครบแล้วเนาะว(ต)-ัน(ว)นี้มันมาจากนี่เห็นไหมa(A)nyc(C)omponentต้องไปที่e(A)nyCompod(n)entนะคะแล้วเลือกเนี่StageStageย88b(B)ackgroundColorนี่เลือกตัวนี้มาใส่ตรงช่องช่องสีแทนเพราะถ้าอย่างนี้มันFพริ(ix)กไว้ที่สีเดียวนึกออกนะแต่ทีนี้เแล้(รา)วม-ีส-ีใป-ุ(ช)-่ไหมสีเราก็จะต้องมาให้มันทำตามฆ(ค)-่าปุ่มสีของเรานั่นเองนะคะเพราะฉะนั้นตรงช่องแรกStageเราก็เปลี่ยนจากStageเป็นtoButtonก-็ค-ูเปิ(-ือ)ดไปที่ปุ่มปุ่มเนี-้ย(-่ป)กล-ุ่มเราเราใช้c(C)omponentเพราะว่าปุ่มเรามีหลายปุ่มเห็นไหมคะAnyCompel(on)egantเอ้ยse(A)nyButtegal(on)เพราะมีหลายปุ่มเพราะฉะนั้นต้องไปดึงc(C)omponentที่มันสร้างไว้ให้อัตโนมัติน่ะมาใส่แล้วพอเราคล-ิกPด(l)aเท(y)ปุ๊บนะคะเมื่อเรากดสีไหนก็แล้วแต่มันก็จะ…มันจะย้อนกลับมาทำไมขอเล่นก่อนไม่ได้หรอเห็นหร-ือเปล่านะคะเมื่อวันน(ก)-ี้สีชมพูและสีน้ำเงินแม่ได้ทุกสีนะใครไม่ได้ชเพ(-่)ราะต้องกลาร(ง)ลากมานะคะลากมาไม่ใช่ติ๊กเลือกดูไ(ใ)หม-่นะคะดูโค้ดBlบ(o)cอก(k)ดีๆอะใน(ไร)โปรแกรมเล็กๆเองทำไมช้าจังเนี่ๆยเ(ๆ)นี่ยเนี่ยอันนี้แล้วCompท(o)n-ำแบบ(ent)นี-้(-่)ลากมาจากตรงนี้นี่ลากมาใส่มันสร้างไว้ให้อัตโนมัติไงมันเช็ค(ก)แล้วว่าAnเอม(y)Buttมี่บอท(on)ทอมของเรามีอะไรบ้างนี่มันก็ทำc(C)omponentมาพอทำComponeคอม(nt)เราก็บอกว่าบอสท่อนนี้ตามCompU(o)nclenเ(t)นี้ยแล้วก็เป็นb(B)ackgroundColorโอเคนะแล้วลองจิ้มสีดูโไป(อ)เคนะ19:00นแ(ค)ะโอเล้วOK(ค)ได้วาดได้แล้วนะแต่ยังไม่เสร็จใช่ไหมเพราะอะไรลูกเดี๋ยวย้อนกลับมาที่นบ(-ี)-่ก่อริษัท(น)เรามีปุ่มลบอีกใช่ไหมเมื่อกี้ให้เพื่อนลองTเทส(est)กดปุ่มลบแต่มันออกสีถูกไหมลูกเพราะฉะนั้นเมื่อใดที่กดปุ่มลบมันจะต้องทำอะไรคะลบออกใช่ไหมลูกเราต้องไปกำหนดเขียนโค้ดให้กับบ(B)lล-็อก(ock)ของ…เขียนBบล(l)o-็อก(ck)ให้…เดี๋ยวจะเขียนโค้ดให้ปุ่มลบนะคะเขียนBบล(l)o-็อก(ck)ให้ปุ่มลบเขียนโค้ดให้ปุ่มลบนะคะอ้าวเรากลับไปที่บ(B)loล็อก(ck)ของเราเหมือนเดิมตอนนี้เรามีอะไรแล้วบ้างมีบอกว่าเมื่อมีการคช(ล)-ิโกปุะ(-่)มาที-่นี-่(-้)มันก็ต้องมีการตรวจสอบเพราะมีมีวาดสิ่งที่ตรงกันข้ามกับบ(ว)-้าน(ด)ก็คือลบเพราะอ-ัน(ฉะ)นั้นเราต้องใส่เงื่อนไขให้มันนะคะไปที่Coพอ(re)เร(ล)-ื-ีย(อ)กLogicลูกเอป-ิด(-้ย)เลือกControlสิControlifเห็นไหมคะเลือกiอ-ี(f)ฟเอาใส่ไว้ก่อนกบ(-่)อล(น)เงื่อนไขเงื่อนไขต้องมาก่อนป(ถ)-้าแล้วหรือถ้าแล้วถึงจะทำเงื่อนไขของอี(if)ฟนะคะอี(if)ฟอะไรอ่ะสิ่งที่จะอยู่ในนี้ก็คือStageไหมStageเราอยู่ไหนอ(น)-่ะหาStageก่อนสติอ(น)-่า(ะ)อยู่ที่แ(C)anvasStageifปึ๊บๆๆSคนว่าอีฟspre(t)ageนะdหา(คะ)แป๊บหนึ-่งนะคะอี(If)ฟแล้วก็เลือกร(L)ogicอที่อี(if)ฟนะคะอี(if)ฟแล้วไปเลือกLogicนะคะเด็กๆอันแรก…อันแรกที่มีเครื่องหมายเท่ากับน่ะไม่ๆๆอยู่ที่Logicอยู่ที่Logicเนี่ยเครื่องหมายที่มีเครื่องหมายเท่ากับก่อนอันนี้ก่อนแล้วก็เลือกErat(s)ere(E)raserเรil(า)อยู่ไหนเด็กๆจะสุดย(เจ)อดไหมอยู่ข้างล่างสุดไ(อ)ยูปไป(-่)ไอ(ห)-้นห-ี(ว)-่าไปAnyc(C)omponentครับเด็กๆเลือกอันเดียวเนี่ย(ๆ)ที่มีBlบล-็(o)cอก(k)อันเดียวที่ขึ้นว่าl(L)ayer1แต่เราไม่ได้เอาLaระย(y)er1ะหนึ่งเปลี่ยนจากl(L)ayer1เป็นของเราก็คือErasอีเรเซ(er)อร์เราจะเลือกถ้ามีการลบนึกออกนะเงื่อนไขเปลี่ยนจากถูกเอ้ยไม่เท่ากับถ้าปึ๊บๆ5(ๆ)ไม่เท่ากับถห(-้)าอะไรถ้าc(C)omponentเห็นไหมคะถ้าComponentima(นี่)lเมื่อปุ่มโดนC(ค)ลิlic(ก)kใช่ไหมโดยไม-ีCom-่ม-ี(p)oneคำแน(n)tะน(ก)-ำกับไว-ั(-้)ยเนี่ยนั่นหมายถึงa(A)nyb(B)uttonก็คือปุ่มใดๆถ้าปุ่มใดๆที่คลิๆ(ก)ไม่ใช่ปุ่มลบเห็นไหมคะเงื่อนไขมันบอกว่าถ้าiอ-ี(f)Componentฟคำบ่นั่นก็คือปุ่มใดๆเนี่ยไม่เท่ากับนะคะเป็นเครื่องหมายไม่เท่ากับนะไม่ใช่เท่ากับนะถ้าไม่เท่ากับก(ป)ล-ุ่มรถ(ลบ)นะคะสิ่งที่เราต้องการให้เขาทำก็คือเราก็ม-ั(า)นเลื่อนไอ้นี่ขึ้นมาดู(Do)Stageเนี-่Doขึ้นมาตำแหน-่งนี้เห็นไหมคะเพรยดู(าะ)เมื่อกี้ดู(Do)Stageมันเลื่อนไปอยู่ข้างล่างเนาะมันอยู่ตรงนี้ไม่ใช่เพ(ล)-ื่อนมันขึ้นมาเพราะเราใส่เงื่อนไขเข้ามาเพิ่มทำอะไรให้มันไปคล-ิด(ก)ค่าสีคลิที(กค)-่ทาสีเสร็จแล้วแต่ถ้าเป็นปุ่มลบล่ะเพราะฉะนั้นเมื่อมีอีฟเงื่อนไขที่1บอกไม่ใช่ปุ่มลบเพราะฉะนั้นต้องเพิ่มเ(e)lsอวเ(e)elseดี๋ยวคือเง-ื่-ิ(อ)นไขที่2ว่าแล้วถ้าเป็นปุ่มลบนะคะคลิกที่ไอ้ตัวปุ่มสีม่วงๆนี้นต(ะ)ล-ูกตำแหน่งสีม่วงๆกด1ครั้งเห็นไหมคะเลือกelเอว(se)มาวางต่อLifเห็นหรือveบ(เปล)-่าวมันจะมีช่องelเอว(se)โผล่ขึ้นมาอย่างนี้เห็นไหมคะใครยังไม่ได้บ(B)loล็อก(ck)แบบนี้บ้างกดไอ้นี่eเอว(lse)ลากเข้าไปต่อตรงFDanifจ้ะนี่ๆๆelป-้(ล)ากเข้าไปต่อตรงช่องนี้เหมี(-็น)ไหมข้างล่างมันถึงจะขึ้นดูนะคะดูใหม่นะคะคลิกกลับข(ค)-ืนก-่-ั(อ)นคลิกที่สีม่วงใช่นียัง(-่)ไงลากไปต่อนอ-้า(-ี่)วแล้วมองหาคำว่าCฉ-ั(a)nvasCanvaนว่าฉันว่า(s)ไปที่Canvเขียนว(as)-่าแล้วดูที่Looลุก(k)ล-ุ(-ู)กลบได้แล้วใช่สิเอ้าวก็อย่าเพิ่งไปธ(ท)-ีละอรญ(ย่)างสิว(น)ะก็ต(ร)อบเพื่อนหน่อยตัวเองได้แล้วก็รอเพื่อนก่อนหาColorDrawingเ(อ)ยู่ไหนหว่ฮีย(า)Cleardo(D)rak(w)ingOอ-่(n)อนเห็นไหมคะเอ้ยเมื่อกี้ลืมบอกใช่ไหมให้ไปที่Loล-ุก(ok)เพราะสิ่งที่เราจะทำมันยังอยู่ในอะไรคะอยู่ในแ(C)anvaคนว่า(s)ของเราใช่ไหมคะLลุก(ook)ก็คือเพื่อนมองหาอะไรมองหาคำสั่งCld(e)arDhu(r)awingOnก็คง(-ื)อนให้มันลบใช่ไหมเพราะอันแรกบอกว่าถ้าปุ่มนั้นไม่ใช่ปุ่มลบแต่ถ้ามันเป็นปุ่มลบปุ๊บelแล-้ว(se)มันจะทำงานก็คือให้ลบClearDrawingOnบd(C)anhu(v)as1เพราะผ้าใบเราชื่อว่าCแค(a)nvas1นะคนว่าหนึ่ง(ะ)ใขาย(คร)ได้อย่างนี้แล้วเอ-้าลองเท(ช)-็กสดูเทสดูนะคะว-่าดตร(ล)งไปก่อนนะคะวาดก่อนแล้วเด็กๆค่อยลด(บ)นะว-่าดแล้วกดปุ่มลบของเด็กๆน่าจะได้ไอ้ตัวนี้มา(-ั)นอน(มา)ค้างกับไอ้ตัวPoptiggyพ(น)-ี่มีเฉยๆนะคะอ้าวโอเคไหมลบไหมคะใคห-้(ร)ลบไม่ได้ชื่อมันก็บอกแล้วนะClearDrawingกันน็อคRealวิ่งรถ(ลบ)ไอ้สิ่งที่วาดอยู่อ(น)-่ะออกเสีห(ย)นะค-้า(ะ)ที-่นี้ต่อไปส่วนที่เราจะทำตรงส่วนของปุ่มควบคุมได้หมดแล้วนะคะเมื่อกดปุ่มนี้วาดก็จะเป็นสีนี้กดปุ่มลบไอ้ที่ว-่าดก็ได้หายที-่นี้ส่วนต-่-ัว(อ)มาSlidสไล(er)เดอรา-์เร(จะม)าเขียนโค้ดให้Slสไล(i)dเดอ(er)ร์เราม(น)-ั-่นก็คือเมื่อเรามีการเลื่อนขนาดเห็นไหมขนาดของหัว…หัวแปล(ร)งหรือขนาดหัวเขียนก็จะเปลี่ยนไปตามSiไซต(z)eSli-์สไลเ(d)eดอ(r)ร์ที่เราเลือกนะคะอ้าวกลับไปที่Blบล-็(o)cอก(k)ลูกแล้วเลือกส(S)lideไลเดอ(r)ร์เลือกอันแรกเลยนะคะWhenSlเว้นไ(i)dลค์o(erO)nValueChangeเมื่อมีค่ามีการเปลี่ยนค่าเห็นไหมคะเลือกอันนี้มาเลยเมื่อSสไ(l)iderลเดอร์มีการเปลี่ยนค่าValuแต่ล-ู(e)กก-็จะเปลี่ยนตามแ(V)alueหวนลุกในComponenนคอมเม้น(t)ที่เรากำหนดเมื่อส(S)liไลเ(d)eดอ(r)ร์มีการเปลี่ยนค่าสิ่งที่มันจะมาทำในบ(B)loล็อก(ck)นี้ก็คือs(S)tat(g)em(น)-ีen(-่)tธนา(ะ)คา(ะ)รเลือกเลือกจากa(A)nyc(C)omponentนี่เด-๊Sliderนีะสไลเดอร์นี-้(-่)ตรงc(C)omponentนี่ดูไอ้Compoua(ne)ntนี่-้SR(l)iderตัวเองอ(น)-่ะก็ให้มันเลือกเอาอันใดอันหนึ-่งเลือกจากตรงนี้นะคะเลือกจากc(C)omponentส(S)lideไลเดอ(r)ร์ที่เราสร้างนะคะมันถึงขึ้นนะคะเพราะเราจะไปสั่งCoโค-้(d)iดดิ(ng)-้งให้ส(S)liไลเ(d)eดอ(r)ร์ตัวนั้นทำงานนะคะเพราะฉวัน(ะ)นั้นเลือกส(S)lideไลเดอ(r)ร์น-ั-้-ำ(น)แล้วก็ไปที่StageเลือกStat(g)eเนี่ยนะคะเลือกSetSD(t)at(g)ed(D)rawingWidw(t)hi(แ)ตleพ(-่ท)-ี่Drawดอมว-ิ(i)n-่ง(g)จริงๆมันต้องDrawiรอวิ-่ง(ng)ตามว(V)oluอลล-ุ่(me)มที่เราเปลี่ยนใ(เ)ห-็-้(น)ไหมคะลากVolumeBlocx(k)Volumeมาใช้(ส่)แทนค่าที่มันมีตัวแรกเห็นหรือเปล่าTestFC(สิ)ดอมเปลี่ยนได้ไหมเข้าใจหรือยังเบ้(พร)าน(ะ)เราจะสั่งให้Slidสไลเดอ(er)ร์ใช่ไหมมันทำงานตามการเปลี่ยนเห็นไหมคะo(O)nValueChangeเมื่อค่าของSlสไล(i)dเดอ(er)ร์มีการเปลี่ยนสิ่งที่เราจะให้ทำก็คือs(S)tat(g)eนี้จะวาดd(D)raogg(w)ingWidtY(h)ว-ั(า)ดความกว้างตามtทร(o)Valu-ูแวล-ู(e)เห็นไหมคะแต่ถ้าเราไม่ใส่toVaถ(l)u-ุง(e)เอาtoVaถ(l)u-ุง(e)ออกดูนะลูกTeเฮ-็ด(st)ให้ดูของแม่จะไม่เห็นอ-ันาจ(น)-ีจะ(-้)เดี๋ยวTesทส(t)ให้ดูถ้าไม่ไม่เอาแ(V)aหว(l)uนร(e)-ูปใส่แล้วเดี๋ยวTeคส(st)นะคะค่าไอ้ตัวนี้มันก็จะแค่20เท่านั้นแต่ถ้าเดี๋ยวแม่ใส่ไอ-้นย(-ี)-่เข้าไปเดี๋ยวใส่ถ(V)al-่ายร(ue)-ูปเข้าไปนะคะแล้วTestปึ๊บเลื่อนขนาดแล้วว-่าดมันไปกลับแต่เพื่อนบอกทา(-ำ)งได้นะคะเดีอ(-๋)ย-่(ว)าไปแกคร(-้)-์EditBloบอ(c)kกพ(น)-ี-่(-้)ก่อนมันย้อนกลับมางามโอเคไหมเปลี่ยนได้ไหมคะให้นึกถึงว-่าน(ด)อะไรได้อีกวาดวงกลมได้อีกใช่ไหมให้ดูที่…ที่ไหนหว-่าDrawingLookเอ้ยCanvaะเราวิ-่ง(sแ)ล-้-ุกฉันว-่าเราก็ไปที่Loล-ูก(ok)เห็นไหมในBlocบล็อกอ(kน)-่ะมีDownlineเห็นไหมดอล(คะว)าย(ด)เส้นได้วาดCirยPassword(c)lเข(e)-้าได้วาดPโพ(o)lygลิกอน(on)ได้เหใช่(-็น)ไหมถ้าสมม-ุติเราสร้างปุ่มแล้วบอกว่าให้วาดเป็นรูปอย่างเ(น)ง-ี้ยอ่ะนึกออกเนะวาะ(ด)วงกลมวาดเส้นนี่เห็นไอ(ห)มยาก(คะ)ลองดึงบ(B)lล-็อก(ock)ไปใส่เ(แ)ล้วราเราก็กำหนดให้น้องว-่าดเพิ่มเข้าไปเช่นอ่ะสมม-ุติส(ๆ)ๆมม(ๆ)น-ุติสมมุติสมมุติเน-ี่ยน-้(ะ)องมีปุ่มเนี่ยไม่พออยากให้สช่(ร้)างวงกลมทำรูปวงกลมลงไปทำรูปสี่เหลี่ยมสามเหลี่ยมแล้วพอกดปุ่มวงกลมมันก็มาวาดรูปเป็นวงกลมให้กดปุ่มหลักการเดียวกันกับว(ต)-ัน(ว)นี้เลยดูนะคะเราต้องไปหาล(ร)-ูก(ป)มาใส่แทนดอมลองซ(ส)-ิTestวงกลมให้แม่ซ(ส)-ิสร้างวงกลมปุ่มวงกลม1อันแล้ว…แล้วลองเขียนโค้ดว่าถ้ากดที่รูปวงกลมเนี่ย(แ)ลเรา(-้ว)ลองมาวาดเนี่ยมันก็จะวาดเป็นรูปวงกลมให้เราโดยใช้Blocบล็อก(k)ที่ชื่อว่าLookนี่เหลุกม-ี(-็)นไหมLookDdo(r)agg(w)ingDrawเห็นไแ(ห)ม-่ค-้(ะ)ามันจะมีDrดอ(aw)Circleเห็นไหมล-่องซ(ส)-ิเหแม่(-็น)ไหมม-ัน-่ได้(จะ)มีสัดส่วนของBป(l)o-๊อป(ck)แบ่งไว้ให้เรียบร้อยนะครับหน้าคนอื่นเป็นอย่างไง(ร)คะบางคนไปดูแล้วSSสไล(l)iderเดอร์แล้วทำไมมันใหญ่ให้เด็กๆเช็ค(ก)ตรงนี้ด้วยนะคะตรงหน้าDeด(s)i-ีไซ(gn)น-ี-์(-่)เน(ด)-ี-่(-๋)ยวนะประมวลผลอย่างช้าในหน้าDesignเราต้องคลิกที่ตัวSlidสไลเดอ(er)ร์เราเนาะบอกแล้วตอนตั้งค่าเห็นไหมคะค่าMaximumเมื่อกี้ของแฝฟน(ด)นี่แต่(ฝด)น่าจะพิมพ์ซ้ำให้ดูนะคะไถ(อ)-้ค่าตรงนี้ก็มีส่วนยิ่งใส่คผ-้(-่)าเยอะๆน่ะไอ้เส้นมันก็จะใหญ่ตามเนาะใหญ่ตามฆ(ค)-่าเพราะฉะนั้นกำหนดให้เมื่อกี้บอกเท่าไหร-่นะ250อยู่ที่ประมาณ250นะเพราะแม่ลองTeเทส(st)แล้วบางคนใส่เกินนั้นน่ะมันก็เลยเส้นมันออกมาก็เลยใหญ่นะคะตล(ร)งm(M)ac(x)ค่าสูงสุดเขาอ(น)-่ะค่ะMaximumVolumeลักษณะเส้นที่วาดออกมามันก็จะแล้วตรงบ(V)olumนรุ่น(e)เริ่มต้นเริ่มที่0แต8(-่)Stagepเริ่มที่1นะคะMม-ิน(in)ก็เริ่มที่ศ(0)-ูนย์นะคะเท่านั้นนะคะนี่คือจุดที่จะต้องสังเกตนะคะหลักการเดียวกันถ้าทำวงกลมวงรีอะไรก็แล้วแต่ก็ต้องกำหนดค่าให้น้องเสซะ(-ีย)ก่อนพวกComponentพวกVolumeเห็นไหมคะมันจะขึ้นตามค่าที่เรากำหนดไว้นั่นเองนะคะเพราะเหมือนCoคำว(m)pone-่านั-่น(nt)น่ะในหน้าDesignของสีแต่ละสีเวลาเราเรียกใช้เห็นไหมใช่ไหมดอมแม่ไม่ต้องไปเรียกสีนั้นสีนี้มาเพราะแม่เลือกว่าให้มันเช็คกจา-ับc(กC)omponentเลยมันจะเช็ค(ก)จากค่าสีที่เราเปลี่ยนในDesiดีไซน์(gn)ไว้แล้วนไม(-ึ)กออกนะเหม-่ว่างเนาะง-ั้(-ือ)นปุ่มส้มเนี่ยในคภ(-่)าษ(ส)-ีของมันก็เป็นสีส้มปุ่มนี้สีเหลืองคท(-่)าสีก็เป็นสีเหลืองเห็นไหมคะนั่นคือc(C)omponentที่เราสร้างขึ้นมาแล้วมันก็จะมีค่า50(สี)ตามนั้นนะคะนี่โอนOK(เค)สัปดาห์นี้เราจะพอแค่นี้นะคะสัปดาห์หน้าเจอกันใหม่การบ้านใครยังทำไม่เสร็จทำให้มันเสร็จด้วยทำให้สวยงามนะคะเป็นคะแนนการบ้านมี2ชิ้นแล้วตอนนี-้ชิ-้นสุดท้ายเดี๋ยวจะดูว่าจะให้ทำอะไรเด็กๆต้องลองผนวกจากพ(ท)-ี่สอนๆไปทั้ง3-4งานเนี่ยแล้วเอามาสร้างเป็นชิ้นงาน1ชิ้นงานน-ี่จะได้อะไรบ้างนะคะจะให้ลองทำเพราะฉะนั้นให้ดูย้อนกลับไปดูในงานเก่าแต่ละชิ้นของตัวเองด้วยนะคะสัปดาห์นี้พอแค่นี้ค่ะขอบคุณพี่ล่ามค่ะสวัสดีค่ะ[สิ้นสุดการถอดความ]
More information
- compare(ans and test) :
- ans: file reference
- test: file test
- export datetime : 2024-01-17 18:57:40
- exported from : Accuracy Worker
- version :develop
- lib :character
- your normalize config
-IsFilter :true
-ToLower :false
-ToArabicNumber :true
-WordToNumber :true
-OrderAndSimilar :true
-ListRemove :
- alignment method :Hirschberg
- score weight :{"Match":5,"Mismatch":-1,"PartialMatch":2,"GapPenalty":-1}