ບົດທີ 1: ຄົ້ນພົບ PictoBlox ແລະ ປັບແຕ່ງຕົວລະຄອນຫຸ່ນຍົນ Tobi

🚀 ບົດທີ 1: ເລີ່ມຕົ້ນກັບ PictoBlox ແລະ ໂປຣແກຣມທຳອິດຂອງເຈົ້າ

ຍິນດີຕ້ອນຮັບ, ວິສະວະກອນໃນອະນາຄົດ!

ລອງຈິນຕະນາການວ່າເຈົ້າກຳລັງຄວບຄຸມຫຸ່ນຍົນອັດສະລິຍະຊື່ Tobi.

ໃນບົດທຳອິດນີ້, ພວກເຮົາຈະກ້າວເຂົ້າສູ່ໂລກຂອງການຂຽນໂປຣແກຣມແບບພາບ, ຮູ້ຈັກໜ້າຈໍຂອງ PictoBlox ແລະ ສ້າງໂປຣແກຣມທຳອິດໃຫ້ຕົວລະຄອນຫຸ່ນຍົນຂອງພວກເຮົາ.

---

🎯 ຈຸດປະສົງການຮຽນ

ຫຼັງຈາກບົດຮຽນນີ້, ເຈົ້າຈະສາມາດ:

• ຕິດຕັ້ງ ແລະ ເປີດ PictoBlox.
• ຮູ້ຈັກພື້ນທີ່ຫຼັກຂອງໜ້າຈໍ PictoBlox.
• ເຂົ້າໃຈລະບົບພິກັດ X ແລະ Y ເທິງເວທີ.
• ໃຊ້ບລັອກ Events, Motion ແລະ Looks.
• ສ້າງ ແລະ ແລ່ນໂປຣແກຣມທຳອິດໃນ PictoBlox.
• ບັນທຶກໂປຣເຈັກເພື່ອເຮັດຕໍ່ໃນບົດຕໍ່ໄປ.

---

🧰 ສິ່ງທີ່ຕ້ອງກຽມ

ກ່ອນເລີ່ມ, ໃຫ້ກຽມ:

• ຄອມພິວເຕີທີ່ໃຊ້ Windows, macOS ຫຼື Linux.
• ອິນເຕີເນັດເພື່ອດາວໂຫຼດໂປຣແກຣມ.
• ເມົ້າ ແລະ ແປ້ນພິມ.
• ໂປຣແກຣມ PictoBlox.

---

📥 ດາວໂຫຼດ ແລະ ຕິດຕັ້ງ PictoBlox

ຄລິກລິ້ງລຸ່ມນີ້ເພື່ອດາວໂຫຼດໂປຣແກຣມ:

⬇️ ດາວໂຫຼດ PictoBlox ທີ່ນີ້

ເມື່ອດາວໂຫຼດສຳເລັດ:

1. 1ເປີດໄຟລ໌ຕິດຕັ້ງ PictoBlox.
2. 2ຄລິກ Next ເພື່ອສືບຕໍ່.
3. 3ຍອມຮັບເງື່ອນໄຂການນຳໃຊ້ ຖ້າມີການຖາມ.
4. 4ເລືອກໂຟນເດີຕິດຕັ້ງ.
5. 5ຄລິກ Install.
6. 6ລໍຖ້າຈົນການຕິດຕັ້ງສຳເລັດ.
7. 7ເປີດ PictoBlox.

---

1. ສຳຫຼວດໜ້າຈໍ PictoBlox

ເມື່ອເປີດ PictoBlox, ພື້ນທີ່ເຮັດວຽກຈະແບ່ງອອກເປັນຫຼາຍສ່ວນ.

1.1. ແຖບເຄື່ອງມື

ແຖບເຄື່ອງມືຢູ່ເທິງສຸດຂອງໜ້າຈໍ ຊ່ວຍໃຫ້ເຈົ້າ:

• ສ້າງໂປຣເຈັກໃໝ່.
• ເປີດໂປຣເຈັກທີ່ບັນທຶກໄວ້.
• ບັນທຶກໂປຣເຈັກປັດຈຸບັນ.
• ເລືອກພາສາ.
• ເຊື່ອມຕໍ່ບອດ ຫຼື ຫຸ່ນຍົນ.
• ເລືອກໂໝດການເຮັດວຽກ.

---

1.2. ແຖບບລັອກ

ບລັອກຖືກຈັດເປັນໝວດ, ແຕ່ລະໝວດມີສີຂອງຕົນເອງ.

---

1.3. ພື້ນທີ່ຂຽນໂປຣແກຣມ

ນີ້ແມ່ນບ່ອນທີ່ພວກເຮົາລາກ ແລະ ຕໍ່ບລັອກເຂົ້າກັນເພື່ອສ້າງໂປຣແກຣມ.

ບລັອກຈະເຮັດວຽກຕາມລຳດັບຈາກເທິງລົງລຸ່ມ. ບລັອກທີ່ມີຮູບຮ່າງເຂົ້າກັນໄດ້ຈະຕໍ່ກັນຄືກັບຕົວຕໍ່ຈິກຊໍ.

---

1.4. ເວທີ (Stage)

ເວທີ ແມ່ນບ່ອນທີ່ຕົວລະຄອນ ຫຼື ຫຸ່ນຍົນຈຳລອງປະຕິບັດຄຳສັ່ງທີ່ເຈົ້າຂຽນໄວ້.

ເທິງເວທີ ເຈົ້າສາມາດເຫັນ:

• ຕຳແໜ່ງຂອງຕົວລະຄອນ.
• ທິດທາງທີ່ມັນຫັນໜ້າໄປ.
• ສິ່ງທີ່ຕົວລະຄອນເວົ້າ.
• ເອັບເຟັກພາບ.
• ຜົນຂອງການແລ່ນໂປຣແກຣມ.

---

1.5. ຕົວລະຄອນ (Sprite)

ຕົວລະຄອນ ແມ່ນວັດຖຸທີ່ເຈົ້າຄວບຄຸມໃນ PictoBlox.

ຕົວລະຄອນອາດເປັນ:

• ຫຸ່ນຍົນ.
• ຕົວກາຕູນ.
• ສັດ.
• ພາຫະນະ.
• ສິ່ງໃດກໍໄດ້ທີ່ເຈົ້າອອກແບບເອງ.

ໃນບົດນີ້ພວກເຮົາໃຊ້ຕົວລະຄອນຫຸ່ນຍົນ ແລະ ເອີ້ນມັນວ່າ Tobi.

---

2. ລະບົບພິກັດ X ແລະ Y

ທຸກຕຳແໜ່ງເທິງເວທີຖືກອະທິບາຍດ້ວຍສອງຄ່າ:

• X: ຕຳແໜ່ງຕາມແນວນອນ.
• Y: ຕຳແໜ່ງຕາມແນວຕັ້ງ.

2.1. ແກນ X

ແກນ X ແລ່ນຈາກຊ້າຍໄປຂວາ:

• X = -240: ຂອບຊ້າຍຂອງເວທີ.
• X = 0: ກາງເວທີ.
• X = 240: ຂອບຂວາຂອງເວທີ.

ເມື່ອ X ເພີ່ມຂຶ້ນ, ຕົວລະຄອນເຄື່ອນໄປທາງຂວາ.

ເມື່ອ X ຫຼຸດລົງ, ຕົວລະຄອນເຄື່ອນໄປທາງຊ້າຍ.

---

2.2. ແກນ Y

ແກນ Y ແລ່ນຈາກລຸ່ມຂຶ້ນເທິງ:

• Y = -180: ລຸ່ມສຸດຂອງເວທີ.
• Y = 0: ກາງເວທີ.
• Y = 180: ເທິງສຸດຂອງເວທີ.

ເມື່ອ Y ເພີ່ມຂຶ້ນ, ຕົວລະຄອນເຄື່ອນຂຶ້ນເທິງ.

ເມື່ອ Y ຫຼຸດລົງ, ຕົວລະຄອນເຄື່ອນລົງລຸ່ມ.

---

2.3. ຈຸດກາງຂອງເວທີ

ຈຸດກາງຂອງເວທີຢູ່ທີ່:

X = 0, Y = 0

---

3. ສ້າງໂປຣແກຣມທຳອິດ

ພວກເຮົາຈະຂຽນໂປຣແກຣມໃຫ້ Tobi ກັບໄປກາງເວທີ ແລະ ກ່າວສະບາຍດີ.

ຂັ້ນຕອນທີ 1: ເພີ່ມບລັອກເລີ່ມຕົ້ນ

ເປີດໝວດ Events ແລະ ລາກບລັອກ:

when 🏴 clicked

ບລັອກນີ້ບອກ PictoBlox ໃຫ້ເລີ່ມໂປຣແກຣມເມື່ອຜູ້ໃຊ້ຄລິກ ທຸງສີຂຽວ.

---

ຂັ້ນຕອນທີ 2: ຍ້າຍ Tobi ໄປກາງເວທີ

ເປີດໝວດ Motion ແລະ ຕໍ່ບລັອກ:

go to x: 0 y: 0

ເມື່ອບລັອກນີ້ເຮັດວຽກ, Tobi ຈະໄປຢູ່ກາງເວທີທັນທີ.

---

ຂັ້ນຕອນທີ 3: ໃຫ້ Tobi ກ່າວສະບາຍດີ

ເປີດໝວດ Looks ແລະ ຕໍ່ບລັອກ:

say "ສະບາຍດີທຸກຄົນ, ຂ້ອຍແມ່ນຫຸ່ນຍົນ AI!" for 2 seconds

---

ໂປຣແກຣມທີ່ສົມບູນ

ຕໍ່ສາມບລັອກເຂົ້າກັນຕາມລຳດັບນີ້:

1. 1when 🏴 clicked
2. 2go to x: 0 y: 0
3. 3say "ສະບາຍດີທຸກຄົນ, ຂ້ອຍແມ່ນຫຸ່ນຍົນ AI!" for 2 seconds

ການໄຫຼຂອງໂປຣແກຣມ:

ຄລິກທຸງສີຂຽວ → Tobi ກັບໄປກາງເວທີ → Tobi ກ່າວສະບາຍດີ

---

4. ແລ່ນໂປຣແກຣມ

ຄລິກ ທຸງສີຂຽວ ທີ່ຢູ່ເທິງເວທີ.

ສັງເກດສິ່ງທີ່ເກີດຂຶ້ນ:

1. 1Tobi ເຄື່ອນໄປທີ່ X = 0, Y = 0.
2. 2Tobi ສະແດງຄຳທັກທາຍ.
3. 3ຄຳທັກທາຍຫາຍໄປຫຼັງຈາກ 2 ວິນາທີ.

ຖ້າໂປຣແກຣມບໍ່ເຮັດວຽກ, ໃຫ້ກວດ:

• ບລັອກຕໍ່ເຂົ້າກັນແລ້ວບໍ?
• ບລັອກທຸງສີຂຽວຢູ່ເທິງສຸດຂອງໂປຣແກຣມບໍ?
• ພິກັດແມ່ນ X = 0, Y = 0 ພໍດີບໍ?
• ພິມຄຳທັກທາຍຖືກຕ້ອງບໍ?
• ໄດ້ຄລິກທຸງສີຂຽວແລ້ວບໍ?

---

5. ຝຶກຫັດ: ສຳຫຼວດພິກັດ

ປ່ຽນຄ່າໃນບລັອກ:

go to x: ... y: ...

ແລ້ວສັງເກດວ່າ Tobi ໄປຢູ່ບ່ອນໃດ.

ຕອບຄຳຖາມເຫຼົ່ານີ້:

1. 1ຄ່າ X ບວກ ເຮັດໃຫ້ຕົວລະຄອນເຄື່ອນໄປທາງໃດ?
2. 2ຄ່າ X ລົບ ເຮັດໃຫ້ຕົວລະຄອນເຄື່ອນໄປທາງໃດ?
3. 3ຄ່າ Y ບວກ ເຮັດໃຫ້ຕົວລະຄອນເຄື່ອນໄປທາງໃດ?
4. 4ຄ່າ Y ລົບ ເຮັດໃຫ້ຕົວລະຄອນເຄື່ອນໄປທາງໃດ?
5. 5ພິກັດໃດທີ່ວາງຕົວລະຄອນໄວ້ກາງເວທີ?

---

6. ສິ່ງທ້າທາຍສຳລັບວິສະວະກອນນ້ອຍ

ສິ່ງທ້າທາຍທີ 1: ປ່ຽນຄຳທັກທາຍ

ປ່ຽນຄຳທັກທາຍເປັນ:

ສະບາຍດີ! ຂ້ອຍພ້ອມສຳຫຼວດ PictoBlox ແລ້ວ!

ແລ່ນໂປຣແກຣມອີກຄັ້ງ ແລະ ສັງເກດຜົນ.

---

ສິ່ງທ້າທາຍທີ 2: ສ້າງການແນະນຳຕົວ

ເພີ່ມບລັອກເພື່ອໃຫ້ Tobi ເວົ້າຕໍ່ກັນໄປ:

1. 1ສະບາຍດີທຸກຄົນ!
2. 2ຂ້ອຍແມ່ນ Tobi, ຫຸ່ນຍົນ AI.
3. 3ມາຮຽນຂຽນໂປຣແກຣມນຳກັນເທາະ!

ແຕ່ລະປະໂຫຍກສະແດງ 2 ວິນາທີ.

ໂປຣແກຣມແນະນຳ:

1. 1when 🏴 clicked
2. 2go to x: 0 y: 0
3. 3say "ສະບາຍດີທຸກຄົນ!" for 2 seconds
4. 4say "ຂ້ອຍແມ່ນ Tobi, ຫຸ່ນຍົນ AI." for 2 seconds
5. 5say "ມາຮຽນຂຽນໂປຣແກຣມນຳກັນເທາະ!" for 2 seconds

---

ສິ່ງທ້າທາຍທີ 3: Tobi ສຳຫຼວດເວທີ

ຂຽນໂປຣແກຣມໃຫ້ Tobi ເຄື່ອນໄປຕຳແໜ່ງເຫຼົ່ານີ້ຕາມລຳດັບ:

1. 1ກາງ: X = 0, Y = 0
2. 2ຂວາ: X = 150, Y = 0
3. 3ເທິງ: X = 0, Y = 100
4. 4ຊ້າຍ: X = -150, Y = 0
5. 5ກັບມາກາງ: X = 0, Y = 0

ຫຼັງຈາກເຄື່ອນແຕ່ລະຄັ້ງ, ໃຫ້ Tobi ບອກວ່າມັນຢູ່ໃສ.

---

7. ບັນທຶກໂປຣເຈັກ

ເພື່ອບໍ່ໃຫ້ວຽກເສຍ:

1. 1ເປີດເມນູ File.
2. 2ເລືອກ Save As.
3. 3ຕັ້ງຊື່ໂປຣເຈັກ:

Lesson-1-Getting-started-PictoBlox

1. 1ເລືອກໂຟນເດີ.
2. 2ຄລິກ Save.

---

✅ ລາຍການກວດທ້າຍບົດ

ໝາຍສິ່ງທີ່ເຈົ້າເຮັດສຳເລັດແລ້ວ:

• [ ] ຂ້ອຍຕິດຕັ້ງ ແລະ ເປີດ PictoBlox ແລ້ວ.
• [ ] ຂ້ອຍຊອກຫາເວທີ ແລະ ພື້ນທີ່ຂຽນໂປຣແກຣມໄດ້.
• [ ] ຂ້ອຍເຂົ້າໃຈໜ້າທີ່ຂອງ X ແລະ Y.
• [ ] ຂ້ອຍຮູ້ວ່າກາງເວທີແມ່ນ X = 0, Y = 0.
• [ ] ຂ້ອຍຕໍ່ບລັອກ Events, Motion ແລະ Looks ໄດ້.
• [ ] ຂ້ອຍແລ່ນໂປຣແກຣມທຳອິດສຳເລັດ.
• [ ] ຂ້ອຍເຮັດສິ່ງທ້າທາຍໄດ້ຢ່າງໜ້ອຍໜຶ່ງຂໍ້.
• [ ] ຂ້ອຍບັນທຶກໂປຣເຈັກແລ້ວ.

---

📝 ຄຳຖາມທົບທວນ

1. 1ບລັອກໃດເລີ່ມໂປຣແກຣມ?
2. 2ພິກັດໃດໝາຍເຖິງກາງເວທີ?
3. 3ແກນ X ຄວບຄຸມທິດທາງໃດ?
4. 4ແກນ Y ຄວບຄຸມທິດທາງໃດ?
5. 5ໝວດບລັອກໃດເຮັດໃຫ້ຕົວລະຄອນເວົ້າໄດ້?
6. 6ຖ້າ X = -150, ຕົວລະຄອນຢູ່ທາງຊ້າຍ ຫຼື ທາງຂວາ?
7. 7ຖ້າ Y = 100, ຕົວລະຄອນຢູ່ເທິງ ຫຼື ລຸ່ມ?
8. 8ເປັນຫຍັງຕ້ອງບັນທຶກໂປຣເຈັກຫຼັງຈາກຝຶກຫັດ?

---

🌟 ສະຫຼຸບ

ໃນບົດທຳອິດນີ້, ພວກເຮົາໄດ້:

• ຮູ້ຈັກໜ້າຈໍ PictoBlox.
• ສຳຫຼວດເວທີ, ຕົວລະຄອນ ແລະ ພື້ນທີ່ຂຽນໂປຣແກຣມ.
• ຮຽນຮູ້ການເຮັດວຽກຂອງລະບົບພິກັດ X ແລະ Y.
• ສ້າງໂປຣແກຣມທຳອິດດ້ວຍບລັອກ.
• ໃຫ້ Tobi ເຄື່ອນທີ່ ແລະ ກ່າວສະບາຍດີ.
• ບັນທຶກໂປຣເຈັກໄວ້ເຮັດຕໍ່.

ໃນບົດຕໍ່ໄປ, ພວກເຮົາຈະໃຫ້ Tobi ເຄື່ອນທີ່ມີຊີວິດຊີວາຂຶ້ນ ໂດຍໃຊ້ທິດທາງ, ການລ້ຽວ ແລະ ການວົນຊ້ຳ.