Buat RPG browser dengan AI-agent dalam satu malam
Dapatkan game browser yang bisa dimainkan dalam satu file HTML tanpa pengetahuan coding, menggunakan AI-agent gratis.
- 1.Buka situs AgentHere dan daftar. Saat mendaftar, Anda mendapat 1 000 000 token gratis, cukup untuk membuat prototipe game tanpa menghubungkan kartu.
Jika layanan tidak tersedia di wilayah Anda, gunakan VPN atau AI-chat lain yang mendukung pembuatan kode.
AgentHere ↗ - 2.Di bagian «My Agents» pilih template asisten atau analis, lalu buka web-chat. Kirim prompt ke agen untuk membuat versi pertama game.
Semakin detail Anda menjelaskan mekanik, semakin baik hasilnya. Untuk game pertama, satu layar dan aksi dasar sudah cukup.
AgentHere ↗PromptBuat RPG teks berbasis browser sederhana dalam satu file index.html. Taruh semua HTML, CSS, dan JavaScript di dalam satu file. Pemain adalah pahlawan yang menjelajah hutan gelap. Sertakan layar awal dengan tombol 'Mulai Game', sistem pertarungan sederhana dengan Goblin (tombol 'Serang' dan 'Sembuh'), serta layar Menang/Kalah. Buat kodenya minimal tapi bisa dimainkan.
Apa fungsi prompt iniPrompt berbahasa Inggris meminta AI membuat RPG teks sederhana dalam satu file index.html dengan HTML, CSS, dan JavaScript tertanam. Game mencakup layar awal, pertarungan dengan goblin (tombol Serang dan Sembuh), serta layar kemenangan/kekalahan. - 3.Salin kode yang dihasilkan agen, buat file baru di komputer dengan nama index.html dan tempel kode tersebut. Simpan file.
Anda bisa meminta agen membagi kode menjadi beberapa blok jika tidak muat dalam satu pesan, atau cukup salin seluruh kode dari blok dengan ekstensi .html.
AgentHere ↗ - 4.Buka file index.html dengan double-click di browser apa saja. Periksa apakah game berjalan dan tombol-tombol berfungsi.
Jika game tidak berfungsi, salin teks error dari konsol browser (F12 -> Console) dan kirim ke agen untuk diperbaiki.
Web Browser ↗ - 5.Kembali ke chat dengan agen dan minta menambahkan satu mekanik atau peningkatan spesifik. Perbarui kode di file Anda.
Tambahkan satu fitur pada satu waktu agar agen tidak bingung. Misalnya, tambahkan suara atau papan skor tertinggi.
AgentHere ↗PromptTambahkan item ramuan kesehatan ke game. Pemain memulai dengan 1 ramuan. Tambahkan tombol 'Gunakan Ramuan' yang memulihkan 30 HP dan menghapus 1 ramuan dari inventaris. Perbarui HTML dan JavaScript sesuai.
Apa fungsi prompt iniPrompt berbahasa Inggris meminta menambahkan ramuan kesehatan (1 buah di awal) dan tombol 'Use Potion' yang memulihkan 30 HP dan menghapus ramuan dari inventaris, dengan memperbarui kode. - 6.Saat game sudah siap, publikasikan ke internet untuk membagikan link. Daftar di Surge, instal utilitas, dan jalankan perintah publikasi di folder game.
Surge adalah layanan gratis untuk hosting situs statis. Untuk instalasi, jalankan di terminal `npm install --global surge`.
Surge ↗
- gratisAgentHere - pendaftaran gratisSetelah mendaftar, Anda mendapat 1 000 000 token gratis - cukup untuk membuat game dan puluhan iterasi revisi, pembuatan gambar dan musik sudah termasuk dalam akun.
- gratisVercel - hosting landing pagePaket gratis memungkinkan hosting situs statis dengan game dan mendapatkan link publik tanpa biaya.
Kenapa hari ini
Layanan AI berubah cepat - antarmuka dan batas gratis bisa berbeda dari yang dijelaskan.