Accuracy : 86.84%
Insertion : 597
Deletion : 1655
Substitution : 396
Correction : 18066
Reference tokens : 20117
Hypothesis tokens : 19059

(อาจารย์สุธิรา)วันนี้นะคะจะมาพาทำa(แ)pp(ป)อีกตัวหนึ่งที่ใช้วิธีการเแ(-ี)ล(ก)ว่าอะไรก็คือh(เ)ดี๋undr(ย)ed(ๆ)ยกตัวอย่างนะคะเป็นแอปนappไว(ะ)-้ไว้ว-่ป(-้)เขียนน่ะก็คือจะมีเหมือนสีให้เลือกนะคะเป็นแapp(อป)ลักษณะนี้มีสีแล้วก็มีขนาดของหัวแรงนะคะเราจะมากำหนดขนาดหัวแปล(ร)งแล้วก็กำหนดสีเพื่อให้ใช้เขียนได้วาดได้นะคะหลักการก่อนอื่นเปิดthunkableนะคะแล้วให้เด็กๆสร้างprojectใหม่ของเด็กๆน่ะก็คือไปที่createnewapcc(p)ountนะคะคลิกcreatenewapcc(p)ountชื่อหาให้ตั้งชื่อว่า"drawing"drawingแปsน(ล)-่าป(ก)น(ร)วาดน่ะนะคะd-r-a-w-i-n-gb(d)rawingแล้วก็เลือกcata(e)goryเป็นeducationก็ได้การศึกษาเ(ะ)หา(คะ)ทำเป็นeducationนะคะตั้งชื่อเสร็จแล้วก็กดcreateได้เลยนะคะของเด็กๆน่ะการศึกษาเลือกหมวดcategoryเป็นeducationของเด็กๆสร้างใหม่เลยนะคะของแม่จะใช้ตัวเดิมเพราะว่าupgอัป(r)aดต(de)แล้วมันต้องเสียสตางค์เราก็ไม่อยากเสียสตางค์เราจะใช้ตัวเดิมในหน้าscreenshotนะคะcomponentที่เราจะใช้1.มmi(-ี)buttracles(on)นะคะเรา(ล้ว)ก็มีsไ(l)ideลเดอ(r)ร์แล้วก็อีกตัวหนึ่งชื่อว่าcanvasนะคะก็คือผ้าใบหลักการก็คือเราจะมีปุ่มสีสำหรับเลือกสีอยู่ด้านบนโดยใช้ปุ่มนะคะเป็นตัวสร้างปุ่มสีแล้วก็มีส(s)lideไลเดอ(r)ร์อยู่ด้านล่างslสไล(i)derเดอร์ใช้เพื่อเพิ่มขนาดของหัวหัวตัวเขียนเรานั่นเองนะคะและสุดท้ายcanvascanvaเรา(sจะ)อยู่ตรงก-ั(ล)นว่งcanvasก็คือผืนผ้าใบหรือพื้นที่สำหรับในการวาดหรือเขียนนั่นเองนะคะตัวแรกที่เราจะใส่เข้าไปในscreenในหน้าa(แ)pp(ป)ของเรานะคะตัวแรกเลยก็คือส(s)liไลเ(d)eอ(r)ร์คลิกที่ส(s)lideไลเดอ(r)ร์นะคะอยู่ตรงinputลูกอยู่ตรงหมวดinput-ันนี้ไปที่หมวดinputก่อนinputนะคะหาsliderอันที่2เหช่(-็น)ไหมคะinputเห็นไหมมันจะมีหมวดของมันนะในcomponentแต่ละตัวของเราน่ะเราจะมีทั้งหม-ูนป๊(ะค)ะหมวดแรกbasicหมวดที่2dataหมดที่3inputหมดที่4mediมีเบ-ี(a)ยร์แล้วก็บ(ม)ช(ด)ที่5embedตอนนี้ให้ไปที่componentที่อยู่ในหมวดที่3inputนะคะแล้วเลือกslidercomponentตัวที่2นะคะsliderเอามาวางด้านล่างลูกเราจะได้แถบเครื่องมือที่เป็นรูปอย่างนี้มีสีน้ำเงินอย่างนี้นะคะเด็กๆขยายให้มันเกือบเต็มจอหน่อยเด้อขยายพื้นที่ให้น้องเกือบเต็มจออย่างนี้นะคะโอเคไหมใครยังไม่ได้sliderตัวนี้ได้หรือยังตอนนี้ได้หรือยังคลิกที่componentinputสไล(s)lidเดอร์(er)แล้วลากไปวางดูนะคะตอนนี้มาที่componentที่ชื่อว่าinputเห็นไหมอันที่3นี่แล้วเลือกsliderที่อยู่ตัวที่2กดเมาส์ค้างแล้วลากมาวางอย่างนี้นะคะเอาตัวเดียวนะแล้วจัดขนาดโดยการขยายให้มันเกือบเต็มจอน่ะค่ะแต่ไม่ต้องเต็มนะเว้นขอบไว้นิดหนึ่งอย่างนี้นะคะเห็นไหมเว้นซ้ายกับขวานิดหนึ่งให้เกือบเต็มทีนี้สิ่งที่เราจะต้องมากำหนดให้sliderก็คือกำหนดค่าเริ่มต้มันไม่ควรจะมาอยู่ที่ตรงกลางอย่างนี้มั-ึกข(อ)ง(ก)-้(ม)มันจะต้องมาอยู่ที่ค่าเริ่มต้นแล้วก็ค่าสูงสุดของจำนวนที่มันจะs(ส)ไลlide(ด์)ได้ไปจนถึงนะด้านหลังสุดนะคะคลิกที่sliderของเราแล้วมาดูที่เห็นไหมproperti(y)esproperti(y)esที่อยู่ขวามือเห็นไหมคะให้เด็กๆมาที่นี่valuevaluele(ra)ngt(e)hเห็นหรือยังว(ต)-ัแรกminminก็คือค่าต่ำสุดคือ0นะคะmaxค่าสูงสุดให้พิมพ์ค่าสูงสุดจนมันมาถึงอันหลังสุดนี-่(-้)มันจะอยู่ที่ประมาณ200200250นะเอาให้สัก250ค่ะแล้วก็ค่าvalueเห็นไหมคะvalueตัวบนสุดกำหนดค่าvalueเริ่มต้นที่0ค่ะใส่0นะคะในsliderproperti(y)esหรือคุณสมบัติที่เราจะต้องกำหนดคือ1ช่องvaวลู(lue)ใส่0stepนี่คือ1คือให้มันเพิ่มทีละ1ถ้าเราอยากให้มันเพิ่มมากกว่านี้เราก็แก้ได้ทีหลังนะคะแต่ค่าต่ำสุดคือ0ก็คือให้มันเริ่มจากศูนย0(-์)ก็คือเริ่มต้นที่ตำแหน่งมุมซ้ายนะคะและสูงสุด250ก็คือมันจะเลื่อนมาได้จนถึงด้านหลังสุดนะคะก็คือเลื่อนขนาดไอ้ตัวนี้sliderนี่มาได้ถึง250เร(พอ)ได้ส่วนของsliderแล้วนะคะส่วนต่อไปที่เราจะทำก็คือส่วนของปุ่มที่จะเป็นปุ่มสำหรับสีน-่ะค-่ะดเลือกสีนั้นสีนี้นะคะหลักการง่ายๆให้เราเลือกcomponentที่ชื่อว่าbasicเลือกcomponentแรกbo(u)ttonอันแรกเลยลากมาวาง1อันเอาแค่อันเดียวก่อนนะลูกมันจะมีคำว่า"button"อยู่ตรงกลางให้เด็กๆไปที่ฝั่งpropertyเห็นi(ไ)es(ม)ที่มันจะมีช่องนี้ชื่อมันนี่ลบออกค่ะลบคำว่าbuttonที่อยู่ตรงนี้ออกเหช่(-็น)ไหมจะได้แผ่(ถบ)อย่างนี้เราต้องการเป็นลักษณะกลมๆเพราะฉะนั้นเราย่นขอบมันเข้าไปวงกลมขนาดนี้เห็นไหมคะได้ไหมสีแรกหลักการง่ายๆเราเลือกจากไอ้นี่เลยลูกเห็นไหมส(ฝ)-ั่งสีตามค่าสีเลยสีแรกคือสีอะไรสีแดงใช่หรือเปล่าสีแดงหรือสีส้มส้ม-้(ะ)กันส้มออกโทนส้มจะเอาสีส้มนะคะเป็นสีที่1ได้กลมๆอันแรกแล้วเราอยากให้มันได้ขนาดเท่าๆกันเพราะฉะนั้นเรากดที่เห็นไหมคะตรงproperti(y)esส่วนหัวที่มีจุด3จุดเลือกduplicateทำซ้ำทำซ้ำแล้วกดที่ตัวนั้นแล้วลากออกมา1อันเห็นไหมทำซ้ำแล้(ต่)เราไปเปลี่ยนอะไรคะเปลี่ยนสีที่2เมื่อกี้แดงแล้วก็เป็นม(ถ)-ัน(ด)มาก็คือเหล-ืองใช่หร-ือเปค(ล)-่าลูกเราอยากได้สีเหลืองหน้าสีเหลืองนะคะเหมือนเดิมค่ะทำให้ครบอะไรไล่สีก-่(-ั)นนะเด็กๆมีแดงเหลืองเขียวน้ำเงินม่วงเอ้ยไม่ใช่แดงสิอันแรกส้มนะส้มแล้วก็ม-ั(า)เหลืองแล้วก็มาเขียวแล้วก็ฟ้าน้ำเงินม่วงชมพูแล-้ะ(ว)สุดท้ายแดงนะคะทำทำต่อค่ะเด็กๆทำต่อduplicateต่อเหมือนเดิมทำซ้ำอีกครั้งหนึ่งอุ้ยเวลากดระวังนะคะมันจะลากขยายเราอยากได้ขนาดมันเท่าเดิมถ้าขนาดมันไม่เท่าเดิมเดี๋ยวเราลบทิ้งก่อนเอาใหม่เราก็กดโดนที่duplicateใหม่นะคะเราจะได้ไม่ต้องไปแก้sizข(e)มันใหม-่น-่เราแค่ไปเปลี่ยนตรงสีแล้วก็ลาก-้องออกไปแล้วก็เปลี่ยนสีเป็นเขียวแล้วก็เหมือนเดิมทำซ้ำสีถัดไปนะคะduplicateซ้ำแล้วก็ลากออกไปเขียวแล้วะไรต่อว(ะ)-่าเขียวฟ้าฟ้าขอฟ้าแบบตระ...(กูล)ฟ้าโอเคฟ้าแล-้(ะ)ก็น้ำเงินดูการจัดแนวนะเห็นไหมมันจะมีเส้นสีขึ้นมานะเราจะได้เห็นว่ามันอยู่ในแนวเดียวกันหรือเปล่าน้ำเงินนะคะต่อไปสีน้ำเงินน้ำเงินเราก็น้ำเงินแล้วก็duplicateเพิ่มน้ำเงินแล้วก็ม่วงม่วงแล้วก็สีอะไรเอ่ยสีอะไรเอ่ยชมพูสีสุดท้ายแล้วนะคะสีสุดท้ายสีสุดท้ายคือสีแดงแดงๆๆๆนี่ทีนี้มีสีแล้วทีนี้เผื่อจะลบม่(-ึก)ออกไหมเราจะลบน้องออกน-่เราหารูปยางลบมาใส่แทนแล้วกันนะคะเพราะอะ(-ั)นนี้เป็นปุ่มสีนะยางลบนะคะยางลบหาภาพยางลบเราอยากได้ภาพที่เป็นภาพวาดเราก็เติมด้วยvectorเข้าไปขอเอารูปนี้แล้วกันเอารูปนี้แล้วกันนะคะหรือจะเอารูปอื่นอยากได้ยางลบสีอะไรเลือกเอานะเด็กๆให้เห็นว่าถ้าเลือกปุ่มนี้มันจะเป็นลบน่ะจะให้มันลบออกนะคะเอาล่ะว้าเอาอันนี้แหละนะจะเอาสีนี้แหละขอบันทึกรูปภาพเป็นอัน(ส่ใ)-ี้pictureยางลบชื่อยางลบภาษาอังกฤษก็คือeraserนะคะee-r-a-s-e-rแล้วขอปุ่มเพิ่มข(พ)อทำซ้ำไ(s)izซซ-์(e)มันจะได้เท่ากันแต่เราจะไม่ใส่สีเราจะเปลี่ยนดูนะคร(ะ)-ับวิธีการเอาภาพเข้ามาใส่แทนbackgroundคลิกที่คำว่าbackgroundเลือกเป็นimageแทนเห็นไหมbackgroundแล-้ะ(ว)เลือกimageนะคะimageแล้วให้เราคลิกที่nofa(i)lesourceนี่เห็นไหมเลือกuploadfiกอัปโหลดไฟล(le)-์เหมือนเดิมวิธีการเอาภาพเข้าจำได้นะเหมือนเดิมนะคะใ(เ)-็นไ-้(ห)ได้รูปยางลบแล้วนะคะตึ๊ดๆๆเดี๋ยวจะเดินดูนะคะว่าใครทำสีแล-้(ะ)ก็ยังลบครบแล้วนะคะไม่อย่างนั้นเดี๋ยวเราทำตัวอื่นต่อไม่ได้นะคะต้องทำตัวนี้ให้ได้ก่อนนะคะเพราะเป็นตัวหลักสำคัญจัดจัดให้สวยงามเมื่อกี้ตำแหน่งไม่สวยจัดใหม่จัดวางให้สวยงามนะลูกบางคนทำขนาดใหญ่เกินไปนะคะลดขนาดได้นะลูกวิธีการดูนะคะถ้าเราทำไปแล้วขนาดไม่เท่ากันนี่เด็กๆเช็กที่ตำแหน่งนี้ลูกสมมติเอารูปแรกเป็นหลักนะเห็นไหมตรงlayoutของproperti(y)esนี่ตรงlayoutเห็นไหมคะให้เด็กๆดูที่ตำแหน่งwwก็คือwidthwidtyy(h)นั่นก็คือความกว้างแล้วกอ(-็)ดูที่ตำแหน่งตัวhhก็คือheigาย(ht)ก็คือความสูงนะคะถ้าเราอยากให้มันเท่ากันเช่นกว้างสูงเท่ากันก็อันนี้32เพราะฉะนั้นheightเราก็ใส่32ตัวอื่นเราก็ทำsizeเดียวกันก็ค-ิดต(กล)งไปแล้วก็มาคลิกที่w32แก้ให้เท่ากันมันก็จะได้ขนาดของปุ่มเท่าๆกันทุกอันเลยนะคะมาแก้ที่ตำแหน่งนี้ได้นะลูกแก้ความกว้างละ(-ับ)ความสูงของมันwidte(h)กับheightแค่นั้นเองไ(s)izซซ-์(e)จะเท่ากันเป๊ะเลยถ้าใครทำแล้วไม่เท่ากันน่ะเราเช็กได้นะคะว่าขนาดเรามันเท่ากันไหมเห็นไหมคะถ้าไม่เท่าเราก็แก้ได้อยากให้มันเท่ากันมันจะได้ดูสวยสวๆ(ย)นะคะทำงานก็ทำทั้งทีก็ทำให้มันสวยๆแล้วก็ดูตำแหน่งการจัดวางบอกทุกครั้งพอเวลาเราจัดมันจะมีเส้นสีชมพูขึ้นมาเห็นไหและ(ม)แนวเดียวกันมันก็จะขึ้นระนาบให้ดูว่าอยู่ในแนวเดียวกันแล้วนะอย่างนี้นะคะนี่เห็นไหมมันจะเป็นอย่างนี้เลยโอเคเมื่อกี้ไปเดินสำรวจมาแล้วเด็กๆได้เกือบ.(…)..ได้ครบหมดแล้วล่ะทีนี้เรามาเพิ่มนะคะองค์ประกอบที่เราจะเพิ่มอยู่ที่compar(on)tmentนะคะมาที่แถบเครื่องมือทางซ้ายมือนะคะcomponentที่ชื่ออะไรนะcanvascanvasอยู่อยู่ตัวcomponentสุดท้ายนะคะembedเลือกอันที่3123canvasเห็นไหมรูปเหมือนผ้าใบนี่ค่ะคลิกค้างแล้วเอาไปวางพื้นที่ที่เราจะทำก็คือเด็กๆเห็นนะนี่ตั้งแต่ขอบสีข้างบนลงมาจนถึงตรงนี้เห็นไหมคะให้ลักษณะกรอบผืนผ้าใบเราอยู่ตรงพื้นที่นี้เห็นหรือเปล่าเห็นหรือยังเอ่ยนี่ถ้าใครเลือกถูกอันcanvasมันจะมีตัวหนอนโผล่ขึ้นมาแบบนี้นะคะเจ้าหนอนแดงd(r)eadwormเลือกcanvasนะคะฉ(c)anva-ันว่า(s)แล้วปรับขนาดให้เท่ากับที่แม่วางไว้ก็คือให้เกือบเต็มกรอบแต่ไม่เกินแถบสีแบ(กั)บแถบsliderของเราเวลาจัดนะลูกสังเกตว่าเห็ใช-่(น)ไหมตรงนี้แม่ไม่ได้เอามาทับไอ้ตัวส่วนนี้มันจะมีขอบของมันนะดูนะคะเพราะถ้าเด็กๆไปทับกั-่า(ะ)นี่พอไปวางทับน่ะเดี๋ยวมันจะใช้มันจะใช้ไอ-้พวกนี้ไม่ได้ม่(-ึก)ออกนะคะเพราะฉะนั้นถึงได้บอกว่าเหลือพื้นที่ให้แต่ละส่วนด้วยนะคะแต่ละกรอบเหมือนตรงนี้แม่ก็ไม่ได้เอาไปทับข้างบนเห็ไหมนะคะเราแบ่งสัดส่วนดีๆแบ่งดีๆนะคะกรอบทำแต่ไม่ถึงกับทำเต็มก็มีพื้นที่ไป(-้)นิดหนึ่งอย่างละนิดอย่างละหน่อยโอเคส่วนใครที่ได้canvasมาแล้วเด็กๆเห็นตัวหนอนอันแรกไหมคะตัวแรกคลิกที่ตัวหนอนอันแรกแล้วคลิกถังขยะเราลบออกค่ะเราไม่ต้องการไอ้รูปตัวหนอนนี้มาโชว์นึกออกไหมเราต้องการแคบ(-่)ผืนผ้าใบเฉยๆนะคะอะไรขึ้นมาเตือนเยอะแท้เสร็จแล้วคลิกกลับไปที่canvasเรานะคะเด็กๆนี่นะคะเจ้าหนอนต้องหายไปนะเราเอาแค่ตัวผืนผ้าใบเปล่าใครยังทำหนอนหายไปไม่ได้คลิกเข้าไปที่ตรงนี้แล้วมันจะมีม(-้)าแต่เดิมนี่มันจะมีหนอนวางอยู่นะคะแล้วลบออกแค่นั้นเองโอเคนะคะทุกคนได้…ได้แล้วนะคะตอนนี้เด็กๆจะมีองค์ประกอบของ...ทำไมไม่เข้ามาใจเย็นๆอ้าวเครื่องค้างไปสิจ๊ะโอเคแหม-่ดูนะคะเราจะมีปุ่มสี-้ะ(ว)นะด็กๆนะแล้วก็มีตัวslider(-ั)slidาดสไล(e)rเดอร์เนี่สำหรับเพิ่มขนาดของหัวพู่กันหรือหัวดินสออะไรก็แล้วแต่นะคะแล้วก็ตัวcanฉันว(v)a-่า(s)นี้นะคะไว้เป็นพื้นที่สำหรับวาดทีนี้ตรงcanvasเดี๋ยวเรามากำหนดค่าตรงนี้นะคะให้เด็กๆคลิกเข้าไปที่ดูนะคะเด็กๆจะเห็นcanvasใช่ไหมคลิกเข้าไปในcanvasค่ะที่componentเราเห็นไหมคะแล้วคลิกที่stag8(e)1ตรงproperti(y)esจะต้องขึ้นคำว่าstao(g)euc(1)แล้วเลื่อนไปที่ตำแหน่งท(ข)-้องd(t)ouchdrak(w)ingเห็นไหมคะเห็นหรือยังเปิดเราต้องเปิดtouchdrawพัด(i)nม(g)นะคะเลื่อนเปิดตรงนี้ตำแหน่งนี้เห็นหรือเปล่าลูกใครหาตำแหน่งนี้ไม่เจอเด็กๆต้องเข้าไปที่sp(t)ageนะคะในcanvasก่อนเห็นไหม-ี่canvasมันจะมีซ่อนอยู่นี่ถ้าเราไม่คลิกนี่มันจะไม่เห็นคำว่าstat(g)eขึ้นมาใช่ไหมคะเด็กๆค-ิด(ก)เข้าไป1ครั้งstageมันจะขึ้นมาร(อ)าะstat(g)eขึ้นมาเด็กคลิกที่stat(g)eนะคะแล้วมาเลือกtouchdrawingแต่เดิมtouchdrawingมันจะเป็นปิดไว้อยู่เป็นสีเทาอย่างนี้เราต้องเปิดมันนะคะเพื่อใช้งานtouchdp(r)asswiord(ng)ให้เป็นสีน้ำเงินขึ้นเปิดค้างไว้เดี๋ยวจะไปเดินดูว่าใครยังไม่เปิดtouchdrawingโอเคนะคะพร้อมจะเขียนโค้ดหรือยังเด็กๆถ้าพร้อมแล้วเตรียมพร้อมนะคะเรากลับไปที่screenของเราค่ะทีนี้นะคะแล้วเลือกblocksเลือกscreenก่อนนะแล้วมาเลือกblocksนะคะทีน-ีนี-้blocล็อคเ(k)นี้เด็กๆดูนะคะมันจะอยู่ที่ชื่อว่าadvanceเด็กๆต้องไปที่advanceลูกไปที่blockล่างสุดเลยadvanceเห็นไหมคะแล้วก็เลือกanycomponentanycomponentนะคะคลิก1ครั้งใช่ๆอยู่ที่advanceนะลูกอยู่ที่advanceเห็นไหมคะอยู่ที่blocksตัวสุดท้ายที่ชื่อว่าadvanceตั(หม)สุดท้ายadvancedแล้วก็อยู่ที่อันสุดท้ายด้วยanycomponentนะคะหลักการของเราเดี๋ยอาจจะ(ว)ให้ดูหน้าdesignก็คือเมื่อเราเปิดหน้าapp(แอป)ขึ้นมานะแล้วสิ่งที่เราจะสามารถทำได้ก็คือถ้ากดปุ่มใช่ไหมถ้ากดปุ่มสีเราก็จะเขียนสีนี้ได้นึกออกนะมันก็จะเขียนไปตามสีก็คือให้ปุ่มทุกปุ่มนี่มันทำงานทำงานแล้วทำอย่างไรปุ่มนี้ล(ะ)-้วทำอย่างไรก็ให้นึกถึงว่าถ้ากดสีส้มเวลาเราวาดออกมามันก็ต้อว่า(ง)เป็นสีส้มถูกไหมคะถ้ากดสีเหลืองเวลาวาดก็ต้องเป็นสีเหลืองกดสีไหนไม่-่ออกมาเป็นสีนั้นแต่ถ้ากดปุ่มลบลืมเดี๋ยวจะงงเด็กๆมาที่หน้าdesignก่อนลูกแป๊บหนึ่งกลับมาที่หน้าdesignก่อนให้เราเลือกที่ปุ่มที่เป็นรูปยางลบของเราน่ะค่ะแล้วเราไปตั้งชื่อให้น้องใหม่ก่อนไม่เอาbo(u)ttom(n)8ให้รู้ไปเลยว่าปุ่มนี้เป็นย-ั(า)งลบเห็นไหมคะคลิกเข้าไปที่ตรงตำแหน่งชื่อมันแล้วก็แก้ชื่อเป็นerasere-r-a-s-e-rนั่นก็คือถ้าเรากดปุ่มลบนะมันก็จะต้องลบไอ้สิ่งที่อยู่ในหน้าในผืนผ้าใบเรานี่ออกไปนะคะแก้เป็นeraserนะคะตัวอื่นไม่ต้องแก้เพราะจิ้มตามสีก็ออกตามสีนั้นว่าอย่างนั้นเถอะนะคะเพราะเราใส่ค่าให้เข้าไปแล้วเรียบร้อยแล้วด้วยคลิกนะคะที่ปุ่มสุดท้ายที่เป็นรูปยางลบและชื่อปุ่มจะต้องขึ้นว่าeraserโอเคพร้อมไปที่การเขียนcodingไปที่blocksของเราแล้วนะคะคลิกที่screenของเราค่ะคลิกscreenแล้วก็เลือกblockนะคะไปที่c-ำ(o)mponว่าน-ั(e)n-้น(t)advanceตัวสุดท้ายเลือกanycomponentblocksที่เราจะเลือกก็คือเมื่อเห็นไหมคะanybuttonปุ่มใดๆคลิกปุ่มใดๆโดนกดนี่ดู(do)ให้ทำอะไรเราจะเลือกตัวนี้ออกมาblเอา(o)c-ั(k)-ี้ออกมาเพราะในblockนี้มันบอกไว้ว่าเมื่อมีการกดปุ่มอะไรก็แล้วแต่เห็นไหมคะanybuos(t)tonclickเมื่อมีการคลิกcomponentจะทำอะไรทำอะไรได้มาดูกันสิ่งที่เราอยากให้ทำก็คือผ้าใบของเรานึกออกนะเพราะฉะนั้นเราต้องคลิกที่stageอยู่ไหนนี่คลิกที่stat(g)eเดี๋ยวนะเราต้องเลือกstat(g)eนะคะเด็กๆเพราะพื้นที่ที่เราจะทำก็คือผ(พ)-ื-้นผ้าใบตรงนั้นมันจะเป็นstat(g)eนะเลือกstat(g)eแล้วgfuเดี๋ยวนะขอดูโค้ดก่อนแป๊บหนึ่งนะคะเมื่อstat(g)eเมื่อมีการคลิกสิ่งที่จะต้องทำก็คือstat(g)etouchdrawingtr(o)ueเจอแล้วอันสุดท้ายนะลูกเดี๋ยวๆๆเดี๋ยวหาไม่เจอblockต่อไปที่เราจะเอามาใส่อยู่ที่stat(g)eนะคะแล้วก็อยู่ที่ตัวสุดท้ายเลยที่มีไม่ตัวสุดท้ายสิตัวที่มีคำว่าsetstagedrawingcolortoนี่จอ(-็น)หรือยังใครยังหาไม่เห็นจ๊ะหาไม่เห็นยกมือเดี๋ยวย้อนให้ดูใหม่ช้าๆนะคะตอนนี้blocksที่เราได้ก็คือเมื่อมีการกดปุ่มใดๆanybuttonclickdoดูดู(do)จะให้ทำอะไรให้ทำอะไรสิ่งที่เราจะให้ทำมันอยู่ที่canvasหรือในcanvasก็คือมีstageเพราะฉะนั้นเราคลิกที่stat(g)eนะคะเห-ั(-็)ไหมcanว่าแล(v)a-้ว(s)ก็stะไป(age)แล้วก็เลื่อนลงไปจนเห็นนี่ย(ๆ)ที่มันมีแถบสีอยู่ด้านหลังนี่สังเกตง่ายอยู่นะไปที่setstat(g)edrawingcolortoแล้วก็มีช่องสีนะคะตัวนี้นะคะก็คือให้stageมันsetstagedrawingcolorเใ(ห)-็-่(น)ไหมdrawingcolorก็คือวาดใช่ไหมคะวาดอd(ไ)รวาrawi(ด)ng(-ี)สีอะไรเดี๋ยวอันนี้ค่อยไประบุใส่ทีหลังลากมาก่อนลากblockมาก่อนมาวางก่อนโอเคไหมใครยังไม่ได้แบบนี้ทีนี้ลองนะคะลองteเทสต(st)-์ดูคลิกtestingกดเลือกสีเอ้าๆๆๆโผล่ไปห(ด)-้าไหเ(ะ)นี่มันให้วาดนิดเดียวเมื่อก-ี้เห็นไหมสีมันขึ้นนิดเดียวอันน-ี้มันค้างของเด็กๆน่าจะขึ้นไหมเลือกแล้ววาดได้ไหมดูหรือยังดูหรือยังเอาใหม่เด้อเพราะอะไรเพราะยังเป็นสีดำเพราะอะไรในตัวเลือกเรามันเป็นสีดำถูกไหมคะอันนี้คือแม่มีหน้าเก่าค้างไว้น่ะมันก็เลยย้อนกลับมาหน้าเดิมนะโอเคนะคะเพราะนี่ดูสีที่เลือกตอนนี้ยังไม่ได้ระบุเปลี่ยนสียังระบุเป็นสีนี้อยู่t(d)oolตรงนี้จะเปลี่ยนนะคะเปลี่ยนเป็นหาหาตัวไหนย่อลงไปก่อนมีcanvasแล้วอันนี้compa(o)na(e)kintอีกแล้วเลือกstat(g)eตัวนี้ไปวางเข้าช่องนี้แทนนะลูกเปลี่ยนจากstageเป็นbuttonปุ่ม…ปุ่มอะไรน(ล)-่ะแล้วก็ไปตรงนี้ลากcomponentเข้ามาใส่ก็คือเมื่อก็จะวาดในจากอะไรจากปุ่มที่กดนึดูสิว่ามันจะ(ก)ออกไหมพ(c)omอปร(p)oneะเด-็น(nt)ก็คือมันก็จะเช็กตามสีดูสิว่ามันจะเป็นสีนั้นไหมtท(e)sต(t)-์ทำเหมือนเดิมโอเคไหมเด็กๆได้สีเอาใหม่เด้ออันไหนอันนี้ใหม่ใช่ไหมตัวนี้นะคะดูตอนนี้มีอันนี้ครบแล้ว-ี(ะ)-่ตัวนี้มันมาจากนี่เห็นไหมanycomponentต้องไปที่anycomponeam(nt)นะคะแล้วเลือกนี่stagestagebackgroundcolorนี่เลือกตัวนี้มาใส่ตรงช่องช่องสีแทนเพราะถ้าอย่างนี้มันfลิ(ix)ไว้ที่สีเดียวนึกออกนะแต่ทีนี้ล้(รา)-ีส-ี-ุ(ช)-่ไหสีเราก็จะต้องมาให้มันทำตามค่าปุ่มสีของเรานั่นเองนะคะเพราะฉะนั้นตรงช่องแรกstageเราก็เปลี่ยนจากstat(g)eเป็นtoolbuttonก็คือไปที่ปุ่มปุ่มนี่ปุ่มเราเราใช้componentเพราะว่าปุ่มเรามีหลายปุ่มเห็นไหeleg(ะ)anycompts(on)entเอeg(-้ย)anybuttol(n)เพราะมีหลายปุ่มเพราะฉะนั้นต้องไปดึงcomponentที่มันสร้างไว้ให้อัตโนมัติน่ะมาใส่แล้วพอเราคลิกplanyปุ๊บนะคะเมื่อเรากดสีไหนก็แล้วแต่มันก็จะมันจะย้อนกลับมาทำไมขอเล่นก่อนไม่ได้หรอเห็นหรือเปล่านะคะเมื่อกี้สีชมพูและสีน้ำเงินแม่ได้ทุกสีนะใครไม่ได้พ(-่)ราะ...ต้องกร(ง)ลากมานะคะลากมาไม่ใช่ติ๊กเลือกดูไ(ใ)หม-่นะคะดูโค้ดblockดีๆอะไรโปรแกรมเล็กๆเองทำไมช้าจังนี่ๆๆอันนี้แล้วcompท(o)n-ำแบบ(ent)นี-้(-่)ลากมาจากตรงนี้นี่ลากมาใส่มันสร้างไว้ให้อัตโนมัติไงมันเช็กแล้วว่าanybuttonของเรามีอะไรบ้างนี่มันก็ทำcomponentมาพอทำcomponentเราก็บอกว่าบอสท่อ-ี้ตามcomponentนี้แล้วก็เป็นbackgroundcolorโอเคนะแล้วลองจิ้มสีดูโอเคนะไป(คะ)โอเคได้วาดได้แล้วนะแต่ยังไม่เสร็จใช่ไหมเพราะอะไรลูกเดี๋ยวย้อนกลับมาที่d(-ี)-่ก่อesign(น)เรามีปุ่มลบอีกใช่ไหมเมื่อกี้ให้เพื่อนลองtestเทสต์กดปุ่มลบแต่มันออกสีถูกไหมลูกเพราะฉะนั้นเมื่อใดที่กดปุ่มลบมันจะต้องทำอะไรคะลบออกใช่ไหมลูกเราต้องไปกำหนดเขียนโค้ดให้กับblocksของเขียนblocksให้เดี๋ยวจะเขียนโค้ดให้ปุ่มลบนะคะขียนblocksให้ปุ่มลบเขียนโค้ดให้ปุ่มลบนะคะเรากลับไปที่blockของเราเหมือนเดิมตอนนี้เรามีอะไรแล้วบ้างมีบอกว่าเมื่อม-ีกรคลิกปุ่มที-่นี-่(-้)มันก็ต้องมีการตรวจสอบเพราะมีมีวาดสิ่งที่ตรงกันข้ามกับบ(ว)-้น(ด)ก็คือลบเพราะ-ัน(ฉะ)นั้นเราต้องใส่เงื่อนไขให้มันนะคะไปที่coreร(ล)-ื-ีย(อ)กlogicลูก-ิด(-้ย)เลือกcontrolสิcontrolifเห็นไหมคะเลือกifเอาใส่ไว้ก่อนก่อนเงื่อนไขเงื่อนไขต้องมาก่อนถ้าแล้วหรือถ้าแล้วถึหรือเ-ื่อจะทำเงื่อนไขของอี(if)นะคะifอะไรสิ่งที่จะอยู่ในนี้ก็คือstat(g)eไหมstat(g)eเราอยู่ไหนน่ะหาstat(g)eก่อนเ(น)-่า(ะ)อยู่ที่canvasstageifปึ๊บๆๆstat(g)es(น)pre(คะ)adแป๊บหนึ่งนะคะifแล้วก็เลือกlogicifนะคะifแล้วไปเลือกlogicนะคะเด็กๆอันแรกอันแรกที่มีเครื่องหมายเท่ากับน่ะไม่ๆอยู่ที่logicอยู่ที่logicนี่เครื่องหมายที่มีเครื่องหมายเท่ากับก่อนอันนี้ก่อนแล้วก็เลือกerasereraserเราอยู่ไหนเด็กๆจะเจอไหมอยู่ข้างล่างสุดอยูป(-่)อ(ห)-้-ี(ว)-่าไปanycomponentครับเด็กๆเลือกอันเดียวนี่ๆที่มีblockอันเดียวที่ขึ้นว่าlayer1แต่เราไม่ได้เอาlayer1เปลี่ยนจากlayer1เป็นของเราก็คือeraserเราจะเลือกถ้ามีการลบนึกออกนะเงื่อนไขเปลี่ยนจากถูกเอ้ยไม่เท่ากับถ้าปึ๊บๆๆไม่เท่ากับถ้าอะไรถ้าcomponentเห็นไหมคะถ้าcomponentนี่เมื่อปุ่มโดนc(ค)ลิlic(ก)kใช่ไหมโดย-ีcom-่ม-ี(p)oneคำแน(n)tน(ก)-ำกับไว้นี่นั่นหมายถึงanybuttonก็คือปุ่มใดๆถ้าปุ่มใดๆที่คลิกไม่ใช่ปุ่มลบเห็นไหมคะเงื่อนไขมันบอกว่าถ้าifถ้าifcomponentก็คือปุ่มใดๆนี่ไม่เท่ากับนะคะเป็นเครื่องหมายไม่เท่ากับนะไม่ใช่เท่ากับนะถ้าไม่เท่ากับปุ่มลบนะคะสิ่งที่เราต้องการให้เขาทำก็คือเราก็ม-ั(า)เลื่อนไอ้นี่ขึ้นมาดู(do)stat(g)eนี-่doขึ้นมาตำแหน-่งนี้เห็นไหมดู(คะ)เพราะเมื่อกี้dostageมันเลื่อนไปอยู่ข้างล่างนะมันอยู่ตรงนี้ไม่ใช่เพ(ล)-ื่อนมันขึ้นมาเพราะเราใส่เงื่อนไขเข้ามาเพิ่มทำอะไรให้มันไปคลิกค่าสีท(ล)-ิ-ี-่(ก)ค่าสีเสร็จแล้วแต่ถ้าเป็นปุ่มลบล่ะเพราะฉะนั้นเมื่อมีifเงื่อนไขที่1บอกไม่ใช่ปุ่มลบลาัเพราะฉะนั้นต้องเพิ่มelseelseเดี๋ยวคือเง-ื่-ิ(อ)นไขที่2ว่าแล้วถ้าเป็นปุ่มลบนะคะคลิกที่ไอ้ตัวปุ่มสีม่วงๆนี้นะลูกตำแหน่งสีม่วงกด1ครั้งเห็นไหมคะเลือกelseมาวางต่อifเห็นหรือเปล่ามันจะมีช่องelseโผล่ขึ้นมาอย่างนี้เห็นไหมคะใครยังไม่ได้blocksแบบนี้บ้างกดไอ้นี่elseลากเข้าไปต่อตรงifจ้ะนี่ๆๆel(ล)se(ก)เข้าไปต่อตรงช่องนี้เหมี(-็น)ไหมข้างล่างมันถึงจะขึ้นดูนะคะดูใหม่นะคะคลิกกลับคืนก่อนคลิกที่สีม่วงใช่นี่ไงลากไปต่อนี่แล้วมองหาคำว่าcanvascanvasไปที่canvasแล้วดูที่lookลูกลบได้แล้วใช่สิอ้าก็อย่าเพิ่งไปทีละอย่างสิว(น)ก็รอเพื่อนหน่อยตัวเองได้แล้วก็รอเพื่อนก่อนหาcolordrawingอยู่ไหนหว่าcleardrawingonเห็นไหมคะเอ้ยเมื่อกี้ลืมบอกใช่ไหมให้ไปที่lookเพราะสิ่งที่เราจะทำมันยังอยู่ในอะไรคะอยู่ในcanvasของเราใช่ไหมคะlookก็คือเพื่อมองหาอะไรมองหาคำสั่งcleardrawingonก็คือให้มันลบใช่ไหมเพราะอันแรกบอกว่าถ้าปุ่มนั้นไม่ใช่ปุ่มลบแต่ถ้ามันเป็นปุ่มลบปุ๊บelแล-้ว(se)มันจะทำงานก็คือให้ลบcleardrawingoncanvaf(s)1เพราะผ้าใบเราชื่อว่าcค(a)nvas1นะคนว่าหนึ่ง(ะ)าย(คร)ได้อย่างนี้แล้วเอ-้าลองเทสต(ช็ก)-์ดูtestดูนะคะว-่ร(ล)งไปก่อนนะคะวาดก่อนแล้วเด็กๆค่อยลบนะว-่แล้วกดปุ่มลบของเด็กๆน่าจะได้ไอ้ตัวนี้มันมาค้างกับไอ้ตัวpoptiggyนี...(-่)เฉยๆนะคะโอเคไหมลบไหมคะใครลบไม่ได้ชื่อมันก็บอกแล้วนะcleardrawingลบไอ้สิ่งที่วาดอยู่น่ะออกเสียนะคะทีนี้ต่อไปส่วนที่เราจะทำตรงส่วนของปุ่มควบคุมได้หมดแล้วนะคะเมื่อกดปุ่มนี้วาดก็จะเป็นสีนี้กดปุ่มลบไอ้ที่วาดก็ได้หายที-่นี้ส่วนต-่-ัว(อ)มาsliderเราจะมาเขียนโค้ดให้sliderเรานั่นก็คือเมื่อเรามีการเลื่อนขนาดเห็นไหมขนาดของหัว…หัวแปล(ร)งหรือขนาดหัวเขียนก็จะเปลี่ยนไปตามsizesliderที่เราเลือกนะคะกลับไปที่blockลูกแล้วเลือกsliderเลือกอันแรกเลยนะคะwhenslideronvaluechangeเมื่อมีค่ามีการเปลี่ยนค่าเห็นไหมคะเลือกอันนี้มาเลยเมื่อsliderมีการเปลี่ยนค่าvalueก็จะเปลี่ยนตามvalueในcomponentที่เรากำหนดเมื่อsliderมีการเปลี่ยนค่าสิ่งที่มันจะมาทำในblockนี้ก็คือstageนี่นะคะเลือกเลือกจากanycomponentนี่เดะ(-๊)sliderนี-้(-่)ตรงcomponentนี่ดูไตรง(อ)-้componentนี่-้sliderตัวเองน่ะก็ให้มันเลือกเอาอันใดอันหนึ่งเลือกจากตรงนี้นะคะเลือกจากcomponentsliderที่เราสร้างนะคะมันถึงขึ้นนะคะเพราะเราจะไปสั่งcodingให้sliderตัวนั้นทำงานนะคะเพราะฉะนั้นเลือกส(s)lideไลเดอ(r)ร์-ั-้-ำ(น)แล้วก็ไปที่stat(g)eเลือกstat(g)eนี่นะคะเลือกsetstat(g)edrawingwhidle(th)แต่ที่drawingวิ่งจริงๆมันต้องdrawingตามvolumeตามที่เราเปลี่ยนใ(เ)-็-้(น)ไหมคะลากvolumeblค(o)c-่า(k)volumeมาใช้(ส่)แทนค่าที่มันมีตัวแรกเห็นหรือเปล่าtestสิดอมเปลี่ยนได้ไหมเข้าใจหรือยังเพราะเราจะสั่งให้sliderใช่ไหมมันทำงานตามการเปลี่ยนเห็นไหมคะonvaluechangeเมื่อค่าของsliderมีการเปลี่ยนสิ่งที่เราจะให้ทำก็คือstat(g)eนี้จะวาดdraogg(w)ingwhidle(th)-ั(า)ดความกว้างตามtovalueเห็นไหมคะแต่ถ้าเราไม่ใส่tovaถ(l)u-ุง(e)เอาtovaถ(l)u-ุง(e)ออกดูนะลูกteเฮ-็ด(st)ให้ดูของแม่จะไม่เห็นอ-ันจ(น)-ีะ(-้)ดี๋ยวtesส(t)ให้ดูถ้าไม่ไม่เอาแ(v)aว(l)uร(e)-ูปใส่แล้วดี๋ยวteคส(st)นะคะค่าไอ้ตัวนี้มันก็จะแค่20เท่านั้นแต่ค่(ถ้)าเดี๋ยวแม่ใส่ต(ไ)-ัว(-้)นี-้(-่)เข้าไปเดี๋ยวใส่ค่าvalueเข้าไปนะคะแล้วtestปึ๊บเลื่อนขนาดแล้วว-่มันไปกลับแต่เพื่อนบอกข้(ทำ)ามได้นะคะเดี๋ยวไปแก้editblock...(นี้)ก่อนมันย้อนกลับมาโอเคไหมเปลี่ยนได้ไหมคะให้นึกถึงวาดอะไรได้อีกวาดวงกลมได้อีกใช่ไหมให้ดูที่ที่ไหนหว่าdrawinglookเอใน(-้ย)canvasแล้เรา(ว)ก็ไปที่lo-ูก(ok)เห็นไหมในblocบล็อกอ(kน)-่ะมีdownlineเห็นไหมดอล(คะว)ย(ด)เส้นด้ดcirยpassword(c)lข(e)-้าได้วาดpolygonได้เหช่(-็น)ไหมถ้าสมมติเราสร้างปุ่มแล้วบอกว่าให้วาดเป็นรูปอย่างนี้น-่ะน-ึกออกนะวาดวงกลมวาดเส้นนี่เห็อ(ห)าก(คะ)ลองดึงblockไปใส่เ(แ)ล้วราเราก็กำหนดให้น้องวาดเพิ่มเข้าไปเช่นสมมติส(ๆ)ม(ๆ)ติสมมติสมมติน-ี่นะมีปุ่มนี่ไม่พออยากให้ช่(ร้)างวงกลมทำรูปวงกลมลงไปทำรูปสี่เหลี่ยมสามเหลี่ยมแล้วพอกดปุ่มวงกลมมันก็มาวาดรูปเป็นวงกลมให้กดปุ่มหลักการเดียวกันกับตั-ัวนี้เลยดูนะคะเราต้องไปหารูปมาใส่แทนดอมลองสิtestวงกลมให้แม่สิสร้างวงกลมปุ่มวงกลม1อันแล้วแล้วลองเขียนโค้ดว่าถ้ากดที่รูปวงกลมนี่แล้วลองมาวาดนี่มันก็จะวาดเป็นรูปวงกลมให้เราโดยใช้blockที่ชื่อว่าlookม(น)-ี-่เห็นไหมlookdrawingdrawเห็นไหมคะมันจะมีdrawcircleเห็นไหม-่องสิเห็นไหมมันจะมีสัดส่วนของblockแบ่งไว้ให้เรียบร้อยนะครับคนอื่นเป็นอย่างไรคะบางคนไปดูแล้วssliderแล้วทำไมมันใหญ่ให้เด็กๆเช็กตรงนี้ด้วยนะคะตรงหน้าdesignนี่เดี๋ยวนะประมวลผลอย่างช้าในหน้าdesignเราต้องคลิกที่ตัวsliderเรานะบอกแล้วตอนตั้งค่าเห็นไหมคะค่าmaximumเมื่อกี้ของแฝดนี่แฝดน่าจะพิมพ์ซ้ำให้ดูนะคะไอ้ค่าตรงนี้ก็มีส่วนยิ่งใส่ค่าเยอะๆน่ะไอ้เส้นมันก็จะใหญ่ตามนะใหญ่ตามค่าเพราะฉะนั้นกำหนดให้เมื่อกี้บอกเท่าไ-่นะ250อยู่ที่ประมาณ250นะเพราะแม่ลองเ(t)eสต(st)-์แล้วบางคนใส่เกินนั้นน่ะมันก็เลยเส้นมันออกมาก็เลยใหญ่นะคะล(ร)งmaxค่าสูงสุดเขาน่ะค่ะmaximumvolumeลักษณะเส้นที่วาดออกมามันก็จะแล้วตรงvolumeเริ่มต้นเริ่มที่0แต่stageเริ่มที่1นะคะminก็เริ่มที่ศ(0)-ูย์นะคะเท่านั้นนะคะนี่คือจุดที่จะต้องสังเกตนะคะหลักการเดียวกันถ้าทำวงกลมวงรีอะไรก็แล้วแต่ก็ต้องกำหนดค่าให้น้องเสียก่อนพวกcomponentพวกvolumeเห็นไหมคะมันจะขึ้นตามค่าที่เรากำหนดไว้นั่นเองนะคะเพราะเหมือนcoคำว(m)pone-่านั-่น(nt)น่ะในหน้าdesignของสีแต่ละสีเวลาเราเรียกใช้เห็นไหมใช่ไหมดอมแม่ไม่ต้องไปเรียกสีนั้นสีนี้มาเพราะแม่เลือกว่าให้มันเช็กจา-ับcomponentเลยมันจะเช็กจากค่าสีที่เราเปลี่ยนในdesignไว้แล้วม(-ึ)กออก-่ว่างนะเหมือนปุ่มส้มนี่ในค่าสีของมันก็เป็นสีส้มปุ่นี้สีเหลืองค่าสีก็เป็นสีเหลืองเห็นไหมคะนั่นคือในcomponentที่เราสร้างขึ้นมาแล้วมันก็จะมีค่าสีตามนั้นนะคะ-ี่โอเคสัปดาห์นี้เราจะพอแค่นี้นะคะสัปดาห์หน้าเจอกันใหม่การบ้านใครยังทำไม่เสร็จทำให้มันเสร็จด้วยทำให้สวยงามนะคะเป็นคะแนนการบ้านมี2ชิ้นแล้วตอนนี้ชิ้นสุดท้ายเดี๋ยวจะดูว่าจะให้ทำอะไรเด็กๆต้องลองผนวกจากที-ี-่-่สอนไปทั้ง3-4งานนี่แล้วเอามาสร้างเป็นชิ้นงาน1ชิ้นงานนี่จะได้อะไรบ้างนะคะจะให้ลองทำเพราะฉะนั้นให้ดูย้อนกลับไปดูในงานเก่าแต่ละชิ้นของตัวเองด้วยนะคะสัปดาห์นี้พอแค่นี้ค่ะขอบคุณพี่ล่ามค่ะสวัสดีค่ะ[สิ้นสุดการถอดความ]

More information
- compare(ans and test) :
- ans: file reference
- test: file test
- export datetime : 2023-12-15 16:50:22
- 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}