ບົດທີ 5: ເປີດໃຊ້ການເບິ່ງເຫັນຂອງຄອມພິວເຕີ — ຕັ້ງຄ່າສ່ວນຂະຫຍາຍ AI ກວດຈັບໃບໜ້າ

👁️ ບົດທີ 5: ປ່ຽນເວັບແຄມໃຫ້ເປັນຕາອັດສະລິຍະຂອງ AI

🤖 ຄອມພິວເຕີເບິ່ງເຫັນໄດ້ບໍ?

ຍິນດີຕ້ອນຮັບສູ່ໂລກຂອງ ການເບິ່ງເຫັນຂອງຄອມພິວເຕີ (Computer Vision)!

ໃນບົດນີ້, ຄອມພິວເຕີຈະໃຊ້ເວັບແຄມເພື່ອ:

• ກວດຈັບໃບໜ້າ.
• ຫາຕຳແໜ່ງຕາ ແລະ ດັງ.
• ຕິດຕາມການເຄື່ອນໄຫວຂອງຜູ້ໃຊ້.
• ຄວບຄຸມຕົວລະຄອນ PictoBlox ດ້ວຍການເຄື່ອນໄຫວໃບໜ້າ.

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

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

• ເພີ່ມສ່ວນຂະຫຍາຍ Face Detection ເຂົ້າໃນ PictoBlox.
• ສະແດງວິດີໂອຈາກເວັບແຄມເທິງເວທີ.
• ວິເຄາະໃບໜ້າຈາກກ້ອງ.
• ອ່ານພິກັດ x ແລະ y ຂອງຕາ ຫຼື ດັງ.
• ຄວບຄຸມຕົວລະຄອນດ້ວຍການເຄື່ອນໄຫວໃບໜ້າ.

1. ກຽມເວັບແຄມ

ກ່ອນເລີ່ມຂຽນໂປຣແກຣມ:

1. 1ກວດວ່າເວັບແຄມເຊື່ອມຕໍ່ແລ້ວ.
2. 2ເປີດ PictoBlox.
3. 3ອະນຸຍາດໃຫ້ PictoBlox ໃຊ້ກ້ອງ.
4. 4ນັ່ງຢູ່ບ່ອນທີ່ມີແສງສະຫວ່າງດີ.
5. 5ວາງໃບໜ້າໄວ້ກາງພາບຂອງກ້ອງ.

2. ເພີ່ມສ່ວນຂະຫຍາຍ Face Detection

ເຮັດຕາມຂັ້ນຕອນເຫຼົ່ານີ້:

1. 1ຄລິກປຸ່ມ Extension ຢູ່ມຸມຊ້າຍລຸ່ມ.
2. 2ຊອກຫາ ແລະ ເລືອກ Face Detection.
3. 3ລໍຖ້າໃຫ້ PictoBlox ໂຫຼດແບບຈຳລອງການກວດຈັບ.
4. 4ກວດວ່າບລັອກ Face Detection ປາກົດແລ້ວ.

ຊື່ບລັອກບາງອັນອາດແຕກຕ່າງກັນເລັກນ້ອຍໃນແຕ່ລະເວີຊັນຂອງ PictoBlox.

3. ສະແດງວິດີໂອຈາກກ້ອງ

ສ້າງໂປຣແກຣມນີ້:

when green flag clicked
turn video on stage with 0% transparency

ຄວາມໂປ່ງໃສ (transparency) ຄວບຄຸມວ່າວິດີໂອເຫັນຊັດປານໃດ:

ຖ້າບໍ່ເຫັນວິດີໂອ, ໃຫ້ກວດສິດການໃຊ້ກ້ອງໃນບຣາວເຊີ ຫຼື ລະບົບປະຕິບັດການ.

4. ວິເຄາະໃບໜ້າ

ເພື່ອໃຫ້ AI ກວດຈັບໃບໜ້າ, ໃຫ້ໃຊ້ບລັອກ:

analyse image from camera

ບລັອກນີ້ຕ້ອງແລ່ນຢ່າງຕໍ່ເນື່ອງ ເພື່ອໃຫ້ລະບົບອັບເດດເມື່ອໃບໜ້າເຄື່ອນໄຫວ:

when green flag clicked
turn video on stage with 0% transparency

forever
    analyse image from camera

AI ສາມາດຫາຕຳແໜ່ງຂອງລັກສະນະຕ່າງໆ ເຊັ່ນ:

• ຕາຊ້າຍ ແລະ ຕາຂວາ.
• ດັງ.
• ປາກ.
• ຕຳແໜ່ງຂອງໃບໜ້າ.

5. ອ່ານພິກັດຂອງດັງ

ແຕ່ລະຈຸດເທິງໃບໜ້າມີສອງພິກັດ:

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

ໃຊ້ບລັອກ:

get [x] position of [nose] of face (1)
get [y] position of [nose] of face (1)

ສ້າງຕົວປ່ຽນສອງຕົວ:

Nose_X
Nose_Y

ແລ້ວອັບເດດພິກັດຢ່າງຕໍ່ເນື່ອງ:

when green flag clicked
turn video on stage with 0% transparency

forever
    analyse image from camera

    set [Nose_X] to
        [x position of nose of face 1]

    set [Nose_Y] to
        [y position of nose of face 1]

ເມື່ອເຈົ້າເຄື່ອນຫົວ, ຄ່າຂອງ Nose_X ແລະ Nose_Y ກໍປ່ຽນໄປນຳ.

6. ໂປຣເຈັກນ້ອຍ: ຄວບຄຸມຕົວລະຄອນດ້ວຍໃບໜ້າ

ເຮັດໃຫ້ຕົວລະຄອນຕິດຕາມຕຳແໜ່ງດັງຂອງຜູ້ໃຊ້.

when green flag clicked
turn video on stage with 20% transparency

forever
    analyse image from camera

    set [Nose_X] to
        [x position of nose of face 1]

    set [Nose_Y] to
        [y position of nose of face 1]

    go to x: [Nose_X] y: [Nose_Y]

ລອງ:

• ອຽງຫົວໄປທາງຊ້າຍ.
• ອຽງຫົວໄປທາງຂວາ.
• ເງີຍຫົວຂຶ້ນ.
• ກົ້ມຫົວລົງ.

ສັງເກດວ່າຕົວລະຄອນຕິດຕາມໃບໜ້າຂອງເຈົ້າບໍ.

7. ຕອບສະໜອງຕໍ່ຕຳແໜ່ງໃບໜ້າ

ເຈົ້າສາມາດໃຊ້ເງື່ອນໄຂເພື່ອໃຫ້ຕົວລະຄອນຕອບສະໜອງໄດ້ສະຫຼາດຂຶ້ນ:

if <Nose_X greater than 100> then
    say "ເຈົ້າກຳລັງອຽງໄປທາງຂວາ!"
else
    if <Nose_X less than -100> then
        say "ເຈົ້າກຳລັງອຽງໄປທາງຊ້າຍ!"

ຫຼື ປ່ຽນຊຸດ (costume):

if <Nose_Y greater than 80> then
    switch costume to [Happy]
else
    switch costume to [Normal]

8. ຖ້າ AI ກວດຈັບໃບໜ້າບໍ່ໄດ້

ໃຫ້ກວດ:

• ເວັບແຄມເປີດຢູ່ບໍ?
• PictoBlox ໄດ້ຮັບສິດໃຊ້ກ້ອງແລ້ວບໍ?
• ໃບໜ້າຂອງເຈົ້າຢູ່ໃນກອບພາບບໍ?
• ແສງສະຫວ່າງພໍບໍ?
• ມີຫຍັງບັງຕາ ຫຼື ດັງບໍ?
• ບລັອກ analyse image from camera ຢູ່ໃນການວົນຊ້ຳບໍ?

🧩 ສິ່ງທ້າທາຍ

ປັບປຸງໂປຣເຈັກດ້ວຍແນວຄິດໃດໜຶ່ງເຫຼົ່ານີ້:

1. 1ບັງຄັບຍານອະວະກາດໂດຍການເຄື່ອນຫົວ.
2. 2ໃຫ້ຕົວລະຄອນໃສ່ໝວກສະໝືອນເທິງພາບເວັບແຄມ.
3. 3ຫຼິ້ນສຽງເມື່ອຜູ້ໃຊ້ອຽງຫົວ.
4. 4ຄວບຄຸມຕົວລະຄອນດ້ວຍຕຳແໜ່ງຂອງຕາ.
5. 5ສ້າງເກມເກັບສິ່ງຂອງທີ່ບໍ່ຕ້ອງໃຊ້ແປ້ນພິມ.

✅ ຈື່ໄວ້

• ເວັບແຄມຊ່ວຍໃຫ້ຄອມພິວເຕີຖ່າຍພາບໄດ້.
• Face Detection ຊ່ວຍໃຫ້ AI ຊອກຫາໃບໜ້າ ແລະ ລັກສະນະໃບໜ້າ.
• ບລັອກວິເຄາະຕ້ອງແລ່ນຢ່າງຕໍ່ເນື່ອງເພື່ອໃຫ້ພາບອັບເດດຢູ່ສະເໝີ.
• ພິກັດ x ແມ່ນຕຳແໜ່ງຕາມແນວນອນ.
• ພິກັດ y ແມ່ນຕຳແໜ່ງຕາມແນວຕັ້ງ.
• ພິກັດໃບໜ້າສາມາດໃຊ້ຄວບຄຸມຕົວລະຄອນໄດ້.

1. 1ສ່ວນຂະຫຍາຍໃດໃຊ້ກວດຈັບໃບໜ້າ?
2. 2ເປັນຫຍັງຕ້ອງວິເຄາະພາບຈາກກ້ອງຢ່າງຕໍ່ເນື່ອງ?
3. 3ພິກັດ x ແລະ y ສະແດງເຖິງຫຍັງ?
4. 4ແສງສະຫວ່າງມີຜົນຕໍ່ການກວດຈັບແນວໃດ?