[1 วัน] สร้างเกมสนุกๆ กับ AI

กลับมาพร้อมกับโปรเจ็กต์ใหม่แล้วครับ

เนื่องจากมีประสบการณ์มากมายจากตอนก่อน จึงได้ตัดสินใจวางโครงสร้างตั้งแต่เริ่มต้นในครั้งนี้ครับ

สร้าง Thread ใหม่และเริ่มต้นด้วยคำถามดังต่อไปนี้ครับ

Q1. ต่อไปนี้ผมจะสร้างเกมด้วย javascript, html และ css

Q2. โครงสร้างพื้นฐานมีดังนี้ เกมเริ่มต้นที่หมู่บ้าน หมู่บ้านประกอบด้วยโรงแรม (พักผ่อนเพื่อฟื้นฟูพลังชีวิตและมานา), ร้านค้า (ซื้อและขายของใช้ทั่วไป), กิลด์ (มอบภารกิจและทักษะ), โรงตีเหล็ก (สร้างและซื้อขายอาวุธและชุดเกราะ), ดันเจี้ยน (100 ชั้นใต้ดินต่อสู้กับมอนสเตอร์ในแต่ละชั้น บอสกลางทุกๆ 5 ชั้น บอสทุกๆ 10 ชั้น และบอสสุดท้ายที่ชั้นที่ 100)
A2. ครับ! เป็นแนวคิดเกมที่น่าสนใจมากครับ ผมขอเสนอแนวทางบางประการในการทำให้โครงสร้างของเกมนี้มีความชัดเจนมากขึ้นและนำไปใช้จริง ##โครงสร้างและฟังก์ชั่นของเกม ###1. หมู่บ้าน ####โรงแรม -ฟังก์ชั่น:สถานที่ที่ผู้เล่นสามารถพักผ่อนเพื่อฟื้นฟูพลังชีวิตและมานา -การนำไปใช้จริง:ฟังก์ชั่นการรีเซ็ตสถานะพลังชีวิตและมานาของผู้เล่นเมื่อคลิกปุ่ม ####ร้านค้า -ฟังก์ชั่น:พื้นที่สำหรับซื้อและขายของใช้ -การนำไปใช้จริง: -สร้าง UI สำหรับ Inventory เพื่อแสดงรายการไอเทม -การนำไปใช้จริงของฟังก์ชั่นการซื้อและขาย (การตั้งราคาไอเทมและการจัดการทองคำ) ####กิลด์ -ฟังก์ชั่น:มอบภารกิจและการเรียนรู้ทักษะ -การนำไปใช้จริง: -รายการภารกิจและฟังก์ชั่นการรับ/ทำภารกิจให้เสร็จ -ระบบการเรียนรู้ทักษะโดยใช้ประสบการณ์และทองคำ ####โรงตีเหล็ก -ฟังก์ชั่น:การสร้างอาวุธและชุดเกราะ การซื้อและขาย -การนำไปใช้จริง: -ฟังก์ชั่นการสร้างไอเทมตามสูตร -อินเทอร์เฟซการซื้อ/ขายอาวุธและชุดเกราะ ###2. ดันเจี้ยน -โครงสร้าง:ดันเจี้ยนใต้ดิน 100 ชั้น -การต่อสู้:ต่อสู้กับมอนสเตอร์ในแต่ละชั้น -การนำไปใช้จริงของระบบการต่อสู้ (HP, พลังโจมตี ฯลฯ ของผู้เล่นและมอนสเตอร์) -บอส:บอสกลางทุกๆ 5 ชั้น บอสทุกๆ 10 ชั้น และบอสสุดท้ายที่ชั้นที่ 100 -การนำไปใช้จริงของบอสที่มีความสามารถและรูปแบบพิเศษ -รางวัล:ระบบรางวัลเมื่อเคลียร์แต่ละชั้นและบอส ##แผนการนำไปใช้จริง ###HTML/CSS -ออกแบบ UI ของแต่ละสถานที่ (โรงแรม ร้านค้า ฯลฯ) และดันเจี้ยน -ตกแต่งสไตล์ของสถานที่และตัวละครด้วย CSS ###JavaScript -สร้างออบเจ็กต์เพื่อจัดการสถานะของเกม (พลังชีวิต ทองคำ คลังของ ฯลฯ) -นำไปใช้จริงฟังก์ชั่นของแต่ละสถานที่ (การซื้อไอเทม การเรียนรู้ทักษะ ฯลฯ) ด้วยฟังก์ชั่น -สร้างเกมลูปสำหรับการเคลื่อนที่ไปยังชั้นต่างๆ ของดันเจี้ยนและการต่อสู้ ##ข้อควรพิจารณาเพิ่มเติม -ฟังก์ชั่นการบันทึก:ฟังก์ชั่นการบันทึกและโหลดความคืบหน้าของเกม -องค์ประกอบแบบสุ่ม:เพิ่มความสุ่มของการปรากฏตัวของมอนสเตอร์และของรางวัลเพื่อเพิ่มความสนุกสนานให้กับเกม -เสียงและกราฟิก:เพิ่มเอฟเฟ็กต์เสียงและองค์ประกอบกราฟิกเพื่อเพิ่มความดื่มด่ำให้กับเกม ด้วยโครงสร้างพื้นฐานนี้ เกมสามารถขยายได้อย่างต่อเนื่องโดยการเพิ่มฟังก์ชั่นและเนื้อหาใหม่ๆ สนุกกับการพัฒนาเกมและนำไอเดียสร้างสรรค์มาใช้กันเถอะ!

ผมได้อธิบายโครงสร้างโดยรวมให้กับ AI ผ่านคำถามดังกล่าว และได้ทำการตั้งค่าเริ่มต้นให้เสร็จสมบูรณ์ดังที่แสดงด้านล่าง

จากตรงนี้ผมจะเริ่มต้นท้าทายอีกครั้งครับ

(เพิ่มเติม) แค่ลองทำดูไม่กี่วัน ก็รู้สึกว่าฝีมือดีขึ้นแล้วหรือเปล่า หรือว่าใช้ AI ได้เก่งขึ้นแล้วก็ไม่รู้ ㅎㅎ
ได้เพิ่มอีเวนต์การสร้างตัวละครเมื่อเริ่มเกม (สำหรับการจัดการอีเวนต์ในอนาคต ผมจะสร้าง event.js) และเพิ่ม Inventory ทางด้านขวา เมื่อสร้าง Healing Potion (เล็ก) จะได้รับ 1 ขวดเป็นของขวัญและได้ใช้งานจนเสร็จสมบูรณ์แล้ว และผมรู้สึกมาตลอดว่าการแสดงผล Log นั้นใช้กันบ่อยมากในหลายๆ ที่ จึงแยก console.js ออกมาเพื่อรับผิดชอบเฉพาะหน้าต่าง Log และการแสดงผล Log
ตอนนี้ใช้งานได้ดีแล้ว พรุ่งนี้ผมจะเพิ่มการต่อสู้กับมอนสเตอร์พื้นฐานครับ การต่อสู้ถ้าไม่คิดให้ดีๆ ก็พังได้ง่ายๆ เลยนะครับ วันนี้ขอจบไว้เพียงเท่านี้ พบกันใหม่ในบทความต่อไปนะครับ~!

ทดสอบได้ที่ด้านล่างนี้เลยครับ!
https://ggoban.com/d2ng/