Game Pac-Man Operator สร้างด้วย Gemini

เกมนี้สร้างด้วยการ prompt ผ่าน  Gemini ครับ ดังนี้เลย

จงสร้างเกมบนเว็บไซต์ชื่อ “Pac-Man Operator” โดยใช้ HTML, CSS, และ JavaScript ในไฟล์เดียวให้เป็นเกมที่สมบูรณ์และสามารถเล่นได้จริง มีรายละเอียดและเงื่อนไขทั้งหมดดังต่อไปนี้

1. ภาพรวมและเป้าหมายของเกม
ชื่อเกม: Pac-Man Operator
สโลแกน: “เก็บกล่องสมบัติ Coding เพื่อเป็นสุดยอดโปรแกรมเมอร์”
เป้าหมาย: ผู้เล่นต้องควบคุมตัวละครเพื่อเก็บ “กล่องสมบัติ” ทั้งหมด 10 กล่องในแผนที่ให้ครบเพื่อชนะเกม โดยต้องหลบหลีกมอนสเตอร์ที่คอยไล่ล่า
เงื่อนไขการชนะ: เก็บกล่องสมบัติครบทั้ง 10 กล่อง
เงื่อนไขการแพ้: ชีวิตของผู้เล่นหมด (เริ่มต้นที่ 5 ชีวิต)
2. กลไกการเล่นและการควบคุม
การควบคุมตัวละคร: ผู้เล่นใช้ ปุ่มลูกศร (Arrow Keys) บนคีย์บอร์ด (ขึ้น, ลง, ซ้าย, ขวา) เพื่อควบคุมทิศทางการเคลื่อนที่ของตัวละคร
การเสียชีวิต: หากตัวละครของผู้เล่นสัมผัสกับมอนสเตอร์ ชีวิตจะลดลง 1 และตัวละครจะกลับไปเริ่มต้นที่จุดเกิด
3. กลไกพิเศษ: กล่องสมบัติและคำถาม Coding
เมื่อตัวละครเก็บ “กล่องสมบัติ” ได้ 1 กล่อง เกมจะหยุดลงชั่วคราว และปรากฏหน้าต่าง คำถามแบบปรนัย ขึ้นมา
รูปแบบคำถาม:
ต้องเป็น นิพจน์ (Expression) ที่มีโครงสร้างแบบภาษา Python ที่ซับซ้อน โดยผสมผสานตัวดำเนินการหลายประเภทเข้าด้วยกัน เช่น คณิตศาสตร์ (+, *, %), เปรียบเทียบ (==, >, <=), และตรรกศาสตร์ (and, or)
ตัวอย่างโจทย์: (5 % 2 == 1) and (10 > 3)
ตัวเลือกคำตอบมีเพียง true และ false เท่านั้น
ผลลัพธ์การตอบ:
ตอบถูก: ผู้เล่นได้รับคะแนน และเกมดำเนินต่อตามปกติ
ตอบผิด: มอนสเตอร์จะปรากฏเพิ่มขึ้นในแผนที่ 1 ตัว จากนั้นเกมดำเนินต่อ
การจัดรูปแบบ: ในหน้าต่างคำถาม ให้แสดงตัวนิพจน์แยกออกมาอีก 1 บรรทัด เพื่อให้อ่านโจทย์ได้ง่าย
4. พฤติกรรมมอนสเตอร์ (AI อัจฉริยะ)
การเคลื่อนที่:
มอนสเตอร์ต้องเคลื่อนที่อย่างชาญฉลาด ไม่ใช่แค่เดินกลับไปกลับมา
เมื่อมอนสเตอร์เคลื่อนที่ไปถึง ทางแยก หรือ ทางตัน มันจะทำการตัดสินใจดังนี้:
วิเคราะห์เส้นทางรอบตัว (บน, ล่าง, ซ้าย, ขวา) ที่สามารถเดินไปได้ (ไม่ใช่กำแพง)
จากเส้นทางที่เป็นไปได้ทั้งหมด จะ ไม่เลือกเดินย้อนกลับ ไปในทิศทางที่เพิ่งเดินมา (ยกเว้นกรณีที่เจอทางตันซึ่งมีทางออกเดียว)
สุ่มเลือก 1 เส้นทาง จากทางเลือกที่เหลือเพื่อเดินต่อไป
ทำให้การเคลื่อนไหวของมอนสเตอร์คาดเดายากและท้าทาย
5. การออกแบบแผนที่และองค์ประกอบ
แผนที่: ออกแบบให้มีลักษณะเป็นเขาวงกต มีกำแพงและเส้นทางเดินที่ชัดเจน
การสุ่มตำแหน่ง: ตำแหน่งของกล่องสมบัติทั้ง 10 กล่อง จะต้องถูกสุ่มวาง ในพื้นที่ว่างของแผนที่ทุกครั้งที่เริ่มเกมใหม่ เพื่อให้การเล่นแต่ละรอบไม่ซ้ำกัน
6. การออกแบบภาพและส่วนประกอบ (UI/UX)
ตัวละคร: ผู้เล่นเป็น Pac-Man สีเหลือง, มอนสเตอร์เป็นผีหลายสี, และกล่องสมบัติเป็นอิโมจิ
การแสดงผลบนหน้าจอ (UI): ต้องแสดงข้อมูลสำคัญให้ผู้เล่นเห็นตลอดเวลา:
Score: คะแนน
Lives: จำนวนชีวิตที่เหลือ (แสดงเป็นไอคอนรูปหัวใจ ❤️)
Treasures Left: จำนวนกล่องสมบัติที่ต้องเก็บ
สุนทรียศาสตร์: ใช้โทนสีที่สดใส ดูสนุกสนาน และมีเสียงประกอบ (Sound Effects) เมื่อเก็บกล่อง, ตอบคำถามถูก/ผิด, และเมื่อเสียชีวิต เพื่อเพิ่มอรรถรสในการเล่น

 

Related Posts

เลิกปวดหัวกับงานออกแบบ! สร้าง Infographic สรุปบทเรียนสวยๆ ใน 5 นาทีด้วย Google NotebookLM

คุณครูเคยเจอปัญหานี้ไหมครับ? อยากสรุปเนื้อหายากๆ ให้นักเรียนเข้าใจง่ายด้วย Infographic แต่ลำพังแค่เตรียมเนื้อหาก็หมดแรงแล้ว ยังต้องมานั่งจัดวางองค์ประกอบ เลือกสี เลือกฟอนต์ จนบางทีใช้เวลาเป็นวันกว่าจะได้สื่อการสอนสักชิ้น… วันนี้ผมมีทางลัดมาฝากครับ! ขอแนะนำฟีเจอร์ใหม่สุดล้ำบน Google NotebookLM ที่จะเปลี่ยนวิธีการทำสื่อของคุณครูไปตลอดกาล เครื่องมือนี้ไม่ได้มีดีแค่ช่วยสรุปเอกสารหรือช่วยวิจัยเท่านั้น แต่ตอนนี้มันสามารถ “แปลงข้อมูลงานวิจัย ให้กลายเป็น Infographic” ได้ในพริบตา! *** ช่วงนี้อาจจะใช้ได้เฉพาะ Gemini Pro นะครับ // เวอร์ชั่นฟรี…

ปฏิวัติการสร้าง Workflow ด้วย Google Opal: AI จาก Google Labs ที่คุณต้องลอง!

โลกของ AI พัฒนาไปอย่างก้าวกระโดด และ Google ก็ไม่เคยหยุดนิ่งในการนำเสนอนวัตกรรมใหม่ ๆ ล่าสุดนี้ Google Labs ได้เปิดตัวเครื่องมือ AI สุดล้ำที่ชื่อว่า “Google Opal” ซึ่งกำลังจะเข้ามาเปลี่ยนวิธีการสร้าง Workflow หรือกระบวนการทำงานของแอปพลิเคชันไปอย่างสิ้นเชิง ด้วยความสามารถในการสร้างสรรค์สิ่งต่าง ๆ เพียงแค่ “อธิบาย” ในภาษาธรรมชาติ คุณพร้อมหรือยังที่จะดำดิ่งสู่โลกใหม่ของการพัฒนาแอปพลิเคชันขนาดเล็กด้วย AI ที่ใช้งานง่ายกว่าที่เคย? Google…

สร้างคลิปนิทานด้วย Gemini และ NotebookLM

ลองทำคลิปนิทานหรือเรื่องราวเกี่ยวกับเนื้อหาบทเรียนที่สนุกสนาน ด้วยการนำมาทำเป็นคลิปวิดีโอกันครับ … วันนี้เราสามารถทำคลิปวิดีโอเรื่องใดก็ได้ เป็นคลิปสั้นๆ 6-7 นาที ด้วยกระบวนการที่ไม่ยุ่งยากอีกต่อไป ทำตามวิธีต่อไปนี้ได้เลยครับ

Canva AI + Canva Sheet รับจบทุกระบบ ทุกนวัตกรรมการสอนที่ครูต้องการ

Canva AI + Canva Sheet รับจบให้ทุกนวัตกรรมที่ครูต้องการ ขั้นตอนง่าย ๆ ตามนี้เลยครับ … ด้านการสอน ครูสามารถสร้างเครื่องมือเพื่อส่งเสริมการเรียนรู้ การทำกิจกรรมในชั้นเรียนได้อย่างรวดเร็ว เช่น เกม บทเรียน แบบวัด/ประเมินต่าง ๆ … ด้านงานประจำ/งานอื่น ๆ จะนำไปประยุกต์ใช้เพื่อสร้างแบบสอบถาม แบบบันทึกต่าง ๆ หรือระบบต่าง ๆ ในโรงเรียนก็สะดวกครับ…

เมื่อ Google Form ไม่ตอบโจทย์การสร้างแบบสอบถามและการประเมินผล ก็ใช้ AI ช่วยได้เลยครับ

เมื่อ Google Form ไม่ตอบโจทย์การสร้างแบบสอบถามและการประเมินผล ทำไม่ไม่ตอบโจทย์ใช่ไหมครับ? – เสียเวลาพิมพ์ข้อคำถาม – แสดงผลแล้วอ่านบนมือถือค่อนข้างยาก – อยากได้รูปแบบอื่นๆ หรือฟังก์ชันเพิ่มเติมที่แตกต่าง และสวยงามกว่าเดิม … วันนี้จะมาเล่าการประยุกต์ใช้ AI เพื่อสร้างแบบประเมินโครงการ ให้เป็นไปตามหลักการประเมินโครงการครับ โดย flow ในการทำงานหลัก ๆ มีดังนี้ … 1. เริ่มต้นจากการทำความเข้าใจโครงการก่อนครับ เพราะเราเป็นผู้ประเมิน…

สร้างแบบสอบถามสวย ๆ ไม่ง้อ Google Form เก็บข้อมูลไว้ใน Google Sheet

สร้างแบบสอบถามสวย ๆ ไม่ง้อ Google Form เก็บข้อมูลไว้ใน Google Sheet … หัวใจสำคัญคือ 1. การ prompt ให้ ai ช่วยวิเคราะห์โครงการ/กิจกรรม และออกแบบข้อคำถามให้ตอบวัตถุประสงค์ของกิจกรรม 2. การเชื่อมต่อกับ Google Sheet ผ่าน Google Script (ขั้นตอนนี้ สามารถทำตามคำแนะนำของ AI…

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.