VibeCity - Ruang percakapan yang merangkul emosi Anda

Halo!

Sambil berpikir, sejauh mana kita benar-benar bisa melangkah dengan vibe coding? Dari situlah lahir layanan chat karakter virtual bernuansa game ini.

Dengan menggunakan pixel art 2D, kami mewujudkan sebuah bar klasik tengah malam di dalam Vibe City, dan para tamu virtual sedang singgah di sana. Setelah memilih kondisi emosi Anda hari ini dan menerima rekomendasi minuman, Anda bisa mencoba mengobrol dengan tamu yang Anda sukai.

Saya bersama 3 rekan sedang mencoba berbagai eksperimen sebagai proyek sampingan. Anggap saja ini sebagai proyek sprint untuk menjawab pertanyaan, "Bisakah kami memberikan hiburan, empati, dan kesenangan kepada orang-orang?" sambil keluar dari hal-hal yang biasa kami buat.

Layanan ini dibuat melalui proses design sprint selama 2 minggu.

---

[Kombinasi AI tool yang digunakan]
Karena ini VibeCity, kami mencoba menggunakan sebanyak mungkin layanan AI generatif.

• Prompt karakter (ChatGPT, Silly Tavern)
• Gambar karakter, latar belakang (Midjourney, Whisk(Imagen4), Imagen3)
• Worldbuilding latar, prompt pembuatan gambar (ChatGPT 4o, Gemini 2.5 Pro)
• Implementasi proyek (Claude Sonnet 4, ChatGPT 4.1)
• BGM (SunoAI)

Prototipe berhasil dibuat ke tingkat yang memuaskan hanya dalam satu-dua hari. Namun, seperti yang diduga, semakin banyak fitur ditambahkan, semakin sering pengulangan vibe terjadi dan kesinambungannya makin menurun. Karena itu, di IDE saya lebih banyak menggunakan mode Ask daripada mode Agent, dan sangat fokus menjaga jumlah baris per file tetap sedikit.

Khususnya, karena ini pertama kalinya saya mengimplementasikan konsep scene yang diterapkan pada game, bagian tersulit tampaknya datang dari kurangnya instruksi desain yang jelas.

Saat membuat prompt karakter, saya merujuk pada tips dari orang-orang yang menggunakan Silly Tavern atau Wrtn.

Prompt sederhana yang digunakan untuk membuat gambar minuman adalah sebagai berikut.
"A detailed pixel art masterpiece, 16-bit retro style, vibrant colors, white background, depicting: mojito. Ensure clear outlines and a distinct pixelated aesthetic."

Karena tim kami tidak memiliki desainer, sempat terpikir apakah aset yang dibutuhkan benar-benar bisa dibuat cukup dengan AI generatif. Namun untuk keperluan prototipe, ini adalah pengalaman yang sangat memuaskan.

---

[Hal terkait pengembangan]

• IDE (Cursor, Github Copilot)
• API (ChatGPT 4.1)
• Backend serverless (Vercel)
• Database (SQLite serverless)

Ini adalah pertama kalinya saya menggunakan lingkungan React. Mulai dari deployment yang mudah di paket gratis Vercel, yaitu tier Hobby, hingga statistik, pengecekan Speed Insights, koneksi DB serverless, dan penyambungan custom domain, semuanya memberi pengalaman deployment yang sangat memuaskan.

---

Untuk menjaga nuansa game, saat ini pengujian hanya dilakukan di lingkungan desktop, tetapi pertanyaan maupun feedback selalu kami sambut! Terima kasih.

[attrestmedia]

Proyeknya menarik, tapi sayang tidak bisa dipakai di mobile. Saya harus mencobanya nanti setelah pulang ke rumah. ^^;

[ifmkl]

Wah, ini sangat menarik! Saya baru saja menikmati segelas Margarita yang lezat, hehe

[yunheenet]

Terima kasih sudah mencobanya! Semoga minum alkohol di siang hari tadi tetap menyenangkan ya, hehe.