SpawnChrono ⏱️⚔️

Universal MMORPG Boss, Chest & Respawn Window Tactical HUD

SpawnChrono is a lightweight, zero-dependency, single-screen tactical respawn tracker engineered for competitive players in any MMORPG or RPG.

Track boss kill timers, loot chest cooldowns, world events, and dungeon resets in real time with high-precision respawn windows, elapsed times, and visual percentage progress bars—with zero page scrolling.

---

📸 Tactical HUD Showcase

🖥️ Main Single-Screen Zero-Scroll View (T4C Preset)

Live Demo: https://marceloasl99.github.io/spawn-chrono/

---

🎮 Multi-Game Versatility

SpawnChrono comes pre-configured with canonical presets for classic and modern MMORPGs, and includes a full creator to track targets in any game:

Preset	Target Type	Notable Bosses & Chests Included
The 4th Coming (T4C)	Bosses, Chests	Bame Blackblood, Harbinger of Death, Kraanian Queen, Makrsh P'Tangh, Stoneheim Lich, Bane Blackblood, Juggernaut, Obsidian Chest, Druid Chest
Tibia	Bosses, Quest Chests	Ferumbras, Orshabaal, Morgaroth, Ghazbaran, Annihilator Quest Chest, Demon Helmet Chest
Ragnarok Online (RO)	MVPs, Rare Chests	Golden Thief Bug (GTB), Baphomet, Maya, Doppelganger, Lord of the Dead, Sunken Ship Ancient Chest
World of Warcraft	World Bosses, Chests	Azuregos, Lord Kazzak, Emeriss, Lethon, Taerar, Ysondre, Arena Grand Master Chest
Lineage II	Epic & Raid Bosses	Antharas, Baium, Queen Ant, Core, Orfen
Custom Games	Any Game / Server	Air drops (Rust/DayZ), Dungeon resets (Diablo IV/PoE), FPS powerups, Custom private server bosses

📸 Tibia Boss & Quest Tracking

📸 Ragnarok Online MVP & Chest Tracking

📸 Target Creation & Customization Modal

---

⚡ Core Engineering & Features

• 🖥️ Single-Screen Zero-Scroll Architecture:

  • Viewport is locked to 100vh without vertical scrollbars.
  • All 10–15 primary raid targets remain visible at a single glance during intense combat.
  • Ideal for second monitors, portrait displays, tablets, or side-by-side split screens.

• 🔤 Clean Table, Zero Truncation:

  • Full names for bosses, chests, locations, and loot drops remain 100% visible without annoying ellipsis (...) clipping.

• ⏱️ Precision Respawn Window Engine:

  • ⏳ WAITING: Target is on cooldown. Displays exact countdown until the window opens, plus % elapsed toward opening.
  • 🟢 WINDOW OPEN: Target can spawn at any second! Displays pulsing emerald indicator and remaining window duration.
  • 🔴 OVERDUE: Target has exceeded max respawn time and is confirmed alive in-game. Displays crimson indicator with overdue timer (+15m 00s).
  • ⚪ READY: Neutral state awaiting initial kill or reset.

• 📊 Real-Time Elapsed Time & Dual Progress Bars:

  • Shows defined respawn interval (min – max min).
  • Live elapsed timer (time passed since kill: 32m 00s, 6h 20m).
  • Visual progress bar displaying % elapsed and % remaining.

• ⚡ Streamlined 1-Click Action Flow:

  • Prominent, color-coded KILL! and OPEN! buttons for instant 1-click timer reset.
  • Options popover (⋮) for secondary actions:
    • Quick retroactive offset (-5 min, -10 min, or custom elapsed time).
    • Reset to Ready state.
    • Edit target coordinates, min/max times, or loot notes.
    • Hide target or permanently delete.

• 🔔 Synthesized Harmonic Audio Engine (Web Audio API):

  • Built-in melodic chimes play automatically when any target's window opens or becomes overdue.
  • 100% synthesized in code: Zero external .mp3/.wav assets, zero network latency, zero broken sound paths.
  • Easily toggle sound on or off with the header 🔊 Sound button.

• 🌐 Trilingual Localization:

  • Instant 1-click toggle between English (EN), Portuguese (PT), and French (FR).
  • Language preference persists across sessions.

• 💾 100% Client-Side & Privacy-First:

  • All data is saved automatically in browser localStorage.
  • Zero server costs, zero Node.js, zero databases, zero cookies, zero telemetry.
  • Works completely offline—even if your internet drops during a raid.

• 📦 Export & Guild Sharing:

  • 1-Click JSON backup export to share configured timers with guildmates.
  • Instant JSON import to synchronize raid setups.

---

🛠️ Tactical Table Breakdown

Column	Description	Example Display
TYPE	Target category badge	BOSS, CHEST, EVENT, ELITE
TARGET	Full untruncated name & notable loot drops	Harbinger of Death ✦ Death Scythe, Ring of Damned
ZONE & COORDS	Realm tag and exact map coordinates	Stoneheim Dark Crypt F3 (820, 2340)
RESPAWN WINDOW	Defined minimum and maximum respawn range	240 – 360 min
TIME ELAPSED	Live timer counting up since defeat	6h 20m
STATUS / REMAINING	Live state with high-contrast color badges	🟢 WINDOW OPEN (08m 59s left) 🔴 OVERDUE (+20m 00s) ⏳ WAITING Opens in 1h 15m
PROGRESS (%)	Exact percentage and dual-tone progress bar	Window: 44% · 56% left or 36% elapsed · 64% left
ACTION	1-Click logger and secondary options menu	KILL! or OPEN! + ⋮ (Popover)

---

🔗 URL Query Parameters & Deep-Linking

SpawnChrono supports direct deep-linking via URL query parameters, making it easy to create browser bookmarks for specific games or languages:

Parameter	Options	Example URL
game	t4c, tibia, ragnarok, wow, lineage2, custom	index.html?game=tibia
lang	en, pt, fr	index.html?lang=pt
modal	target	index.html?modal=target

Combined Example:

https://marceloasl99.github.io/spawn-chrono/?game=ragnarok&lang=en

---

🚀 Quick Start Guide

Option 1: Direct File (Instant, Zero Setup)

1. Clone or download this repository.
2. Double-click index.html in any web browser (Chrome, Firefox, Edge, Safari, Brave, Opera).
3. Start tracking immediately!

Option 2: Local Static Server

Run with Python (pre-installed on macOS/Linux/Windows):

python -m http.server 8080

Open http://localhost:8080 in your browser.

Or run with Node / npx:

npx serve

Option 3: Free 1-Minute GitHub Pages Deployment

1. Fork or push this repository to your GitHub account (https://github.com/<your-username>/spawn-chrono).
2. Go to your repository Settings > Pages.
3. Under Build and deployment > Branch, select main (root) and click Save.
4. In about 30 seconds, your personal tracker will be live at: https://<your-username>.github.io/spawn-chrono/

---

💾 JSON Backup & Sharing Schema

You can export and import custom timer sets for any game using the JSON format below:

{
  "app": "SpawnChrono",
  "version": "5.0",
  "gamePreset": "custom",
  "exportedAt": "2026-10-17T17:30:00.000Z",
  "items": [
    {
      "id": 1729188000000,
      "name": "World Alpha Dragon",
      "category": "BOSS",
      "zone": "Dragon Valley",
      "location": "North Cavern (1420, 2850)",
      "minTime": 120,
      "maxTime": 180,
      "drops": "Dragon Scale Cloak, Mythic Blade",
      "killedAt": 1729184400000,
      "isHidden": false
    },
    {
      "id": 1729188000001,
      "name": "Golden Treasury Chest",
      "category": "CHEST",
      "zone": "Ancient Ruins",
      "location": "Altar Room (890, 410)",
      "minTime": 45,
      "maxTime": 60,
      "drops": "Gold Bars, Enchantment Scrolls",
      "killedAt": null,
      "isHidden": false
    }
  ]
}

---

📂 Project Structure

spawn-chrono/
├── index.html                    # High-density semantic table HUD markup
├── styles.css                    # Zero-scroll 100vh dark tactile design system
├── app.js                        # Multi-game datasets, timer math, Web Audio chimes & i18n
├── favicon.ico                   # Tracker icon
├── LICENSE                       # MIT Open Source License
├── README.md                     # Comprehensive project documentation
└── docs/
    └── screenshots/
        ├── spawnchrono-tactical-hud.png   # Main HUD view
        ├── spawnchrono-tibia.png          # Tibia preset view
        ├── spawnchrono-ragnarok.png       # Ragnarok Online preset view
        └── spawnchrono-modal-add.png      # Add target dialog

---

🖥️ Recommended Dual-Monitor & Overlay Setup

• Dual Monitor Gaming: Place SpawnChrono on your secondary display. Because the HUD is locked to 100vh, you will never have to Alt-Tab mid-battle to scroll down and check a respawn time.
• Compact / Split-Screen: At 1080p, SpawnChrono easily fits side-by-side with game clients or Discord.
• Audio Alerts: Keep your browser tab open in the background; the Web Audio API chimes will alert you whenever a window opens even if the tab is not in active focus.

---

🤝 Contributing

Contributions are welcome from players across all MMO communities!

• Want to add a preset for your favorite game (Guild Wars 2, Albion Online, Path of Exile, Diablo IV, EverQuest, EVE Online)?
• Found a bug or have a suggestion to improve tactical readability?

1. Fork the Project.
2. Create your Feature Branch (git checkout -b feature/NewGamePreset).
3. Commit your Changes (git commit -m 'feat: add Albion Online world boss presets').
4. Push to the Branch (git push origin feature/NewGamePreset).
5. Open a Pull Request.

---

📜 License

Distributed under the MIT License. See LICENSE for full details.

Developed with ⚔️ for competitive MMORPG players worldwide.