ตอนท 2 มาเขยนโปรแกรมสรางชอเราแบบนารกๆกนดกวาBy

 สอนลกเขยนโปรแกรม by Dek-D.com

 -

June 1, 2018

0

2055

    สวสดอกครงครบ มาพบกนอกแลวกบสอนลกเขยนโปรแกรม by Dek-D.com วนนเราจะมาเรยนเขยนโปรแกรมจากเวบฟรทชอ Scratch กนตอนะครบ สำาหรบใครทยงไมรวา Scratch มนคออะไร ผมแนะนำาใหยอนกลบไปอานบทความแรกของเรากนกอนไดทนเลยครบ

เรมเรยนเขยนโปรแกรมตงแต 8 ขวบดวย SCRATCH

สวนนองๆหนๆคนไหนทอายพงจะยางเขา 5-7 ขวบ ผมแนะนำาใหลองไปเลน App ทมชอวา ScratchJR กนกอนเพอเรมหดพนฐานไดเลยนะครบ เปน App ฟรทสามารถโหลดเลนไดทง iOS และ Android ครบบ

วนนเราจะมาหดเขยนโปรแกรมกนในชอตอนวา มาทำาใหชอเรามชวตกนเถอะ เราจะมาลองหดทำาอนเมชน“ ”ใหตวอกษรชอเราดวยการ Coding กนครบ เพมเตมดวยการใสเสยงดนตรประกอบดวยครบ

SCRATCHJR สแครชจเนยร แอพ TABLET ฟร สำาหรบสอนลกเขยนโปรแกรม สำาหรบเดก 5-7

ขวบ

คลกทไอคอนน   เพอสรางชอของเรากนครบ

เลอกตวอกษรมาประกอบเปนชอกนเลยครบ

เทคนคเลกนอยถาหากเราตองการจะลบเจาแมวนออก ใชเครองมอกรรไกรไดเลยครบ

ใสเอฟเฟคส ทำาใหตวหนงสอเปลยนสเมอคลกครบ แปะสครปตอจกซอตามนกนไดเลย

ลองคลกทตวอกษรเพอทดสอบการเปลยนสครบ

ตอไปเรามาลองใสเสยงประกอบกนดครบ กดทคำาวาเสยง แลวกดรปลำาโพงครบ

 

เลอกเสยงมาเกบไวในคลงกอนครบ เอาเสยงทถกใจสกเสยงนง จากนนกลบมาทแถบสครปครบ แลวใสสครปแบบน

 

ตอไปกใสพนหลงครบ กดไปทรป   เพอใสพนหลงกนครบ

ลองเลอกทชอบใจดครบ เชน boardwalk หรอ circle เปนตน

ใสตวอกษรตวตอไปกนเลยครบ มาลองทำาใหมนหมนกนครบ

มาลองอานโคดคราวๆกนครบนองๆ

เมอตวอกษรนถกคลก > ตวอกษรเปลยนส > เลนเสยงดนตร > หมน 15 องศา > รอ 1 ว > ทำาซำา 10 ครง > จบ

ตอนท 3 พาเฮลคอปเตอรทพงบนกลบสทองฟากนเถอะBy

 สอนลกเขยนโปรแกรม by Dek-D.com

 -

June 8, 2018

0

1011

สวสดครบบ มาพบกนกบตอนท 3 แลว กบ ซรยสอนลกเขยนโปรแกรมดวย Scratch ครบ

สำาหรบผปกครองหรอนองๆหนๆทยงไมเคยเรมตนกบ Scratch มากอน สามารถยอนกลบไปเรยนตอนเกาๆไดจากลงดานลางนไดเลยครบ

วนนเราจะมาลองหดทำาใหตวการตนบนกนครบ เนองจากเราเปนคนไทยทนยคสมยกบเรองในประเทศ เราจะมาชบชวตใหเฮลคอปเตอรราคาแพงของกองทพกลบมาบนไดอกครงครบ

เรมกนเหมอนเดมเลยครบ สราง Project ใหม ตงชอใหเรยบรอย

ลบนองแมวออกแลวตงงบสงซอเฮลคอปเตอรลงมาเลยครบ

ลองใสคำาสงเรมตนเพอทำาใหเครองบนมาอยดานบนสดกอนครบคำาสงนมไวเพอทำาใหเครองบนอยหนาสดจากวตถอนๆทเราจะใสเขามาตอไปครบ เชน ทองฟา ตก ตนไม

ตอไปใสวตถอนๆเขามาประกอบเลยครบ เราสามารถกดทคำาวา ฉาก เพอเปลยนสหรอตกแตงพนหลงได

เราสามารถกดทรป   เพอวาดรปทตองการได เชนกอนเมฆ

เรายงสามารถใชเครองมอดานบน เพอทำาสงตางๆกบวตถไดดงนครบ1. copy วตถขนมาอกชน เชนเราตองการตกหลายๆหลง เราสามารถกดทปมน แลวกดทตก กจะไดตกขนมาอกอนครบ2. ลบทงครบ อนนนาจะทราบกนอยแลว กดทกรรไกรแลวกดทวตถจะเปนการลบวตถชนนน3. ขยายวตถ กดแลววตถจะใหญขนครบ4. ยอวตถ กดแลววตถจะเลกลงครบ

เอาละ สรางเมองเสรจแลว พรอมจะบนกนหรอยงครบ

เรามาลองดคำาสงสำาหรบทำาใหเครองบนเคลอนทไปขางหนากนกอน

มาลองไลทำาความเขาใจกนทละขนตอนนะครบ

เมอ   ถกกดวนซำาตลอด หมายถงในคำาสงทอยภายในน ทำางานจนเสรจแลวกลบมาทำางานวนซำาทกครงตงคา x เปน -150 ลองสงเกตภาพดานลางนประกอบไปดวยนะครบ เราจะสงใหเฮลคอปเตอรยายไปอยในตำาแหนง -150 ครบ ลองมาทำาความเขาใจเรองกราฟกนหนอยจากภาพดานลางนกนครบ

แลวเราจะรไดยงไงวาเฮลคอปเตอรจะไปอยตรงไหน ลองดจากภาพประกอบนครบ

นนหมายความวา เครองบนจะกลบมาอยท x = -150 ตำาแหนงนเสมอเรามาดคำาสงตอไปกนครบทำาซำา 50 หมายถง คำาสงทอยภายในนจะถกวนซำา 50 ครง กอนเรมทำางานตอไปครบ ซงคำาสงทอยขางในคอเปลยนคา x ทละ 10 หมายถง เราจะเพมคา x เขาไปทละ 10 ครบ พอจะนกภาพออกกนมยครบวาจะเกดอะไรขนทกครงทคา x เปลยนตำาแหนง เฮลคอปเตอรกจะขยบตามแกน x ไปเรอยๆครบ ดแลวเหมอนจะยาก แตถาไดลองทำาความเขาใจแลว จะเหนวา มนงายมากๆเลยครบสดทายเมอคำาสงถกวนซำาครบ 50 รอบ กจะทำางานตอไปทคำาสง วนซำาตลอด เครองบนกจะถกสงใหกลบมาทตำาแหนง x = -150 แลวกทำางานเหมอนเดมอกครง

ไมยากเลยใชมยครบนองๆ นองๆอาจจะเอาไปพลกแพลงเชน ใหเครองบนอยทเดม แลวตกทกๆตกวงกลบไปขางหลงพรอมๆกน เทานกจะดคลายกบเครองบนกำาลงบนไปขางหนาไดอกดวยครบ

มาสรางเกมวงแขงกนเถอะ

สวสดครบบ มาพบกนกบตอนท 4 แลว กบ ซรยสอนลกเขยนโปรแกรมดวย Scratch ครบ

วนนสอนลกเขยนโปรแกรม By Dek-D.com จะมาสอนการสรางเกมวงแขงกนครบ

โดยพนฐานทเราเคยกลาวถงมาแลวในบทความกอนๆนนเราจะขามไปเลยนะครบ หากนองๆคนไหนยงไมเขาใจสามารถยอนกลบไปฝกทำาแบบฝกหดเกาๆกนมากอนไดเลยครบ

เรมแรกเราจะเรมจากการใสพนหลง ในวนนผมจะใชอนทชอวา tracks ครบ

หลงจากลากวางตำาแหนงเจาแมวเรยบรอยแลว โดยขนแรก เราจะเรมสรางคำาสงใหเจาแมวกนกอนครบ เลอนไปทหนาจอ ตวละคร แลวคลกเลอกทนอง“ ”แมวครบ จะมกรอบสฟาๆขนมาครอบแมวไว

เคลอนทดวยการกดปม

ตอไปเราจะมาลองสรางคำาสงทำาใหเจาแมวเคลอนทไดดวยการกดปมกนครบ ไปทหวขอ“เหตการณ ” -> เมอคย สเปซบารถกกด ตอไปกไปท เคลอนท “ ” -> เคลอน 10 กาวเลอกสองคำาสงเสรจแลวตอคำาสงเขาดวยกนเลยครบ

เมอเสรจแลวหากลองกดปม สเปซบาร แมวจะเดนไปขางหนาครบ

สรางเสนชยดวยการวาดเสน

พกเจาแมวไวกอน เราจะมาสรางเสนชย ดวยการวาดเสนกนครบ เหมอนกนบทความทแลวเลยครบ กดไปทรปปากกา เรามาดสวนประกอบตางๆของการวาดกนครบ

1. เลอกลกษณะของการวาด เชน การเขยน การลากเสน การเทส เปนตน2. เลอกความกวางของเสน หรอขนาดของตวอกษรครบ

3. เลอกสครบ4. หนาจอสำาหรบใหเราลงมอวาดภาพนนเอง5. หลงจากวาดเสรจภาพจะดแสดงผลในจอเวทครบปล. เทคนคสำาหรบการลากเสนตรงใหกดปมชพ (SHIFT) คางไวแลวลากไดเลยครบหลงจากวาดเสรจแลว ใหเรากดกลบไปททำาวาสครปต แลวลากเสนชยไปไวดานขวาสดเลยครบ

เมอเขาเสนชยแลวเปนยงไง

ตอไปเราจะมาทำาใหเจาแมวเมอเขาเสนชยแลวตะโกนออกมาดวยความยนดวา ชนชนะแลว กนครบ” ”มาทำาความเขาใจคำาสงทเราจะใชกนกอน กอนอนเรากลบมาคลกทตวละครแมวใหเปนกรอบสฟากนกอนเพอสรางคำาสงใหกบเจาแมวครบ โดยคำาสงทเราจะใชเตมๆคอ

ถา สมผส เสนชย แลว พด ฉนชนะแลว“ ” “ ” อยากใหนองๆลองสงเกตวาในนจะประกอบไปดวยคำาสงทงหมด 3 คำาสงครบ1. ถา แลว อยในหวขอ ควบคม…2. สมผส เสนชย อยในหวขอ การรบร “ ”3. พด ฉนชนะแลว อยในหวขอ รปราง“ ”

เมอทำาความเขาใจแลว เรามาลองประกอบคำาสงกนดครบ

ทำาไมถงเปน Sprite1 ไมใชเสนชยละ ? เรามาด กน

เพราะวา เสนชย เราใชชอวา Sprite1 ครบ ถาใคร งง ลองสงเกตจากรปดานลางนดครบ

มาเปลยนชอมนเปนเสนชยกน

คลกขวาท Sprite1 แลวเลอก info ครบ

เปลยนชอเปนเสนชยเลยครบ

ออกมาแลวอยาตกใจ คำาสงททำาไวหายไปไหนหมด กดเลอกสฟาใหกลบไปทแมวกอนนะครบ

เปลยนเปนเสนชยเรยบรอยแลว

เลนเสรจแลวแมวมนไมกลบมาทเดม ?

ขนตอนตอไปเราจะมาทำาใหเขาแมวกลบมาทเดมทกครงทเราเรมเลนกนครบไปทหวขอ เหตการณ ถาใครจำาไดจากบทความเกาๆเราเคยบอกไววา ปมธง“ ”เขยว  คอปมเรมเลน เราจะมาจดตำาแหนงเจาแมวจากปมนกนครบเมอ   ถกคลกตอไปใหไปทหวขอ การเคลอนท ทำาเหมอนกบตอนบทความเฮลคอปเตอรเลย

ครบ ไปยง x:… y:… แลวเลอกพกดเจาแมว

สรางคแขงกนครบ

ทนเรากมาเรมสรางโคดชดนกนอกครง ดวยตวละครอนๆกนครบ แตคราวนลองปรบปมเปนปมอนทไมใช สเปซบาร หรอปรบความเรวในการเคลอนทตอการกดหนงครงดครบ นองๆสามารถกดคลกขวา ทำาซำา แลวลากไปใสอกตวละครไดเลยครบ

จากภาพหากลองดทโคดจะเหนไดวา เจาหมามความเรวเคลอนท 20 กาว ตอการกด 1 ครง แตเจาแมวมอยแค 10 ทำาใหเจาหมาเขาเสนชยไดเรว กวาเจาแมวนนเองครบ

ตอนท 5 แลว ในซรย สอนลกเขยนโปรแกรมดวย Scratch ครบ

วนนเราจะมาลองอพเลเวลขนไปกนอกสกหนอย เราจะเรมสรางเกมจรงๆกนแลวครบ เกมทสามารถโตตอบกบการกระทำาของเราได มเสยงตอบสนอง มระบบเกบคะแนน ฟงดนาสนใจมากๆเลยใชมยครบ มาเรมกนเลย

เรมตนกนดวยกระบวนการเดมครบๆ ลบตวละครเจาแมวออกไปกอน ดวยการกดทรป   ดานบนเหมอนเดมครบเลอกพนหลงวนนผมจะใชพนหลงทชอวา neon tunnel โดยจะอยในหวขอหมวด อวกาศ ครบ

เลอกตวละครแนนอนวาวนนพระเอกของเราคอลกบอลครบ กดท   ไดเลยครบ เลอกไปท สงของ แลวกดทลกบอลเพอเพมเขามาในเวทไดเลยครบ

ขยบลกบอลใชคำาสง การเคลอนท เคลอนท x กาว ในทน x คอความเรวของลกบอลครบ ผมจะเรมตนไวท 10 กอนเรามาลองขยบลกบอลกนดวยการคลกทคำาสงกนครบ จะเหนไดวาผลลพธคอ ลกบอลจะเคลอนทไปทางขวาทกครงทคลกคำาสง นนแปลวาเรามาถกทางแลวครบ

เคลอนทและกระเดงจดเดนของเกมนคอการทลกบอลกระเดงไปกระเดงมาครบ เรามาทำาคำาสงใหบอลเคลอนทโดยไมหยดและกระเดงไปมากน เรมจากไปท การเคลอนท แลวเลอกทคำาสง ถาชนขอบใหสะทอนกลบ นำาคำาสงมาตอจากเคลอนท 10 กาวเลยครบ ตอไปมาดท ควบคม แลวใชคำาสง วนซำาตลอด แลวลองคลกทคำาสงดครบ ไดผลลพธเหมอนกนมยยเอย คลกทคำาสงอกท หรอกดท   เพอหยดการเลนสครปครบ

การเคลอนทแบบเอยงไปมารสกกนมยครบ วาการเคลอนทแนวนอนแบบนมนจะเลนไดยงไงกนเลา เพราะฉะนนเราจะมาสรางคำาสงใหลกบอลมนเอยงเวลาเคลอนไหวกนครบ ใชคำาสง การเคลอนท -> ชไปททศทาง ในทนผมจะตงคาไวท 45 ำ องศา ครบ นองๆพอจะเดาออกมยครบวาตองเอาคำาสงไปตอไวตรงไหน ถานำาคำาสงนไปตอทถาชนใหสะทอนกลบจะเกดอะไรขนเอย ผมมตวเลอกใหนองๆสองอน ให

นองๆลองตอบดนะครบ วาควรจะเปนอนไหน สวนเฉลยจะอยดานลางลงไปครบ

ก .)  วนซำาตลอด -> เคลอนท 10 กาว  -> ถาชนใหสะทอนกลบ -> หมน 45 องศา  -> วนซำาตลอด

ข .)  หมน 45 องศา  -> วนซำาตลอด -> เคลอนท 10 กาว  -> ถาชนใหสะทอนกลบ ->  วนซำาตลอด

ลองวเคราะหดกนครบ ตอไปขางลางนจะเปนเฉลยของสองผลลพธนะครบ

ก .)

ข .)

การทำาความเขาใจกบลำาดบการกระทำานนคอนขางเปนเรองสำาคญมากในการเขยนโปรแกรมนะครบ ตรงนนองๆตองระวงและใชการคดวเคราะหกนใหมากๆ ถงตรงนนองๆคงอาจจะรสกวา โอย ทำาไมมนยากจง ไมอยากทำาแลว แตถานองๆลองคอยๆอาน คอยๆลำาดบขนตอนออกมาจนเขาใจ จะเหนวามนงายมากๆเลยครบ

คำาสงเรมเกมเหมอนเดมครบ เราจะใชปมธงเขยว   เพอเปนตวเรม โดยใชคำาสง เหตการณ แลวเลอกท เมอ ถกคลก นำามาประกอบใสไวตรงไหนครบใครตอบไดบาง…. บนสดนนเองครบผม เพราะเปนคำาสงเรมตนของทกอยาง ตอนนถาเราลองกดท   ลกบอลกจะขยบกระเดงไปตามกำาแพง หรอถากด   ขางๆ ลกบอลกจะหยด ไมยากเลยใชมยครบบบ

ความเรวของลกบอลอยางทไดบอกไปแลวในตอนตนครบ เราลองมาเพมความยากของเกมกนหนอย ดวยการเพมความเรวเปน 15 ดวยการปรบทคำาสง เตลอน 10 กาว เปน เคลอน 15 กาว  ครบ

สรางฐานรบลกบอลตอไปเปนการสรางฐานลกบอลครบ กดไปท   ไดเลย ในทนผมจะใชตวละคร

ของในหมวด สงตางๆ แลวเลอก Paddle ครบ

ขอควรระวง : ถาหากเราทำาการเพมตวละคร คำาสงทเคยทำาไวจะหาย ไมตองตกใจครบ ใหสงเกตวาเรากำาลงจดการคำาสงใหกบตวละครไหนอย ลกบอลหรอ Paddle ในหนาตางตวละคร ตามรปเลยครบ

โดยตอไปเราจะทำาคำาสงกนทตว Paddle ครบ คลกใหมนใจวากรอบสฟาครอบคลมอยทตว Paddle แลว

เรมตนจดการ Paddle เหมอนเดมครบ เราจะใชปมธงเขยว   เพอเปนตวเรม โดยใชคำาสง เหตการณ แลวเลอกท เมอ ถกคลกตอไปใชคำาสง การเคลอนท ไปยง ตวชเมาส คำาสงนมผลทำาใหเมอเรากดท“ ”

Paddle จะตามมาอยทเดยวกบเมาสเราครบ แตเอะ มนตามมาครงเดยวแลวกหยด ทำายงไงดนะ มาลองใช ควบคม -> วนซำาตลอด ครอบไวดซ

Paddle วงตามเมาสมาแลว แตเอะ ลกบอลไมเหนเดงเลย ทำาไงด กอนอนใหเรากลบไปจดการคำาสงทลกบอลกอนนะครบ

ใหเราเรมตนคำาสงใหมอกอนโดยใชคำาสง เหตการณ แลวเลอกท เมอ ถกคลกตอไปลองไปท ควบคม แลวใชคำาสง วนซำาตลอด อนนมากอนเลยครบเพราะสำาคญทสด ตอไปใช ถา แลว…  ถาอะไรดครบ ชวยพคดหนอยเรว คำาตอบคอออ ไหนลองไปหาแถวๆหวขอ การรบร ดหนอยสวามอะไรใหใชไดบาง ลองด สมผส ตวชเมาส“ ” กนครบ แตเอะ เราไมไดอยากใหบอลมนชนกบเมาสนนา เราอยากใหมนชนกบ “ Paddle”  ลองเปลยนขางในเปน สมผส “ Paddle”  จดประสงคเราคอ ลกบอล มาชนกบ Paddle ถกตองนะคราบบบตอนนเราจะไดลำาดบคำาสงแบบนครบ เมอ ถกคลก -> วนซำาตลอด -> ถา สมผส Paddle -> แลว… .  ตอนนเราตองมาสรางเงอนไขตอไปกนครบ วา สมผสแลวใหลกบอลทำาอะไรตอ จดประสงคเราคอ ทำาใหลกบอลกระเดงกลบขนไป ลองเรมตนท การเคลอนท -> หมน 180  ใชหมนดานไหนกไดครบ แลวลองกดท   กน

เพมเตม นองๆบางคนอาจจะเจอปญหา ลกบอลเดงคางอยทแปน Paddle ใชคำาสง รอ 1 วนาท เพอไมใหลกบอลกระเดงรวๆคางอย ทแปนนะครบ

วนนเราจะพกกนตรงนกอนครบ สปดาหหนา เราจะมาตอกนเรองการใสเสยง Effect และระบบเกมเกบคะแนนกนครบ

ตอนท 5.1 มาสรางเกมเดงลกบอลกนเถอะ

วนนเราจะมาตอกนในเรองของการใสเสยง และการทำาเอฟเฟคทอนๆครบ

เพมเสยง

เรมจากการทำาโดยเหมอนกนกบการเพมตวละครใหมเลยครบ โดยผมจะเรมจากเสยง Effect -> Boing

โดยตอไปใหเราสรางคำาสงเลนเสยงครบ โดยอยในหมวด เสยง -> เลนเสยง โดยผมจะสงใหโปรแกรมเลนเสยงเมอ ลกบอล ชนกบ Paddle เอาไปแทรกไวตามนเลยครบ

เมอเราลองกดเลนดกจะเหนวา เมอลกบอลมาชน จะมเสยงขนมาแลวครบ

สรางความทาทายเพมขน

ขยบ Paddle ไดแคทางซายและขวา

ตอไปผมจะลองสรางความยากเพมขนใหกบเกมขนทหนงครบ เกมเดงลกบอล แปนรบบอลของเราควรจะขยบไปไดแคทางซายและขวาเทานนครบ เรมจากการกลบมาแกไขคำาสงทตว Paddle ครบ และลบคำาสงเกาทงไปกอนลบคำาสงเกาดวยการลากคำาสงกลบคนไปในจอดานซายครบ

เรามาเรมคำาสงททำาให Paddle ขยบไปไดแคดานซายและขวากนครบเรมจากคำาสงเมอ   ถกคลก เหมอนเดมเลยครบ ตอไป ไปท การเคลอนท -> ไปยง x: y:ในบทความเกาๆเราเคยพดถงคำาสงนกนแลว หมายถงคำาสงกำาหนดใหตวละครไปอยในตำาแหนงนนๆครบ

จากภาพจะเหนไดวาจะมตำาแหนงของตวละครบอกอยวาตอนนอยตำาแหนงท x เทาไหร y เทาไหร ไดตำาแหนงทตองการแลวกใสตามไดเลยครบ ตอไปเรามาดคำาสงททำาให Paddle เคลอนทไปไดแคซายกบขวากนครบ ตรงนอาจจะ

ยากสกหนอย แนะนำาวา คอยๆอาน คอยๆทำาความเขาใจตามกนไปนะครบ

เมอ   ถกคลก ยายตวละคร ไปยง x:-2 y:-125ควบคม ->   วนซำาตลอด  ทกคำาสงทอยภายในคำาสงนจะถกดำาเนนการวนซำาตลอดไมมวนหยดจนกวาเราจะสงเคลอนท -> ตงคา x เปน 0  x นนหมายถงทางซายและทางขวา เราตองการให x วงตามตำาแหนงของเมาสถกมยครบ ไปท การรบร -> ตำาแหนง x ของเมาส  เอาไปใสไวแทนเลข 0 เลยครบ เปนการกำาหนดให Paddle วงตามเมาสมา แตยงไมจบเทาน เราตองการลอคดานบนและดานลางของ Paddle ไมใหมนขยบ เราจงจำาเปนตองใชคำาสงเคลอนท -> ตงคา y เปน -125  ทำาไมตองตงคา y เปน -125 ครบ.. นนเพราะวาเราไมตองการให Paddle ขยบออกไปทางดานบนหรอดานลาง เราตองการลอคมนใหอยในแนว y=-125 ตลอดเวลานนเองครบ เสรจแลวลองกดท เพอทดสอบคำาสงกนดครบ

เหนมยครบ ไมวาจะขยบเมาสจากทางดานไหน Paddle กจะไปแคดานซายกบดานขวาเทานนครบ

สรางความทาทายเพมขน

ถาแพเกมหยดทนท

ตอไปเราจะมากำาหนดให ถาเรารบลกบอลไมได เกมจะหยดลงทนทกนครบ

1. กดไปทฉากหลง2. เลอกเสนตรง3. เลอกสของเสน4. ลากเสนขนมาหนงเสน

เทานเรากจะไดเสนสแดงทเอาไวสำาหรบถาบอลมาโดนเรากจะแพกนแลวครบตอไปใหเรามาสรางคำาสงทลกบอลครบ

 

 

 

 

 

 

เหมอนเดมครบ เมอ   ถกคลกควบคม ->   วนซำาตลอด  ทกคำาสงทอยภายในคำาสงนจะถกดำาเนนการวนซำาตลอดไมมวนหยดจนกวาเราจะสงควบคม -> ถา แลว…  ในทนผมจะสงให ถาลกบอล สมผสกบสแดง ให หยดทงหมด ( ควบคม -> หยดทงหมด ) การรบร -> สมผสส  ใหนำามาใสในถา..แลว ลองดตวอยางวธเลอกสตามรปดานลางเลยครบ คลกทกรอบสและคลกทสแดงอกครง

มาลองกด   เพอลองเลนกนดครบ

เปลยนสบอลกนเถอะ

ลองใชคำาสง รปราง -> ชดถดไป  เอามาใสไวในไหนครบ ใสไวในถาลกบอลสมผสกบ paddle นนเอง

มาลองดผลงานของตวเองกนครบ

นองๆสามารถทดลองใสคำาสงอนๆ เชน เพมทศทางของลกบอลมากขน หรอเพมความเรวมากขนทกครงทบอลมาชน

และนองๆกยงสามารถเขาไปดตวอยางทสำาเรจแลวไดทนนะครบ

อนนเปนตอนพเศษ ทไมไดมาสอนเกยวกบการสรางเกมหรออนเมชนใดๆทงสนครบ แตเราจะมาสอนถงเรองของการใชงานสครปตคำาสงทคอนขางสำาคญในการทำา Scratch กนครบ และมแบบฝกหดทายบทใหนองๆไปลองทำาดวย

เหตการณ > สงกระจาย.. , สงกระจาย..และรอ

คำาสงดานบนนสำาคญอยางไร เรามาลองยกตวอยางภาพใหเหนชดๆกนครบ

เรามเหตการณอย 2 เหตการณ

1. ตวละครวงเขาเสนชย 2. จดพล

เราอยากกำาหนดให พลถกจดเมอตวละครเขาเสนชย เราจำาเปนจะตองใชคำาสง สงกระจาย ครบ มาลองดตวอยางเปนภาพกน

สรางแมวเขาเสนชยเสรจเรยบรอย

สรางพลเสรจเรยบรอย โดยในบทนผมจะไมกลาวถงการสรางพล และการสรางแมวเขาเสนชยนะครบ สามารถศกษาจากในคำาสงรปดานลางไดเลย

เราตองการใหเมอแมววงเขาเสนชยแลวพลถกจดขนมาทนท

คลกกลบมาทตวละคร Cat1 เพอสรางคำาสงตอไป

โดยเราจะนำาคำาสง สงกระจาย มาใช กดแกไข ขอความใหม กำาหนดคาเปน …เขาเสนชย

 

ตอนน เมอแมววงเขาเสนชย คาทมชอวา เขาเสนชย จะถกสงกระจายออก“ ”มา ตอไปเราจะไปจดการคำาสงกนทตวพลครบ

แยกคำาสงออกจาก เมอ   ถกคลก และใชคำาสง เมอฉนไดรบ เขาเสนชย“ ” มาแทนครบ

ทนลองกดคลกทแมว แลวลองดสงทเกดขนกนครบ

ลำาดบเหตการณเมอคลกทแมว > แมววงเขาเสนชย > สงคา เขาเสนชย “ ” > เมอไดรบ คา เขาเสนชย “ ” > ทำางานพล

เหนมยครบ วาเราสามารถนำา 2 เหตการณ มาตอเนองกนได โดนการใชคำาสง สงกระจาย…

ทนเรามาลองทำาแบบฝกหดทายบทกนครบ

สรางฉากละครทมตวละครเปนสตวคยแนะนำาตวกนมา 1 เรอง ดวยการ ใชคำาสง พด .. , สงกระจาย ความยาวไมจำากด

 https://www.microsoft.com/th-th/makecode   ในทนจะขออนญาตเรยกวาหนา makecode นะคะ ในหนาของสวน makecode นนองๆ จะสามารถฝกไดหลากหลายภาษา และในนมบทเรยนใหเราไดเรยนอกดวยคะ

โดยนองๆ สามารถฝกเรมเขยนโปรแกรมไดดงนคะ1. micro:bit2. Circuit Playground Express3. Minecraft4. LEGO MINDSTORMS Education EV35. Cue6. Arcade

7. Chibi Chipไดทราบกนอยางคราวๆแลวนะคะ วา หนาของ MakeCode มอะไรบาง ถานองๆ อยากเรมเขยนโปรแกรมกสามารถเขาไปทเรมเขาบทเรยนไดเลยคะ โดยคลกคำาวา เรมเขยนโคดดวยภาษาตามทนองๆชอบไดเลยคะสำาหรบในบทความนจะพานองๆ ไปเขยนโปรแกรมหนยนตแบบไมตองใชหนยนตคะ แตผลลพธทไดออกมานนเหมอนกบทเรามหนยนตตวหนงเลยคะนนคอ โปรแกรม LEGO MINDSTORMS Education EV3 นนเองคะ

หรอนองๆสามารถเขามาไดทลงคนเลยคะ https://makecode.mindstorms.com/

ในสวนแรกหลงจากทนองๆ ไดเขามาหนา Make Code จะไดเจอกบหนาของ My Project โดยหนานสามารถใหนองๆ สรางชนงานหรอ Project ดวยตนเอง

โดยในหนาของบทเรยน LEGO MINDSTORMS จะสามารถเรยนแบบลำาดบขน และมแนวทางในการเรยนวา เราควรจะตองเรยนรในเรองอะไรบางของโปรแกรมหนยนต Lego คะ และทำาใหนองๆเขยนโปรแกรมสำาหรบหนยนตไดรวดเรวขนคะโดยบทเรยนแรกทนองๆ ไดเหน คอบทเรยนของ1. บทเรยนของ Getting Startedในบทเรยนของ Getting Started เปนการเตรยมตวในการเรยนวาเราจะตองทำาอะไรไดบางในโปรแกรมหนยนตสวนน โดยมบทเรยนยอยดงน     1.1 Prepare     1.2 Try     1.3 Use2.บทเรยนของ Brick Tutorialsในบทเรยนนจะมบทเรยนยอยคอ     2.1 Wake Up     2.2 Make an Animation     2.3 What Animal Am I ?     2.4 Music Brick3. บทเรยนของ Motor Tutorialsในบทเรยนนจะมบทเรยนยอยในการเรยนรเกยวกบเรองของ Motor ดงน     3.1 Run Motors     3.2 Spin Turn     3.3 Pivot Turn     3.4 Smooth Turn

     3.5 Tank ZigZag     3.6 Coast or Brake

4. บทเรยน Touch Sensor Tutorialsในบทเรยนน จะมบทเรยนยอยในการเรยนรเกยวกบเรองของ Sensor ดงน     4.1 What Color     4.2 Line Following     4.3 Red Light Green     4.4 Reflected Light Measure     4.5 Reflected Light Calibration5. บทเรยน Infrared Sensor Tutorialsในบทเรยนน จะมบทเรยนยอยในการเรยนรเกยวกบเรองของ Infrared Sensor ดงน     5.1 Object Near     5.2 Security Alert6. บทเรยน Design Engineeringในบทเรยนนจะกลาวถงบทเรยนยอยดงน     6.1 Make it Move Without Wheels     6.2 Make it Smarter and Faster     6.3 Make a System that Communicates7. บทเรยน Codingในบทเรยนนจะกลาวถงบทเรยนยอยดงน     7.1 Autonomous Parking     7.2 Object Detection     7.3 Line Detection

8. บทเรยน Makerในบทเรยนนจะกลาวถงบทเรยนยอยดงน     8.1 Make A Sound Machine     8.2 Make A Security Gadget9. บทเรยนหวขอ Videos     ในบทเรยนจะมวดโอทแนะนำาการเรยนบทเรยนทงหมด โดยแสดงเปนคลปวดโอเพอใหนองๆ สามารถเขาใจไดงายขนและทำาใหการเรยนรไมสะดด

จากทกลาวไปเบองตนกคอ บทเรยนทงหมดของบทเรยนเขยนโปรแกรมของ makecode ในสวน Lego ของหนยนต และเพอทจะทำาใหนองๆไดเขาใจและคลองตวในการเขยนโปรแกรมหนยนตมากขน ในสวนตอไปจะแนะนำาเกยวกบการเขยนโปรแกรม และในสวนนเราไดเขามายงหนาของ Makecode

Lego Mindstorm หรอนองๆสามารถเขาไปทURL นได https://makecode.mindstorms.com

ในสวนหนา ของ Makecode Mindstormsในสวนท 1 จะเปนสวนไวใชสำาหรบ Run Program ของหนยนต เมอเราเขยนภาษา Block หรอ ภาษา JavaScript เรยบรอยแลวในสวนท 2 จะเปนสวนของ Menu ทสามารถเรยกใชฟงกชนของ Brick,Sensors,Motors,Music,Loops,Logic,Variables,Mathในสวนของ Advance จะมแยกยอยออกมานนกคอ Menu ของ Functions,Arrays,Text,Console,Control,Extensions

ในสวนท 3 จะเปนสวนของ พนทในการลาก ฟงกชนของ Block เขามาไวในพนทวาง หรอ จะเขยนโปรแกรมภาษา JavaScript กได ทกครงจะม ฟงกชนของ on start และ forever ปรากฏในชวงกอนการเรมตนเสมอในสวนท 4 เปน Menu ของ Blocks และ JavaScript โดยเปนสวนทสามารถสลบไดวานองๆจะใชโหมดใดกไดเพราะสามารถดผลลพธไดทง 2 ชองทางอยทนองๆจะถนดโปรแกรมใดกอนในสวนท 5 เปนสวน Download สำาหรบลงโปรแกรมบนหนยนต แตถานองๆไมมหนยนตกไมตองกงวล เพราะผลลพธทนองๆเขยนแลว Download ลงหนยนตกมความคลายคลงกนทำาใหนองๆสามารถฝกปรอในการเขยนโปรแกรมกอนลงโปรแกรมหนยนตกได ซงถาชวงแรกนองยงเขยนโปรแกรมไมแขงแรง นองๆกสามารถลาก Block มาวางกอนแลว ถาจะดในโหมด JavaScript วาเขยนอยางไร กยอมทำาได นองๆกสามารถทำาได 2 โหมดเชน หรอถานองตองการทจะเขยนในโหมดของ JavaScript แลวกลบมาดผลลพธวา Block จะออกมาเปนรปรางอยางไรกทำาไดเชนกนในสวนท 6 เปนสวนตงชอโปรแกรม กอนทเราจะ Download โปรแกรม นองๆตองทำาการตงชอกอน ไมเชนนน โปรแกรมจะ Download ลงไปโดยใชชอวา Untitled

หลงจากทนองๆรจกสวนประกอบของการเขยนโปรแกรมแลวเรามาเขยนโปรแกรมงายๆกนดกวานะคะ โชวหนาตานารกๆ บนหนยนต ทำาอยางไร1. เราไปทหนา Brick จะเหนวามฟงกชนตางๆ ขนมาอยางมากมาย

2. ใหนองๆ เลอกไปท show image และคลกลากแลวมาวางไวบน tab สเขยว ของ on start

3. หลงจากทนองๆวาง Block นบน tab สเขยว ของ on start แลว หนาแบบจำาลองของหนยนต จะเกดหนาตายมแยมขนมา

4. หากนองๆ ตองการทจะเรยนรภาษา JavaScript ไปดวย นองๆกกดท Tab ภาษา JavaScript ดงภาพนองๆกจะเรยนรเพมเตมวาภาษา JavaScript จะเขยนเปนรปแบบใดบาง ซงเราสามารถคอยๆแกะโคดโปรแกรมแลวลองเขยนได เพราะ Simulator หรอแบบจำาลองกจะเปลยนรปไปถานองเขยนถก5. หากนองๆตองการ Upload ลงบนหนยนตเรากสามารถทำาไดโดยการกด Download กจะไดดงภาพ แตอยาลมตงชอกอนนะคะ โปรแกรมกจะ ลงมาทเครองของเราและใหเรากด Save และจะมการแนะนำาวา

     5.1 เราตองเชอมตอ USB กบเครองของเราไปยง Case ของ EV3     5.2 เราตอง ยายไฟลทนามสกล .uf2 ไปยง case ev3ถาเราเขาใจแลว กใหกดคำาวา I got it กเปนอนเรยบรอย

เปนยงไงกนบางคะกบการเขยนโปรแกรมหนยนต จะเหนวาวธการเขยนโปรแกรมทไดกลาวมาทงหมดเปนการเขยนโปรแกรมแบบงายๆ ทนองๆ สามารถฝกเขยนโปรแกรมไดเองจากทบาน และหากนองๆ ลองทำาขนตอนจนคลองแลวคราวนลองมาเขยนโปรแกรมหนยนตเพอออกแบบหนยนตตามแบบฉบบของตวเองไดเลย