BENNE: Engine Game Point and Click Gratis untuk Web, Dibangun dengan Phaser 4 dan TypeScript

BENNE adalah engine game point and click gratis untuk web. Engine ini dibangun di atas Phaser 4 dengan inti TypeScript dan punya editor sendiri untuk Visual Studio Code, jadi kamu bisa membuat game petualangan klasik lengkap dengan ruangan, kata kerja, inventaris, dan dialog, lalu merilisnya sebagai game browser. BENNE dibuat oleh developer Bennethon dan dirilis dengan lisensi MIT.

Kalau kamu tumbuh besar dengan game petualangan pixel art yang serba klik “Look at” (Lihat) ke mana-mana, BENNE mencoba menghadirkan rasa itu lagi dengan alat web modern. Panduan ini membahas isinya, cara membuat proyek pertama, dan cara mengunggah game yang sudah jadi ke itch.io.

Sekilas tentang BENNE

Apa itu	Engine + editor VS Code untuk game petualangan point and click
Dibuat oleh	Bennethon
Dibangun di atas	Phaser 4, TypeScript, Vite
Lisensi	MIT (gratis, open source)
Berjalan di	Browser modern apa pun; build desktop Windows bersifat opsional
Rilis terbaru	v0.1.3 (25 Oktober 2026) di GitHub
Game pertama yang dibuat dengannya	Hank Steele and the AI Apocalypse (game jam, gratis)
Situs resmi	benne.games

Nomor versinya sudah memberi tahu hal penting: BENNE masih sangat baru. Rilis 0.1 pertama muncul pada Oktober 2026, jadi siap-siap ada perubahan antarversi dan baca catatan rilis sebelum memperbarui proyek yang sudah berjalan.

Apa yang dikerjakan engine point and click untukmu

Game petualangan point and click kelihatan sederhana di layar, tapi di baliknya butuh banyak “pipa”: karakter yang berjalan menghindari rintangan, hotspot yang bisa diklik, sistem kata kerja, inventaris tempat item bisa dipakai ke benda lain, percakapan bercabang, cutscene, dan save game. Engine umum seperti Phaser memberi sprite, input, dan suara, tapi tidak dengan aturan khas game petualangan ini.

BENNE menambahkan lapisan itu di atas Phaser 4. Menurut panduan resminya, BENNE terinspirasi dari Adventure Game Studio dan engine SCUMM milik LucasArts, dan sudah dilengkapi:

• Ruangan, karakter, inventaris, dan dialog sebagai blok siap pakai.
• Pohon dialog dengan pelacakan status, sehingga pilihan bisa muncul atau hilang seiring cerita berjalan.
• Penskalaan perspektif dan pewarnaan berbasis region, sehingga karakter mengecil saat berjalan “masuk” ke dalam adegan.
• Memakai item inventaris ke target, cutscene, efek fade layar, karakter yang mengikuti karakter lain, dan pengaturan suara/audio yang tersimpan.
• Musik, efek suara, dialog bersuara, dan cutscene video, semuanya dirujuk lewat aset bernama yang bisa autocomplete.
• Sistem antarmuka berbasis JSON dengan gambar 9-slice, tombol, slider, list box, dan kolom input teks.

Kamu bisa mencobanya sendiri: halaman resminya punya demo kecil yang bisa dimainkan, tempat kamu berjalan-jalan di kantor sang developer.

Kata kerja, gaya, dan aturan yang “tegas”

Gaya interaksi diatur di file game-config.json. Artinya, satu engine bisa membuat game sembilan kata kerja klasik dengan bilah ala LucasArts (“Walk to”, “Look at”, “Use”…), game modern dua klik (klik kiri untuk bertindak, klik kanan untuk melihat), atau gaya Sierra maupun campuran.

BENNE juga sengaja dibuat ketat di beberapa bagian agar proyek tetap konsisten:

Bagian	Aturan BENNE	Artinya buatmu
Sprite	Sprite sheet Aseprite dengan animasi bertag	Animasikan di Aseprite; alur impor lain ada di roadmap
Teks	Hanya font bitmap	Teks pixel tetap tajam di skala berapa pun
Resolusi	Resolusi internal rendah, biasanya 320×240 sampai 640×480	Skala bilangan bulat atau mendekati agar pixel art tetap tajam
Bentuk dunia	Poligon untuk area jalan, hotspot, dan region	Tanpa tile map atau grid; kamu menggambar bentuknya di editor
Skrip	Baris BenneScript dijalankan berurutan	Gerakan berjalan atau satu kalimat dialog selesai dulu sebelum baris berikutnya dimulai

Kalau kamu butuh engine bebas untuk genre apa pun, batasan ini mungkin terasa sempit. Kalau kamu ingin cepat membuat game petualangan retro, batasan ini justru memangkas banyak keputusan.

Cara memulai proyek BENNE pertamamu

Panduan instalasi resmi menyebut tiga hal yang dibutuhkan: Visual Studio Code 1.106 atau lebih baru, Node.js versi LTS terkini, dan (disarankan) Aseprite untuk sprite. Lalu:

1. Buka tampilan Extensions di VS Code, cari BENNE Editor, lalu instal. Ikon BENNE akan muncul di Activity Bar.
2. Buka Command Palette dan jalankan BENNE: Create New Game.
3. Pilih template: 9-verb (bilah kata kerja klasik), 2-click (kontrol minimal), atau Blank (kosong, tidak disarankan untuk pemula).
4. Beri nama proyek dan pilih folder. Ekstensi akan menyiapkan file dan menjalankan npm install untukmu.
5. Buka folder baru itu dan jalankan npm run dev untuk server pengembangan dengan hot reload.

Semua kontenmu ada di src/game/: ruangan, karakter, antarmuka, inventaris, dialog, aset, dan game-config.json. Folder engine dikelola oleh editor, jadi pembaruan engine tidak akan menimpa ceritamu.

Seperti apa BenneScript

Skripnya ditulis dalam TypeScript, tapi BenneScript memungkinkanmu menulis logika petualangan hampir seperti naskah drama. Baris seperti Hank: `It's open!` membuat karakter bicara, dan kamu tidak perlu menulis await untuk setiap aksi. Skrip pintu yang umum akan membawa pemain ke pintu dengan walkToClicked(), mengambil kunci dengan inventory.remove(items.key), memutar suara, menunggu dengan wait(0.75), lalu mengganti animasi pintu.

Beberapa perintah lain dari panduan resmi:

• rooms.<name>.goTo() berpindah ke ruangan lain.
• cutscene(() => { … }) membungkus adegan yang bisa dilewati pemain dengan tombol Esc.
• .now, together(…), dan background(…) membuat beberapa aksi berjalan bersamaan.
• npm run lint memeriksa skripmu dari kesalahan umum.

Ruangan, properti, item, dan suara adalah nama bertipe yang dibuat dari kontenmu, jadi editor bisa melengkapinya otomatis dan menangkap salah ketik sejak awal.

Merilis game BENNE ke itch.io dan Windows

Tahap rilis adalah bagian di mana BENNE paling berguna bagi developer game web, karena ia mengurus detail yang sering membuat unggahan HTML5 gagal.

1. Jalankan npm run build:itch di folder game. Perintah ini memeriksa tipe, melakukan build, mengecek batas jumlah file dan ukuran dari itch.io, lalu menulis releases/<package-name>-itch.zip.
2. Uji build produksi dengan npm run preview. Membuka dist/index.html langsung tidak akan berperilaku seperti hosting web sungguhan.
3. Di itch.io, unggah ZIP sebagai proyek HTML dan centang “playable in the browser” (bisa dimainkan di browser). File index.html sudah ada di root ZIP.
4. Opsional: jalankan npm run build:windows untuk ZIP Windows portabel yang menyertakan Electron. Pemain cukup mengekstraknya dan menjalankan .exe, tanpa perlu Node.js. Unggah sebagai file terpisah yang ditandai Windows.

Dua catatan praktis dari panduan: build Windows tidak ditandatangani (unsigned), jadi uji dulu di PC Windows sungguhan, dan save di browser dan desktop disimpan terpisah. Di skrip, game.isDesktop memberi tahu build mana yang sedang berjalan, berguna untuk menyembunyikan tombol “Quit” (Keluar) di browser.

Hank Steele: seperti apa game BENNE buatan 14 hari

Game pertama yang dibuat dengan BENNE adalah Hank Steele and the AI Apocalypse, game petualangan komedi tentang seorang petugas kebersihan yang terlempar sepuluh tahun ke masa depan, saat AI sudah mengambil alih, dan harus memperbaiki mesin waktu agar bisa pulang. Bennethon membuatnya dalam 14 hari untuk $110 Adventure Game Challenge, sebuah game jam bertema “Delayed Consequences” (akibat yang tertunda). Game ini gratis di itch.io, bisa dimainkan di browser atau Windows, dan selesai dalam sekitar setengah jam.

Halaman itch.io-nya menyebutkan bahwa alat AI membantu dalam pembuatan kode, grafis, dan suara game ini. BENNE sendiri tidak mengharuskan AI; kamu bisa menggambar setiap frame dengan tangan di Aseprite.

Siapa yang cocok mencoba BENNE

• Penggemar game petualangan yang sedikit bisa coding: template dan BenneScript membuatmu fokus ke teka-teki dan lelucon.
• Developer game web: kamu mendapat proyek Phaser 4 dan TypeScript yang bisa dibaca dan dikembangkan, plus ekspor yang rapi ke itch.io.
• Tim game jam: sudah ada game jam yang dibuat dalam 14 hari, jadi tenggat singkat itu realistis.

BENNE kurang cocok kalau saat ini kamu butuh dunia berbasis tile, grafis resolusi tinggi, atau engine 1.0 yang stabil untuk proyek komersial jangka panjang.

FAQ

Apakah BENNE gratis?

Ya. Situs resminya mencantumkan BENNE dengan lisensi MIT, jadi kamu bisa memakainya gratis, termasuk untuk game buatanmu sendiri.

Apakah harus bisa Phaser untuk memakai BENNE?

Tidak. BENNE sudah mengurus ruangan, kata kerja, inventaris, dan dialog untukmu. Paham TypeScript akan membantu, dan pengetahuan Phaser berguna kalau kamu ingin mengembangkan engine-nya.

Apakah game BENNE bisa dimainkan di HP?

Build BENNE berjalan di browser modern apa pun. Engine ini dirancang untuk menunjuk ala mouse, jadi uji kontrol sentuh di HP sebelum menjanjikan dukungan mobile.

Resolusi berapa yang sebaiknya dipakai game BENNE?

Panduannya menyarankan resolusi internal rendah, biasanya antara 320×240 dan 640×480, lalu diperbesar dengan kelipatan bilangan bulat agar pixel art tetap tajam.

Bagaimana cara mengunggah game BENNE ke itch.io?

Jalankan npm run build:itch, unggah ZIP dari folder releases sebagai proyek HTML, lalu tandai bisa dimainkan di browser.

Di mana bisa belajar lebih lanjut?

Mulailah dari panduan resmi BENNE, panduan publikasi, dan kode sumber di GitHub.