AI Games Collection

คอลเลกชันเกม AI
คอลเลกชันเกมบนเบราว์เซอร์ที่สร้างขึ้นโดยใช้ความช่วยเหลือจาก AI โดยมีการแก้ไขโค้ดเพียงเล็กน้อย สัมผัสประสบการณ์การเล่นเกมที่น่าดึงดูดด้วยอินเทอร์เฟซที่ทันสมัยและตอบสนองได้ที่ [jereme.dev/games](https://jereme.dev/games)

เล่นเกมที่มีให้บริการ

เนิร์ด
เกร็ดความรู้เกี่ยวกับเกมคำศัพท์อันโด่งดัง เดาคำ "เนิร์ด" ที่ซ่อนอยู่ใน 6 ครั้ง

ท่อ
เชื่อมต่อท่อเพื่อสร้างการไหลอย่างต่อเนื่อง ทดสอบทักษะการคิดเชิงตรรกะของคุณด้วยเกมไขปริศนาที่ท้าทายซึ่งต้องมีการวางแผนเชิงกลยุทธ์และการรับรู้เชิงพื้นที่

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

เรือกวาดทุ่นระเบิด
เกม Minesweeper สุดคลาสสิกพร้อมสัมผัสที่ทันสมัย เคลียร์กระดานโดยไม่ต้องชนทุ่นระเบิดในเกมไขปริศนาเชิงกลยุทธ์นี้

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

เล่นปาหี่ฟุตบอล
เก็บลูกฟุตบอลไว้ในอากาศให้นานที่สุด ท้าทายตัวเองเพื่อให้บรรลุแนวการเล่นปาหี่สูงสุดในเกมที่ใช้ทักษะที่น่าติดตามนี้

โยนแหวนน้ำ
ทดสอบทักษะและความอดทนของคุณในเกมน้ำสุดคลาสสิกนี้! ใช้ความแม่นยำเพื่อยึดวงแหวนทั้งหมดไว้บนหมุด คุณสามารถทำคะแนนได้กี่คะแนน? (เฉพาะมือถือเท่านั้น)

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

บับเบิ้ลป๊อป
ปรากฏฟองอากาศก่อนที่พวกเขาจะหลบหนี! เกมที่รวดเร็วแห่งความแม่นยำและการตอบสนองที่จะทำให้คุณตื่นตัว

ฝ่าวงล้อม
ทำลายอิฐ เพิ่มเลเวล และเอาชนะคะแนนสูงสุดของคุณ! เกมทักษะและกลยุทธ์ที่รวดเร็วสำหรับทุกวัย

และอื่นๆ...

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

🛠️รายละเอียดทางเทคนิค
เว็บไซต์นี้สร้างขึ้นโดยใช้:
- HTML5
- CSS3 (พร้อมคุณสมบัติที่ทันสมัย ​​เช่น CSS Grid และ Flexbox)
- วานิลลาจาวาสคริปต์
- ไอคอน SVG สำหรับการนำเสนอเกม
- การใช้ iframe แบบตอบสนองสำหรับการโหลดเกม

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

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

🌐 รองรับเบราว์เซอร์
ใช้งานได้กับเบราว์เซอร์สมัยใหม่ทั้งหมด รวมถึง:
- โครเมียม
- ไฟร์ฟอกซ์
- ซาฟารี
- ขอบ

📲 แอพแอนดรอย
สำหรับผู้ใช้ Android ที่ต้องการประสบการณ์ดั้งเดิม:

🐳 เรียกใช้ในพื้นที่ใน Docker
คุณสามารถเรียกใช้คอลเลกชันเกมในเครื่องโดยใช้ Docker ได้สองวิธี:

### ตัวเลือก 1: ดึงจาก Docker Hub
1. ดึงภาพ:
``` ทุบตี
นักเทียบท่าดึง bozodev/ai-game-collection:latest
-

2. เรียกใช้คอนเทนเนอร์:
``` ทุบตี
นักเทียบท่า run -d -p 38008:80 ai-game-collection:latest
-

ตัวเลือกที่ 2: สร้างในเครื่อง
1. โคลนพื้นที่เก็บข้อมูล:
``` ทุบตี
โคลนคอมไพล์ https://github.com/jeremehancock/AI-Game-Collection.git
cd ai-เกม-คอลเลกชัน
-

2. สร้างอิมเมจนักเทียบท่า:
``` ทุบตี
นักเทียบท่า build -t ai-game-collection
-

3. เรียกใช้คอนเทนเนอร์:
``` ทุบตี
นักเทียบท่า run -d -p 38008:80 ai-game-collection
-

การเข้าถึงและการจัดการ
เมื่อรันด้วยตัวเลือกใดตัวเลือกหนึ่ง:
- เข้าถึงเกมโดยเปิดเบราว์เซอร์ของคุณและไปที่ `http://localhost:38008/games/`
- ดูคอนเทนเนอร์ที่ทำงานอยู่: `docker ps`
- หยุดคอนเทนเนอร์: `นักเทียบท่าหยุด `

🤖 การพัฒนาเอไอ
โปรเจ็กต์นี้แสดงให้เห็นถึงความเป็นไปได้ของการพัฒนาที่ได้รับความช่วยเหลือจาก AI โดยเกมทั้งหมดและอินเทอร์เฟซหลักถูกสร้างขึ้นโดยใช้เครื่องมือ AI เป็นหลัก โดยต้องมีการปรับโค้ดด้วยตนเองเพียงเล็กน้อย

📈 การพัฒนาในอนาคต
คอลเลกชันนี้ได้รับการออกแบบมาให้ขยายได้ง่าย ทำให้สามารถเพิ่มเกมใหม่ ๆ ได้ ในขณะที่ยังคงการออกแบบและประสบการณ์ผู้ใช้ที่สอดคล้องกัน

-
สร้างด้วยความช่วยเหลือจาก AI - แสดงให้เห็นถึงศักยภาพของ AI ในการพัฒนาเกม