How to use:
1. Click & drag on map to create portal rectangle
2. Fill in portal details in popup
3. Portal created!
Current Map Portals:
đĒ⥠PORTAL REALTIME EDITOR
đ Click & drag to create portal area
Portals: 0
How to use:
1. Click & drag on map to create portal rectangle
2. Fill in portal details (ID, image, collision mode)
3. Click "Save to Firebase" to sync realtime!
Current Map Portals:
đĒ⥠Configure Realtime
Portal
đ ITEM EDITOR
đĻ Click & drag to mark item area
Items: 0
How to use:
1. Click & drag on map to mark area
2. Fill in item details (ID, image path)
3. Export & copy to code!
Current Map Items:
đ§âđ¤âđ§ NPC EDITOR
đ Click on map to place NPC
NPCs: 0
How to use:
1. Click on map to place NPC
2. Fill in NPC details (name, dialog)
3. Export & copy to code!
Current Map NPCs:
đĨ Import NPCs Code
đĄ How to import:
1. Paste NPCs code (from export) into the textarea below
2. Choose import mode: Merge (add to existing) or Replace (clear all
first)
3. Click "Import" to load NPCs
đĨ Import Items Code
đĄ How to import:
1. Paste Items code (from export) into the textarea below
2. Choose import mode: Merge (add to existing) or Replace (clear all
first)
3. Click "Import" to load Items
đ Create Item
đĄ Hanya untuk sprite sheet items. Kosongkan untuk menggunakan
default (15 FPS)
đ Position (Edit Mode Only)
đĄ Tip: Edit posisi X, Y untuk memindahkan item. Width & Height untuk mengatur ukuran item.
Untuk create baru, biarkan kosong (otomatis dari drag area).
đĄ Pilih salah satu: Image atau URL Iframe (tidak bisa keduanya aktif)
đĄ Path gambar yang akan ditampilkan saat item dibuka dari inventory. Satu path per baris
untuk multiple gambar (carousel).
đĄ Kosongkan jika tidak perlu.
đĄ URL yang akan ditampilkan di iframe saat item dibuka dari inventory.
đĄ Kosongkan jika tidak perlu.
đĄ URL akan dibuka di tab baru (window.open)
đ Iframe Mode (Di dalam game): â Pros: User tetap di dalam game, tidak kehilangan konteks, lebih immersive â Cons: Beberapa website memblokir iframe (X-Frame-Options), mungkin ada
masalah CORS, ukuran terbatas
đ Window.open Mode (Tab baru): â Pros: Semua website bisa dibuka, tidak ada masalah CORS/X-Frame-Options,
ukuran penuh â Cons: User keluar dari game, kehilangan konteks, kurang immersive
đĄ Non-Collision: Item tidak menghalangi pergerakan player. Collision: Item menghalangi
pergerakan player. Setelah quiz dijawab (benar atau salah jika diizinkan), collision mode akan
otomatis berubah menjadi Non-Collision.
đĄ Jika dicentang: User yang jawab salah tetap terhitung sudah mengerjakan quiz (tidak dapat
poin, tapi quiz sudah dijawab).
đĄ Jika tidak dicentang: User harus jawab benar untuk quiz dianggap selesai (bisa coba lagi jika
salah).
đĄ Path relatif dari root folder (misal: images/custom/gambar.png)
đĄ Satu path per baris untuk multiple gambar (carousel). Kosongkan jika tidak perlu.
đĄ State ON menggunakan gambar dari Image Path yang sudah
diisi di atas.
đĄ Hanya perlu isi Image Path (State OFF) di bawah ini.
â ī¸ GIF akan otomatis dikonversi ke static image (frame pertama) untuk toggle
state items.
đ Gambar ketika state OFF (misal:
bonfireoff.png)
đĄ State default akan digunakan saat item pertama kali dimuat. User dapat toggle ON/OFF dengan
berinteraksi dengan item. State tersimpan di localStorage (per user, bukan realtime).
đĻ Item
Message here
đ Quiz
Question here
1 / 1
đ Portal Terkunci
Masukkan kode 4 digit untuk membuka
portal:
â Kode
salah! Coba lagi.
đ§âđ¤âđ§ Create NPC
đĄ Tip: Image akan auto-resize sesuai ukuran karakter
Area Marked:
đĄ Controls how often NPC
stops to idle
đĄ Path gambar avatar yang
akan ditampilkan di samping dialog chat
đĄ Setiap baris = 1 dialog
message. Nomor baris (0, 1, 2, ...) digunakan sebagai index untuk trigger item reward.
đĄ Path audio untuk setiap
dialog message (opsional). Kosongkan jika tidak ada audio. Urutan harus sesuai dengan dialog
messages.
đĄ ID NPC yang harus
ditemui terlebih dahulu sebelum bisa berbicara dengan NPC ini.
đĄ Pesan ini akan
ditampilkan jika user mencoba berbicara dengan NPC ini sebelum menemui prerequisite NPC.
đĄ Cara Kerja:
âĸ Setelah user berinteraksi dengan NPC tertentu, dialog NPC ini akan berubah
âĸ Contoh: NPC A mengarahkan ke NPC B, setelah user kembali ke NPC A, dialog berbeda
âĸ Bisa menambahkan multiple NPC conditions
đĄ Dialog akan
berubah setelah NPC yang dipilih dikunjungi. Jika multiple NPC ditambahkan, dialog akan berubah
setelah salah satu NPC dikunjungi (prioritas pertama yang ditemui).
â ī¸ Buat quiz di Quiz Manager
terlebih dahulu! đĄ Satu quiz ID per baris. Quiz akan ditampilkan secara
berurutan.
đĄ 0 = setelah
dialog pertama, 1 = setelah dialog kedua, 2 = setelah dialog ketiga, dst. đĄ Untuk
trigger setelah semua dialog, gunakan nilai >= jumlah dialog (misal: jika ada 3 dialog,
gunakan 3 atau lebih).
đĄ Quiz Groups Mode: Setiap quiz group bisa muncul setelah dialog
tertentu.
đĄ Trigger Dialog Index: Setelah dialog ke berapa quiz ditampilkan (0 =
setelah dialog pertama/index 0, 1 = setelah dialog kedua/index 1, dst).
đĄ Format: Quiz IDs dipisahkan koma.
đĄ Contoh:
Group 0: Trigger index 0 (setelah dialog pertama), Quiz: quiz_001,
quiz_002
Group 1: Trigger index 2 (setelah dialog ketiga), Quiz: quiz_003
đĄ Jika trigger index sama dengan dialog index, quiz akan muncul setelah dialog tersebut.
đĄ Dialog ini akan
ditampilkan ketika user berbicara lagi dengan NPC setelah semua quiz dijawab benar.
đĄ Path audio untuk
setiap dialog after quiz (opsional). Kosongkan jika tidak ada audio. Urutan harus sesuai dengan
dialog after quiz.
đĄ Item harus sudah
dibuat di Item Editor atau ada di ITEMS constant. Sistem akan validasi saat save.
đĄ Path gambar item
yang akan ditampilkan di inventory
đĄ Pilih salah satu: Image atau URL Iframe (tidak bisa keduanya aktif)
đĄ Path gambar yang akan ditampilkan saat item dibuka dari inventory. Satu path per baris
untuk multiple gambar (carousel).
đĄ Kosongkan jika tidak perlu.
đĄ URL yang akan ditampilkan di iframe saat item dibuka dari inventory.
đĄ Kosongkan jika tidak perlu.
đĄ 0 = setelah dialog
pertama, 1 = setelah dialog kedua, 2 = setelah dialog ketiga, dst. đĄ Item akan diberikan setelah
dialog pada index tersebut selesai (termasuk dialog reguler, dialog after quiz, dll).
đĄ Jika
dicentang, untuk mereset perlu clear cache di device bersangkutan, cocok untuk dialog
non-quiz
đ§âđ¤âđ§ NPC
Message here
đ Quiz
Question here
âĄī¸
đ Inventory
đ
Your inventory is empty
Collect items to see them here!
đ Slide Presentation Control
đ¤ Upload Slides
đ Add External Link
đĄ Link ditampilkan sebagai iframe. YouTube link otomatis dikonversi ke embed format