วิธีสร้างเกมแข่งรถแบบ Scratch (พร้อมรูปภาพ)

สารบัญ:

วิธีสร้างเกมแข่งรถแบบ Scratch (พร้อมรูปภาพ)
วิธีสร้างเกมแข่งรถแบบ Scratch (พร้อมรูปภาพ)
Anonim

บทความวิกิฮาวนี้จะแนะนำวิธีการสร้างเกมแข่งรถขั้นพื้นฐานโดยใช้โปรแกรม Scratch ฟรีของ MIT ประเด็นหลักของเกมแข่งรถนี้คือการทำแทร็กให้เสร็จภายในเวลาน้อยที่สุดโดยไม่ทำให้ล้ม

ขั้นตอน

ส่วนที่ 1 จาก 4: การตั้งค่าแทร็กของคุณ

สร้างเกมแข่งรถในขั้นตอนที่ 1
สร้างเกมแข่งรถในขั้นตอนที่ 1

ขั้นตอนที่ 1. เปิด Scratch

ไปที่ https://scratch.mit.edu/ ในเว็บเบราว์เซอร์ของคอมพิวเตอร์ของคุณ

Scratch เป็นแหล่งข้อมูลการเขียนโปรแกรมฟรีสำหรับผู้เริ่มต้น

สร้างเกมแข่งรถในขั้นตอนที่ 2
สร้างเกมแข่งรถในขั้นตอนที่ 2

ขั้นตอนที่ 2 คลิกสร้าง

เป็น tab ทางด้านบนของหน้า เพื่อเปิดอินเทอร์เฟซ Scratch

สร้างเกมแข่งรถในขั้นตอนที่ 3
สร้างเกมแข่งรถในขั้นตอนที่ 3

ขั้นตอนที่ 3 ปิดแถบด้านข้าง "เคล็ดลับทั้งหมด"

คลิก NS ในรายการเคล็ดลับทางด้านขวาของหน้า แม้จะไม่จำเป็นอย่างยิ่ง แต่การทำเช่นนี้จะทำให้ทำงานในอินเทอร์เฟซของ Scratch ได้ง่ายขึ้น

สร้างเกมแข่งรถในขั้นตอนที่ 4
สร้างเกมแข่งรถในขั้นตอนที่ 4

ขั้นตอนที่ 4 ป้อนชื่อ

ในกล่องข้อความที่เขียนว่า "Untitled" ที่มุมซ้ายบนของหน้า ให้ป้อนชื่อเกมของคุณ (เช่น "My Racing Game")

คุณอาจต้องเปิดใช้งาน Adobe Flash ก่อน โดยคลิกที่ อนุญาต พร้อมท์หรือโลโก้

สร้างเกมแข่งรถในขั้นตอนที่ 5
สร้างเกมแข่งรถในขั้นตอนที่ 5

ขั้นตอนที่ 5. ลบสไปรต์รูปแมว

คลิกขวาที่แมวในหน้าต่าง "Sprites" ที่ด้านซ้ายล่างของหน้า แล้วคลิก ลบ ในเมนูที่ขยายลงมา

ถ้าใช้ Mac ให้กด Control ค้างไว้แล้วคลิก sprite แล้วเมนูจะขยายลงมา

สร้างเกมแข่งรถในขั้นตอนที่ 6
สร้างเกมแข่งรถในขั้นตอนที่ 6

ขั้นตอนที่ 6 คลิกแท็บฉากหลัง

ที่ด้านบนของหน้า Scratch

สร้างเกมแข่งรถในขั้นตอนที่ 7
สร้างเกมแข่งรถในขั้นตอนที่ 7

ขั้นตอนที่ 7 กรอกข้อมูลในพื้นหลัง

ก่อนที่คุณจะวาดเส้นการเดินทาง คุณจะต้องสร้างพื้นหลังที่มีเส้นการเดินทาง:

  • คลิกไอคอนถังสีที่อยู่ด้านล่าง NS ไอคอน.
  • เลือกสีพื้นหลังของแทร็กของคุณ (เช่น สีเขียวสำหรับหญ้า) ที่ด้านล่างของหน้า
  • คลิกพื้นหลังทางด้านขวาของหน้า
สร้างเกมแข่งรถในขั้นตอนที่ 8
สร้างเกมแข่งรถในขั้นตอนที่ 8

ขั้นตอนที่ 8 วาดเส้นการเดินทางของคุณ

คุณสามารถทำให้แทร็กของคุณสม่ำเสมอหรือไม่สม่ำเสมอได้ตามที่คุณต้องการ:

  • คลิกไอคอนแปรง ที่ด้านบนของรายการเครื่องมือ
  • เลือกสีสำหรับแทร็กของคุณ (เช่น สีดำ) ที่ด้านล่างของหน้า
  • เพิ่มความกว้างของแปรงโดยลากแถบเลื่อนที่ด้านล่างของหน้าไปทางขวา
  • วาดเส้นการเดินทางเป็นรูปวงกลม (ไม่จำเป็นต้องเป็นวงกลม)
สร้างเกมแข่งรถในขั้นตอนที่ 9
สร้างเกมแข่งรถในขั้นตอนที่ 9

ขั้นตอนที่ 9 เพิ่มเส้นชัย/จุดเริ่มต้น

เลือกสีที่แตกต่างจากสีที่คุณใช้สำหรับพื้นหลังและแทร็ก จากนั้นลดความกว้างของพู่กันและลากเส้นไปตามตำแหน่งที่คุณต้องการให้การแข่งขันสิ้นสุดลง

  • นี่เป็นจุดที่รถของคุณจะเริ่มการแข่งขัน
  • คุณอาจต้องการใช้เครื่องมือเส้นตรงซึ่งคล้ายกับเครื่องหมายทับหลัง () ใต้ไอคอนแปรง

ส่วนที่ 2 จาก 4: การสร้างนักแข่ง

สร้างเกมแข่งรถในขั้นตอนที่ 10
สร้างเกมแข่งรถในขั้นตอนที่ 10

ขั้นตอนที่ 1 คลิกไอคอน "ทาสีสไปรท์ใหม่"

ที่เป็นเส้นรูปแปรงด้านขวาบนของกรอบ "Sprites" ที่ด้านซ้ายล่างของหน้า

สร้างเกมแข่งรถในขั้นตอนที่ 11
สร้างเกมแข่งรถในขั้นตอนที่ 11

ขั้นตอนที่ 2. ซูมเข้า

คลิกไอคอน "Zoom in" ที่เป็นรูปแว่นขยายที่มี a + ในนั้นอย่างน้อยสี่ครั้ง คุณควรเห็นขนาดใหญ่ ไอคอนตรงกลางบานหน้าต่างด้านขวาจะใหญ่ขึ้น

หากคุณไม่ได้ดำเนินการก่อนหน้านี้ คุณอาจต้องปิดแถบด้านข้าง "เคล็ดลับ" ที่ด้านขวาของหน้าก่อนโดยคลิก NS ไอคอนที่มุมซ้ายมือของแถบด้านข้าง

สร้างเกมแข่งรถในขั้นตอนที่ 12
สร้างเกมแข่งรถในขั้นตอนที่ 12

ขั้นตอนที่ 3 วาดนักแข่งของคุณ

ใช้แปรงวาดนักแข่งของคุณตามที่คุณต้องการ

  • หากคุณกำลังสร้างรถยนต์ คุณอาจต้องการใช้เครื่องมือสี่เหลี่ยมผืนผ้า (ไอคอนรูปสี่เหลี่ยมผืนผ้า) เพื่อวาดร่างกายแล้วเพิ่มล้อของรถด้วยเครื่องมือวงกลม
  • NS ไอคอนในบานหน้าต่างแสดงถึงศูนย์กลางของนักแข่งของคุณ
สร้างเกมแข่งรถในขั้นตอนที่ 13
สร้างเกมแข่งรถในขั้นตอนที่ 13

ขั้นตอนที่ 4 วาดนักแข่งที่ชน

คลิกไอคอนรูปแปรง "ระบายสีชุดใหม่" ใต้ส่วนหัว "ชุดใหม่" แล้ววาดเวอร์ชันนักแข่งที่ขัดข้อง (หรือต่างกัน) นี่คือเวอร์ชันที่จะแสดงหากนักแข่งของคุณสัมผัสหญ้าหรือสิ่งกีดขวางอื่นๆ ที่คุณกำหนดในภายหลัง

ตัวอย่างเช่น หากนักแข่งคนปัจจุบันของคุณมีใบหน้าที่มีความสุข คุณอาจทำให้ชุดที่ "พัง" เป็นหน้าเศร้า

สร้างเกมแข่งรถในขั้นตอนที่ 14
สร้างเกมแข่งรถในขั้นตอนที่ 14

ขั้นตอนที่ 5. เลือกนักแข่งคนแรกของคุณ

ที่ด้านซ้ายของบานหน้าต่างที่คุณวาดนักแข่ง ให้คลิกรูปแรกที่คุณวาด

สร้างเกมแข่งรถในขั้นตอนที่ 15
สร้างเกมแข่งรถในขั้นตอนที่ 15

ขั้นตอนที่ 6 ลากนักแข่งของคุณไปยังตำแหน่งเริ่มต้นที่หน้าเส้นชัย

คุณจะทำเช่นนี้ในบานหน้าต่างด้านซ้ายมือ การทำเช่นนี้จะช่วยให้มั่นใจว่านักแข่งของคุณอยู่ในตำแหน่งเริ่มต้นที่ถูกต้องเมื่อคุณไปสร้างสคริปต์ของคุณ

นักแข่งจะหยุดเมื่อถึงเส้นชัย ดังนั้นตรวจสอบให้แน่ใจว่านักแข่งอยู่ข้างหน้า

ส่วนที่ 3 จาก 4: การสร้างตำแหน่งเริ่มต้น

สร้างเกมแข่งรถในขั้นตอนที่ 16
สร้างเกมแข่งรถในขั้นตอนที่ 16

ขั้นตอนที่ 1 คลิกแท็บสคริปต์

คุณจะพบสิ่งนี้ที่ด้านบนของหน้า Scratch

สร้างเกมแข่งรถในขั้นตอนที่ 17
สร้างเกมแข่งรถในขั้นตอนที่ 17

ขั้นตอนที่ 2 คลิกกิจกรรม

เป็นตัวเลือกด้านล่าง สคริปต์ แท็บ การทำเช่นนี้จะแสดงรายการวงเล็บโค้ดตามเหตุการณ์

สร้างเกมแข่งรถในขั้นตอนที่ 18
สร้างเกมแข่งรถในขั้นตอนที่ 18

ขั้นตอนที่ 3 เพิ่มเหตุการณ์ "เมื่อแฟล็กคลิก" ลงในบานหน้าต่าง

คลิกและลากไอคอน "เมื่อ [ธงสีเขียว] คลิก" ลงในบานหน้าต่างด้านขวา จากนั้นปล่อยที่นั่น

สร้างเกมแข่งรถในขั้นตอนที่ 19
สร้างเกมแข่งรถในขั้นตอนที่ 19

ขั้นตอนที่ 4 คลิกการเคลื่อนไหว

ลิงค์สีน้ำเงินนี้อยู่ใน สคริปต์ ส่วน.

สร้างเกมแข่งรถในขั้นตอนที่ 20
สร้างเกมแข่งรถในขั้นตอนที่ 20

ขั้นตอนที่ 5. เพิ่มตำแหน่งเริ่มต้นของนักแข่ง

สิ่งนี้จะกำหนดตำแหน่งที่นักแข่งของคุณเริ่มต้นเมื่อคุณเริ่มเกมใหม่:

  • วางเคอร์เซอร์เมาส์ไว้เหนือนักแข่งของคุณ
  • ตรวจสอบพิกัด x และ y ของนักแข่งที่อยู่เหนือด้านขวาบนของหน้าต่าง "Sprite"
  • ลากเหตุการณ์ "ไปที่ x: 16 y: 120" เพื่อให้พอดีกับเหตุการณ์ "เมื่อแฟล็กคลิก"
  • คลิกสองครั้งที่ช่องข้อความ "16" แล้วพิมพ์ค่า x
  • กดปุ่ม Tab ↹ จากนั้นพิมพ์ค่า y
  • กด ↵ Enter
สร้างเกมแข่งรถในขั้นตอนที่ 21
สร้างเกมแข่งรถในขั้นตอนที่ 21

ขั้นตอนที่ 6 เปลี่ยนตำแหน่งเริ่มต้น

ลากเหตุการณ์ "ชี้ไปในทิศทาง 90" จากเมนู "การเคลื่อนไหว" ให้พอดีกับช่อง "ไปที่ x y" เพื่อให้แน่ใจว่ารถของคุณหันหน้าไปในทิศทางที่ถูกต้องเมื่อธงถูกคลิก

สร้างเกมแข่งรถในขั้นตอนที่ 22
สร้างเกมแข่งรถในขั้นตอนที่ 22

ขั้นตอนที่ 7. ระบุชุดที่จะใช้

คลิก หน้าตา จากนั้นลาก "เปลี่ยนชุดเป็น costume2" เพื่อให้พอดีกับด้านล่างตำแหน่งเริ่มต้น คลิกช่อง "costume2" แล้วเลือก เครื่องแต่งกาย1. สิ่งนี้ทำให้นักแข่งของคุณเปลี่ยนกลับเป็นชุดที่ไม่เสียหายเมื่อคุณรีเซ็ตเกม

ส่วนที่ 4 จาก 4: การสร้างกฎการเคลื่อนไหว

สร้างเกมแข่งรถในขั้นตอนที่ 23
สร้างเกมแข่งรถในขั้นตอนที่ 23

ขั้นตอนที่ 1 เพิ่มสคริปต์การเคลื่อนไหว

นี่คือสคริปต์ที่นักแข่งของคุณจะใช้ในการก้าวไปข้างหน้า:

  • คลิก เหตุการณ์.
  • ลากเหตุการณ์ "เมื่อแฟล็กคลิก" ลงในบานหน้าต่าง โดยแยกจากสคริปต์ "เมื่อแฟล็กคลิก" ตัวแรก
  • คลิก ควบคุม.
  • ลากเหตุการณ์ "ตลอดไป" เพื่อให้พอดีกับด้านล่างสคริปต์ "เมื่อแฟล็กคลิก"
  • คลิก การเคลื่อนไหว จากนั้นลากตัวเลือก "ย้าย 10 ขั้นตอน" เพื่อให้พอดีกับช่อง "ตลอดไป"
  • เปลี่ยนตัวแปร "ย้าย 10 ขั้นตอน" จาก "10" เป็น "2" จากนั้นกด ↵ Enter
สร้างเกมแข่งรถในขั้นตอนที่ 24
สร้างเกมแข่งรถในขั้นตอนที่ 24

ขั้นตอนที่ 2 สร้างการควบคุม

คุณจะใช้สคริปต์ต่อไปนี้เพื่อกำหนดการควบคุมการเลี้ยวให้กับนักแข่งของคุณ:

  • คลิก เหตุการณ์ จากนั้นลากเหตุการณ์ "เมื่อกดแป้นเว้นวรรค" ลงในบานหน้าต่างสองครั้ง คุณควรมีเหตุการณ์ "เมื่อกดแป้นเว้นวรรค" สองเหตุการณ์แยกกัน
  • คลิกกล่องข้อความ "เว้นวรรค" ในเหตุการณ์ "เมื่อกดแป้นเว้นวรรค" จากนั้นคลิก ลูกศรซ้าย ในเมนูแบบเลื่อนลง
  • คลิกที่ช่อง "เมื่อกดแป้นเว้นวรรค" อีกช่อง "เว้นวรรค" ของกิจกรรม จากนั้นคลิก ลูกศรขวา ในเมนูแบบเลื่อนลง
สร้างเกมแข่งรถในขั้นตอนที่ 25
สร้างเกมแข่งรถในขั้นตอนที่ 25

ขั้นตอนที่ 3 เพิ่มการเคลื่อนไหวไปยังส่วนควบคุม

นี่คือวิธีที่คุณจะใช้ปุ่มลูกศรเพื่อเปลี่ยนนักแข่งของคุณ:

  • คลิก การเคลื่อนไหว.
  • ลากเหตุการณ์ "เลี้ยว [ลูกศรขวา] 15 องศา" เพื่อให้พอดีกับด้านล่างตัวควบคุม "ลูกศรขวา"
  • ลากเหตุการณ์ "เลี้ยว [ลูกศรซ้าย] 15 องศา" เพื่อให้พอดีกับด้านล่างตัวควบคุม "ลูกศรซ้าย"
สร้างเกมแข่งรถในขั้นตอนที่ 26
สร้างเกมแข่งรถในขั้นตอนที่ 26

ขั้นตอนที่ 4 สร้างกฎนอกขอบเขต

การใช้กฎนี้จะช่วยให้มั่นใจได้ว่า หากนักแข่งของคุณแตะสีพื้นหลัง (ไม่ใช่แทร็ก) จะ "พัง":

  • คลิก ควบคุม จากนั้นลากตัวเลือก "ถ้าเป็นเช่นนั้น" ลงในช่องว่าง
  • คลิก ความรู้สึก จากนั้นลากตัวเลือก "สัมผัสสี" ลงในช่องว่างของตัวเลือก "ถ้าเป็นเช่นนั้น" (ระหว่าง "ถ้า" กับ "แล้ว")
  • คลิกสีปัจจุบันข้าง "สีที่สัมผัส" จากนั้นคลิกหนึ่งครั้งที่พื้นหลังสำหรับสนามแข่งของคุณ
  • คลิก หน้าตา จากนั้นลาก "เปลี่ยนเครื่องแต่งกายเป็น" เพื่อให้พอดีกับช่องว่าง "ถ้าเป็นเช่นนั้น"
  • ลากชุดประกอบ "ถ้าเป็นเช่นนั้น" ทั้งหมดเพื่อให้พอดีกับช่องว่าง "ตลอดไป" ด้านล่างกฎ "ย้าย 2 ขั้นตอน"
  • คลิก ควบคุม จากนั้นลากตัวเลือก "หยุดทั้งหมด" เพื่อให้พอดีกับด้านล่างตัวเลือก "เปลี่ยนชุดเป็น"
  • คลิก "ทั้งหมด" จากนั้นคลิก สคริปต์นี้ ในเมนูที่ขยายลงมา
สร้างเกมแข่งรถในขั้นตอนที่ 27
สร้างเกมแข่งรถในขั้นตอนที่ 27

ขั้นตอนที่ 5. สร้างปฏิกิริยาเข้าเส้นชัย

สคริปต์ต่อไปนี้จะสร้างข้อความแสดงชัยชนะเมื่อนักแข่งของคุณเข้าเส้นชัย:

  • คลิก ควบคุม จากนั้นลากตัวเลือก "ถ้าเป็นเช่นนั้น" ลงในช่องว่าง
  • คลิก ความรู้สึก จากนั้นลากตัวเลือก "สัมผัสสี" ลงในช่องว่างของตัวเลือก "ถ้าเป็นเช่นนั้น" (ระหว่าง "ถ้า" กับ "แล้ว")
  • คลิกสีปัจจุบันข้าง "สีสัมผัส" จากนั้นคลิกหนึ่งครั้งที่เส้นชัย
  • คลิก หน้าตา จากนั้นลากตัวเลือก "ทักทาย 2 วินาที" เพื่อให้พอดีกับช่องว่าง "ถ้าใช่"
  • เปลี่ยน "hello" เป็น "You won!" จากนั้นเปลี่ยน "2" เป็นจำนวนเวลาที่คุณต้องการใช้ แล้วกด ↵ Enter
  • ลากชุดประกอบ "ถ้าเป็นเช่นนั้น" ทั้งหมดลงในวงเล็บปีกกา "ตลอดไป" ใต้วงเล็บ "ถ้า" อีกอันหนึ่ง
สร้างเกมแข่งรถในขั้นตอนที่ 28
สร้างเกมแข่งรถในขั้นตอนที่ 28

ขั้นตอนที่ 6. ทดสอบเกมของคุณ

ซูมออกโดยคลิกที่ - ที่ด้านล่างขวาของพื้นที่ฉากหลัง คลิกธงสีเขียวเหนือบานหน้าต่างด้านซ้าย แล้วใช้แป้นลูกศรเพื่อเคลื่อนที่ไปรอบๆ แทร็กของคุณ คุณควรจะสามารถไปถึงเส้นชัยได้โดยไม่สะดุด

หากคุณพิจารณาว่าเส้นการเดินทางแคบเกินไปหรือไม่สม่ำเสมอที่จะเล่นจนจบ คุณสามารถปรับเปลี่ยนได้โดยคลิกที่ไอคอนของเส้นการเดินทางที่ด้านซ้ายล่างของหน้า คลิก ฉากหลัง แท็บ และวาดในพื้นที่ที่ต้องการแก้ไขด้วยสีหลักของเส้นการเดินทางของคุณ

เคล็ดลับ

  • คุณสามารถบันทึกโครงการ Scratch ลงในคอมพิวเตอร์ของคุณได้จากหน้า "สร้าง" ของ Scratch โดยคลิก ไฟล์, คลิก ดาวน์โหลดลงคอมพิวเตอร์, เลือกตำแหน่งบันทึก และคลิก บันทึก. จากนั้นคุณสามารถเปิดโครงการอีกครั้งในภายหลังโดยคลิก ไฟล์, คลิก อัปโหลดจากคอมพิวเตอร์ของคุณ และเลือกไฟล์ Scratch ของคุณ
  • หากคุณต้องการเลิกทำการกระทำ ให้กด Ctrl+Z (Windows) หรือ ⌘ Command+Z (Mac)
  • การแก้ปัญหาและแก้ไขโค้ดจะง่ายกว่ามาก หากคุณจัดกลุ่มต่างๆ ให้เป็นระเบียบ แทนที่จะสุ่มกระจายไปทั่วบานหน้าต่าง
  • คุณสามารถเพิ่มสิ่งกีดขวางบนแทร็กของคุณโดยการเพิ่มโดยใช้สีที่แตกต่างจากแทร็กของคุณ จากนั้นใช้สคริปต์นอกขอบเขตเพื่อนำไปใช้กับสิ่งเหล่านั้น เพื่อความเรียบง่าย คุณสามารถใช้สีพื้นหลังของแทร็กได้

แนะนำ: