🎮 Item-DialogStudio

🛠️ Universal offline editor for creating game items and dialogues for Unreal Engine 5
Everything in one app: inventory, dialogues, connection graphs, UE5 export

---

📦 Features

🎒 Item Editor — Item Creator

• ✅ Create weapons, armor, consumables, materials, quest items
• ✅ Unique properties for each category (damage, defense, healing, etc.)
• ✅ Visual rarity system (Common → Legendary)
• ✅ Inventory with category grouping
• ✅ Export to UE5: CSV DataTable + JSON DataAsset

🗣️ Dialog Editor — Dialogue Creator

• ✅ Cross-dialogues (characters left/right)
• ✅ Visual connection graph with zoom and panning
• ✅ Dialogue branching (one node → multiple connections)
• ✅ Save node positions on graph
• ✅ Export to UE5: CSV + JSON with English keys

🌟 Common Features

• 🌐 Multi-language UI: Toggle interface EN ↔ RU
• 🎨 Dark/Light theme with saved preferences
• 💾 Offline-ready: Data stored in browser IndexedDB
• 📤 Import/Export: Backup and transfer data
• 📱 Responsive design: Works on Desktop and Android

---

🚀 Quick Start

1. Download the app

📥 Download app.html

2. Open in browser

• Desktop: Chrome, Edge, Firefox
• Android: Chrome, Samsung Internet

3. Work offline!

• Data saves automatically
• No internet required after initial download

💡 Android Tip:
Add to home screen:
⋮ → Add to Home Screen → Launch as native app (no address bar)

---

📖 How to Use

🎒 Item Editor (Tab "📝 Editor" → Category "Item")

1. Fill basic fields:

   • Item ID — Unique identifier (English, no spaces)
     Example: WP_Sword_Iron
   • Name — Display name (any language supported)
     Example: Iron Sword

2. Select Category → Dynamic fields appear:

   • ⚔️ Weapon: Damage, AttackSpeed, Durability
   • 🛡 Armor: Defense, ArmorType, Mobility
   • 🧪 Consumable: HealAmount, EffectDuration, StackSize
   • 📦 Material: Purity, RefinementCost
   • 📜 Quest: QuestId, Objective

3. Set Rarity, Value, Weight

4. Click "➕ Add Item"

5. View in Inventory:

   • Go to tab "📦 Inventory"
   • Categories expand/collapse (click header)

🗣️ Dialog Editor (Tab "📝 Editor" → Category "Dialog")

1. Create dialogue line:

   • Set Scene #, Character, Side (left/right)
   • Enter Dialogue Text
   • Click "➕ Add Line"

2. Connection Graph (Tab "🕸 Graph"):

   • 🔗 "Move" Mode: Drag nodes, zoom with wheel, pan background
   • 🎯 "Connect" Mode: Click node A → Click node B → Connection created
   • 🗑 "Clear Connections": Removes only lines, keeps nodes

3. Delete lines:

   • Click "✏️ Select"
   • Tap desired lines
   • Click "🗑 Delete (N)"

---

📊 Export to Unreal Engine 5

Option 1: CSV (DataTable) ⭐ Recommended

For Items:

ItemId,Name,Category,Rarity,Value,Weight,Dmg,Def,Heal,Icon,Desc
"WP_Sword_Iron","Iron Sword","weapon","common",100,2.5,15,0,0,"🗡️","A sturdy blade"

Dialog Export Format:

DialogueID,SceneNumber,CharacterName,DialogSide,DialogText,ConnectedTo
1,1,"Guard","Left","Hello traveler.","2|3"``

Import Steps:

1. Click Export → CSV in the app
2. Drag the file into UE5 Content Browser
3. Choose Import to DataTable

💎 Option 2: JSON (DataAssets)

Best for: Blueprints, Save Games, and complex logic

Steps:

1. Click Export → JSON in the app
2. Import using:
   • 🧩 Plugin (e.g., VaRest)
   • ⚙️ Custom UDataAsset struct in C++

---

💾 Data & Backup

🌐 Offline Storage

• ✅ Data stored in browser's IndexedDB
• ✅ Safe across page reloads
• ⚠️ Clearing browser cache will delete data — always backup!

💿 Backup System

🔐 Always back up your work before major changes!

1. Go to Export Tab
2. Click "📥 Backup Project" → Downloads .json file
3. To restore: Click "📤 Import Backup" and select your file

---

🎁 Support the Project

This tool is free and open-source. If it saves you time, consider supporting development!

🔗 Support on Boosty

Perks:

• 🎬 Exclusive tutorials
• 🗳️ Vote on new features
• 💙 Eternal gratitude

📺 Follow Updates

---

Made with ❤️ by ibutaytes
_{Empowering indie developers 🎮✨}