[ตอนที่ 4] สร้างเกมเว็บด้วย AI ภายใน 30 นาที

ไม่เคยเขียนบทความอย่างจริงจังขนาดนี้มาก่อน... แต่เพราะเทคโนโลยีใหม่ๆมันสนุกมากเลยทำให้เขียนอย่างต่อเนื่องได้

ก่อนอื่น ข้อดีมีดังต่อไปนี้

1. เพิ่มค่าสถานะความน่าจะเป็นของการโจมตีวิกฤตและความเสียหายวิกฤตให้กับตัวละคร (ผู้เล่น มอนสเตอร์) ทำให้เกิดความเสียหายมากกว่าปกติระหว่างการต่อสู้ขึ้นอยู่กับความน่าจะเป็นของการโจมตีวิกฤต

1.1. แก้ไขให้สามารถเพิ่มความน่าจะเป็นของการโจมตีวิกฤตได้เมื่อเลเวลอัพ

2. แก้ไขการแสดงผลความน่าจะเป็นของมอนสเตอร์จากเดิม (สุ่มอย่างง่าย) เป็นการกำหนดน้ำหนักให้กับมอนสเตอร์และสร้างขึ้นตามน้ำหนักนั้น

2.1. เพิ่มจำนวนประเภทมอนสเตอร์จากเดิม 4 ประเภทเป็น 12 ประเภท

3. เพิ่มความสามารถในการซื้อยาฮีล (3 ประเภท) จากร้านค้าหลังการต่อสู้โดยใช้ทองที่ได้รับ

3.1. สามารถใช้ร้านค้าได้เฉพาะหลังการต่อสู้เท่านั้น จึงจัดการสถานะปัจจุบัน (ไม่ได้ใช้งาน กำลังต่อสู้ ร้านค้า) และรัศมี UI ตามสถานะ

3.2. เพิ่มตรรกะให้กับ UI ร้านค้าเพื่อให้สามารถซื้อสินค้าจากร้านค้าและฟื้นฟู HP ของตัวละครได้

(เพิ่มเติม) 4. เพิ่ม CSS แบบ responsive ที่คำนึงถึงอุปกรณ์มือถือ

4.1. เมื่อขอ CSS ที่รองรับ responsive ก็แก้ไขให้เสร็จเรียบร้อย ดีจริงๆ..

(เพิ่มเติม) 5. แก้ไขสถานะการแสดงผลของปุ่มตามสถานะต่างๆ

5.1. ปุ่มทั้งหมดแสดงออกมาในทุกสถานะทำให้เกิดความไม่สะดวก เช่น การกดเริ่มเกมอีกครั้งทำให้เกมรีเซ็ต ฯลฯ จึงแก้ไขให้แสดงปุ่มตามสถานะที่เหมาะสม

(เพิ่มเติม 2) 6. แก้ไขปัญหา Turn ในการต่อสู้ที่ดำเนินการ 2 ครั้ง

6.1. เคยขอแก้ไขส่วนนี้ไปแล้ว แต่ไม่มีปัญหาในฟังก์ชัน battleTurn() แต่เมื่อตรวจสอบดูแล้วพบว่ามีปัญหาเนื่องจากเหตุการณ์ onclick ใน html และส่วนที่เพิ่ม event listener ใน main.js ซ้ำกัน จึงแจ้ง perplexity ไปและได้รับคำตอบแบบนี้ ㅎㅎ

(เพิ่มเติม 2) 7. ปรับปรุงเล็กน้อยโดยแสดงชื่อผู้เล่นและมอนสเตอร์เหนือแถบพลังชีวิตระหว่างการต่อสู้และเปลี่ยนพื้นหลัง
7.1. พื้นหลังใหม่ดูเข้ากันมากกว่าเดิม กำลังจะแก้ไขให้สามารถตั้งชื่อตัวละครได้ตอนเริ่มเกม

(เพิ่มเติม 3) 8. เพิ่มมานาให้กับผู้เล่นและมอนสเตอร์และตอนนี้สามารถตั้งชื่อและเล่นได้แล้ว
8.1. แก้ไขให้สามารถตั้งชื่อได้ตอนเริ่มเกมและเกมจะดำเนินการด้วยชื่อนั้น

8.2. เพิ่มมานาให้กับผู้เล่นและมอนสเตอร์และแสดงบน canvas

8.3. ต่อไปจะปรับปรุงให้สามารถซื้อสกิลแบบสุ่มจากร้านค้า (สกิลจะขยายออกเป็นลำดับเฉพาะเหมือนเกม roguelike) และใช้ในการต่อสู้

จริงๆแล้ว ตอนนี้ใช้เวลามากกว่า 30 นาทีต่อวันแล้ว

ถ้าไม่ได้แยกไฟล์ตามฟังก์ชัน คงลำบากแน่ๆ ตอนนี้..

แต่พอทำเสร็จแล้วก็รู้สึกว่ามันเป็นเกมง่ายๆที่ดูดีทีเดียว

ㅎㅎ

ที่อยู่สำหรับทดสอบ: https://ggoban.com/hof/