เกมApplecollector

ผู้เขียนบทความ : นางสาว ทิพย์ธิดา แซ่อึ้ง

คณะ วิศวกรรมศาสตร์ สาขาวิศวกรรมไฟฟ้า

วิชา : 04000104 การโปรแกรมคอมพิวเตอร์

1.ความเป็นมา

เกมApplecollector เป็นเกมที่ออกแบบมาเพื่อช่วยในการพัฒนาทักษะการประสานงานระหว่างมือกับตา และทักษะด้านการควบคุมอารมณ์ เพื่อให้เด็กได้ควบคุมอารมณ์ตัวเองได้ดี และจดจ่อกับการทำงานหรือทำสิ่งใดสิ่งหนึ่งได้ เพราะเด็กยุคนี้เป็นเด็กที่จดจ่อกับสิ่งใดสิ่งหนึ่งนานๆไม่ค่อยได้ เกมนี้จึงถูกพัฒนาขึ้นโดยใช้เทคโนโลยีจากตัวโปรแกรมvisual studio code และเขียนโดยใช้ HTML, CSS และ JavaScript เพื่อให้ผู้เรียนสามารถเล่นเกมนี้ได้ทุกที่ทุกเวลา ผ่านอุปกรณ์ที่มีการเชื่อมต่ออินเทอร์เน็ต

2.วัตถุประสงค์

2.1 เกมนี้ทำขึ้นเพื่อสร้างความสนุกสนานและเพลิดเพลิน
2.2 เกมสามารถใช้เป็นเครื่องมือในการเรียนรู้ได้อย่างมีประสิทธิภาพ เช่น การเรียนรู้การเขียนโปรแกรม การออกแบบเกม
2.3 เพื่อให้ผู้เล่นจดจ่อกับสิ่งที่ได้ทำอยู่อย่างตั้งใจและได้ฝึกสมาธิ
2.4 เพื่อให้เกมช่วยให้ผู้เล่นได้ผ่อนคลายจากความเครียดและความเหนื่อยล้า

3. ขอบเขต

3.1 เกมจะมีการจับเวลาในการเก็บลูกแอปเปิ้ลเก็บ 1 ลูกจะบวกเพิ่มที่ละ 5 คะแนน โดยผู้เล่นจะต้องเก็บลูกแอปเปิ้ลให้ได้มากที่สุด
3.2 ระยะเวลาในการเล่นแต่ละรอบคือ 40 วินาที
3.3 คะแนนจะถูกนับตามจำนวนลูกแอปเปิ้ลที่เก็บได้โดยการบวกเพิ่มทีละ 5 คะแนนภายในระยะเวลา 40 วินาที

4. ประโยชน์ที่คิดว่าจะได้รับ

4.1 ผู้เล่นจะได้พัฒนาทักษะด้านการควบคุมอารมณ์ ด้านการจดจ่อกับสมาธิ ทำให้มีสมาธิที่ดีขึ้น
4.2 ผู้เล่นจะมีสมาธิ และมีการจดจ่อกับสิ่งใดสิ่งหนึ่งได้ดี
4.3 การเล่นเกมจะช่วยให้ผู้เล่นรู้สึกสนุกสนานและไม่เบื่อหน่ายในการเรียนรู้
4.4 การแข่งขันในเกมสามารถกระตุ้นให้ผู้เล่นพยายามทำคะแนนให้สูงขึ้น

5. ความรู้ที่เกี่ยวข้อง

โค้ด HTML นี้เป็นจุดเริ่มต้นของการสร้างเกมเก็บแอปเปิ้ล โดยมีการเตรียมโครงสร้างพื้นฐานและรูปแบบเบื้องต้น โดยขั้นตอนต่อไปคือการเพิ่มองค์ประกอบต่างๆ เช่น ปุ่ม , ตัวจับเวลา , scoreที่ใช้ในการนับคะแนน, ปุ่มเริ่มเล่น และมีการเพิ่มรูปภาพ เพิ่มเสียง และสคริปต์ JavaScript เพื่อทำให้เกมทำงานได้จริง

โค้ด CSS นี้ช่วยให้เกมแอปเปิ้ลมีรูปแบบที่น่าสนใจและใช้งานง่าย โดยกำหนดสีสัน ขนาดตัวอักษร และระยะห่างขององค์ประกอบต่างๆ ให้มีความสอดคล้องกัน ทำให้ผู้เล่นสามารถอ่านและใช้งานได้สะดวก

ฟังก์ชันหลักๆ และการทำงาน

fallDown(apple) : ฟังก์ชันนี้ทำงานเมื่อผู้เล่นคลิกที่แอปเปิ้ล
hideFallenApple(apple) : ซ่อนแอปเปิ้ลหลังจากที่มันตกลง
restoreFallenApple(apple) : ฟื้นฟูตำแหน่งและการแสดงผลของแอปเปิ้ล
renderScore() : อัปเดตคะแนนที่แสดงใน UI
startGame() : เริ่มเกม
countDown() : จัดการนับถอยหลังเวลาในเกม
endGame() : สิ้นสุดเกมและรีเซ็ตค่าต่าง ๆ

6.ผลการดำเนินการ

สรุปผลการดำเนินการของเกม “Applecollector”

1.เริ่มเกม :

ให้ผู้เล่นคลิกที่ปุ่ม “Play” เพื่อเริ่มเล่นเกม
เมื่อเริ่มเกมเวลาจะถูกเซ็ตไว้ที่ 40 วินาที และคะแนนจะถูกเซ็ตไว้ที่ 0 คะแนน

2. การเก็บแอปเปิ้ล

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

3. การนับเวลาและจบเกม

เมื่อจับเวลา เวลาจะลดลงไปเรื่อยๆ ทุก 1 วินาที
เมื่อเวลาหมดลงจะจบเกม และแสดงผลคะแนนสุดท้าย รีเซ็ตค่าต่างๆ และเปิดใช้งานปุ่มเริ่มเกมอีกครั้ง

4. การแสดงผลคะแนนและคะแนนสูงสุด

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

สรุปผลและข้อเสนอแนะ

เกม Applecollector เป็นเครื่องมือที่ช่วยในการฝึกทักษะทางด้านสมาธิในกลุ่มเด็กและเยาวชน โดยช่วยในการควบคุมสมาธิและจดจ่อกับสิ่งที่ทำอยู่ตรงหน้าได้นานๆ และสนุกสนานเพลิดเพลิน อย่างไรก็ตาม ยังมีข้อเสนอแนะในการพัฒนาเกมเพิ่มเติม เช่น การเพิ่มระดับความเร็วของเวลาที่ลดลง และเพิ่มตัวการ์ตูนที่บ่งบอกว่าเราแพ้หรือชนะ การพัฒนาต่อไปนี้สามารถจะทำให้เกมมีความหน้าสนใจและมีประสิทธิภาพในการเล่นมากขึ้น รวมทั้งสามารถปรับให้เข้ากับผู้เล่นแต่ละคนได้ ในระดับความเร็วที่แตกต่างกันออกไป ทั้งนี้ยังมีการเขียนโปรแกรม html, css, JavaScript

8.เอกสารอ้างอิง