Accuracy : 72.17%
Insertion : 1495
Deletion : 3109
Substitution : 994
Correction : 16014
Reference tokens : 20117
Hypothesis tokens : 18503
(อาจารย์สุธิรา)วันนี้นะคะจะมาพาทำa(แ)อpp(ป)อีกตัวหนึ-่งที่ใช้วิธีการเรแ(-ี)ยปล(ก)ว่าอะไรก็คือh(เ)ดี๋undr(ย)วed(ๆ)ยกตัวอย่างนะคะเป็นแอปนappไว(ะ)-้ไว้ว-่าดไวป(-้)เขียนน่ะก็คือจะมีเหมือนสีให้เลือกนะคะเป็นแapp(อป)ลักษณะเนี้ยมีสีแล้วก็มีขนาดของหัวแปรงนะคะเราจะมากำหนดขนาดหัวแปล(ร)งแล้วก็กำหนดสีเพื่อให้ใช้เขียนได้วาดได้นะคะหลักการก่บ้า(อ)นอื่นเปิดthท-ั้ง(unk)ablelนะคะแล้วให้เด็กๆสร้างprojโปรเ(e)cจค(t)ใหม่เนาะของเด็กๆอ(น)-่ะก็คือไปที่createnewapcc(p)ountนะคะคลิกcreatenewapcc(p)ountชื่อหาให้ตั้งชื่อว่า"drawing"drawingแปs(ล)ว-ิ-่งน(าก)วปาน(ร)วาดน่ะนะคะd-r-a-w-i-n-gb(d)rawingแล้วก็เลือกcaแคต(t)egorตากอร(y)-ี่เป็นeducationก็ได้การศึกษานเ(ะ)นาะหา(คะ)ทำเป็นeducationนะคะตั้งชื่อเสร็จแล้วก็กดcreateได้เลยนะคะของเด็กๆอ(น)-่ะการศึกษาเลือกหมวดapical(t)pegoryเป็n(น)edutr(c)ationของเด็กๆสร้างใหม่เลยนะคะของแม่จะใช้ตัวเดิมเพราะว่าupgอัพ(r)aเดท(de)แล้วมันต้องเสียสต-ั(า)งค์เราไก็(ม่)อยากเสียสต-ั(า)งค์เราจะใช้ตัวเดิมในายหน้าsg(c)reenshotนะคะcomponentที่เราจะใช้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)ร์นะคะอยู่ตรงinputโล-ูกอยู่ตรงหมวดinputวั(ตอ)นนี้ไปที่หมวดinputก่อนinpuพุธ(t)นะคะหาส(s)liไลเ(d)eดอ(r)ร์อันที่2เหใช่(-็น)ไหมคะinputเห็นไหมมันจะมีหมวดของมันเนาะในcomponentแต่ละตัวของเราอ(น)-่ะเราจะมีทั้งหมดด-ูนเป๊(ะค)ะหง(ม)วดแรกbasicหมว-ั(ด)นที่2dataหมวดที่3inputหมวดที่4mediมีเบ-ี(a)ยร์แล้วก็หบ(ม)วช(ด)ที่5embedตอนนี้เลยให้ไปที่compoวันน(n)e-ั-้น(nt)ที่อยู่ในหมวดที่3inputนะคะแล้วเลือกslidercomponentสไลเดอร์ตัวที่2นะคะsliอะไร(d)eเด(r)-้อเอามาวางด้านล่างลูกเราจะได้แถบเครื่องมือที่เป็นรูปอย่างนี้มีสีน้ำเงินอย่างนี้นะคะเด็กๆขยายให้มันเกือบเต็mร(มจ)อหน่อยเด้อขยายพื้นที่ให้น้องเกือบเต็มจออย่างนี้นะคะโอเคไหมใครยังไม่ได้ส(s)liไลเ(d)eดอ(r)ร์ได้หรือยังตอนนี้ได้หรือยังคพ(ล)-ิกก(ท)-ี-้(-่)compov(n)entrda(i)nputslic(d)erสไลเดอร์แล้วลากไปวางดูนะคะตอนนี้มาที่componentที่ชื่อว่าinputเห็นไหมอันที่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ลเดอร์แล้วนะคะส่วนต่อไปที่เราจะทำก็คือส่วนของปุ่มพ(ท)-ี่จะเป็นปุ่มสำหรับสีน่ะคห(-่)ะกดเลือกสีนั้นสีนี้นะคะหลักการง่ายๆให้เราเลือกcomponentที่ชื่อว่าbasicเลือกcompom(n)entแรกbo(u)ttom(n)อันแรกเลยลากมาวาง1อันเอาแค่อันเดียวก่อนนะลูกมันจะมีคำว่าbuttonอยู่ตรงกลางให้เด็กๆไปที่ฝั่ง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-ev(-)rแล-้วขอปะคร(-ุ่ม)เพิ่มพอ-ัตราทำซ้ำไ(s)izซส-์(e)มันจะได้เท่ากันแต่เราจะไม่ใส่สีเราจะเปลี่ยนดูนะคร(ะ)-ับวิธีการเอาภาพเข้ามาใส่แทนbackgroundคลิกที่คำว่าbackgroundเลือกเป็นimageแทนเห็นไหมbackgroundแล-้ะ(ว)เลือกimageนะคะimageแล้วให้เราคลิกพ(ท)-ี่nofilesra(o)urdsเ(ce)นี่เห็นไหย(ม)เลือกuploadfiกอัพโหลดไฟล(le)-์เหมือนเดิมวิธีการเอาภาพเข้าจำได้เนาะเหมือนเดิมนะคะใ(เ)ห-็นไ-้(ห)มาได้รูปยางลบแล้วนะคะสต-ั(-ึ)-๊ดๆๆเดี๋ยวจะเดินดูนะคะว่าใครทำสีแล-้(ะ)วก็ยังลบครบแล้วนะคะไม่อย่างน-ั้นเดี๋ยวเราทำตัวอื่นต่อไม่ได้นะคะต้องทำตัวนี้ให้ได้ก่อนนะคะเพราะเป็นตัวหลักสำคัญจัดจอยา(-ัด)กให้สวยงามเมื่อกี้ตำแหน่งไม่สวยจัดใหม่จัดวางให้สวยงามนะลูกบางคนทำขนาดใหญ่เกินไปนะคะลดขนาดได้นะลูกวิธีการดูนะคะถ้าเราทำไปแล้วขนาดไม่เท่ากันน-ี-่ะเด็กๆเช็ค(ก)ที่ตำแหน่งนี้ลูกสมมตด(-ิ)เอารูปแรกเป็นหลักนะเห็นไหา(ม)ตะล(ร)งlayoutของpropertyน-ี่-้อ(ตร)งlaเลย(y)o-์เอ(ut)าท์เห็นไหมคะให้เด็กๆดูที่ตำแหน่งwwก็คือwidthwidtyy(h)นั่นก็คือความกว้างแล้วกขอ(-็)ดูที่ตำแหน่งตัวhhก็คือheigหาย(ht)ก็คือความสูงนะคะถ้าเราอยากให้มันเท่ากันเช่นกว้างสูงเท่ากันก็อันนี้32เพราะฉะนั้นheightเห(ร)ายแล้วก็ใส่32ตัวอื่นเราก็ทำไ(s)iซส์(ze)เดียวกันก็คล-ิดต(กล)รงไปแล้วก็มาคลิกข(ท)-ี-้(-่)w32แก้ให้เท่ากันมันก็จะได้ขนาดของก(ป)ล-ุ่มเท่าๆกันทุกอันเลยนะหา(คะ)มาแก้ที่ตำแหน่งนี้ได้นะลูกแยก-้ความกว้างกและ(-ับ)ความสูงของมันwidวาย(th)กับheightแค่นั้นเองsizใคร(e)จะเท่ากันเป๊ะเลยถ้าใครทำแล้วไม่เท่ากันน่ะเราเช็ค(ก)ได้นะคะว่าขนาดเรามันเท่ากันไหมเห็นไหมคะถ้าไม่เท่าเราก็แก้ได้อยากให้มันเท่ากันมันจะได้ดูสวยสวๆ(ย)นะคะทำงานก็ทำทั้งทีก็ทำให้มันสวยๆแล้วก็ดูตำแหน่งการจัดวางบอกทุกครั้งพอเวลาเราจัดมันจะมีเส้นสีๆชมพูขึ้นมาเห็นไหและ(ม)แนวเดียวกันมันก็จะขึ้นระนาบให้ดูว่าเอออยู่ในแนวเดียวกันแล้วนะอย่างนี้นะคะนี่เห็นไหมมันจะเป็นอย่างนี้เลยโอเk(ค)เมื่อกี้ไปเดินสำรวจมาแล้วเด็กๆได้เกือบ…ได้ครบหมดแล้วล่ะทีนี้เรามาเพิ่มนะคะองค์ประกอบที่เราจะเพิ่มอยู่ที่compar(on)tmentรา(นะ)คา(ะ)มาที่แถบเครื่องมือทางซ้ายมือนะคะcomponentที่ชื่ออะไรว(น)ะ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)ว่ามันจะมีซ่อนอยู่เนี่ยถ้าเราไม่คล-ิด(ก)เนี่ยมันจะไม่เห็นคำว่าstat(g)eขึ้นมาใช่ไหมคะเด็กๆคล-ิด(ก)เข้าไป1ครั้งsta58(ge)มันจะขึ้นมาเพร(อ)าะstat(g)eขึ้นมาเด็กๆคลิกข(ท)-ี-่stag-้แตก(e)นะคะแล้วมาเลือกtouchdogg(raw)ingแต่เดิมtouchdermawingมันจะเปcol(-็น)ปิดไว้อยู่เป็นสีเทาๆอย่างนี้เราต้องเปิดมันนะคะเพื่อใช้งานtouchdp(r)asswiord(ng)ให้เป็นสีน้ำเงินขึ้นเปิดค้างไว้เดี๋ยวจะไปเดินดูว่าใครยังไม่เปิดtouchdogg(raw)ingโอเคนะคะพร้อมจะเขียนโค้ดหรือยังเด็กๆถ้าพร้อมแล้วเตรียมพร้อมนะคะเรากลับไปที่screeทีม(n)ของเราค่ะทีนี้นะคะแล้วเลือกblockบ(เ)ล-็(-ื)อกscแวะ(r)eก-ิน(en)ก่อนนะแล้วมาเลือกblocบล็อก(k)นะคะป(ท)-ีนี้blocล็อคเ(k)นี้ยเด็กๆดูนะคะมันจะอยู่ที่ชื่อว่าแ(a)dvanอดวานซ(ce)-์เด็กๆต้องไปที่advanceลูกไปที่บ(b)loล็อค(ck)ล่างสุดเลยแ(a)dvอดว(a)nานซ(ce)-์เห็นไหมคะแล้วก็เลือกanycomponentanycomponentนะคะคอี(ลิ)ก1ครั้งใช่ใ(ๆ)ช่อยู่ที่advancแอดวา(e)นซ์น(ะลู)รกอยู่ที่adแอด(v)ancวานซ(e)-์เห็นไหมคะอยู่ที่บ(b)loล็อก(ck)ตัวสุดท้ายที่ชื่อว่าadvanceหมว-ัดสุดท้ายadvancedแล้วก็อยู่ที่อันสุดท้ายด้วยanycomponerrantนะคะหลักการของเราเดี๋ยอาจจะ(ว)ให้ดูหน้าด(d)esig-ีไซน-์(n)ก็คือเมื่อเราเปิดหน้าapp(แอป)ขึ้นมาเนาะแล้วสิ่งที่เราจะสามารถทำได้ก็คือถ้ากดปุ-่มใช-่ไหมถ้ากดปุ่มสีเราก็จะเขียนสีนี้ได้นึกออกนะมันก็จะเขียนไปตามสีก็คือให้ปุ่มทุกปุ่มเนี่ยมันทำงานทำงานแล้วทำอย-่-ั(า)งไง(ร)ปุ่มนี้จแล(ะ)-้วทำอย-่-ั(า)งไง(ร)ก็ให้นึกถึงว่าถ้ากดสีส้มเวลาเราวาดออกมามันก็ต้อว่า(ง)เป็นสีส้มถูกไหมคะถ้ากดสีเหลืองเวลาวาดก็ต้องเป็นสีเหลืองกดสีไหนว-่าดออกมาเป็นสีนั้นแต่ถ้ากดปุ่มลบลืมเดี๋ยวจะงงเด็กๆมาที่หน้าdesignก่อนลูกแป๊บหนึ-่งกลับมาที่หน้าdesignก่อนให้เราเลือกที่ปุ่มที่เป็นรูปยางลบของเราน่ะค่ะแล้วเราไปตั้งชื่อให้น้องใหม่ก่อนไม่เอาbo(u)ttom(n)8ให้รู้ไปเลยว่าก(ป)ล-ุ่มนี้เป็นย-ั(า)งลบเห็นไหมคะคล-ิด(ก)เข้าไปที่ตรงตำแหน่งชื่อมันแล้วก็แก้ชื่อเป็นeอ-ี(r)aserเลเซอร(e-)-์pr-a-sw(-)ea(-)reนั่นก็คือถ้าเรากดปุ่มลบน-้(ะ)องมันก็จะต้องลบไอ้สิ่งที่อยู่ในหน้าในผืนผ้าใบเราเนี่ยออกไปนะคะแก้เjap(ป)-็on(น)erases(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ตัวสุดท้ายเลือกanycomponentบ(b)loล็อก(ck)ที่เราจะเลือกก็คือเมื่อเห็นไหมคะanybo(u)ttom(n)ปุ่มใดๆคลิกปุ่มใดๆโดนกดเนี่ยด(do)-ูให้ทำอะไรเราจะเลือกตัวนี้ออกมาblพ(o)c-ัก(k)นี้ออกมาเพราะในbบล(l)o-็อก(ck)นี้มันบอกไว้ว่าเมื่อมีการกดปุ่มอะไรก็แล้วแต่เห็นไหมคะanybuos(t)tonclickแ(เ)ม-ื-่อมีการคล-ิกcomponenด(t)จะทำอะไรทำอะไรได้มาดูกันสิ่งที่เราอยากให้ทำก็คือผ้าใบของเรานึกออกนะเพราะฉะนั้นเราต้องคล-ิดพ(กท)-ี่stageอยู่ไหนนี่คพ(ล)-ิกที่stageเดี๋ยวศษ(นะ)เราต้องเลือกstaเกรด(ge)นะคะเด็กๆเพราะพื้นที่ที่เราจะทำก็คือฃผ(พ)-ื-้นผ้าใบตรงนั้นมันจะเป็นstag18เ(e)นาะเลือกstเ(a)gตะ(e)แล้วเดี๋ยวนะขอดูโค้ดก่อนแป๊บหนึ-่งนะคะเมื่อเมื่อstageเมื่อมีการคล-ิด(ก)สิ่งที่จะต้องทำก็คือstaged(t)ouchdrak(w)ingtr(o)ueเจอแล้วอันสุดท้ายนะลูกเดี๋ยวๆๆเดี๋ยจะ(ว)หาไม่เจออ(b)lockะๆๆบล็อกต่อไปที่เราจะเอามาใส่อยู่ที่stat(g)eนะคะแล้วก็อยู่ที่ตัวสุดท้ายเลยที่มีไม-้(-่)ตัวสุดท้ายสร(-ิ)ะอะตัวที่มีคำว่าsetstagedrawingcolortoนี่เห็นหรื2(อ)ยังใไป(คร)ยังหาไม่เห็นจ๊ะหาไม่เห็นยกมือเดี๋ยวย้อนให้ดูใหม่ช้าๆนะคะตอนนี้บ(b)lล-็อก(ock)ที่เราได้ก็คือเมื่อมีการกดปุ่มใดๆanybuttonclickdoดู(do)จะให้ทำอะไรให้ทำอะไรสิ่งที่เราจะให้ทำมันอยู่ที่canvasหรือไ(ใ)นcanงฉัน(v)aว-่าง(sก็)คือมีstageเพราะฉะนั้นเราคลิกที่stag-ิดเรท(e)นr(ะ)คะเหฉ-ั(-็)นไหมcanว่าแล(v)a-้ว(s)ก็stจะไป(age)แล้วก็เลื่อนลงไปจนเห็นเนี่ย(ๆ)ที่มันมีแถบสีอยู่ด้านหลังนี่สังเกตง่ายอยู่นะไปที่setstagedrawingscolortoแล้วกrue(-็)มีช่องสีนะคะตัวนี้นะคะก็คือให้stageมันsetstagedrawingcolorเเราวิ่งกันเล(ห)-็ยใ(น)ช่ไหมdrawingcolorก็คือวาดใช่ไหมคะว-ั(า)ดอะไรว-ั(า)ดศ(ส)ร-ีสีอะไรเดี๋ยวอันนี้ค่อยไประบุใส่ทีหลังลากมาก่อนลากblบล-็(o)cอก(k)มาก่อนมาวางก่อนโอเคไหมใครยังไม่ได้แบบนี้ทีmi(น)-ีni(-้)ลองนะคะลองteอ(s)tดูคลิกt-่ะfchicrestingกดเลือกสีเอ-้าๆๆๆอยู(โผล)-่ไปด้านไหนนเ(ะ)นี่ยมันให้ว-่าดนิท-ี(ด)เดียวเมื่อก-ี้เห็นไหมสีมันขึ้นนิดเดียวอันน-ี้มันค้างของเด็กๆน่าจะขึ้นไหมเลือกแล้ววาดได้ไหมดูหรืน-ู(อ)ยังดูหรือยังอะไรเด้อาใหม่เพราะอะไรเพราะยังเป็นสีดำเพราะอะไรในตัวเลือกเรามันเป็นสีดำถูกไหมคะอันนี้คือแม่มีหน้าเก่าค้างไว้อ(น)-่ะมันก็เลยย้อนกลับมาหน้าเดิมเนาะโอเคนะคะเพราะนี่ยดูสีที่เลือกตอนนี้ยังไม่ได้ระบุเปลี่ยนสียังระบุเป็นสีนี้อยู่dป-ู(o)ตรงนี้จะเปลี่ยนนะคะเปลี่ยนเป็นหารหัสตัวไหนย-่อดลงไปก่อนมีcanvasแล้วอันนี้componแคนว่าและana(e)kintอีกแล้วเลือกstageเป็ดว(ต)-ัน(ว)นี้ไปวางเข้าช่องนี้แทนนะลูกเปลี่ยนจากstat(g)eเป็นbo(u)ttonปุ่มm(…)ปุ่มอะไรอ(ล)-่ะแล้วก็ไปตรงนี้ลากcomponentคอมเม้นเข้ามาใส่ก็คือเมื่อ…ก็จะวาดในจากอะไรจากปุ่มที่กดนึไม-่(ก)ออกไหมพ(c)omอปร(p)oneะเด-็น(nt)ก็คือมันก็จะเช็ค(ก)ตามสีดูซ(ส)-ิว่ามันจะเป็นสีนั้นไหมtestทำเหมือนเดิมโอเคไหมเด็กๆได้สีเอาใหม่เด้ออันไหนอันนี้ใหม่ใช่ไหมว(ต)-ัน(ว)นี้นะคะดูตอนนี้เมีอัย(น)นี้ครบแล้วเนาะว(ต)-ัน(ว)นี้มันมาจากนี่เห็นไหมanycomponentต้องไปที่e(a)nycompod(n)entนะคะแล้วเลือกเนี่stagestย88(age)backgroundcolorนี่เลือกตัวนี้มาใส่ตรงช่องช่องสีแทนเพราะถ้าอย่างนี้มันfพริ(ix)กไว้ที่สีเดียวนึกออกนะแต่ทีนี้เแล้(รา)วม-ีส-ีใป-ุ(ช)-่ไหมสีเราก็จะต้องมาให้มันทำตามฆ(ค)-่าปุ่มสีของเรานั่นเองนะคะเพราะฉะนั้นตรงช่องแรกstageเราก็เปลี่ยนจากstageเป็นtobuttonก-็ค-ูเปิ(-ือ)ดไปที่ปุ่มปุ่มเนี-้ย(-่ป)กล-ุ่มเราเราใช้componentเพราะว่าปุ่มเรามีหลายปุ่มเห็นไหมคeleg(ะ)anycompts(on)entเอeg(-้ย)anybuttol(n)เพราะมีหลายปุ่มเพราะฉะนั้นต้องไปดึงcomponentที่มันสร้างไว้ให้อัตโนมัติน่ะมาใส่แล้วพอเราคล-ิกpด(l)aเท(y)ปุ๊บนะคะเมื่อเรากดสีไหนก็แล้วแต่มันก็จะ…มันจะย้อนกลับมาทำไมขอเล่นก่อนไม่ได้หรอเห็นหร-ือเปล่านะคะเมื่อวันน(ก)-ี้สีชมพูและสีน้ำเงินแม่ได้ทุกสีนะใครไม่ได้ชเพ(-่)ราะต้องกลาร(ง)ลากมานะคะลากมาไม่ใช่ติ๊กเลือกดูไ(ใ)หม-่นะคะดูโค้ดblบ(o)cอก(k)ดีๆอะใน(ไร)โปรแกรมเล็กๆเองทำไมช้าจังเนี่ๆยเ(ๆ)นี่ยเนี่ยอันนี้แล้วcompท(o)n-ำแบบ(ent)นี-้(-่)ลากมาจากตรงนี้นี่ลากมาใส่มันสร้างไว้ให้อัตโนมัติไงมันเช็ค(ก)แล้วว่าanเอม(y)buttมี่บอท(on)ทอมของเรามีอะไรบ้างนี่มันก็ทำcomponentมาพอทำcomponeคอม(nt)เราก็บอกว่าบอสท่อนนี้ตun(าม)compol(n)enเ(t)นี้ยแล้วก็เป็นbackgroundcolorโอเคนะแล้วลองจิ้มสีดูโไป(อ)เคนะ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)ereraserเรil(า)อยู่ไหนเด็กๆจะสุดย(เจ)อดไหมอยู่ข้างล่างสุดไ(อ)ยูปไป(-่)ไอ(ห)-้นห-ี(ว)-่าไปanycomponentครับเด็กๆเลือกอันเดียวเนี่ย(ๆ)ที่มีblบล-็(o)cอก(k)อันเดียวที่ขึ้นว่าlayer1แต่เราไม่ได้เอาlaระย(y)er1ะหนึ่งเปลี่ยนจากlayer1เป็นของเราก็คือerasอีเรเซ(er)อร์เราจะเลือกถ้ามีการลบนึกออกนะเงื่อนไขเปลี่ยนจากถูกเอ้ยไม่เท่ากับถ้าปึ๊บๆ5(ๆ)ไม่เท่ากับถห(-้)าอะไรถ้าcomponentเห็นไหมคะถ้าcomponentima(นี่)lเมื่อปุ่มโดนc(ค)ลิlic(ก)kใช่ไหมโดยไม-ีcom-่ม-ี(p)oneคำแน(n)tะน(ก)-ำกับไว-ั(-้)ยเนี่ยนั่นหมายถึงanybuttonก็คือปุ่มใดๆถ้าปุ่มใดๆที่คลิๆ(ก)ไม่ใช่ปุ่มลบเห็นไหมคะเงื่อนไขมันบอกว่าถ้า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เ(อ)ยู่ไหนหว่ฮีย(า)cleardorak(w)ingoอ-่(n)อนเห็นไหมคะเอ้ยเมื่อกี้ลืมบอกใช่ไหมให้ไปที่loล-ุก(ok)เพราะสิ่งที่เราจะทำมันยังอยู่ในอะไรคะอยู่ในแ(c)anvaคนว่า(s)ของเราใช่ไหมคะlลุก(ook)ก็คือเพื่อนมองหาอะไรมองหาคำสั่งcleardrawingonh(ก)-็uaง(คื)อนให้มันลบใช่ไหมเพราะอันแรกบอกว่าถ้าปุ่มนั้นไม่ใช่ปุ่มลบแต่ถ้ามันเป็นปุ่มลบปุ๊บ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ลค์(er)onvaluechangeเมื่อมีค่ามีการเปลี่ยนค่าเห็นไหมคะเลือกอันนี้มาเลยเมื่อsสไ(l)iderลเดอร์มีการเปลี่ยนค่าvaluแต่ล-ู(e)กก-็จะเปลี่ยนตามแ(v)alueหวนลุกในcomponenนคอมเม้น(t)ที่เรากำหนดเมื่อส(s)liไลเ(d)eดอ(r)ร์มีการเปลี่ยนค่าสิ่งที่มันจะมาทำในบ(b)loล็อก(ck)นี้ก็คือstat(g)em(น)-ีen(-่)tธนา(ะ)คา(ะ)รเลือกเลือกจากanycomponentนี่เด-๊sliderนีะสไลเดอร์นี-้(-่)ตรงcomponentนี่ดูไอ้compoua(ne)ntนี่-้sr(l)iderตัวเองอ(น)-่ะก็ให้มันเลือกเอาอันใดอันหนึ-่งเลือกจากตรงนี้นะคะเลือกจากcomponentส(s)lideไลเดอ(r)ร์ที่เราสร้างนะคะมันถึงขึ้นนะคะเพราะเราจะไปสั่งcoโค-้(d)iดดิ(ng)-้งให้ส(s)liไลเ(d)eดอ(r)ร์ตัวนั้นทำงานนะคะเพราะฉวัน(ะ)นั้นเลือกส(s)lideไลเดอ(r)ร์น-ั-้-ำ(น)แล้วก็ไปที่stageเลือกstat(g)eเนี่ยนะคะเลือกsetsd(t)at(g)edrawingwidthi(แ)ตleพ(-่ท)-ี่drawดอมว-ิ(i)n-่ง(g)จริงๆมันต้องdrawiรอวิ-่ง(ng)ตามว(v)oluอลล-ุ่(me)มที่เราเปลี่ยนใ(เ)ห-็-้(น)ไหมคะลากvolumeblocx(k)volumeมาใช้(ส่)แทนค่าที่มันมีตัวแรกเห็นหรือเปล่าtestfc(สิ)ดอมเปลี่ยนได้ไหมเข้าใจหรือยังเบ้(พร)าน(ะ)เราจะสั่งให้slidสไลเดอ(er)ร์ใช่ไหมมันทำงานตามการเปลี่ยนเห็นไหมคะonvaluechangeเมื่อค่าของslสไล(i)dเดอ(er)ร์มีการเปลี่ยนสิ่งที่เราจะให้ทำก็คือstat(g)eนี้จะวาดdraogg(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นี่เหลุกม-ี(-็)นไหมlookdo(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)แล้วบางคนใส่เกินนั้นน่ะมันก็เลยเส้นมันออกมาก็เลยใหญ่นะคะตล(ร)งmac(x)ค่าสูงสุดเขาอ(น)-่ะค่ะmaximumvolumeลักษณะเส้นที่วาดออกมามันก็จะแล้วตรงบ(v)olumนรุ่น(e)เริ่มต้นเริ่มที่0แต8(-่)stagepเริ่มที่1นะคะmม-ิน(in)ก็เริ่มที่ศ(0)-ูนย์นะคะเท่านั้นนะคะนี่คือจุดที่จะต้องสังเกตนะคะหลักการเดียวกันถ้าทำวงกลมวงรีอะไรก็แล้วแต่ก็ต้องกำหนดค่าให้น้องเสซะ(-ีย)ก่อนพวกcomponentพวกvolumeเห็นไหมคะมันจะขึ้นตามค่าที่เรากำหนดไว้นั่นเองนะคะเพราะเหมือนcoคำว(m)pone-่านั-่น(nt)น่ะในหน้าdesignของสีแต่ละสีเวลาเราเรียกใช้เห็นไหมใช่ไหมดอมแม่ไม่ต้องไปเรียกสีนั้นสีนี้มาเพราะแม่เลือกว่าให้มันเช็คกจา-ับ(ก)componentเลยมันจะเช็ค(ก)จากค่าสีที่เราเปลี่ยนในdesiดีไซน์(gn)ไว้แล้วนไม(-ึ)กออกนะเหม-่ว่างเนาะง-ั้(-ือ)นปุ่มส้มเนี่ยในคภ(-่)าษ(ส)-ีของมันก็เป็นสีส้มปุ่มนี้สีเหลืองคท(-่)าสีก็เป็นสีเหลืองเห็นไหมคะนั่นคือcomponentที่เราสร้างขึ้นมาแล้วมันก็จะมีค่า50(สี)ตามนั้นนะคะนี่โอนok(เค)สัปดาห์นี้เราจะพอแค่นี้นะคะสัปดาห์หน้าเจอกันใหม่การบ้านใครยังทำไม่เสร็จทำให้มันเสร็จด้วยทำให้สวยงามนะคะเป็นคะแนนการบ้านมี2ชิ้นแล้วตอนนี-้ชิ-้นสุดท้ายเดี๋ยวจะดูว่าจะให้ทำอะไรเด็กๆต้องลองผนวกจากพ(ท)-ี่สอนๆไปทั้ง3-4งานเนี่ยแล้วเอามาสร้างเป็นชิ้นงาน1ชิ้นงานน-ี่จะได้อะไรบ้างนะคะจะให้ลองทำเพราะฉะนั้นให้ดูย้อนกลับไปดูในงานเก่าแต่ละชิ้นของตัวเองด้วยนะคะสัปดาห์นี้พอแค่นี้ค่ะขอบคุณพี่ล่ามค่ะสวัสดีค่ะ[สิ้นสุดการถอดความ]
More information
- compare(ans and test) :
- ans: file reference
- test: file test
- export datetime : 2023-12-15 16:49:57
- exported from : Accuracy Worker
- version :develop
- lib :character
- your normalize config
-IsFilter :true
-ToLower :true
-ToArabicNumber :true
-WordToNumber :true
-OrderAndSimilar :true
-ListRemove :
- alignment method :Hirschberg
- score weight :{"Match":5,"Mismatch":-1,"PartialMatch":2,"GapPenalty":-1}