เกมเลื่อนตัวเลข 1-15 ( 15 Puzzle )

ผู้เขียนบทความ : นายธีรดนย์ ขุนเสถียร รหัส 167404130033

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

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

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

เกมเลื่อนตัวเลข 1-15 หรือเรียกว่า “15 Puzzle” เป็นเกมปริศนาคลาสสิกที่เล่นง่ายและเป็นที่นิยม เกมนี้มีการพัฒนาขึ้นในปี 1874 โดย Samuel Loyd ซึ่งเป็นนักคณิตศาสตร์และนักปริศนา การออกแบบของเกมนี้ใช้ประโยชน์จากการวางตำแหน่งตัวเลขในลำดับที่ถูกต้องผ่านการเลื่อนช่องว่างไปมา โครงงานนี้มุ่งเน้นการนำเสนอเกมเลื่อนตัวเลข 1-15 ผ่านการพัฒนาเว็บไซต์ด้วยภาษา HTML และเทคโนโลยีที่เกี่ยวข้อง เพื่อสร้างความสนุกสนานและฝึกทักษะการคิดเชิงตรรกะให้กับผู้เล่น

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

1. เพื่อพัฒนาเกมเลื่อนตัวเลข 1-15 บนเว็บไซต์ที่สามารถเล่นได้ผ่านเบราว์เซอร์

2. เพื่อให้ผู้ใช้งานได้ฝึกทักษะการคิดเชิงตรรกะผ่านการแก้ไขปริศนา

3. เพื่อพัฒนาเกมโดยใช้ภาษา HTML, CSS, และ JavaScript

4. เพื่อสร้างเว็บไซต์ที่มีความน่าสนใจและใช้งานได้ง่าย

3. ขอบเขตการทำงาน

1. พัฒนาเกมเลื่อนตัวเลข 1-15 ให้สามารถเล่นได้ในเบราว์เซอร์

2. ออกแบบหน้าเว็บให้มีการตอบสนองต่อผู้ใช้งาน (Responsive Design)

3. ใช้เทคโนโลยี HTML, CSS, และ JavaScript ในการพัฒนาเกม

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

5. รองรับการเล่นเกมในทุกอุปกรณ์ เช่น คอมพิวเตอร์และโทรศัพท์มือถือ

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

1. ผู้เล่นสามารถฝึกฝนทักษะการคิดเชิงตรรกะผ่านเกมเลื่อนตัวเลข

2. เพิ่มทักษะการเขียนโปรแกรม HTML, CSS, และ JavaScript ให้กับผู้พัฒนา

3. สร้างประสบการณ์การเล่นเกมที่สนุกสนานและท้าทายสำหรับผู้ใช้งาน

4. สร้างความรู้ความเข้าใจเกี่ยวกับการพัฒนาเกมบนเว็บเบราว์เซอร์

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

1. *HTML (HyperText Markup Language)*: ใช้ในการสร้างโครงสร้างพื้นฐานของหน้าเว็บ

2. *CSS (Cascading Style Sheets)*: ใช้สำหรับตกแต่งและจัดรูปแบบของหน้าเว็บ

3. *JavaScript*: ใช้ในการพัฒนาเกมและควบคุมการทำงานของเกมเลื่อนตัวเลข เช่น การเคลื่อนย้ายตัวเลขและตรวจสอบว่าผู้เล่นชนะเกมหรือไม่

4. *Responsive Design*: การออกแบบหน้าเว็บให้สามารถใช้งานได้กับหน้าจอทุกขนาด

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

– ได้พัฒนาเกมเลื่อนตัวเลข 1-15 ด้วย HTML, CSS, และ JavaScript สำเร็จ

– เว็บไซต์มีการตอบสนองที่ดีและสามารถเล่นได้ทั้งบนคอมพิวเตอร์และโทรศัพท์มือถือ

7. ผลการทดลอง

1. เกมสามารถเล่นได้อย่างลื่นไหลบน Google Chrome, Firefox, และ Safari

2. หน้าเว็บมีการตอบสนองที่ดีในทุกขนาดหน้าจอ รวมถึงการเล่นบนโทรศัพท์มือถือ

3.เกมสามารถสุ่มตัวเลขได้เพื่อนำมาเล่น

4. เกมสามารถตรวจสอบและแสดงผลผู้ชนะได้อย่างถูกต้อง

8. สรุปผลการทดลอง

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

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

1. Loyd, S. (1878). 15 Puzzle Game.

2. MDN Web Docs. (2023). HTML: HyperText Markup Language. จาก https://developer.mozilla.org/en-US/docs/Web/HTML

3. MDN Web Docs. (2023). CSS: Cascading Style Sheets. จาก https://developer.mozilla.org/en-US/docs/Web/CSS

4. MDN Web Docs. (2023). JavaScript. จาก https://developer.mozilla.org/en-US/docs/Web/JavaScript

10.วิดีโอแนะนำเกมและโค๊ต html

You may also like...

ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น ช่องข้อมูลจำเป็นถูกทำเครื่องหมาย *