ผมลองสร้างเกมปริศนาตัวเลขง่าย ๆ ด้วย vibe coding
(number-game-rose.vercel.app)แนะนำ
ผมได้ลองสร้างเกมตัวเลขง่าย ๆ ด้วย vibe coding
ผมเป็นวิศวกรแมชชีนเลิร์นนิง จึงมีความรู้ด้านฟรอนต์เอนด์หรือแบ็กเอนด์ไม่มากนัก; เลยถือเป็นโอกาสทดสอบว่าการพัฒนาที่ขับเคลื่อนด้วย AI จะไปได้ไกลแค่ไหน
กติกาของเกมคือ
- สามารถเลือกตัวเลขสองตัวที่มีผลรวมเป็น 10 หรือเป็นเลขเดียวกัน เพื่อลบออกได้
- ตัวเลขทั้งสองต้องอยู่ติดกันในแนวนอน แนวตั้ง หรือแนวทแยง
- แต่ถึงจะไม่ติดกัน หากระหว่างตัวเลขสองตัวมีแต่ช่องว่าง ก็สามารถลบได้
- แม้จะมีการขึ้นบรรทัดใหม่คั่นระหว่างตัวเลขสองตัว ก็จะนับว่าติดกันในแนวนอนได้ หากระหว่างนั้นไม่มีตัวเลขอยู่ (การขึ้นบรรทัดใหม่นับเฉพาะจากซ้าย -> ขวา เท่านั้น!)
- หากไม่มีตัวเลขที่ลบได้ สามารถเพิ่มตัวเลขได้
- หากลบตัวเลขทั้งหมดได้ จะถือว่าชนะเกม
เท่านี้ครับ
สภาพแวดล้อมการพัฒนา
ผมใช้ Cursor IDE โดยไม่ได้ตั้งค่าโมเดลหรือปรับพรอมป์ต์ใด ๆ เพราะอยากดูว่าด้วยการตั้งค่าพื้นฐานจะทำได้มากแค่ไหน
ความเห็นหลังพัฒนา
- งานง่าย ๆ จุกจิก ๆ นี่เยี่ยมมาก
ฟรอนต์เอนด์ รวมถึงเอฟเฟ็กต์เสียงและแอนิเมชัน ผมใช้ตามที่ AI แนะนำแทบทั้งหมด ถ้าเป็นผมทำเอง ไม่ใช่แค่การลงมือทำ แต่แม้แต่การคิดว่าจะใช้อะไร ก็คงเสียเวลาไปมาก แต่ AI ช่วยทำออกมาให้เหมาะกับการเล่นเกมพอสมควร จึงช่วยลดเวลาทำงานได้อย่างมาก - งานที่ต้องใช้ตรรกะยังไม่แน่ใจ
แม้จะอธิบายกติกาเกมไว้อย่างดี ก็ยังเกิดกรณีที่ระบบทำออกมาไม่ตรงกับลอจิกของเกม หรือเมื่อเพิ่มกติกาอื่นเข้าไปแล้วฟังก์ชันเดิมพังอยู่บ่อย ๆ ทำให้ต้องคอยตรวจสอบและแก้โค้ดด้วยตัวเองอยู่ดี แน่นอนว่าอาจต่างออกไปหากผมเขียนพรอมป์ต์ได้ดีกว่านี้หรือใช้โมเดลที่ดีกว่านี้
ปิดท้าย
ต้องยอมรับว่าเพราะ AI ทำให้ตอนนี้เราสามารถสร้างต้นแบบง่าย ๆ ได้โดยแทบไม่ต้องใช้เวลาศึกษาหลายชั่วโมง แต่ก็รู้สึกได้เช่นกันว่าหากจะใช้งานให้ดีจริง ๆ ก็ยังมีหลายส่วนที่มนุษย์ต้องเข้าไปมีส่วนร่วมอยู่ดี ยังไงก็ฝากลองเล่นเกมกันเยอะ ๆ ด้วยนะครับ 555
3 ความคิดเห็น
ตัวเลขไม่ได้ออกมาแบบสุ่มเหรอครับ? ดูมีความไม่สมมาตรอยู่พอสมควรนะครับ
การเพิ่มตัวเลขทั้งสี่จะเป็นรูปแบบที่เพิ่มตัวเลขที่เหลืออยู่ตามลำดับ
อ้อ แล้วก็การปรับให้เหมาะกับมือถือเป็นหนึ่งในสิ่งที่ AI ยังทำได้ไม่ดีนัก; รบกวนเล่นบนคอมหรือแท็บเล็ตจะขอบคุณมากครับ