micro:bit 101–6. โปรแกรมปุ่มกดหน้ายิ้ม (Smiley Button)

บทความนี้เราจะมาลองเล่น การรับข้อมูล (input) จากการกดปุ่มดูกันครับ ซึ่งเจ้า micro:bit จะมีปุ่มมาให้ 2 ปุ่ม คือ A และ B

สิ่งที่เรากำลังจะทำ

• วิธีการอ่านค่าสถานะของปุ่มกด
• กดปุ่ม A ให้แสดงเป็นรูป หน้ายิ้ม (happy)
• กดปุ่ม B ให้แสดงเป็นรูป หน้าบึ้ง (sad)
• กดปุ่ม A+B ให้แสดงเป็นรูป หน้าสับสน (confuse)

ปุ่มกด คืออะไร ?

• วิธีการอ่านค่าสถานะของปุ่มกด
• กดปุ่ม A ให้แสดงเป็นรูป หน้ายิ้ม (happy)
• กดปุ่ม B ให้แสดงเป็นรูป หน้าบึ้ง (sad)
• กดปุ่ม A+B ให้แสดงเป็นรูป หน้าสับสน (confuse)

มาเริ่มลงมือทำกันเลย !

ขั้นที่ 1 : เมื่อกดปุ่ม A ให้แสดงหน้ายิ้ม (happy)

1. คลิ๊กปุ่ม Projects เพื่สร้างโปรเจคใหม่
2. ลากบล็อก Input > on button A pressed มาวางไว้ที่ว่าง
3. ลากบล็อก Basic > show icon มาวางไว้ในบล็อก on button A pressed

4. คลิ๊กที่ลูกศรชี้ลง แล้วเลือกรูปหน้ายิ้ม (happy)

ขั้นที่ 2 : เมื่อกดปุ่ม Bให้แสดงหน้าบึ้ง (Sad)

5. คลิ๊กขวา ที่บล็อก on button A pressed แล้วเลือก Duplicate เพื่อทำการคัดลอกบล็อกคำสั่งทั้งหมด

6. ที่บล็อก on button A pressed คลิ๊กที่ลูกศรชี้ลง แล้วเปลี่ยนจาก A เป็น B

7. คลิ๊กที่ลูกศรชี้ลง แล้วเลือกรูปหน้าบึ้ง (sad)

ขั้นที่ 3 : เมื่อกดปุ่ม A+B ให้แสดงหน้าสับสน (confuse)

• ทำแบบเดียวกับขึ้นตอนที่ 7–8 แล้วเปลี่ยนเป็น A+B

8. ที่บล็อก on button A pressed คลิ๊กที่ลูกศรชี้ลง แล้วเปลี่ยนจาก A เป็น A+B

9. คลิ๊กที่ลูกศรชี้ลง แล้วเลือกรูปหน้าสับสน (confuse)

ขั้นที่ 4 : โปรแกรมลงบอร์ด !

ขั้นที่ 5 : ทดสอบ

micro:bit 101

• micro:bit 101–1. Hello, micro:bit !
• micro:bit 101–2. เขียนโปรแกรมหน้ายิ้ม/หน้าบึ้ง !
• micro:bit 101–3. เขียนโปรแกรม micro:bit บน Android
• micro:bit 101–4. เขียนโปรแกรม micro:bit บน Apple iOS
• micro:bit 101–5. โปรแกรมหัวใจกระพริบ (Flashing Heart)
• micro:bit 101–6. โปรแกรมปุ่มกดหน้ายิ้ม (Smiley Button)
• micro:bit 101–7. เกมส์เป่ายิงฉุบ (Rock-Paper-Scissors)
• micro:bit 101–8. โปรแกรมอุณหภูมิ (Temperature)
• micro:bit 101–9. โปรแกรมระดับความสว่างของแสง (Light Level)
• micro:bit 101–10. โปรแกรมเสียง (Music)