Code Quest Coding Adventure
Loading...
Code Quest | Talent Code Africa
T
TALENT CODE AFRICA น้ำพุแห่งความรู้

การผจญภัยด้านการเขียนโค้ดกับ Talent Code Africa

CODE QUEST!

มาทำให้การ์ตูนมีชีวิตกันเถอะ!

สวัสดี เหล่านักเขียนโค้ดในอนาคต! พร้อมกันหรือยัง?

when flag clicked
say Hello!
move 10 steps
✦
✦
✦
★ภารกิจแรก
01

วอร์มอัพ

วันนี้ คุณ คือโปรแกรมเมอร์!

!

โปรแกรมเมอร์คือผู้ให้คำสั่งแก่คอมพิวเตอร์

เราสามารถสอนตัวการ์ตูนของเราได้ว่าต้องทำอะไร

“โบกมือทักทาย!”
Hi!

ถ้าคุณสามารถสอนสิ่งมหัศจรรย์หนึ่งอย่างให้กับการ์ตูนได้ สิ่งนั้นจะเป็นอะไร?

เต้น!พูด!วิ่ง!
วันนี้ เราจะมาสร้างการ์ตูนพูดได้ในแบบของเราเองกัน!
02

จุดหมายปลายทางของเรา

พบกับเพื่อนดิจิทัลคนใหม่ของคุณ!

สวัสดี เหล่านักเขียนโค้ด!

เมื่อจบแล้ว ตัวละครของคุณจะสามารถ...

⚑
เริ่มต้นพูดสวัสดีเมื่อคลิกที่ธงสีเขียว
➜
เคลื่อนที่เคลื่อนที่เมื่อกดปุ่มลูกศร
Aa
พูดพูดอะไรตลกๆ เมื่อถูกคลิก
K
ตอบสนองตอบสนองต่อปุ่มคีย์บอร์ดอื่นๆ
★สี่พลังวิเศษ หนึ่งตัวการ์ตูนสุดเจ๋ง★
03

ชุดเครื่องมือของคุณ

สนามเด็กเล่นสำหรับการเขียนโค้ดของคุณ: PictoBlox

PictoBlox
BLOCKS
when ⚑ clicked
say Hello!
move 10 steps
STAGE
⚑
1. เวทีสนามเด็กเล่นที่ตัวละครของคุณปรากฏตัว
2. สไปรต์ตัวละครที่เราควบคุม
3. พาเลทบล็อกที่ที่เราค้นหาคำสั่งต่างๆ
4. พื้นที่เขียนโค้ดที่ที่บล็อกต่างๆ นำมาต่อกัน
5. ธงสีเขียวใช้สำหรับเริ่มโปรแกรม
เคล็ดลับการจำเวที = สนามเด็กเล่น, สไปรต์ = นักแสดง, บล็อก = คำสั่ง!
04

ภารกิจที่ 1

มาเปิดห้องแล็บเขียนโค้ดกันเลย!

PictoBlox
●
1เปิด PictoBlox บนคอมพิวเตอร์ของคุณ
2คลิก “New Project” หรือเปิดโปรเจกต์ว่าง
3มองหาเวทีและบล็อกเขียนโค้ด
4ค้นหาธงสีเขียว
iถ้ามีแมวเริ่มต้นอยู่บนเวทีอยู่แล้ว ก็สมบูรณ์แบบเลย คุณพร้อมแล้ว!
ภารกิจสำเร็จหรือไม่?คุณเห็นตัวละครบนเวทีของคุณหรือไม่?

05

ภารกิจที่ 2

เลือกฮีโร่การ์ตูนของคุณ!

ใน PictoBlox ตัวละครจะถูกเรียกว่า SPRITE

แมว
สุนัข
หุ่นยนต์
ไดโนเสาร์

ตาคุณแล้ว

  1. ดูสไปรต์ปัจจุบัน
  2. ใช้แมวต่อไปถ้าคุณชอบ
  3. หรือเลือกสไปรต์ตัวอื่น
  4. ตรวจสอบให้แน่ใจว่าฮีโร่ของคุณปรากฏบนเวที (Stage)
ทุกเกมที่ยิ่งใหญ่เริ่มต้นจากตัวละคร!

สำหรับบทเรียนแรก ทั้งชั้นเรียนสามารถใช้แมวได้ แล้วค่อยปรับแต่งในภายหลัง!

06

สร้างมันขึ้นมา

บล็อกก็เหมือนกับชิ้นส่วนจิ๊กซอว์

นำบล็อกมาต่อกันเพื่อสร้างแผนการทำงานให้กับการ์ตูนของคุณ

เมื่อ ⚑ คลิก
พูด สวัสดี! 2s
เคลื่อนที่ 10 ก้าว
↓
บล็อกของคุณกำลังเล่าเรื่องราว!
1

เริ่มต้นด้วยเหตุการณ์มันบอก PictoBlox ว่าจะเริ่มเมื่อไหร่

2

ต่อบล็อกการทำงานเข้าไปมันบอกสไปรท์ของคุณว่าต้องทำอะไร

3

ทดสอบ เปลี่ยนแปลง และปรับปรุงนักเขียนโปรแกรมเรียนรู้จากการทดลอง

ไม่ต้องกังวลหากบล็อกหลุดออก แค่ลากมาต่อกลับเข้าไป!
07

โค้ดแรกของคุณ

ทำให้ตัวการ์ตูนของคุณพูดได้

สูตรคำสั่ง Hello
เมื่อคลิกธงเขียว
พูด “Hello, world!”
คลิกที่ธงเขียวเพื่อทดสอบ
Hello, world!
คุณเพิ่งเขียนโปรแกรมพูดได้เป็นครั้งแรก!
08

ทำให้มันเคลื่อนไหว

ปุ่มลูกศร = พลังวิเศษ

ใช้การกดปุ่มเพื่อให้สไปรท์ของคุณพุ่งทะยานไปทั่วเวที

↑
←↓→
ปุ่มลูกศร
WHEN → KEY PRESSED
MOVE 10 STEPS
✦
●
⚑
ลองเลย!กดปุ่มลูกศรขวา จากนั้นลองกดปุ่มซ้าย
09

ทำให้มันสนุก

การคลิกเพียงครั้งเดียวอาจสร้างความประหลาดใจได้!

↖
ทำไมคอมพิวเตอร์ถึงจาม? เพราะมันติดไวรัสยังไงล่ะ!
เมื่อคลิกตัวละครนี้
พูดข้อความตลกๆ

นี่คือเหตุการณ์ (event): สิ่งที่เกิดขึ้นเพื่อเริ่มการทำงานของโค้ด

โค้ด + จินตนาการ = ตัวละครที่มีบุคลิก!
10

แนวคิดแบบนักเขียนโค้ด

อุ๊ปส์! โค้ดของฉันใช้งานไม่ได้

อุ๊ปส์!
? ? ?
1ตรวจสอบบล็อกบล็อกเชื่อมต่อกันสนิทหรือยัง?
2ตรวจสอบตัวกระตุ้นคุณคลิกที่ธงหรือปุ่มกด?
3ลองอีกครั้งโค้ดเดอร์ที่เก่งจะทดสอบและแก้ไข
บั๊กไม่ใช่ความล้มเหลว แต่มันคือคำใบ้!
11

คำท้าทายประจำชั้นเรียน

เลือกทักษะพิเศษให้ตัวละครของคุณ

เลือกไอเดียหนึ่งอย่างแล้วสร้างด้วยบล็อก

♪

เต้น

ทำให้สไปรต์ของคุณเคลื่อนที่ไปทางซ้ายและขวา

!

เล่าเรื่องตลก

ทำให้ตัวละครพูดสิ่งที่ทำให้เราหัวเราะ

★

ปุ่มลับ

เลือกปุ่มกดและสร้างเซอร์ไพรส์ให้เพื่อนในชั้นเรียน

12

ถึงเวลาแสดงฝีมือ

ทดสอบ แบ่งปัน และเฉลิมฉลอง!

ภารกิจเสร็จสิ้น

คุณทำให้การ์ตูนมีชีวิตขึ้นมาได้แล้ว!

วันนี้คุณได้เรียนรู้ว่าโค้ดคือชุดคำสั่ง ตอนนี้คุณคือผู้สร้างตัวจริงแล้ว

★ได้รับการรับรองCODE QUEST CODER

ถามต่อไป สร้างต่อไป เปล่งประกายต่อไป

✦
✦
⚑
TALENT CODE AFRICA · น้ำพุแห่งความรู้
สไลด์ 1 จาก 14