Useless Web
1.0.0
https://williamphk.github.io/useless-web/
รหัสจาวาสคริปต์นี้เป็นส่วนหนึ่งของเกมงูง่ายๆที่งูเคลื่อนที่ข้ามหน้าจอกินอาหารและเพิ่มความยาว รหัสกำหนดพฤติกรรมของงูจัดการอินพุตจากปุ่มลูกศรและแสดงสถานะของเกมบนหน้าจอ
gameBoard , score1 , score2 ถูกเลือกโดยใช้ DOM ID ที่เกี่ยวข้อง ขนาดของบอร์ดเกมคำนวณตามขนาดหน้าจอแบ่งออกเป็นเซลล์ 30px กริดถูกสร้างขึ้นโดยการวนรอบมิติโดยแต่ละเซลล์แสดงด้วยอินพุตช่องทำเครื่องหมาย กระดานเกมจะถูกเติมด้วยแถวและเซลล์
direction ของงู length starting position speed และตัวแปรที่จำเป็นอื่น ๆ จะถูกกำหนด การทำแผนที่ทิศทางไปยังดัชนีอาร์เรย์และการดำเนินการถูกสร้างขึ้นเพื่อการเคลื่อนไหวของงูง่าย ๆ ตรวจสอบตำแหน่งเริ่มต้นของงู:
ตำแหน่งเริ่มต้นของงูถูกตรวจสอบบนกระดานเกม
ฟังก์ชั่น checkRandomCellAsFood วางอาหารในสถานที่สุ่มบนกระดานเกมเพื่อให้แน่ใจว่าอาหารไม่ได้วางไข่บนงู
ปุ่ม 'เริ่ม' เริ่มต้นเกม ฟังก์ชั่น updatePosition อัปเดตตำแหน่งภาพของงูและจัดการตรรกะสำหรับเมื่องูกินอาหารหรือเผชิญหน้ากับเงื่อนไขเกมอื่น ๆ อีกมากมาย การเคลื่อนไหวของงูและการเปลี่ยนสี:
การเคลื่อนไหวของงูถูกควบคุมโดยปุ่มลูกศร สีแบบสุ่มถูกสร้างขึ้นโดยใช้ฟังก์ชั่น getRandomColor เพื่อจุดประสงค์ในการจัดแต่งทรงผม
หากงูออกนอกขอบเขตหรือวิ่งเข้าไปในตัวเองเกมจะสิ้นสุดลง ฟังก์ชั่น gameOver เรียกว่าจัดการเกมผ่านสถานการณ์
ฟังก์ชั่น uncheckAll ยกเลิกการตรวจสอบเซลล์ทั้งหมดล้างบอร์ด ฟังก์ชั่น printGameOverWithCheckbox พิมพ์ "เกมเหนือ" บนบอร์ดเกมโดยใช้ช่องทำเครื่องหมายตรวจสอบ
ไม่จำเป็นต้องมีไลบรารีหรือการพึ่งพาภายนอกสำหรับรหัสนี้ มันทำงานอย่างหมดจดบนวานิลลาจาวาสคริปต์
