VibeCity - พื้นที่พูดคุยที่โอบกอดอารมณ์ของคุณ
(vibecity.chat)สวัสดีครับ!
ผมสงสัยว่า vibe coding จะพาเราไปได้ไกลแค่ไหน เลยลองทำบริการ แชตกับตัวละคร เสมือนที่ผสมกลิ่นอายแบบเกมขึ้นมาครับ
เราใช้พิกเซลอาร์ตแบบ 2D เพื่อสร้างบาร์คลาสสิกยามเที่ยงคืนขึ้นมาใน Vibe City และมีแขกเสมือนมาพักอยู่ที่นี่ คุณสามารถเลือกสภาวะอารมณ์ของวันนี้ รับคำแนะนำเครื่องดื่ม แล้วลองพูดคุยกับแขกที่ถูกใจได้ครับ
ตอนนี้ผมกับเพื่อนร่วมทีมอีก 3 คนกำลังลองทำโปรเจกต์ข้างเคียงหลายอย่างอยู่ และโปรเจกต์นี้ก็เป็นเหมือนสปรินต์โปรเจกต์ที่ออกนอกกรอบจากสิ่งที่เคยทำ เพื่อหาคำตอบให้คำถามว่า “พวกเราจะมอบ การปลอบโยน ความเข้าอกเข้าใจ และความสนุก ให้ผู้คนได้ไหม?”
บริการนี้ถูกสร้างขึ้นผ่านกระบวนการดีไซน์สปรินต์ระยะเวลา 2 สัปดาห์
[ชุด AI tools ที่ใช้]
สมกับความเป็น VibeCity เราเลยลองใช้บริการ Generative AI ให้ได้มากที่สุด
- พรอมป์ต์ตัวละคร (ChatGPT, Silly Tavern)
- ภาพตัวละคร, ฉากหลัง (Midjourney, Whisk(Imagen4), Imagen3)
- โลกทัศน์ของฉากหลัง, พรอมป์ต์สำหรับสร้างภาพ (ChatGPT 4o, Gemini 2.5 Pro)
- การพัฒนาโปรเจกต์ (Claude Sonnet 4, ChatGPT 4.1)
- BGM (SunoAI)
ตัวต้นแบบถูกสร้างออกมาได้ในระดับที่น่าพอใจภายในวันหรือสองวันเท่านั้น แต่พอเพิ่มฟีเจอร์มากขึ้น จำนวนรอบของ vibe ก็เพิ่มขึ้นตามไปด้วยอย่างหลีกเลี่ยงไม่ได้ และปัญหาเรื่องความต่อเนื่องก็ดูแย่ลงเรื่อย ๆ ผมจึงพยายามใช้โหมด Ask ให้มากกว่าโหมด Agent ใน IDE และโฟกัสกับการรักษาจำนวนบรรทัดในแต่ละไฟล์ให้มีน้อยที่สุด
โดยเฉพาะอย่างยิ่ง เนื่องจากนี่เป็นครั้งแรกที่ผมนำแนวคิดเรื่อง scene ที่ใช้ในเกมมาใช้งานจริง จึงมีส่วนที่ยากมากขึ้นเพราะยังขาดคำสั่งด้านการออกแบบที่ชัดเจน
ตอนทำพรอมป์ต์ตัวละคร ผมอ้างอิงทิปจากผู้ที่ใช้งาน Silly Tavern หรือ Wrtn อยู่ด้วยครับ
พรอมป์ต์สั้น ๆ ที่ใช้ตอนสร้างภาพเครื่องดื่มมีดังนี้
"A detailed pixel art masterpiece, 16-bit retro style, vibrant colors, white background, depicting: mojito. Ensure clear outlines and a distinct pixelated aesthetic."
ทีมเราไม่มีดีไซเนอร์ จึงแอบสงสัยว่าเราจะสร้างแอสเซ็ตที่จำเป็นได้เพียงพอด้วย Generative AI หรือไม่ แต่สำหรับการทำต้นแบบแล้ว นี่เป็นประสบการณ์ที่น่าพอใจมากจริง ๆ ครับ
[เกี่ยวกับการพัฒนา]
- IDE (Cursor, Github Copilot)
- API (ChatGPT 4.1)
- เซิร์ฟเวอร์เลสแบ็กเอนด์ (Vercel)
- ฐานข้อมูล (เซิร์ฟเวอร์เลส SQLite)
นี่เป็นครั้งแรกที่ผมทำงานในสภาพแวดล้อม React ครับ แต่ประสบการณ์การดีพลอยผ่าน Vercel แผนฟรีระดับ Hobby นั้นน่าพอใจมาก ตั้งแต่การดีพลอยที่ทำได้ง่าย การดูสถิติ การเช็ก Speed Insights การเชื่อมต่อเซิร์ฟเวอร์เลส DB ไปจนถึงการเชื่อมต่อ custom domain
ตอนนี้เราทดสอบเฉพาะบนเดสก์ท็อปเพื่อคงอารมณ์แบบเกมเอาไว้ แต่หากมีคำถามหรือฟีดแบ็กก็ยินดีเสมอครับ ขอบคุณครับ
3 ความคิดเห็น
เป็นโปรเจกต์ที่น่าสนใจ แต่เสียดายที่ใช้บนมือถือไม่ได้ ไว้กลับบ้านแล้วจะลองดูครับ ^^;
โอ้ น่าสนใจมากเลย! ฉันได้ดื่มมาร์การิต้าแสนอร่อยไปหนึ่งแก้วอย่างเพลิดเพลิน ฮ่าๆ
ขอบคุณที่มาลองใช้งานครับ! ไม่แน่ใจว่าเหล้าตอนกลางวันโอเคไหมนะครับ ฮ่าๆ