(อาจารย์สุธิรา) เช่น สมมติเอาแมว ถ้าจะเอาแมวเลย ถ้าเอารูปแบบนี้นะคะ ถ้าเอารูปที่เป็นตัวจริง ๆ นี่ ก็ต้องหารูปที่มันมีภาพแมวอ้าปากด้วย ก็คือ 1. เราจะต้องมีภาพแมวที่ปากมันปิดอยู่ใช่ไหม แล้วก็ภาพที่ 2 จะเป็นแมวอ้าปาก หาตัวเดียวกันได้ไหม ไม่อย่างนั้นหาเป็นภาพ Vector จะได้ง่าย ๆ กำลังหาอยู่ ไม่เอาแมวก็เอาตัวอะไรก็ได้นะ แล้วแต่อยากได้ เออ กำลังหารูป ใครเจอแล้วก็ Save ไว้ดี ๆ นะคะ เอาไว้ที่ Picture เด้อ จะได้หาง่าย ๆ ให้ รูปภาพน่ะ อย่าลืมเก็บไว้ที่ Picture เออ หารูปที่มันใกล้เคียงกันที่สุดนะเด็ก ๆ รูปมันจะได้ดูเนียน ๆ หน่อย เขาเรียก ใครยังไม่ได้รูปอีก 2 รูปเท่านั้นนะคะ ก็คือ อ้าปากกับหุบปาก มีใครยังไม่ได้รูปอีก ยกมือ ยกมือนะ ได้แล้วให้ยกมือนะ ไม่ได้ไม่ต้องยกนะ ได้แล้ว ยังไม่ได้ ได้หรือยังครับ พร้อมหรือยัง ก่อนอื่นนะคะ ไปที่หน้า Design ก่อน เราต้องอยู่หน้า Design เด็ก ๆ เพิ่ม Block ใหม่ เอ้ย เพิ่มไอ้นี่ใหม่นะ New App เลยนะคะ แล้วก็พิมพ์ชื่อ นึกถึง Pop ก็คือเรากดมือลงไปนะ แล้วก็ตามด้วยชื่อของสัตว์ชนิดนั้น ๆ เช่น เมื่อกี้ของแม่เป็นรูปหมา แม่ก็จะใช้คำว่า Pop Dog มีอะไรขึ้นมาด้วย ไป Copy Pop แล้วก็ชื่อของสัตว์ชนิดนั้นนะคะ D-o-g Dog เสร็จแล้ว ของเด็ก ๆ ชื่อสัตว์เป็นอะไร เห็นไหม พิมพ์คำว่า Pop P-o-p แล้วก็ตามด้วยชื่อของสัตว์ชนิดนั้น ๆ นะคะ ในหน้าแรกนี่ก็เอารูปสัตว์นั้นแล้วก็สร้างชื่อ แต่เดี๋ยวจะข้ามไป ไปหน้าที่ 2 เพิ่มหน้านะคะ มันก็จะมีหน้าแรกขึ้นมานะ เราจะมีหน้าใหม่อยู่ 2 หน้านะคะ จะตั้งชื่อให้หน้านี้ว่าหน้า First Page ใช้คำว่า First Page ก็ได้ หน้าแรกเลย แล้วหน้าที่ 2 หน้าที่ 2 เราจะตั้งชื่อว่า Pop Pop P-o-p Pop แล้วก็ G-a-m-e Pop Game นะคะ Game Pop หรือ Pop Game ก็ได้ แล้วแต่ P-o-p Pop G-a-m-e เราวันนี้เราจะทำแค่ 2 หน้าก็พอนะคะ ก็คือหน้าที่ 1 นะคะ กับหน้าที่ 2 หลักการของหน้าแรกนี่นะคะ ใน First App นี่ เอ้ย First Page นี่ หน้าแรกนะคะ ก็คือ หารูปสัตว์ที่ตรงกับชนิดสัตว์ของเราก็ได้นะคะ น้องหมา น้องหมา เมื่อกี้เราหาแล้วนี่ เลือก Image เลยนะคะ Image คลิก ลากมาวาง แล้วก็นำคลิกที่ Properties ทางด้านซ้าย เอ้ย ขวา ๆ ขวามือนะคะ เลือก Upload File เข้ามา ก็คือไปเอาไฟล์รูปตัวสัตว์ที่มันอยู่ในท่าอ้าปากน่ะ เข้ามา ได้แล้วนะคะ จะเอาไว้ข้างบนข้างล่างแล้วแต่ แล้วก็เพิ่มชื่อให้น้องก็คือ เอา Label นะคะ ไปที่ Tool ทางซ้ายมือเลือก Label ไปวาง แล้วก็ตั้งชื่อ ใน Properties ทางขวามือนะคะ ตรงคำว่า Label เราก็พิมพ์ชื่อ Pop Dog ลงไปแทน ตัวนี้คือ ของแม่เป็นหมานะ แม่ก็เลยใช้คำว่า Pop Dog นะคะ ของเด็ก ๆ ชื่อสัตว์เป็นอะไร จะเว้นหรือไม่เว้นแล้วแต่นะคะ การ… ชื่อตรง Label น่ะ ก็คือข้อความตรง Label แล้วแต่เราจะตั้งเอา ขนาดตัวอักษรสีเสอเลือกเอาเองเลย ใส่สีให้น้องเหมือนเดิมนะคะ เลือกเอาเลยตรง Background Color นะคะ ใส่ไม่ใส่ แล้วแต่ โอเค ทุกครั้งนี้เวลาเราทำหน้าแรกเสร็จเราก็จะมีปุ่มให้กดแต่อันนี้ไม่ จะใช้หลักการว่าไม่ต้องกดก็ได้นะคะ ให้พอเปิดมาปุ๊บนะคะให้สัก 3 วินาทีแล้วมันค่อยไปหน้าถัดไป เราจะกำหนดค่าให้เมื่อเปิดหน้าที่ 1 First Page ขึ้นมาแล้วนะคะ ให้เวลาผ่านไป 3 วินาทีให้มันไปหน้าต่อไปนะคะ ทีนี้มาหน้าที่ 2 ตรง Pop Game เรานะคะ สิ่งที่จะใส่ก็คือรูป Image เหมือนเดิม ลาก Image ไปวาง ตรงนี้เอาไว้ตรงกลางเพราะว่าอะไร เพราะเราจะต้องมีส่วนของชื่อใช่ไหมคะ ชื่อของ เดี๋ยวนะ จัดรูปให้อยู่กึ่งกลางนะ มีชื่อของเจ้าตัวเกม เอ้ย มี… มีคะแนนดิ มี มีส่วนของคะแนนนะคะ ดูตัวอย่าง ตัวอย่างนี่ แล้วก็มีคะแนนวางไว้นะคะ จะเอาคะแนนไว้ข้างบนข้างล่าง สลับกันได้นะคะ ตัวที่จะใช้แสดงคะแนนก็คือ Label นะคะเด็ก ๆ ลาก Label ไปวาง สมมติจะให้คะแนนมันโชว์อยู่ด้านบน อยากให้เป็นกรอบไหม อยากให้มีสีไหม ขนาดเท่าไร คะแนนควรจะเริ่มที่อะไรคะ เริ่มที่ 0 ใช่ไหม อันนั้นตัวเลขตัวเริ่มต้นก็คือพิมพ์ 0 ลงไปนะคะ เพิ่มขนาดให้น้องหน่อย เอาตัวใหญ่ ๆ หน่อย โอเคไหมคะ จัดกึ่งกลางด้วย ให้อยู่ตรงกลาง เราจะใส่สีพื้นหลังให้คะแนนเราด้วยนะคะ สีอะไรจะเด่น ๆ เอาสีเขียวแล้วกันนะคะ ตรงข้างล่างก็เพิ่ม Label เข้าไป อาจจะเป็นไว้บอกก็ได้ว่าทำอะไร เช่น Pop นะ สีเหมือนกันก็ได้นะคะ เมื่อคะแนนข้างบนสีเขียว Boder ข้างล่างก็เขียวด้วย แต่อาจจะลดทอนความเข้มของสีลง โอเคนะ พร้อมหรือยัง โอเคนะคะ รูปหลัก รูปหลักในหน้าที่ 2 ก็คือรูปให้ไป รูปที่เป็น ตัวสัตว์ของเราแต่ไม่อ้าปาก นึกออกนะคะ เอาแบบไม่อ้าปาก ต่างกันนะ เห็นไหม รูปแรก รูปในหน้าแรกนี่อ้าปากใช่ไหมคะ แต่รูปในหน้าที่ 2 ไม่อ้าปาก เพราะอะไร เพราะเมื่อเราปรากฏที่ตรงปากน้องน่ะ ให้นึกถึงนะคะ ว่าเมื่อมีการกดที่ปาก รูปจะต้องเปลี่ยนเป็นรูปปากที่น้องนี่อ้าออกนะคะหลักการทำงาน ตอนนี้ได้ 2 หน้าได้การวางออกแบบอย่างนี้หรือยัง เดี๋ยวจะไปเดินดูนะคะ ดูนะคะรูปแรกคือเราเอาภาพที่น้องอ้าปาก รูปแรกใช้เป็นภาพน้องอ้าปากนะ แต่รูปในหน้าที่ 2 จะเป็นน้องหุบปาก อย่าสับสนน่ะ อย่าสับสนนะ แต่ให้จำชื่อให้ได้นะ รูปที่ 1 ชื่ออะไร ที่น้องอ้าปากชื่ออะไร รูปที่ 2 น้องชื่ออะไร เพราะ… เพราะตอนในหน้าที่ 2 น่ะ พอเรากำหนดโค้ดว่าให้เมื่อมีการกดที่ปากน้องนี่ ภาพมันก็จะเปลี่ยนเป็นจากหุบปากให้เป็นอ้าปาก แล้วอะไรจะตามมาคะแนน คะแนนจะเพิ่ม เดี๋ยวให้ดูตัวอย่างนะคะ ดูตัวอย่างตัวนี้คลิก เห็นไหม ค่าเริ่มต้นของคะแนนก็คือ 0 นะคะ พอกดปาก 1 ครั้ง ความเร็วของปากอาจจะมองเห็นไม่ชัดเห็นไหม มันจะเร็วมากนะคะ เออ คะแนนมันก็จะตั้ง ตั้ง… เราตั้งเวลาได้เดี๋ยวเราค่อยมาปรับเวลาถ้าคิดว่าเร็วไป แต่ทีนี้อย่าลืมว่าไอ้เกมนี้คือยิ่งคลิกเร็วนึกออกนะ คะแนนก็จะขึ้นไง หลักการของมันน่ะ เออ เพราะฉะนั้น ถ้าคลิกช้าคะแนนก็ช้าตามระยะเวลานึกออกนะคะ โอเค ทีนี้สิ่งที่เราจะทำต่อไปก็คือตอนนี้เด็ก ๆ เช็กนะคะ เช็กที่ Component น่ะ Component ของเราตอนนี้ใน… ใน Pop Game ในหน้าที่ 2 นะคะ เรามี Label ใช่ไหมคะ Label แรกแก้ชื่อด้วยเป็น Score แก้จาก Label 4 ให้พิมพ์ชื่อเป็น Score แทนนะคะ เห็นไหมคะ เดี๋ยวตอนเขียน จะได้ไม่งง แล้ว Label ที่ 3 ก็คือชื่อ Label Name ก็ได้ เติมคำว่า Name ต่อท้าย ป้ายชื่อนะคะ พิมพ์ Name ต่อท้าย N-a-me Label Name นะคะ แล้วตรงรูปนะคะ แก้ชื่อน้องเป็นชื่อน้องเลย ใส่ชื่อน้องเลย ของแม่เป็นน้องหมานะ แม่ก็จะใช้คำว่า Dog ของเด็ก ๆ ตัวอะไรใช้ชื่อตัวนั้น นึกออกนะ Dog แต่อันนี้คือ Dog Dog ภาพที่ 1 ก็คือ Dog Dog ที่เป็นน้องหุบปาก เพราะฉะนั้นมีหมายเลขกำกับด้วยว่า Dog 1 ที่จะให้เพิ่มตรงนี้นะคะ ก็คือเราจะให้เพิ่มเป็น สิ่งที่จะใช้ในการกดก็คือ Button นึกออกนะ เพราะฉะนั้นไปเพิ่ม Button เข้ามาค่ะ เพื่อไม่ให้พลาดว่าบางคนปากเล็กปากใหญ่นึกออกนะเพราะฉะนั้นเราทำ Button น่ะให้มันขนาดเท่ารูปนึกออกนะคะเด็ก ๆ ขยายขนาดของ Button เราน่ะให้มันเท่ากับรูปเราเลยอย่างนี้เห็นไหม ไม่ต้องใส่สีนะคะ เลือกไม่มีสีแล้วก็เอาข้อความออกด้วย ลบ ลบออกด้วย เห็นไหมมันจะดูเหมือนไม่เห็นมีอะไรเลย แต่ความจริงดูตรงนี้นะคะ เรามีตัว Button เพราะฉะนั้นเปลี่ยนชื่อ Button เป็น Pop Click ใช้คำว่า Pop Click P-o-p แล้วก็ Click นะคะ ตั้งชื่อ Button นี้ว่า Pop Click P-o-p แล้วก็ C-l-i-c-k Click องค์ประกอบของหน้าที่ 2 มี 1 2 3 4 ส่วนนะเด็ก ๆ เดี๋ยวจะไปขอเดินตรวจนะคะ ทุกคนจะต้องมี 1 ส่วนของ Button นะคะ ส่วนของ Label 2 ชิ้นก็คือ Label Score กับ Label ที่เป็นชื่อ แล้วก็ส่วนสุดท้ายก็คือรูปภาพของน้อง ๆ นะคะ ตอนนี้องค์ประกอบในหน้าที่ 2 จะต้องมีสี่ส่วนนะคะ เด็ก ๆ มีวัตถุ 4 ชิ้น Object 4 อย่าง ที่ให้ทำ Button ครอบคลุมเพราะว่าบางคน เผื่อปากบางคนอยู่ฝั่งนี้นะ ของแม่นี่อยู่ตรงกลาง แต่ให้นึกถึงว่า ถ้า หรือถ้าว่าเดี๋ยวไปกดตรงไหนก็ได้ก็ให้มันครอบคลุมเฉพาะส่วนตรงปากก็ได้ เราขยับไซซ์ Button เรานี่นะคะ ให้นึกถึงว่าปากน้องอยู่บริเวณนี้ เราก็ปรับขนาดว Button เราให้ เพราะเดี๋ยวเผื่อถ้าเต็มแล้วบอกไปกดตรงหัวก็อ้าปาก เราจะเน้นให้กดเฉพาะตรงปากเพราะฉะนั้นเราก็ต้องปรับขนาดของปุ่มเรานะคะ ให้มันอยู่ในบริเวณที่เป็นปากของน้องหมาเรา ให้… พื้นหลังไม่ต้องใส่นะคะ นี้ให้แก้ออก ให้มาเลือกริมสุดเลยที่มันเป็นโปร่งแสงนี่เด็ก ๆ นะคะ เห็นไหมวัตถุจะมีลักษณะนี้ พอคลิกเข้าไปที่ Pop Click หรือปุ่ม ปุ่มนะคะก็จะขึ้น คลิกไปส่วนไหนมันก็จะไปปรากฏที่ส่วนนั้นนะเด็ก ๆ โอเค เดี๋ยวขอดูนะคะ ใครยังมีองค์ประกอบไม่ครบ ไม่อย่างนั้นเราจะเขียนโค้ดต่อไปไม่ได้ ดูหลักการนะคะ คือที่แม่ให้ทำขนาด Button พอดีปาก เพราะว่าถ้าเผื่อถ้าทำเต็ม เผื่อไปกดตรงหูมันก็คลิกใช่ไหม ทีนี้เราอยากกำหนดจุดให้มันอยู่เฉพาะบริเวณปาก เพราะฉะนั้น เด็ก ๆ ก็ต้องปรับขนาด ส่วนที่เราจะกดน่ะค่ะ ให้มันอยู่ในบริเวณปากพอดีนะ นี่ ปากน้องอยู่ประมาณนี้ เราก็ทำบริเวณของปุ่มให้อยู่ครอบคลุมตรงปากน้องพอนะคะ แล้วบอกแล้วทุกครั้งอย่าลืมแก้ชื่อ เพราะชื่อนี้มันคือตัวแปร Variable ของวัตถุแต่ละชิ้นนี้ ควรมีชื่อให้น้องนะคะ จะได้จำง่าย ๆ จะได้รู้ว่า อ๋อ เราเรียกใช้ตัวแปรนี้ เราจะกำหนดค่าให้มันอย่างไร นึกออกนะคะ ใครที่ยังมีไม่ครบ 4 ส่วนดูนะคะ 1 2 3 4 นี่ เราจะต้องมีวัตถุที่อยู่ข้างในหน้าที่ 2 เราทั้งหมด 4 ชิ้น ต่อนะคะ ไปต่อ ส่วนต่อไปทีนี้เราจะเริ่มโค้ดแล้วนะคะ เริ่มที่หน้าแรกก่อนนะคะ หน้านี้ หลักการก็คือเมื่อเราเปิดเข้ามาหน้านี้ปุ๊บนี่ ให้เด็ก ๆ นึกถึงว่าเราก็ต้องเห็นชื่อ ชื่อของเกมนะ ให้นึกถึงเหมือนเวลาเราเปิด App แต่ละ App เข้าไปน่ะ มันก็จะมีชื่อ App นั้น ๆ ปรากฏอยู่ใช่ไหมคะ แล้วก็ขึ้นสักพักเพื่อให้เราดูนะคะ แล้วหลังจากนั้นค่อยไปหน้าต่อไปโดยไม่ต้องไปกดปุ่มอะไร ก็คือมันกะให้เราดูเสร็จว่า อ๋อ หน้าตาของเกมนี่ เป็นอย่างนี้นะ นะคะ เราอยู่ที่หน้าแรกนะคะ First Page นะคะ คลิก Block ค่ะ คลิกที่ Block นะคะ แล้วคลิกที่คำว่า First Page ของเรา เมื่อเปิดหน้านี้ขึ้นมา เลือกอันแรกเลย When First Page Open เมื่อเปิดหน้าแรกขึ้นมาปุ๊บ สิ่งที่เราจะให้ทำก็คือ Navigator ไปไหนล่ะ เลือก Navigator to ไปไหนคะ ไปหน้าที่เท่าไร 2 หน้าที่ 2 ของเราชื่อ Pop Game ข้ามไป 1 ช็อต Page Page Page แล้วก็เพิ่มตัวนี้เข้าไปนะคะ Wait Wait แปลว่ารอ รอกี่ กี่วินาทีเห็นไหมคะ 1 Second 1 วินาที แต่เราจะให้รอกี่วินาที สมมติ 3 วินาทีนานไปหรือเปล่า กะว่าอ่าน อ่านประโยคจบ สมมติ 2 วินาที คลิกเป็น 2 Seconds แล้วลอง Play ดูนะคะ เมื่อเปิดเข้ามา เขาบอกว่าเมื่อเปิดเข้ามา รอไปสักพัก 1 นะ เห็นไหม 2 วินาที 2 วินาทีมันจะเปิดไปหน้า อย่างไว กลับไปอย่างไว เอา 3 แล้วกัน 2 วินาทีเร็วไปหน่อย เพิ่มอีกนะคะ เพิ่มเวลาได้ เห็นไหม Wait คำสั่ง Wait ก็คือรอ เงื่อนไขของตัวนี้ก็คือเมื่อเราเปิดเข้ามาในหน้าแรกปุ๊บนี่นะคะ ให้มันเวลามันผ่านไป 3 วินาทีก่อน 3 วินาที สิ่งที่จะทำต่อไปก็คือให้มันไปที่หน้าที่เรา หน้าที่ 2 ของเรา ก็คือ Pop Game ของเรานะคะ อันนี้ของ Design เอ้ยโค้ดของหน้าที่ 1 เสร็จแล้ว ต่อไปเราจะมาสู่หน้าที่ 2 ของเรา หน้าที่ 2 นะคะที่มีรูปน้องหมา มีชื่อแล้วก็มีคะแนนนี่ มีป้ายคะแนนอยู่นี่นะคะ ในหน้าที่ 2 นะคะ คลิก Block ค่ะ สิ่งแรกที่จะทำก็คือ ตัวปุ่มกด Pop Click นะคะ ปุ่มที่เรากดลงไปนีj เห็นไหมคะ เมื่อมีการคลิกที่ปุ่ม Pop Click คลิกลากออกมาวาง เราจะให้มันทำอะไร เราก็จะให้ Image ค่ะ ให้รูปจากรูปที่ 1 นี่นะคะ เป็นรูปที่เท่าไร รูปที่ 2 ก็คือจากภาพน้องหมาที่เราปิดปากไว้นะ มันจะต้องเปลี่ยนเป็นภาพน้องหมาอ้าปาก ทดสอบ เมื่อมีการคลิกที่ปุ่มตรงปาก นึกถึงนะคะ แล้วภาพมันก็จะต้องเปลี่ยนเป็นภาพปาก ปากที่เปิดออก เห็นไหมคะ อย่างไวไม่ได้รอ เพราะขั้นตอน เอาใหม่นะคะ ดูนะคะ สังเกตรูปปากตอนแรกคือน้องปิดปากใช่ไหมคะ มันจะมาหน้านี้ทำไม อันนี้คือเพราะทำไว้ ไม่ได้เปิดอันใหม่ได้เพราะมันต้อง Update พอกดปากปุ๊บเห็นไหม น้องก็จะอ้าปากอย่างนี้นะคะ นั่นคือได้ Code สำหรับตรงปุ่มละ ส่วนต่อมาที่จะต้องกำหนดก็คือคะแนน เมื่อมีการกดปุ่มใช่ไหม คะแนนมันจะต้องเพิ่มขึ้นตามจำนวนครั้ง เราต้องเลือกที่ Score นะคะ Label Score Score มันจะต้องเพิ่มขึ้น สิ่งที่เราจะคลิกนะคะ เราต้องเลือกที่ตัวชื่อ ชื่อหน้าที่ 2 ของเรา Pop Game เมื่อหน้านี้โดนเปิดออกมา สิ่งที่เราจะให้มันทำนะคะ กำหนดตัวแปร เลือกตัวแปรนะคะ กำหนดจะต้องกำหนดตัวแปรเพื่อให้มันเก็บคะแนนค่ะ ให้เด็ก ๆ โอ้ ไม่มาทั้งแผงสิ เอาใหม่ ๆ เมื่อกี้คลิกเพิ่มเข้ามาก็คือ ให้เด็ก ๆ คลิกที่ชื่อ Pop Game ใช่ไหมคะ หรือหน้า Screen ที่ 2 Screen หมายเลข 2 ของเราแล้วลาก เมื่อหน้านี้เปิดนะคะ มาวาง เลือกโค้ดแถบนี้มาเปิด ทีนี้ โค้ดต่อไปที่จะเพิ่มก็คือโค้ดที่อยู่ที่คำว่า Variable เราจะกำหนดตัวแปรเพื่อให้แสดงคะแนนน่ะไว้สำหรับเก็บคะแนน เพราะนั้นเด็ก ๆ ต้องคลิกมาที่ Variable ที่เป็นสีส้ม ๆ นี่เห็นไหมคะ แต่ละ Block มันจะมีแถบสีของมันนะ ชมพู ให้มาที่สีส้มลูก แล้วเลือก Initialize ตัวแรกเลยนะคะ ลากออกมาวางอย่างนี้กำหนดเงื่อนไข จำไม่ได้ ย้อนกลับไปดู Count แปลว่าการนับ โอเค ตัวแปรนี้นะคะ คลิกเข้าไปตรงคำว่า Name ลูก แล้วก็พิมพ์ชื่อตัวแปร C-o-u-n-t ชื่อว่า Count Count ที่แปลว่านับ to to อะไร หาเลข 0 ดิ เป็นสีอะไรหว่า Math คณิตศาสตร์ ตัวเลขนะคะ ไปที่… ไปที่ Math ไปที่สีน้ำเงินนี่ลูก สีน้ำเงินตุ่นๆ นี่ แล้วเลือก 0 ออกมา เลือกค่าเริ่มต้นที่ 0 เสียบน้องลงไปใน Block นะคะ หมายความว่าตอนนี้ App นี้เรามีตัวแปรชื่อว่าเขาสำหรับเก็บตัวเลขเริ่มที่ 0 เพราะฉะนั้นเมื่อมีการกดที่ปากนี่นะคะ เงื่อนไขก็คือ เมื่อน้องแมวโดนกด เอ้ย น้อง ๆ น้องหมา น้องแมว น้องเสือ น้องช้าง อะไรก็แล้วแต่นี่ โดนกด รูปของน้องนี่จะต้องเปลี่ยนจากหุบปากเป็นอ้าปาก กำหนดเงื่อนไขต่อนะคะ ต่อเราจะต่อด้วยการเพิ่ม เพราะตอนนี้มันจะเริ่มไปเกี่ยวข้องกับตัวแปร Count แล้วนะคะ ให้เด็ก ๆ มาที่ Core Core ที่ชื่อ Variable คลิก 1 ครั้งค่ะ เลือก Change app variable count while while เเล้วก็ตามด้วยตัวเลข ตัวเลขที่เราต้องการให้เริ่มนับใช่ไหมคะ มันเริ่มจาก 0 พอมีการกด 1 ครั้ง ตัวเลขจะต้องเพิ่มเป็น 1 เห็นไหม เพิ่มค่าของตัวเลขขึ้นมาทีละ 1 นะคะ แล้วอะไร แล้วก็รูปภาพ รูปภาพก็เปลี่ยนเป็นปิดปาก เพราะฉะนั้นเมื่อมีภาพเปิด ให้นึกถึงว่าเปิดปุ๊บมันต้องปิดกลับมาเหมือนเดิมใช่ไหมคะ เพื่อให้มันกดให้มันเปิด ๆ ซ้ำ ๆ น่ะ นึกออกไหม เพราะฉะนั้น เราจะมีต่อที่ระยะเวลาในการให้ภาพมันไอ้นี่นะคะ จำได้นะ ให้นึกถึง Wait นะคะ Wait นี่ให้รอ 1 Second น่ะ น่าจะนานไปนะเด็ก ๆ ในตัวอย่างภาพแรกของตัวนี้ นี่ ใช้ 0.2 นี่ เดี๋ยวเราจะ 0.2 ก็ยังว่าพอกดแล้ว เดี๋ยวกดให้ดูนะคะ นี้ 0.2 ก็ยังมีความรู้สึกว่าจะช้าไป อย่างนั้นจะเอาเป็น 0.1 ดูนะคะเด็ก ๆ นี่ 1 วินาที คือ 1 วินาที แต่เราจะให้มันเร็วกว่า 1 วินาทีอีก เพราะฉะนั้นก็เลยใส่เป็น 0.1 นะเด็ก ๆ 0.1 เพราะเมื่อกี้ของภาพตัวอย่างที่แม่ทำไว้ครั้งก่อนมัน 0.2 แม่ก็ยังว่ามันช้าไป เลยขอเปลี่ยนเป็น 0.1 แล้วทำอย่างไร จากปากเปิดใช่ไหมคะ เราก็ต้องให้ปากมันเป็นอะไร กลับมาปิดเหมือนเดิม เพราะฉะนั้น ไม่ ๆ มันนับตามไอ้ 0.1 นี่ อย่างนั้นเอาใหม่ 0.2 นั่นแหละ ถ้าอย่างนั้นน่ะ 0.2 ยังทันอยู่ใช่ไหม แล้วก็จากภาพ อันนี้นะคะ เลือกเป็น เด็ก ๆ ดู Block 2 ใช่ไหม Block 2 เราต้องให้มันกลับมาเป็น Block 1 นะ Test ดู Test ดู ความเร็วด้วย แป๊บเดียวเอง เอาใหม่ กำหนดใหม่ได้ ไม่ยาก 0.2 มันไอ้นี่ไปใช่ไหม ลองเปลี่ยนเป็น 1 ขึ้นอยู่กับเครื่องอีกดิ เขาบอก ความเร็วของเครื่องก็มีส่วน ลองใหม่ ไง 1 วินาทีถึงจะไอ้นี่ไหม ดูใหม่นะคะ ช้า มันจะช้า 0.5 1 มันก็ช้าไป 0.5 น่าจะได้ ลอง ๆ ไปเรื่อย ๆ นะเด็ก ๆ นะ เสร็จแล้วสิ่งที่เราจะต้องทำต่อมา ให้มันสลับกลับคืนมาเร็ว ๆ เลยนะ แต่มันต้องกลับมาเป็นถูกแล้ว มันต้องกลับมาเป็นพอกดอ้าปุ๊บ พอเราปล่อยมือมันก็จะปิดปั๊บไง 0.1 นั่นแหละ 0.1 0.2 นี่แหละ อันนี้ได้ส่วนของตัวไอ้นี่แล้ว แต่ตัวของคะแนนยังไม่เปลี่ยนใช่ไหมคะ เมื่อกี้ตอนเรากดคะแนนก็ยังขึ้นเป็น 0 นะคะเราก็ต้องมาทำให้ตรงส่วนของคะแนนมันเปลี่ยนด้วยนะคะนะ ก็คือพอตัวนี้โดยมันจะมาโชว์อะไร โชว์ที่ ไหนล่ะ Score เลือกตัวนี้นะคะ เลือกตัวที่ 2 ให้ Score เห็นไหมคะ แต่เอาไอ้สีชมพูออก ต้องถอดเฉพาะสีชมพูออก ไม่ยอมให้ถอด ถอดสิ ไม่ให้ถอด ผมก็จะไปที่ ตัวแปรก็ได้ ไปดึงตัวแปรมาใส่แทน เลือกตัวสุดท้ายนะคะ App variable อะไรคะ Variable ของเราก็คือ ไม่ให้ถอด ถอดดิ ๆ มัน ไม่ ทุกทีมันก็ดึงออกได้นี้ เหมือนเราดึงไอ้นี่ออกนี่ เออ มัน ติดเป็นแผงไหมนี่ เดี๋ยวนะ กด Shift หรือเปล่านะ แผงไม่ยอมหลุด นี่อย่างนี้ได้ นี่เห็นไหม ก็เหมือนกันมันก็เป็นที่เอามาต่อมันต้องถอดออกได้ไง ไม่ ๆ มันต้องให้มันตัวนี้ตัวเดียว น้องมานี่สิ เหลือง ๆ ไม่ขึ้นอันนี้ เอ้ย เลือกผิดอันนี่หว่า ต้องเป็นอะไรนะ ขอโทษ ๆ ต้องเลือกชื่อ App มา เออ App variable เข้ามาใส่แทนในนี้นะคะ ไม่ถอดก็ทับมันลงไปดูสิ สิ่งที่จะต้องทำต่อก็คือ เดี๋ยวนะคะแนนมันจะต้องเพิ่มขึ้นใช่ไหม ให้คะแนนมันเพิ่มตัวเลขคะแนนมันจะต้องขึ้นมา เพิ่มทุกครั้งด้วย คะแนนต้องเพิ่มทุกครั้งเห็นไหมคะ Set ดูก่อนดูแล้วเอา Forever เห็นไหม Forever คือเพิ่มตลอดตัวนี้นะคะ เพิ่มตัวนี้เข้ามาก่อนไปที่ Control แล้วเลือกคำว่า Forever ก็คือคะแนนมันจะต้องเพิ่มทุกครั้งที่มีการกดนึกออกไหม เรากดปุ่ม 1 ครั้ง คะแนนก็ต้องเพิ่มทีละ 1 ทีละ 1 ทีละ 1 น่ะ เพราะฉะนั้น ต้องใส่คำว่า Forever เข้าไปก่อนนะคะเด็ก ๆ แล้วค่อยลาก Score Score text to app ของ อ้าว โอเค ดู เอ้ย เลือกไอ้นี่ผิดใช่ไหมนี่ ผมเลือกไอนี่ผิดใช่ไหมนี่ เดี๋ยวนะ มันต้องโชว์ที่ตำแหน่ง Score ดิ ขอดูหน้า Design ใหม่ก่อนนะครับ อันนี้ชื่อว่า อ๋อ สลับกัน Label Name Label Name คือตัวล่าง กระผมผิดเองครับ ยังว่าอยู่ทำไมคะแนนไม่เปลี่ยน อ้าว ดูใหม่ Block มา Set Picture ตึ๊ด ๆ ๆ ๆ ๆ ๆ ๆ ๆ เลือก Score Score text to น่าจะได้แล้ว 0 กดปุ๊บ 1 อ้าว หลุดออกไปเลย แสดงว่า ตอนเปลี่ยนเราเร็วไปใช่ไหม 0.2 ไวไปเหรอ ตึ๊ด ๆ 0.5 ถ่วงเวลาอีกหน่อยหนึ่งสิ มันก็จะเป็นอย่างนี้นะเด็ก ๆ ก็ปิดปากมันก็ปิดช้าน่ะ 0.5 น่ะ เอา 0 จุดเท่าไรดี 0.3 เอ้ย เดี๋ยวนะ ขอเช็กก่อนนะคะ เออ ดูเช็กด้วยว่า ไอ้นี่ Label ถึงได้บอกไงว่าให้ตั้งชื่อและเช็กดู เวลาเช็ก เราต้องดูที่ Design นะคะ แล้วเราก็คลิกไปที่ตำแหน่งของ Label เช่น Label คะแนนนี่ 0 นี่ พอเราคลิกเข้าไปตรงนี้ปุ๊บนี่ นี่มันจะต้องขึ้นที่คำว่า Score เหมือนอันที่ 2 นี่ Label Name มันต้องก็ที่ชื่อนี่มันก็ต้องขึ้นเป็น Label Name ตรงนี้ก็เหมือนกัน คลิกที่ Button มันก็ขึ้นชื่อว่า Pop Click ถ้าคลิกหน้าเลยมันก็จะชื่อ Pop Game นะคะ นี่ เพราะฉะนั้นต้อง ด้วยไม่อย่างนั้นพอเราเขียนโค้ดน่ะ มันก็จะไม่ไปไง นี่มันไว้ที่ 0.2 ต่างกันอย่างไร ทำไมมันกลับมาหน้านี้ 0.2 โอเค ได้หรือยัง Test คือบางคนน่ะ ทั้งตัวใช่ไหม แต่ความต้องการของเกมนี้คือ เมื่อมีการกดที่ปากเท่านั้น เราเน้นบริเวณปากนี่ ปาก ถ้ามีการกดที่ปากนี่ คะแนนถึงจะขึ้น เออ ถ้าเด็ก ๆ ไปเลือกกด โอ้โห มันไม่ได้เพิ่มเข้าไปหรือเปล่านี่ ดู ๆ ๆ Block ดี ๆ เงื่อน… อันแรกกำหนดตัวแปรใช่ไหม เพื่อเก็บค่าที่ 0 พอมีการคลิก เพิ่มทีละ 1 ดูดี ๆ แล้วก็รูปก็จะต้องเปลี่ยน เปลี่ยนกลับไปกลับมานะ ไม่ ระยะเวลาหรือเปล่า เช็ก เช็กตัวแปรนะคะ เด็ก ๆ นี่ ดู เช็กที่ตัวแปรด้วย เลือกให้มันถูก ใช้ Change หรือใช้ Set Change Variable Change App Variable Count ดังนั้น เช็กตัวแปรดี ๆ ด้วยนะคะ โอเคหรือยัง ใครยังไม่ออกอีก เวลาเขียน ถ้าเราเขียนโค้ดน่ะ ชื่อของรูปหรือชื่ออะไรก็แล้วแต่เราจะต้องตั้งชื่อเป็นภาษาอังกฤษนะ เออ ถ้าเป็นข้อความเหมือนใน Word อะไรน่ะ เป็นภาษาไทยได้แต่ตอนนี้มันเป็นชื่อที่จะให้โปรแกรมหรือคอมพิวเตอร์มันไปหา ถ้าตั้งชื่อเป็นภาษาไทยโปรแกรมมันจะสับสนนะคะ เพราะฉะนั้นไปแก้ชื่อด้วย การตั้งชื่อนะคะ ภาพที่จะนำมาใช้ก็เหมือนกัน ก็คือนี่เราเขียนโค้ดนี่ เขียน Block อะไรก็แล้วแต่นี่ คอมพิวเตอร์น่ะ มันจะรู้จักภาษาอังกฤษมากกว่าภาษาไทยนะคะ เพราะฉะนั้น สังเกตสิของแม่นี้ชื่อไม่ค่อยมีภาษาไทยเลย ตั้งเป็นภาษาอังกฤษทั้งหมด วิธีการตั้งก็บอกแล้ว นึกไม่ออกให้ไปเปิดอะไร Google แปลภาษาใช่ไหม แล้วพิมพ์คำภาษาไทยแล้วไปก๊อบที่มันแปลเป็นภาษาอังกฤษให้น่ะมาใช้ทุกครั้ง ถ้าเมื่อใดที่เรามีการเขียนโค้ดนี่ ชื่อทุกอย่างควรจะเป็นภาษาอังกฤษเสมอ สิ่งที่ต้องเช็กนะคะ คือชื่อรูป รูปแรก สังเกตดี ๆ นะคะ ให้ดูที่ชื่อด้วย ค้างเลย ไม่ไปต่อ ไปสิ ๆ คลิไม่ไป มาแล้ว ทีนี้ตรงคะแนน เหลือตรงคะแนนนะ Label Score ได้หรือยัง ได้ทุกคนแล้วนะคะ วันนี้พอแค่นี้ สิ่งที่จะต้องทำ อ้าว เด็ก ๆ จะต้องสร้าง App เป็นงาน 1 ชิ้นส่ง ทำอะไรก็ได้ จะทำเกมหรือจะทำเป็นสอนนะคะ สื่อการสอนอะไรก็ได้ เลือกเอา 1 อย่างคนละ 1 ชิ้นเท่านั้น เหมือนเมื่อกี้หลักการทุบหัวน้องหมา จากเปิดปากเป็น เห็นไหมหลักการเดียวกันนะ เพียงแต่เปลี่ยนจากทุบ ทุบปากใช่ไหม เป็นทุบหัวแล้วน้องหดลง เออ หรือ เดี๋ยว มีอะไรได้อีก สำหรับเกมลักษณะนี้ ตีหัวผมหน่อย เอ้า ตี ๆ ๆ ๆ ๆ ๆ ๆ ๆ ๆ ๆ ๆ นะครับผม หมั่นไส้ใครก็เอารูปคนนั้นมาแล้วก็ทุบ ๆ ๆ เข้าไป เออ มีความหมั่นไส้ใครก็ทุบหัวเข้าไปนะคะ หลักการเดียวกันกับเมื่อกี้เลย เออ เราก็เพิ่มอุปกรณ์เข้ามาทุบต่อเช่น อะไรคะ ค้อนใช่ไหม เหมือนอะไรล่ะ ตอกไข่ก็ได้น่ะ หลักการง่าย ๆ ใช้ Pop Cat นี่แหละ หลักการเดียวกับ Pop Cat เลยนะ ตีไข่น่ะ ที่สอนสอนไปนึกออกนะให้ทำเป็นงาน 1 ชิ้นแล้วส่ง มีทุบอะไรอีก ทุบ ๆ ๆ มีอะไรได้อีกน่ะ เออ ตีตุ่น ตีตุ่น รู้แล้ว ๆ มีอีกเกมหนึ่งที่หลักการคล้ายคล้ายกัน ตีตุ่น นึกออกไหม ใช้หลักการเดียวกันนะ เออ ให้นึกถึงนะ โผล่ขึ้นมาตีลงไป แล้วมันก็โผล่ขึ้นมาใหม่ ก็คือรูปมันก็จะขึ้น หลักการเดียวกันเลยก็ใช้ตัวเดียวได้ แต่ทีนี้ไปเพิ่มอะไร เพิ่มว่า รูปมันลง ใช่ไหม พอตีแล้วรูปลง รูปมันต้องเด้งขึ้นมา ตีแล้ว หลักการเดียวกันเลยนะคะ หลักการง่าย ๆ ให้ดูเป็นตัวอย่างไว้ มีตีตุ่น ตีอะไรอีก ตีหนู เปลี่ยนจากตุ่นเป็นหนู ตัวอะไรมุดในรูนี่ มีอะไรอีก ตีหนู ตีหนูบ้านเรานี่คือจับหนูกันชัด ๆ เลย เกม ค้นดูตัวอย่างเกมก็ได้นะคะ เกม น้องแมวทำอะไรนี่ ทำไมไปโพสต์ตีน้องแมวได้ นี่เหมือนให้เป็นหนูวิ่งมาแล้วตี อย่างนี้ก็ได้แล้วแต่นะคะ อ๋อ ฟัน ฟันผลไม้นะฮะ ใช้หลักการเดียวกันน่ะเด็ก ๆ ทุบมะพร้าว ประมาณนี้นะคะ เป็นลักษณะตัวนี้หรือถ้าแบบเดิม ๆ ที่เราเคยทำไว้ แปลภาษาน่ะ อันนี้ตัวอย่าง ตัวอย่าง มีภาษาให้เลือก สมมติเลือกภาษาเกาหลีปุ๊บ ก็เข้ามาถัด หน้าถัดไป พิมพ์ข้อความลงไป ดูนะคะ ไอ้ตัวนี้เกมแปลภาษา เอ้ย เป็นโปรแกรมเพื่อใช้ในการแปลภาษา พิมพ์ข้อความเช่น ตุ๊กตา ตุ๊กตา พอเรากดแปลภาษาปุ๊บ ดูนะคะภาษาที่เราเลือกคือภาษาเกาหลี (AI) [เสียงภาษาเกาหลี] (อาจารย์สุธิรา) มันก็จะมีข้อความของภาษานั้นขึ้นมาแล้วก็มีเสียง (AI) [เสียงภาษาเกาหลี] (อาจารย์สุธิรา) หลักการง่าย ๆ ก็คือ พี่เคยสอนไปแล้วน่ะ มีตั้งหลายอันแล้ว จำได้นะ เออ ที่ให้ทำเป็นเหมือนสอนทำหนังสือนะ เหมือนตัวอย่างนี้ A B C นะคะ ก็คือมีรูปตัวอักษรแล้วก็ให้อ่านแล้วก็พอเล่นแล้วก็มีวิดีโออะไรอย่างนี้ขึ้นมา อย่างนี้ก็ได้ เป็นหนังสือหรือ Quiz Game อยู่ไหนล่ะ ไม่ใช่ เกมตอบคำถามก็ได้ นึกออกนะ ใช้หลักการเดียวกันที่เคยสอนไปเลยนะคะ แต่เด็ก ๆ ก็ต้องไปปรับเป็นของตัวเองแค่นั้นเอง ใช่ไหม นี่ เหมือนเลือกคำตอบเห็นไหมคะ เลือก Raptor อันนี้ยังไม่มีคะแนนนึกออกนะ ถ้าเราทำเป็นเกมมันก็ต้องมีคะแนน ก็ควรจะมีคะแนนโชว์เพิ่มขึ้นมาด้วย ใช้หลักการเดียวกันนะคะ การแสดงผลคะแนน เช่น เมื่อเลือกคำว่า Raptor ถ้าถูกต้องถ้าคำตอบถูกนะ ก็ให้แสดงคะแนนเพิ่มขึ้น ก็มีคะแนนเพิ่มขึ้นมานะคะ เพราะนั้นลักษณะงานก็จะมีเป็นเกมก็ได้ เป็นสอนคำศัพท์ก็ได้ หรือแปลคำศัพท์ก็ได้ แล้วก็ทำเป็นตอบปัญหาก็ได้ ตอบคำถาม ถ้าไม่เอาเลือกตอบ ก็เป็นกรอกคำตอบลงไปก็ได้อย่างนี้นะคะ ใช้หลักการเดียวกันหมดเลยนะคะ เพราะฉะนั้นจะเป็นงาน 1 ชิ้นเราจะปิดคอร์ส แต่เด็ก ๆ จะต้องทำงานส่ง ส่งเมื่อไหร่ สิ้นเดือนหน้า ก่อนรับปริญญาน่ะ ต้องส่ง ถ้าใครไม่มั่นใจนะคะ ทุกสัปดาห์ ให้เอามาให้ดูได้เพราะเราจะมีคาบวันจันทร์เพื่อนัดตรวจ แต่ให้นัดตรวจเอานะคะ นัดตรวจงานเอาไม่ต้องเข้าคลาสแล้ว โอเคนะคะ ของเราก็จะปิดคลาสเท่านี้นะคะ ขอบคุณค่ะพี่ล่าม ค่ะ สวัสดีค่ะ แต่เด็ก ๆ ต้องไปทำงานต่อ 1 ชิ้นนะคะ จะทำเป็นสมุดภาพ หรือหนก่อนมีอะไรนะ ไอ้ระบายสีใช่ไหม ระบายสีวาดรูปนั้นก็ได้ ไปเพิ่ม เพิ่มอะไร เพิ่มถังสีเข้าไป เพิ่มนึกออกนะ ที่อยู่อันไหนหว่า จำไม่ได้แล้ว เยอะจัด เดี๋ยวจะให้ส่ง นัดตรวจใช่จะได้ทำ อยู่ไหน แล้วก็มีระบายสีด้วยอีกอย่าง 1 ใช่ไหม นั่นแหละ อยู่อันไหนนะ ไม่ใช่ ล่าสุด ๆ นิทาน ก็ไม่มี หมดแค่นี้ มันไม่ให้บันทึกน่ะ มันบันทึกอัตโนมัตินี่หว่า ลบออกเหรอ ฉันลบออก ใน New App ก็ไม่มีน่ะ อยู่ไหนน้อ โอเค ลองทำดูนะคะ ลองทำดู โอเค ปิดเครื่องแล้วนะ จะออกจากระบบแล้ว [สิ้นสุดการถอดความ]