บทความวิกิฮาวนี้จะแนะนำวิธีการสร้างเกมแข่งรถขั้นพื้นฐานโดยใช้โปรแกรม Scratch ฟรีของ MIT ประเด็นหลักของเกมแข่งรถนี้คือการทำแทร็กให้เสร็จภายในเวลาน้อยที่สุดโดยไม่ทำให้ล้ม
ขั้นตอน
ส่วนที่ 1 จาก 4: การตั้งค่าแทร็กของคุณ
ขั้นตอนที่ 1. เปิด Scratch
ไปที่ https://scratch.mit.edu/ ในเว็บเบราว์เซอร์ของคอมพิวเตอร์ของคุณ
Scratch เป็นแหล่งข้อมูลการเขียนโปรแกรมฟรีสำหรับผู้เริ่มต้น
ขั้นตอนที่ 2 คลิกสร้าง
เป็น tab ทางด้านบนของหน้า เพื่อเปิดอินเทอร์เฟซ Scratch
ขั้นตอนที่ 3 ปิดแถบด้านข้าง "เคล็ดลับทั้งหมด"
คลิก NS ในรายการเคล็ดลับทางด้านขวาของหน้า แม้จะไม่จำเป็นอย่างยิ่ง แต่การทำเช่นนี้จะทำให้ทำงานในอินเทอร์เฟซของ Scratch ได้ง่ายขึ้น
ขั้นตอนที่ 4 ป้อนชื่อ
ในกล่องข้อความที่เขียนว่า "Untitled" ที่มุมซ้ายบนของหน้า ให้ป้อนชื่อเกมของคุณ (เช่น "My Racing Game")
คุณอาจต้องเปิดใช้งาน Adobe Flash ก่อน โดยคลิกที่ อนุญาต พร้อมท์หรือโลโก้
ขั้นตอนที่ 5. ลบสไปรต์รูปแมว
คลิกขวาที่แมวในหน้าต่าง "Sprites" ที่ด้านซ้ายล่างของหน้า แล้วคลิก ลบ ในเมนูที่ขยายลงมา
ถ้าใช้ Mac ให้กด Control ค้างไว้แล้วคลิก sprite แล้วเมนูจะขยายลงมา
ขั้นตอนที่ 6 คลิกแท็บฉากหลัง
ที่ด้านบนของหน้า Scratch
ขั้นตอนที่ 7 กรอกข้อมูลในพื้นหลัง
ก่อนที่คุณจะวาดเส้นการเดินทาง คุณจะต้องสร้างพื้นหลังที่มีเส้นการเดินทาง:
- คลิกไอคอนถังสีที่อยู่ด้านล่าง NS ไอคอน.
- เลือกสีพื้นหลังของแทร็กของคุณ (เช่น สีเขียวสำหรับหญ้า) ที่ด้านล่างของหน้า
- คลิกพื้นหลังทางด้านขวาของหน้า
ขั้นตอนที่ 8 วาดเส้นการเดินทางของคุณ
คุณสามารถทำให้แทร็กของคุณสม่ำเสมอหรือไม่สม่ำเสมอได้ตามที่คุณต้องการ:
- คลิกไอคอนแปรง ที่ด้านบนของรายการเครื่องมือ
- เลือกสีสำหรับแทร็กของคุณ (เช่น สีดำ) ที่ด้านล่างของหน้า
- เพิ่มความกว้างของแปรงโดยลากแถบเลื่อนที่ด้านล่างของหน้าไปทางขวา
- วาดเส้นการเดินทางเป็นรูปวงกลม (ไม่จำเป็นต้องเป็นวงกลม)
ขั้นตอนที่ 9 เพิ่มเส้นชัย/จุดเริ่มต้น
เลือกสีที่แตกต่างจากสีที่คุณใช้สำหรับพื้นหลังและแทร็ก จากนั้นลดความกว้างของพู่กันและลากเส้นไปตามตำแหน่งที่คุณต้องการให้การแข่งขันสิ้นสุดลง
- นี่เป็นจุดที่รถของคุณจะเริ่มการแข่งขัน
- คุณอาจต้องการใช้เครื่องมือเส้นตรงซึ่งคล้ายกับเครื่องหมายทับหลัง () ใต้ไอคอนแปรง
ส่วนที่ 2 จาก 4: การสร้างนักแข่ง
ขั้นตอนที่ 1 คลิกไอคอน "ทาสีสไปรท์ใหม่"
ที่เป็นเส้นรูปแปรงด้านขวาบนของกรอบ "Sprites" ที่ด้านซ้ายล่างของหน้า
ขั้นตอนที่ 2. ซูมเข้า
คลิกไอคอน "Zoom in" ที่เป็นรูปแว่นขยายที่มี a + ในนั้นอย่างน้อยสี่ครั้ง คุณควรเห็นขนาดใหญ่ + ไอคอนตรงกลางบานหน้าต่างด้านขวาจะใหญ่ขึ้น
หากคุณไม่ได้ดำเนินการก่อนหน้านี้ คุณอาจต้องปิดแถบด้านข้าง "เคล็ดลับ" ที่ด้านขวาของหน้าก่อนโดยคลิก NS ไอคอนที่มุมซ้ายมือของแถบด้านข้าง
ขั้นตอนที่ 3 วาดนักแข่งของคุณ
ใช้แปรงวาดนักแข่งของคุณตามที่คุณต้องการ
- หากคุณกำลังสร้างรถยนต์ คุณอาจต้องการใช้เครื่องมือสี่เหลี่ยมผืนผ้า (ไอคอนรูปสี่เหลี่ยมผืนผ้า) เพื่อวาดร่างกายแล้วเพิ่มล้อของรถด้วยเครื่องมือวงกลม
- NS + ไอคอนในบานหน้าต่างแสดงถึงศูนย์กลางของนักแข่งของคุณ
ขั้นตอนที่ 4 วาดนักแข่งที่ชน
คลิกไอคอนรูปแปรง "ระบายสีชุดใหม่" ใต้ส่วนหัว "ชุดใหม่" แล้ววาดเวอร์ชันนักแข่งที่ขัดข้อง (หรือต่างกัน) นี่คือเวอร์ชันที่จะแสดงหากนักแข่งของคุณสัมผัสหญ้าหรือสิ่งกีดขวางอื่นๆ ที่คุณกำหนดในภายหลัง
ตัวอย่างเช่น หากนักแข่งคนปัจจุบันของคุณมีใบหน้าที่มีความสุข คุณอาจทำให้ชุดที่ "พัง" เป็นหน้าเศร้า
ขั้นตอนที่ 5. เลือกนักแข่งคนแรกของคุณ
ที่ด้านซ้ายของบานหน้าต่างที่คุณวาดนักแข่ง ให้คลิกรูปแรกที่คุณวาด
ขั้นตอนที่ 6 ลากนักแข่งของคุณไปยังตำแหน่งเริ่มต้นที่หน้าเส้นชัย
คุณจะทำเช่นนี้ในบานหน้าต่างด้านซ้ายมือ การทำเช่นนี้จะช่วยให้มั่นใจว่านักแข่งของคุณอยู่ในตำแหน่งเริ่มต้นที่ถูกต้องเมื่อคุณไปสร้างสคริปต์ของคุณ
นักแข่งจะหยุดเมื่อถึงเส้นชัย ดังนั้นตรวจสอบให้แน่ใจว่านักแข่งอยู่ข้างหน้า
ส่วนที่ 3 จาก 4: การสร้างตำแหน่งเริ่มต้น
ขั้นตอนที่ 1 คลิกแท็บสคริปต์
คุณจะพบสิ่งนี้ที่ด้านบนของหน้า Scratch
ขั้นตอนที่ 2 คลิกกิจกรรม
เป็นตัวเลือกด้านล่าง สคริปต์ แท็บ การทำเช่นนี้จะแสดงรายการวงเล็บโค้ดตามเหตุการณ์
ขั้นตอนที่ 3 เพิ่มเหตุการณ์ "เมื่อแฟล็กคลิก" ลงในบานหน้าต่าง
คลิกและลากไอคอน "เมื่อ [ธงสีเขียว] คลิก" ลงในบานหน้าต่างด้านขวา จากนั้นปล่อยที่นั่น
ขั้นตอนที่ 4 คลิกการเคลื่อนไหว
ลิงค์สีน้ำเงินนี้อยู่ใน สคริปต์ ส่วน.
ขั้นตอนที่ 5. เพิ่มตำแหน่งเริ่มต้นของนักแข่ง
สิ่งนี้จะกำหนดตำแหน่งที่นักแข่งของคุณเริ่มต้นเมื่อคุณเริ่มเกมใหม่:
- วางเคอร์เซอร์เมาส์ไว้เหนือนักแข่งของคุณ
- ตรวจสอบพิกัด x และ y ของนักแข่งที่อยู่เหนือด้านขวาบนของหน้าต่าง "Sprite"
- ลากเหตุการณ์ "ไปที่ x: 16 y: 120" เพื่อให้พอดีกับเหตุการณ์ "เมื่อแฟล็กคลิก"
- คลิกสองครั้งที่ช่องข้อความ "16" แล้วพิมพ์ค่า x
- กดปุ่ม Tab ↹ จากนั้นพิมพ์ค่า y
- กด ↵ Enter
ขั้นตอนที่ 6 เปลี่ยนตำแหน่งเริ่มต้น
ลากเหตุการณ์ "ชี้ไปในทิศทาง 90" จากเมนู "การเคลื่อนไหว" ให้พอดีกับช่อง "ไปที่ x y" เพื่อให้แน่ใจว่ารถของคุณหันหน้าไปในทิศทางที่ถูกต้องเมื่อธงถูกคลิก
ขั้นตอนที่ 7. ระบุชุดที่จะใช้
คลิก หน้าตา จากนั้นลาก "เปลี่ยนชุดเป็น costume2" เพื่อให้พอดีกับด้านล่างตำแหน่งเริ่มต้น คลิกช่อง "costume2" แล้วเลือก เครื่องแต่งกาย1. สิ่งนี้ทำให้นักแข่งของคุณเปลี่ยนกลับเป็นชุดที่ไม่เสียหายเมื่อคุณรีเซ็ตเกม
ส่วนที่ 4 จาก 4: การสร้างกฎการเคลื่อนไหว
ขั้นตอนที่ 1 เพิ่มสคริปต์การเคลื่อนไหว
นี่คือสคริปต์ที่นักแข่งของคุณจะใช้ในการก้าวไปข้างหน้า:
- คลิก เหตุการณ์.
- ลากเหตุการณ์ "เมื่อแฟล็กคลิก" ลงในบานหน้าต่าง โดยแยกจากสคริปต์ "เมื่อแฟล็กคลิก" ตัวแรก
- คลิก ควบคุม.
- ลากเหตุการณ์ "ตลอดไป" เพื่อให้พอดีกับด้านล่างสคริปต์ "เมื่อแฟล็กคลิก"
- คลิก การเคลื่อนไหว จากนั้นลากตัวเลือก "ย้าย 10 ขั้นตอน" เพื่อให้พอดีกับช่อง "ตลอดไป"
- เปลี่ยนตัวแปร "ย้าย 10 ขั้นตอน" จาก "10" เป็น "2" จากนั้นกด ↵ Enter
ขั้นตอนที่ 2 สร้างการควบคุม
คุณจะใช้สคริปต์ต่อไปนี้เพื่อกำหนดการควบคุมการเลี้ยวให้กับนักแข่งของคุณ:
- คลิก เหตุการณ์ จากนั้นลากเหตุการณ์ "เมื่อกดแป้นเว้นวรรค" ลงในบานหน้าต่างสองครั้ง คุณควรมีเหตุการณ์ "เมื่อกดแป้นเว้นวรรค" สองเหตุการณ์แยกกัน
- คลิกกล่องข้อความ "เว้นวรรค" ในเหตุการณ์ "เมื่อกดแป้นเว้นวรรค" จากนั้นคลิก ลูกศรซ้าย ในเมนูแบบเลื่อนลง
- คลิกที่ช่อง "เมื่อกดแป้นเว้นวรรค" อีกช่อง "เว้นวรรค" ของกิจกรรม จากนั้นคลิก ลูกศรขวา ในเมนูแบบเลื่อนลง
ขั้นตอนที่ 3 เพิ่มการเคลื่อนไหวไปยังส่วนควบคุม
นี่คือวิธีที่คุณจะใช้ปุ่มลูกศรเพื่อเปลี่ยนนักแข่งของคุณ:
- คลิก การเคลื่อนไหว.
- ลากเหตุการณ์ "เลี้ยว [ลูกศรขวา] 15 องศา" เพื่อให้พอดีกับด้านล่างตัวควบคุม "ลูกศรขวา"
- ลากเหตุการณ์ "เลี้ยว [ลูกศรซ้าย] 15 องศา" เพื่อให้พอดีกับด้านล่างตัวควบคุม "ลูกศรซ้าย"
ขั้นตอนที่ 4 สร้างกฎนอกขอบเขต
การใช้กฎนี้จะช่วยให้มั่นใจได้ว่า หากนักแข่งของคุณแตะสีพื้นหลัง (ไม่ใช่แทร็ก) จะ "พัง":
- คลิก ควบคุม จากนั้นลากตัวเลือก "ถ้าเป็นเช่นนั้น" ลงในช่องว่าง
- คลิก ความรู้สึก จากนั้นลากตัวเลือก "สัมผัสสี" ลงในช่องว่างของตัวเลือก "ถ้าเป็นเช่นนั้น" (ระหว่าง "ถ้า" กับ "แล้ว")
- คลิกสีปัจจุบันข้าง "สีที่สัมผัส" จากนั้นคลิกหนึ่งครั้งที่พื้นหลังสำหรับสนามแข่งของคุณ
- คลิก หน้าตา จากนั้นลาก "เปลี่ยนเครื่องแต่งกายเป็น" เพื่อให้พอดีกับช่องว่าง "ถ้าเป็นเช่นนั้น"
- ลากชุดประกอบ "ถ้าเป็นเช่นนั้น" ทั้งหมดเพื่อให้พอดีกับช่องว่าง "ตลอดไป" ด้านล่างกฎ "ย้าย 2 ขั้นตอน"
- คลิก ควบคุม จากนั้นลากตัวเลือก "หยุดทั้งหมด" เพื่อให้พอดีกับด้านล่างตัวเลือก "เปลี่ยนชุดเป็น"
- คลิก "ทั้งหมด" จากนั้นคลิก สคริปต์นี้ ในเมนูที่ขยายลงมา
ขั้นตอนที่ 5. สร้างปฏิกิริยาเข้าเส้นชัย
สคริปต์ต่อไปนี้จะสร้างข้อความแสดงชัยชนะเมื่อนักแข่งของคุณเข้าเส้นชัย:
- คลิก ควบคุม จากนั้นลากตัวเลือก "ถ้าเป็นเช่นนั้น" ลงในช่องว่าง
- คลิก ความรู้สึก จากนั้นลากตัวเลือก "สัมผัสสี" ลงในช่องว่างของตัวเลือก "ถ้าเป็นเช่นนั้น" (ระหว่าง "ถ้า" กับ "แล้ว")
- คลิกสีปัจจุบันข้าง "สีสัมผัส" จากนั้นคลิกหนึ่งครั้งที่เส้นชัย
- คลิก หน้าตา จากนั้นลากตัวเลือก "ทักทาย 2 วินาที" เพื่อให้พอดีกับช่องว่าง "ถ้าใช่"
- เปลี่ยน "hello" เป็น "You won!" จากนั้นเปลี่ยน "2" เป็นจำนวนเวลาที่คุณต้องการใช้ แล้วกด ↵ Enter
- ลากชุดประกอบ "ถ้าเป็นเช่นนั้น" ทั้งหมดลงในวงเล็บปีกกา "ตลอดไป" ใต้วงเล็บ "ถ้า" อีกอันหนึ่ง
ขั้นตอนที่ 6. ทดสอบเกมของคุณ
ซูมออกโดยคลิกที่ - ที่ด้านล่างขวาของพื้นที่ฉากหลัง คลิกธงสีเขียวเหนือบานหน้าต่างด้านซ้าย แล้วใช้แป้นลูกศรเพื่อเคลื่อนที่ไปรอบๆ แทร็กของคุณ คุณควรจะสามารถไปถึงเส้นชัยได้โดยไม่สะดุด
หากคุณพิจารณาว่าเส้นการเดินทางแคบเกินไปหรือไม่สม่ำเสมอที่จะเล่นจนจบ คุณสามารถปรับเปลี่ยนได้โดยคลิกที่ไอคอนของเส้นการเดินทางที่ด้านซ้ายล่างของหน้า คลิก ฉากหลัง แท็บ และวาดในพื้นที่ที่ต้องการแก้ไขด้วยสีหลักของเส้นการเดินทางของคุณ
เคล็ดลับ
- คุณสามารถบันทึกโครงการ Scratch ลงในคอมพิวเตอร์ของคุณได้จากหน้า "สร้าง" ของ Scratch โดยคลิก ไฟล์, คลิก ดาวน์โหลดลงคอมพิวเตอร์, เลือกตำแหน่งบันทึก และคลิก บันทึก. จากนั้นคุณสามารถเปิดโครงการอีกครั้งในภายหลังโดยคลิก ไฟล์, คลิก อัปโหลดจากคอมพิวเตอร์ของคุณ และเลือกไฟล์ Scratch ของคุณ
- หากคุณต้องการเลิกทำการกระทำ ให้กด Ctrl+Z (Windows) หรือ ⌘ Command+Z (Mac)
- การแก้ปัญหาและแก้ไขโค้ดจะง่ายกว่ามาก หากคุณจัดกลุ่มต่างๆ ให้เป็นระเบียบ แทนที่จะสุ่มกระจายไปทั่วบานหน้าต่าง
- คุณสามารถเพิ่มสิ่งกีดขวางบนแทร็กของคุณโดยการเพิ่มโดยใช้สีที่แตกต่างจากแทร็กของคุณ จากนั้นใช้สคริปต์นอกขอบเขตเพื่อนำไปใช้กับสิ่งเหล่านั้น เพื่อความเรียบง่าย คุณสามารถใช้สีพื้นหลังของแทร็กได้