Pong in Scratch: 16 ขั้นตอน

2024 ผู้เขียน: John Day | [email protected]. แก้ไขล่าสุด: 2024-01-30 13:04

โปรเจ็กต์นี้จะทำให้คุณมีขั้นตอนในการสร้าง Pong ซึ่งเป็นหนึ่งในวิดีโอเกมแรกๆ ใน Program Scratch

เสบียง

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

ขั้นตอนที่ 1: รู้เบื้องต้นเกี่ยวกับ Scratch

สิ่งแรกที่คุณต้องทำคือเข้าไปที่เว็บไซต์ที่ scratch.mit.edu เมื่ออยู่บนไซต์แล้ว ให้ใช้ตัวเลือก Join Scratch เพื่อสร้างบัญชี เมื่อดำเนินการเสร็จแล้ว ให้ใช้ตัวเลือกสร้างที่ด้านซ้ายบนของหน้าต่างเพื่อสร้างโครงการ นี่คือจุดเริ่มต้นของความสนุก ข้อควรทราบ Scratch อาจเป็นโปรแกรมที่จู้จี้จุกจิกมาก และอาจไม่ตอบสนอง ดังนั้นให้บันทึกบ่อยๆ

ขั้นตอนที่ 2: ข้อมูลเพิ่มเติมบางอย่าง

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

ตอนนี้ไปที่การสร้าง

ขั้นตอนที่ 3: การสร้างเส้นกึ่งกลาง

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

การใช้เครื่องมือสี่เหลี่ยมผืนผ้า วาดรูปสี่เหลี่ยมผืนผ้าสีดำแนวตั้งขนาดเล็ก นี่จะเป็นการสร้างบล็อคสำหรับเส้นกลาง

ตั้งค่า x ของเทพดา1 เป็น 0 และค่า y เป็น 0 สี่เหลี่ยมผืนผ้าควรอยู่ที่กึ่งกลางด้านบนของพื้นที่เล่น

คลิกขวาที่ไอคอน "Sprite1" แล้วคลิก "duplicate" ตั้งค่า x ของสไปรท์ใหม่เป็น 0 และ y เหลือน้อยกว่า 30 (-30)

ทำซ้ำขั้นตอนที่ 5 และ 6 จนกว่าคุณจะมีเส้นแบ่งพื้นที่เล่นออกเป็น 2 โซน

ขั้นตอนที่ 4: โพสต์เป้าหมาย

ในขั้นตอนง่ายๆ นี้ คุณจะต้องสร้างโพสต์เป้าหมายสองรายการ

สร้างสไปรท์ใหม่ของสี่เหลี่ยมผืนผ้าสูงที่ครอบคลุมความสูงทั้งหมดของพื้นที่เล่น เปลี่ยนชื่อสไปรท์นี้เป็น “P1-Goal” ตั้งค่า x เป็น -240 และค่า y เป็น 0

ทำซ้ำ "P1-Goal" เปลี่ยนชื่อเป็น "P2-Goal" ตั้งค่า x เป็น 240 และค่า y เป็น 0

ขั้นตอนที่ 5: การเข้ารหัส

จากนี้ไป คุณจะต้องใช้แท็บการเข้ารหัสที่ด้านบนซ้ายของหน้า ใต้ไอคอน Scratch มีรหัสทั้งหมด 9 ประเภท แต่ใช้เพียง 7 รหัสในโครงการนี้

ขั้นตอนที่ 6: การสร้างผู้เล่นคนแรก

เริ่มขั้นตอนนี้โดยคัดลอกเส้นกึ่งกลางเส้นใดเส้นหนึ่งและตั้งค่า X เป็น 210 และ Y เป็น 0 เปลี่ยนชื่อเทพดาเป็น Player1

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

คลิกไอคอนสไปรท์ "Player1" ที่มุมซ้ายบน คลิกแท็บ "โค้ด"

ภายใต้ "เหตุการณ์" ให้ลากบล็อก "เมื่อ (ธงสีเขียว) คลิก" ลงในสภาพแวดล้อมการพัฒนาแบบรวม (IDE)

นอกจากนี้ภายใต้ "กิจกรรม" ให้ลาก "เมื่อกดปุ่ม" บล็อกลงใน IDE ภายใต้ "การเคลื่อนไหว" คว้าบล็อก "ไปที่ x: ตำแหน่ง y: ตำแหน่ง" และโจมตีภายใต้บล็อก "เมื่อ (ธงสีเขียว) คลิก" ตั้งค่าไปที่ตำแหน่ง x เป็น -215 และตำแหน่ง y เป็น 0

ภายใต้ "การเคลื่อนไหว" แนบ "เปลี่ยน y โดย" กับเมื่อกดปุ่มและให้ค่า4

ใต้ “Motion” “ถ้าติดขอบเด้ง” แนบไปกับเมื่อกดปุ่ม

ภายใต้ "การเคลื่อนไหว" "ชี้ไปในทิศทาง" บล็อกไปที่ "เมื่อกดปุ่ม"

ทำซ้ำ enitre "เมื่อกดปุ่ม" และเปลี่ยน "change y" เป็น -4

ตั้งค่าการกดแป้นพิมพ์ที่ต้องการสำหรับการเคลื่อนไหวเป็น "เมื่อกดปุ่มบล็อก"

ขั้นตอนที่ 7: รหัสและผู้เล่น 2

ด้านบนเป็นโค้ดที่ควรมีลักษณะดังนี้

ที่ด้านล่างขวาที่มีสไปรต์ทั้งหมด ให้คลิกขวาที่โปรแกรมเล่นแล้วคัดลอก

เปลี่ยนชื่อเป็น Player2 เมื่อเสร็จแล้วให้ไปที่รหัสของ Player2 และเปลี่ยนปุ่มการเคลื่อนไหวและการเคลื่อนไหว "Greenflag" เป็น X:-210 Y:0

ขั้นตอนที่ 8: การรักษาคะแนน

สร้างสไปรท์ใหม่ที่ด้านล่างซ้าย และตั้งชื่อว่า "P1-Score"

ในแท็บเครื่องแต่งกาย ใช้คุณลักษณะกล่องข้อความเพื่อสร้าง 0 ที่จุดกึ่งกลาง คัดลอกชุดนี้ 5 ครั้ง

เปลี่ยนชุดอื่นให้มึน 0-5 ตามลำดับ

คลิกที่สไปรต์ "P1-Score"

เลือก “รหัส” ที่ด้านบนซ้าย

หยิบบล็อก "เมื่อ (ธงสีเขียว) คลิก" และบล็อก "เมื่อฉันได้รับ (ข้อความ)" ตั้งค่าข้อความเป็น "P1-Score"

ภายใต้ "เมื่อ (ธงสีเขียว) คลิก" แนบบล็อก "เปลี่ยนเครื่องแต่งกายเป็น (ค่า)" ตั้งค่าเป็น 0

ใต้ “เมื่อฉันได้รับ (“คะแนน P1”)” ให้แนบบล็อก “ชุดถัดไป”

คัดลอกสไปรต์ "P1-Score" และเปลี่ยนชื่อเป็น "P2-score"

เปลี่ยนข้อความที่ได้รับเป็น "คะแนน P2"

ตั้งค่า X ของ "P1-Score" เป็น -130 และ "P2-Score" เป็น 130 และ Y เป็น 150 สำหรับทั้งคู่

ในตัวแปร สร้าง 2 ตัวแปร "P1-score" และ "P2-score"

ใต้บล็อก "เมื่อ (ธงสีเขียว) คลิก" สำหรับผู้เล่นแต่ละคน ให้เพิ่ม "set (ตัวแปร) เป็น ()" และตั้งค่าเป็น 0

ใต้ "เมื่อฉันได้รับ ()" สำหรับแต่ละอัน ให้เพิ่ม "เปลี่ยนแปลง (ตัวแปร) โดย ()" และตั้งค่าเป็น 1 และตัวแปรให้กับโปรแกรมเล่นที่เกี่ยวข้อง

ขั้นตอนที่ 9: เงื่อนไขการชนะ

สร้างสไปรต์ใหม่ที่เรียกว่า “WinCondition”

ใช้เครื่องมือข้อความเขียนว่า "ผู้เล่น 1 ชนะ" ตั้งชื่อเครื่องแต่งกาย "P1-Win"

เพิ่มชุดที่สอง

ใช้เครื่องมือข้อความเขียนว่า "ผู้เล่น 2 ชนะ" ตั้งชื่อเครื่องแต่งกาย "P2-Win"

ในรหัส

เริ่มต้นด้วยบล็อก "เมื่อ (ธงสีเขียว) คลิก" และแนบบล็อก "ซ่อน" (ในลักษณะ)

ถัดไปคว้าบล็อก "เมื่อฉันได้รับ (ข้อความ)" ตั้งค่าข้อความเป็น "P1-Win" เพื่อแนบบล็อก "แสดง"

แนบบล็อก "เปลี่ยนชุดเป็น (ตัวเลือก)" ตั้งค่าตัวเลือกเป็น "P1-Win" ตอนนี้แนบบล็อก "หยุด (ตัวเลือก)" ตั้งค่าตัวเลือกทั้งหมด

คลิกขวาที่บล็อก “เมื่อฉันได้รับ (“P1-Win”)” และทำซ้ำ เปลี่ยนสิ่งที่เกี่ยวข้องกับผู้เล่น 1 เป็นผู้เล่น 2

ขั้นตอนที่ 10: ลูกบอล ตอนที่ 1: เริ่ม

สร้างสไปรท์วงกลมแล้วตั้งชื่อว่า "บอล"

เริ่มต้นด้วยบล็อก "เมื่อ (ธงสีเขียว) คลิก"

ในการแนบบล็อกการเคลื่อนไหว "ไปที่ x: (ตำแหน่ง) y: (ตำแหน่ง)" ตั้งค่าทั้งสองค่าเป็น 0

ถัดไปแนบ “ถ้า (การดำเนินการ) แล้ว…. อื่น” บล็อก

ในค่าเปิด "ถ้า" แนบบล็อก "สุ่มเลือก (ค่า) ถึง (ค่า) = (ค่า)" และตั้งค่าเป็น 1, 0 และ 0 ตามลำดับ

ใต้ส่วน "ถ้า" ของบล็อก แนบบล็อก "ออกอากาศ (ข้อความ)"

คลิกเมนูแบบเลื่อนลง คลิก "ข้อความใหม่" ตั้งชื่อว่า "P2-Hit"

ภายใต้ส่วนอื่นของ “ถ้า (การดำเนินการ) แล้ว…. บล็อกอื่น ๆ แนบบล็อก "ออกอากาศ (ข้อความ)"

สร้างข้อความใหม่ “P1-Hit”

ขั้นตอนที่ 11: ลูกบอลตอนที่ 2: การเคลื่อนไหว

เริ่มบล็อกรหัสใหม่ด้วยบล็อก "เมื่อฉันได้รับ (ข้อความ)" ตั้งค่าข้อความเป็น "P2-Hit"

ถัดไปแนบบล็อก "ตลอดไป" เว้นแต่จะระบุไว้เป็นอย่างอื่นทุกอย่างจากที่นี่จะอยู่ภายในบล็อก "ตลอดไป"

แนบบล็อก "รอ (ค่า) วินาที" ตั้งค่าเป็น 0.01 Attach

“ย้าย (ค่า) ขั้นตอน” บล็อกการตั้งค่าเป็น8

ติดบล็อค “ถ้าติดขอบเด้ง”

ขั้นตอนที่ 12: ลูกบอล ตอนที่ 3: การติดต่อผู้เล่น

ถัดไปคว้าบล็อก "ถ้า (การดำเนินการ) แล้ว" วาง "สัมผัส (ตัวแปร)?" บล็อกในส่วนการดำเนินการของคำสั่ง if โดยตั้งค่าตัวแปรเป็น “ผู้เล่น 1”

ภายในคำสั่ง if แนบบล็อก "ออกอากาศ (ข้อความ)", "ชี้ไปในทิศทาง (ค่า)" และ "หยุด (ตัวเลือก)"

ตั้งค่าข้อความเป็น "P1-Hit" วางบล็อก "สุ่มเลือก (ค่า) ถึง (ค่า)" ใต้โอเปอเรเตอร์และวางลงใน "ทิศทาง (ค่า)" และตั้งค่าช่วงค่าสุ่มจาก 45 ถึง 135

ตั้งค่าตัวเลือกในบล็อก "หยุด (ตัวเลือก)" เป็น "สคริปต์นี้"

ขั้นตอนที่ 13: บอลตอนที่ 4: คะแนน

เริ่มบล็อกใหม่ "ถ้า (การดำเนินการ) แล้ว" เติมการดำเนินการด้วย "สัมผัส (ตัวแปร)?" บล็อก ตั้งค่าตัวแปรเป็น “P1-Goal”

แนบ "ออกอากาศ (ข้อความ)" ตั้งค่าข้อความเป็น "คะแนน P2-Score"

ถัดไปแนบ "ไปที่ x: (ตำแหน่ง) y: (ตำแหน่ง)" ตั้งค่าทั้งสองตำแหน่งเป็น 0 แนบ "ชี้ไปในทิศทาง (ค่า)" ตั้งค่าเป็น -90

แนบบล็อก "รอ (ค่า) วินาที" ตั้งค่าเป็น 1

ถัดไปแนบบล็อก "ออกอากาศ (ข้อความ)" ตั้งค่าข้อความเป็น "P2-Hit"

โดยตรงภายใต้ "ออกอากาศ (ข้อความ)" แนบ "ถ้า (การดำเนินการ) แล้ว"

ตั้งค่าการดำเนินการเป็นบล็อก "(ตัวแปร) = (ค่า)" ตั้งค่าตัวแปรเป็น "คะแนน P2" และค่าเป็น 5

ภายในคำสั่ง if แนบ "broadcast (message)" และ "stop (option)" block

ตั้งค่าข้อความเป็น "P2- Win" และตัวเลือกหยุดเป็น "ทั้งหมด"

ภายใต้สิ่งนี้ if คำสั่งแนบบล็อก "หยุด (ตัวเลือก)" ตั้งค่าตัวเลือกเป็น "สคริปต์นี้"

ขั้นตอนที่ 14: ลูกตอนที่ 5: การคัดลอก

คลิกขวาที่บล็อก "เมื่อฉันได้รับ ("P2- Hit") และเลือกทำซ้ำ คลิกที่ใดก็ได้ภายใน IDE เพื่อวางบล็อกโค้ดใหม่นี้

ในชุดโค้ดใหม่จะเปลี่ยนอะไรก็ตามที่เกี่ยวข้องกับผู้เล่นที่ 1 เป็นผู้เล่นที่ 2 และในทางกลับกัน ให้เปลี่ยน "ค่าทิศทาง" จากค่าบวกเป็นค่าลบ อย่างอื่นยังคงเหมือนเดิม

ขั้นตอนที่ 15: รหัสสุดท้ายสำหรับ Ball

ขั้นตอนที่ 16: ขอแสดงความยินดี

ถ้าทุกอย่างเป็นไปตามการออกแบบ คุณควรมีเกมปิงปองที่ทำขึ้นมาใหม่ทั้งหมด