threememories
/
FalloutTower
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
FalloutTower/td.html

10176 lines
526 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>HTML Tower Defense</title>
<script src="assets/towers.js?v=2"></script>
<script src="assets/intel.js"></script>
<style>
/*
==========================================================================
MASTER AI DEVELOPMENT ROADMAP (UPDATED)
==========================================================================
✅ COMPLETED (Built into engine)
[1] [TOWER ANTI-AIR LIMITS] - Towers 1, 2, and 3 ignore flyers.
[2] [BONUS BOUNTY UPGRADES] - bonus_bounty logic grants extra caps.
[3] [DYNAMIC TACTICAL TOOLTIPS] - Matchups (Strong vs/Weak vs) display.
[4] [FACTION UPGRADE PATHS] - All 40 towers have 4-tier upgrade arrays mapped out.
[11] [VICTORY / POST-GAME SCREEN] - Game over screen calculates MVP, kills, caps, accuracy.
[13] [UI QOL: CANCEL BARRAGE] - Right-click and Escape key cancel targeting modes.
[14] [DYNAMIC TOP-BAR INTEL BRIEF] - Announcer system operational and reading intel.js.
⚠️ PARTIALLY COMPLETED (Needs Finishing)
[9] [ADVANCED AUDIO MANAGEMENT] - Global sounds exist, but volume sliders are missing.
❌ STILL TO DO (Unfinished / Missing)
[5] [CUSTOM MAP EDITOR - FILE I/O] - Missing browser download for .wd files and file input to load.
[6] [WASTELAND ASSAULT MODE] - UI toggle exists, but core engine mechanics to flip roles are missing.
[7 & 8] [PERSISTENT SAVE/LOAD SYSTEM] - Lacks automatic localStorage system to save/load progress.
[10] [CURATED WAVE CONFIGURATIONS] - Missing custom wave scripter; relying on dynamic budget.
[12] [ASSET MANAGEMENT] - Missing sprite rendering; using basic Canvas geometry.
==========================================================================
*/
@font-face {
font-family: 'TTChocolates';
src: url('assets/TT Chocolates ExtraLight.otf') format('opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Overseer';
src: url('assets/OverseerItalic.otf') format('opentype');
font-weight: normal;
font-style: normal;
}
* { box-sizing: border-box; }
body, html { margin: 0; padding: 0; width: 100vw; height: 100vh; overflow: hidden; background: #000; font-family: 'Segoe UI', Tahoma, Verdana, sans-serif; }
#game-container { width: 100vw !important; height: 100vh !important; display: flex; flex-direction: column; }
/* Start Screen */
#start-screen { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 600px; max-width: 95vw; padding: 20px 40px 40px 40px; background-color: #2c3322; background-image: url('assets/images/green-dust-and-scratches.png'), url('assets/images/snow.png'), url('assets/images/white-wall-3-2.png'), url('assets/images/scratch.png'), url('assets/images/mooning.png'); background-repeat: repeat, repeat, repeat, repeat; background-blend-mode: overlay, overlay, overlay, overlay; border-radius: 5px; border: 3px solid #1a1d13; border-top-color: #6b7552; border-left-color: #6b7552; box-shadow: 0 15px 50px rgba(0,0,0,0.9), inset 0 0 20px rgba(0,0,0,0.6); display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 1000; }
/* Title Neon Ignition Sequence (Yellow/White Bloom) */
@keyframes title-neon-flicker {
0%, 4.9% { color: #111111; text-shadow: none; }
5%, 6% { color: #f2d57e; text-shadow: 0 0 10px rgba(242, 213, 126, 0.8), 2px 2px 0px #000; }
6.1%, 12.9% { color: #111111; text-shadow: none; }
13%, 15% { color: #f2d57e; text-shadow: 0 0 15px rgba(242, 213, 126, 0.8), 0 0 5px #fff, 2px 2px 0px #000; }
15.1%, 16.9%{ color: #111111; text-shadow: none; }
17%, 18% { color: #aa8a33; text-shadow: 0 0 5px rgba(242, 213, 126, 0.8), 2px 2px 0px #000; }
18.1%, 24.9%{ color: #111111; text-shadow: none; }
25%, 28% { color: #f2d57e; text-shadow: 0 0 20px rgba(242, 213, 126, 0.8), 0 0 10px #fff, 2px 2px 0px #000; }
28.1%, 40% { color: #111111; text-shadow: none; }
100% { color: #f2d57e; text-shadow: 0 0 30px rgba(242, 213, 126, 0.8), 0 0 15px rgba(242, 213, 126, 0.5), 0 0 5px #fff, 2px 2px 0px #000; }
}
/* Base Animated Title */
#start-screen h1 {
position: relative; /* Needed to anchor the texture overlay */
font-size: clamp(30px, 8vw, 55px); color: #f2d57e; margin-top: 0; margin-bottom: 30px; text-transform: uppercase;
text-align: center; white-space: nowrap; /* Forces text to stay on one line and centered! */
text-shadow: 0 0 30px rgba(242, 213, 126, 0.8), 0 0 15px rgba(242, 213, 126, 0.5), 0 0 5px #fff, 2px 2px 0px #000;
font-family: 'Overseer', sans-serif; font-weight: normal; letter-spacing: 2px;
-webkit-text-stroke: 1px #000;
animation: title-neon-flicker 3.0s ease-in-out 1s both;
}
/* The Texture Layer perfectly overlaid on top of the lit text! */
#start-screen h1::after {
content: 'WASTELAND DEFENSE';
position: absolute; top: 0; left: 0; width: 100%; height: 100%;
/* Using a darker base color to ensure the fibers cast a solid black shadow onto the yellow text */
background-color: #888;
background-image: url('assets/images/light-paper-fibers.png'); background-repeat: repeat;
-webkit-background-clip: text; color: transparent;
/* Multiply forces the dark fibers to permanently stain the bright yellow text below it */
mix-blend-mode: multiply;
pointer-events: none; -webkit-text-stroke: 0px transparent;
}
/* Mechanical Dropdowns */
/* NEW: Power-On and Active Animations */
@keyframes startup-flicker {
0% { opacity: 0; }
10% { opacity: 1; }
20% { opacity: 0; }
30% { opacity: 1; }
40% { opacity: 0; }
60% { opacity: 1; }
70% { opacity: 0.5; }
100% { opacity: 1; }
}
@keyframes active-blink {
0%, 30%, 60%, 100% {
background-color: var(--btn-on, #f2d57e); color: #222222;
box-shadow: inset 0 0 12px rgba(0,0,0,0.6), inset 0 0 4px rgba(0,0,0,0.4), 0 0 10px rgba(242, 213, 126, 0.4);
}
15%, 45% {
background-color: var(--btn-off, #e0dcc8); color: #444444;
box-shadow: inset 0 0 12px rgba(0,0,0,0.6), inset 0 0 4px rgba(0,0,0,0.4), 3px 3px 6px rgba(0,0,0,0.8);
}
}
/* ========================================= */
/* ISOLATED MAIN MENU STYLES & ANIMATIONS */
/* ========================================= */
/* 1. Main Menu Animations */
@keyframes mm-flicker-in {
0% { opacity: 0; } 20% { opacity: 0.8; } 40% { opacity: 0; } 60% { opacity: 1; } 80% { opacity: 0.5; } 100% { opacity: 1; }
}
@keyframes mm-flicker-in-lit {
/* OFF STATE: Hard cuts with uneven delays between sparks */
0%, 11%, 16%, 39%, 44%, 49%, 54%, 79%, 84%, 87% {
background-color: #666; color: #333; box-shadow: inset 0 0 12px rgba(0,0,0,0.6), inset 0 0 4px rgba(0,0,0,0.4), 2px 2px 5px rgba(0,0,0,0.9);
}
/* ON STATE: Violent, sharp electrical sputters before catching at 88% */
12%, 15%, 40%, 43%, 50%, 53%, 80%, 83%, 88%, 100% {
background-color: #f2d57e; color: #222; box-shadow: inset 0 0 12px rgba(0,0,0,0.6), inset 0 0 4px rgba(0,0,0,0.4), 0 0 10px rgba(242, 213, 126, 0.6);
}
}
@keyframes mm-fade-in-lit {
0% { background-color: #666; color: #333; box-shadow: inset 0 0 12px rgba(0,0,0,0.6), inset 0 0 4px rgba(0,0,0,0.4), 2px 2px 5px rgba(0,0,0,0.9); }
100% { background-color: #f2d57e; color: #222; box-shadow: inset 0 0 12px rgba(0,0,0,0.6), inset 0 0 4px rgba(0,0,0,0.4), 0 0 10px rgba(242, 213, 126, 0.6); }
}
@keyframes mm-special-blink {
/* Sharp, non-fading hardware blinks */
0%, 49% { background-color: #f2d57e; color: #222; box-shadow: inset 0 0 12px rgba(0,0,0,0.6), inset 0 0 4px rgba(0,0,0,0.4), 0 0 10px rgba(242, 213, 126, 0.6); }
50%, 99% { background-color: #666; color: #333; box-shadow: inset 0 0 12px rgba(0,0,0,0.6), inset 0 0 4px rgba(0,0,0,0.4), 2px 2px 5px rgba(0,0,0,0.9); }
100% { background-color: #f2d57e; color: #222; box-shadow: inset 0 0 12px rgba(0,0,0,0.6), inset 0 0 4px rgba(0,0,0,0.4), 0 0 10px rgba(242, 213, 126, 0.6); }
}
/* 2. Menu Headers */
.menu-header {
color: #aaa; font-weight: bold; font-size: 1.4vh; text-transform: uppercase;
margin-bottom: 5px; text-shadow: none; letter-spacing: 1px; line-height: 1;
}
/* 3. Base Physical Styling for all Menu Inputs */
.menu-select, #btn-start, .special-label {
appearance: none; -webkit-appearance: none; -moz-appearance: none;
position: relative; z-index: 1; overflow: visible; /* Changed to visible so glow can bleed out */
border: 2px solid #222; border-top: 2px solid #555; border-left: 2px solid #444; border-bottom: 3px solid #0a0a0a; border-right: 3px solid #111;
box-shadow: inset 0 0 12px rgba(0,0,0,0.6), inset 0 0 4px rgba(0,0,0,0.4), 2px 2px 5px rgba(0,0,0,0.9);
font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; cursor: pointer;
transition: transform 0.05s, box-shadow 0.05s;
}
/* Active Click Physics */
.menu-select:active, #btn-start:active:not(:disabled), .special-label:active, .special-chk:checked + .special-label:active {
border-top: 3px solid #000 !important; border-left: 3px solid #000 !important; border-bottom: 2px solid #444 !important; border-right: 2px solid #444 !important;
box-shadow: inset 2px 2px 10px rgba(0,0,0,0.9), 0px 0px 0px rgba(0,0,0,0) !important; transform: translateY(2px) !important;
}
/* 4. Dropdowns */
.menu-select {
display: block; /* Removes Flexbox to fix text-wrapping bugs */
text-align: center;
margin-bottom: 20px;
font-size: 1.8vh;
padding: 10px 35px; /* Equal left/right padding perfectly centers text between the edges */
width: 350px; max-width: 80%;
background-color: #f2d57e; color: #222222; text-shadow: none;
background-image: url('data:image/svg+xml;utf8,<svg fill="%23222" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
background-repeat: no-repeat;
background-position: right 10px center;
line-height: 1.3;
}
.menu-select option {
background: #111111 !important;
color: #f2d57e !important;
text-shadow: none;
font-weight: bold;
}
/* Override browser highlight to keep background black, but change text color to green on hover/focus */
.menu-select option:checked,
.menu-select option:hover,
.menu-select:focus > option:checked {
background: #111111 linear-gradient(0deg, #111111 0%, #111111 100%) !important;
color: #55ff55 !important;
box-shadow: 0 0 10px 100px #111111 inset !important;
}
/* NEW: Custom Div Dropdown System */
.custom-select-wrapper {
position: relative;
width: 350px;
max-width: 80%;
margin: 0 auto 20px auto;
}
.custom-select-options {
position: absolute;
top: 100%;
left: 0;
right: 0;
background-color: #111111;
border: 2px solid #555;
z-index: 2000;
display: none;
box-shadow: 0 5px 15px rgba(0,0,0,0.9);
}
.custom-select-options.open {
display: block;
}
.custom-option {
padding: 10px;
color: #f2d57e;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.8vh;
font-weight: bold;
text-transform: uppercase;
text-align: center;
cursor: pointer;
border-bottom: 1px solid #333;
}
.custom-option:last-child {
border-bottom: none;
}
.custom-option:hover {
color: #55ff55;
}
/* Arrow for the currently selected option */
.custom-option.selected::before {
content: '► ';
margin-right: 5px;
/* Color property removed so it dynamically inherits yellow/green from the parent text */
}
/* 5. Play Button */
#btn-start {
margin-top: 0px; padding: 12px 40px; font-size: 2.2vh; border-radius: 3px;
/* Removed Courier New so it correctly matches the Arial UI buttons */
background-color: #666; color: #333; text-shadow: none; /* Dark unlit */
}
/* When JS applies the ready class, it stays lit */
#btn-start.menu-play-ready {
background-color: #f2d57e; color: #222222; text-shadow: none;
box-shadow: inset 0 0 12px rgba(0,0,0,0.6), inset 0 0 4px rgba(0,0,0,0.4), 0 0 10px rgba(242, 213, 126, 0.6);
/* Removed animation so it smoothly transitions without flickering */
}
/* 6. S.P.E.C.I.A.L. Buttons */
.special-chk { position: absolute; opacity: 0; pointer-events: none; }
/* Apply the animation permanently to ALL labels so their internal clocks are forever synced */
.special-label {
display: inline-block; width: 4vh; height: 4vh; line-height: 3.5vh; text-align: center;
margin: 0 4px 0px 4px;
font-size: 2vh; border-radius: 3px;
background-color: #666; color: #333; text-shadow: none;
vertical-align: top;
animation: mm-special-blink 0.5s infinite;
}
/* Checked State: Locks solid lit (Using !important to override the animation without stopping the clock) */
.special-chk:checked + .special-label {
background-color: #f2d57e !important; color: #222 !important; text-shadow: none !important;
box-shadow: inset 0 0 12px rgba(0,0,0,0.6), inset 0 0 4px rgba(0,0,0,0.4), 0 0 10px rgba(242, 213, 126, 0.6) !important;
}
/* Disabled State: Dark unpowered casing (Using !important to override the animation) */
.special-chk:disabled:not(:checked) + .special-label {
background-color: #666 !important; color: #333 !important;
border-top-color: #444 !important; border-left-color: #444 !important; border-bottom-color: #111 !important; border-right-color: #222 !important;
text-shadow: none !important; cursor: not-allowed !important; box-shadow: inset 0 0 10px rgba(0,0,0,0.8) !important;
}
/* Map Section (Now 81% height to make room for the Top Bar) */
#td-board { height: 81vh !important; width: 100vw !important; background: #1a1a1a; position: relative; display: none; overflow: hidden; }
.demo-blur { filter: blur(4px) brightness(0.6); }
#td-canvas { width: 100% !important; height: 100% !important; display: block; z-index: 1; pointer-events: auto; }
/* NEW: Environmental Effect Animations */
@keyframes env-pan-left { from { background-position: 0px 0px; } to { background-position: -2000px 0px; } }
@keyframes env-pan-right { from { background-position: 0px 0px; } to { background-position: 2000px 0px; } }
@keyframes env-pan-up { from { background-position: 0px 0px; } to { background-position: 0px -2000px; } }
@keyframes env-pan-down { from { background-position: 0px 0px; } to { background-position: 0px 2000px; } }
@keyframes env-fade { 0%, 100% { opacity: 0; } 50% { opacity: var(--env-opacity, 1.0); } }
/* NEW: Damage Screen Shake */
@keyframes damage-shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}
.shake-active { animation: damage-shake 0.4s; }
/* Control Panel Section (15% height) */
#control-panel {
width: 100vw !important; height: 15vh !important; min-height: 15vh !important; max-height: 15vh !important;
background-color: #2c3322;
background-image:
url('assets/images/green-dust-and-scratches.png'),
url('assets/images/snow.png'),
url('assets/images/white-wall-3-2.png'),
url('assets/images/scratch.png'),
url('assets/images/mooning.png');
background-repeat: repeat, repeat, repeat, repeat;
background-blend-mode: overlay, overlay, overlay, overlay;
border-top: 3px solid #6b7552; border-bottom: none !important; /* Removed thick bottom border to gain space */
box-shadow: 0 -4px 15px rgba(0,0,0,0.9);
position: relative; z-index: 10;
display: none; padding: 0.5vh 1vw; box-sizing: border-box;
}
/* Authentic Nixie Tube Container */
.nixie-board { display: flex; gap: 4px; align-items: center; justify-content: flex-end; }
/* The Glass Vacuum Tube & Inner Gas Glow */
.nixie-tube {
display: inline-block; position: relative;
/* Soft ambient gas glow inside the glass */
background: radial-gradient(circle at center, rgba(180, 40, 0, 0.2) 0%, #030100 80%);
border-radius: 4px 4px 2px 2px; border: 1px solid #1a1a1a; border-bottom: 2px solid #000;
width: 1.4vw; height: 3.2vh;
box-shadow: inset 1px 1px 3px rgba(255,255,255,0.05), inset -2px -2px 5px rgba(0,0,0,0.9), 1px 1px 2px rgba(0,0,0,0.6);
/* Assigning the newly loaded TT Chocolates font */
font-family: 'TTChocolates', sans-serif; font-size: 2.8vh; font-weight: normal;
text-align: center; line-height: 3.2vh;
overflow: hidden;
}
/* The Hex Mesh & Glass Curve (Sits IN FRONT of everything) */
.nixie-tube::after {
content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
background:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14'%3E%3Cpath d='M0 3.5L4 1.2l4 2.3v4.6L4 10.4L0 8.1V3.5z M4 10.4l4 2.3v4.6l-4 2.3l-4-2.3v-4.6L4 10.4z' fill='none' stroke='rgba(0,0,0,0.4)' stroke-width='0.8'/%3E%3C/svg%3E");
z-index: 5; pointer-events: none;
/* Removed the white linear-gradient to kill the gray smudge */
}
/* Individual Wire Filaments (Dormant State) */
.nixie-wire {
position: absolute; top: 0; left: 0; right: 0; bottom: 0;
z-index: 1;
display: block; /* Removed flexbox for manual centering */
text-align: center;
line-height: 3.6vh; /* Pushes the text down to center it */
color: transparent;
opacity: 0; /* Hides the bulky outline blob completely */
transition: opacity 0.1s;
}
/* The Active Glowing Wire & 5 Random Flicker Profiles */
@keyframes nixie-flicker-1 {
0% { opacity: 0; } 10% { opacity: 0.8; } 15% { opacity: 0.1; } 25% { opacity: 0.9; } 30% { opacity: 0.2; } 45% { opacity: 0.6; } 100% { opacity: 1; }
}
@keyframes nixie-flicker-2 {
0% { opacity: 0; } 5% { opacity: 0.5; } 10% { opacity: 0; } 30% { opacity: 1; } 40% { opacity: 0.3; } 60% { opacity: 0.8; } 100% { opacity: 1; }
}
@keyframes nixie-flicker-3 {
0% { opacity: 0; } 20% { opacity: 1; } 25% { opacity: 0.2; } 35% { opacity: 0.7; } 50% { opacity: 0.1; } 65% { opacity: 0.9; } 100% { opacity: 1; }
}
@keyframes nixie-flicker-4 {
0% { opacity: 0; } 15% { opacity: 0.6; } 20% { opacity: 0.1; } 40% { opacity: 0.8; } 45% { opacity: 0.4; } 70% { opacity: 0.9; } 100% { opacity: 1; }
}
@keyframes nixie-flicker-5 {
0% { opacity: 0; } 8% { opacity: 1; } 18% { opacity: 0.2; } 28% { opacity: 0.9; } 38% { opacity: 0.3; } 58% { opacity: 0.8; } 100% { opacity: 1; }
}
.nixie-wire.warm-up-1 { animation: nixie-flicker-1 2.2s ease-in 0.4s both !important; }
.nixie-wire.warm-up-2 { animation: nixie-flicker-2 2.6s ease-in 0.6s both !important; }
.nixie-wire.warm-up-3 { animation: nixie-flicker-3 2.0s ease-in 0.3s both !important; }
.nixie-wire.warm-up-4 { animation: nixie-flicker-4 2.8s ease-in 0.8s both !important; }
.nixie-wire.warm-up-5 { animation: nixie-flicker-5 2.4s ease-in 0.5s both !important; }
.nixie-wire.active {
z-index: 3;
color: #fff3d4;
opacity: 1;
-webkit-text-stroke: 0px;
text-shadow:
0 0 2px #ffaa00,
0 0 4px #ff5500,
0 0 8px #ff2200,
0 0 15px #ff0000;
/* Animation removed from here, applied via JS classes instead */
}
/* Gas Ignition Flicker Animation */
@keyframes neon-flicker {
0% { opacity: 0.1; text-shadow: none; color: rgba(255,255,255,0.1); }
10% { opacity: 1.0; text-shadow: 0 0 10px #ff0000; }
20% { opacity: 0.2; text-shadow: none; color: rgba(255,255,255,0.2); }
30% { opacity: 0.8; text-shadow: 0 0 5px #ff5500; }
40% { opacity: 0.1; text-shadow: none; }
50% { opacity: 1.0; text-shadow: 0 0 2px #ffaa00, 0 0 5px #ff5500, 0 0 10px #ff2200; }
100% { opacity: 1.0; }
}
.nixie-wire.igniting { animation: neon-flicker 0.3s ease-out forwards; }
/* Raised Metal Plate for Static Symbols (%) */
.nixie-plate {
display: inline-block; background: linear-gradient(to bottom, #333, #222); color: #ffaa00;
font-family: 'TTChocolates', sans-serif; font-weight: bold; font-size: 2vh;
border-radius: 2px; border: 1px solid #1a1a1a; border-top: 2px solid #555; border-left: 2px solid #555;
box-shadow: 1px 1px 3px rgba(0,0,0,0.6); text-shadow: 1px 1px 0px #000;
width: 1.2vw; height: 3.2vh; text-align: center; line-height: 3vh; margin-left: 2px;
}
/* Critical Health Warning Pulse */
@keyframes critical-pulse { 0% { opacity: 0.4; } 100% { opacity: 1; } }
.nixie-tube.critical .nixie-wire.active {
color: rgba(255, 150, 150, 0.9);
text-shadow: 0 0 4px #ff0000, 0 0 10px #cc0000, 0 0 20px #880000;
animation: critical-pulse 0.5s infinite alternate;
}
/* Layout for Panel */
.panel-col { display: flex; flex-direction: column; justify-content: flex-start; height: 100%; overflow: hidden; padding-top: 0; }
.panel-title { color: #aaa; font-weight: bold; font-size: 1.4vh; text-transform: uppercase; border-bottom: 1px solid #555; padding-bottom: 0.2vh; margin-top: 0; margin-bottom: 0.5vh; letter-spacing: 1px; line-height: 1; }
/* CRITICAL FIX: Shrunk font size and line height so it doesn't push off the screen */
.stat-line { color: #ddd; font-size: 1.4vh; margin-bottom: 0.2vh; line-height: 1.1; }
.highlight { color: #4caf50; font-weight: bold; }
/* Buttons - Forced Horizontal */
.build-grid { display: flex; flex-wrap: nowrap; gap: 0.5vw; width: 100%; justify-content: space-between; margin-top: 0.2vh; align-content: flex-start; }
/* Button Flicker Animations */
@keyframes flicker-on {
0% { opacity: 0.2; text-shadow: none; }
10% { opacity: 1; text-shadow: 0 0 8px #ff8800; }
20% { opacity: 0.2; text-shadow: none; }
30% { opacity: 1; text-shadow: 0 0 5px #ff8800; }
50% { opacity: 0.2; text-shadow: none; }
100% { opacity: 1; text-shadow: 0 0 8px #ff8800, 0 0 2px #fff; }
}
/* ---------------------------------------------------- */
/* DIRTY INCANDESCENT PUSH BUTTONS */
/* ---------------------------------------------------- */
/* Global CSS Variables for the Dashboard */
:root {
--btn-off: #666666; /* Dark unpowered hardware */
--btn-on: #f2d57e; /* Yellow backlit */
--power-level: 1; /* Defaults to full power */
}
/* Base Bezel & Structure (Always Off by default) */
.cmd-btn, .sys-btn {
position: relative;
background-color: var(--btn-off) !important;
/* ENGRAVED TEXT GLOBALLY */
color: #333333 !important;
text-shadow: none !important;
/* MODERATE CASING: Reduced from 4px back to 2px/3px */
border: 2px solid #222 !important;
border-top: 2px solid #555 !important;
border-left: 2px solid #444 !important;
border-bottom: 3px solid #0a0a0a !important;
border-right: 3px solid #111 !important;
height: 3.2vh; padding: 0 0.2vw;
display: flex !important; align-items: center !important; justify-content: center !important;
font-size: 1.2vh; font-family: Arial, Helvetica, sans-serif; font-weight: bold;
text-transform: uppercase; flex: 1; text-align: center; cursor: pointer !important; border-radius: 3px;
white-space: nowrap; text-overflow: ellipsis; /* Removed overflow: hidden to allow the glow to bleed out! */
min-width: 0; /* CRITICAL FIX: Stops Flexbox from expanding when text gets longer */
/* MODERATE DROP SHADOW */
box-shadow: inset 0 0 12px rgba(0,0,0,0.6), inset 0 0 4px rgba(0,0,0,0.4), 2px 2px 5px rgba(0,0,0,0.9) !important;
transition: transform 0.05s, box-shadow 0.05s !important;
opacity: 1 !important;
z-index: 1;
}
/* The Hidden Backlight Layer */
.cmd-btn::before, .sys-btn::before {
content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
background-color: var(--btn-on);
/* Added the 10px outer glow here! */
box-shadow: inset 0 0 12px rgba(0,0,0,0.6), inset 0 0 4px rgba(0,0,0,0.4), 0 0 10px rgba(242, 213, 126, 0.6);
opacity: 0; /* Off by default */
z-index: -1;
transition: opacity 0.05s; /* Very fast transition for organic sputtering */
}
/* ENABLED STATE (Backlight ON) - Regulated by --power-level */
.cmd-btn:not(:disabled):not(.unlit)::before,
.sys-btn:not(:disabled):not(.unlit)::before {
opacity: var(--power-level);
}
.cmd-btn:not(:disabled):not(.unlit),
.sys-btn:not(:disabled):not(.unlit) {
color: #222222 !important;
text-shadow: none !important;
}
/* UNAVAILABLE / LOCKED / DISABLED STATE (Dark unpowered hardware) */
.cmd-btn:disabled, .sys-btn:disabled, .cmd-btn.unlit, .sys-btn.unlit {
background-color: #555 !important;
color: #222 !important;
-webkit-text-fill-color: #222 !important; /* Force override any weird inline colors */
border-top: 2px solid #444 !important;
border-left: 2px solid #444 !important;
border-bottom: 3px solid #111 !important;
border-right: 3px solid #222 !important;
text-shadow: none !important;
cursor: not-allowed !important;
box-shadow: inset 0 0 10px rgba(0,0,0,0.8) !important;
}
/* Completely kill the internal lightbulb if disabled */
.cmd-btn:disabled::before, .sys-btn:disabled::before, .cmd-btn.unlit::before, .sys-btn.unlit::before {
display: none !important;
}
/* GAME OVER STATE (Kill all power to buttons and Nixies) */
body.game-over-dead .cmd-btn, body.game-over-dead .sys-btn {
background-color: #333 !important;
color: #111 !important;
-webkit-text-fill-color: #111 !important; /* Force override any weird inline colors */
border-top: 2px solid #222 !important; border-left: 2px solid #222 !important; border-bottom: 3px solid #000 !important; border-right: 3px solid #111 !important;
box-shadow: inset 0 0 10px rgba(0,0,0,0.9) !important;
text-shadow: none !important;
pointer-events: none !important;
transition: all 2s ease-out !important;
}
body.game-over-dead .cmd-btn::before, body.game-over-dead .sys-btn::before {
opacity: 0 !important;
transition: opacity 2s ease-out !important;
}
/* Soft Emergency Breathing Animation */
@keyframes emergency-pulse {
0% { background-color: rgba(204, 68, 68, 0.2); box-shadow: inset 0 0 12px rgba(0,0,0,0.6), inset 0 0 4px rgba(0,0,0,0.4), 0 0 5px rgba(200, 50, 50, 0.2); }
50% { background-color: rgba(204, 68, 68, 0.9); box-shadow: inset 0 0 12px rgba(0,0,0,0.6), inset 0 0 4px rgba(0,0,0,0.4), 0 0 15px rgba(255, 50, 50, 0.8); }
100% { background-color: rgba(204, 68, 68, 0.2); box-shadow: inset 0 0 12px rgba(0,0,0,0.6), inset 0 0 4px rgba(0,0,0,0.4), 0 0 5px rgba(200, 50, 50, 0.2); }
}
/* EMERGENCY RED POWER (Keep Restart and Main Menu buttons alive and pulsing) */
body.game-over-dead #ui-btn-restart, body.game-over-dead #ui-btn-exit {
background-color: #2a1111 !important; /* Dark, muddy reddish-brown */
color: #222 !important;
-webkit-text-fill-color: #222 !important;
pointer-events: auto !important; /* Keep them clickable! */
transition: none !important; /* Prevents fighting with the fade-out */
}
body.game-over-dead #ui-btn-restart::before, body.game-over-dead #ui-btn-exit::before {
display: block !important; /* Ensures the lightbulb isn't hidden if disabled */
opacity: 1 !important; /* Force opacity on, letting the animation control the alpha colors */
animation: emergency-pulse 2s ease-in-out infinite !important;
transition: none !important;
}
@keyframes vats-breathe {
0%, 100% { opacity: 0.3; box-shadow: inset 0 0 12px rgba(0,0,0,0.6), inset 0 0 4px rgba(0,0,0,0.4), 0 0 5px rgba(242, 213, 126, 0.4); }
50% { opacity: 1.0; box-shadow: inset 0 0 12px rgba(0,0,0,0.6), inset 0 0 4px rgba(0,0,0,0.4), 0 0 20px rgba(242, 213, 126, 1.0); }
}
.vats-charged-glow { color: #222 !important; background-color: var(--btn-off) !important; text-shadow: none !important; }
.vats-charged-glow::before {
display: block !important;
animation: vats-breathe 2s ease-in-out infinite !important;
}
/* Fade out Nixie Tubes */
body.game-over-dead .nixie-wire.active {
color: #111 !important; text-shadow: none !important;
transition: color 2s ease-out, text-shadow 2s ease-out !important;
}
/* PRESSED STATE (Straight Inward) */
.cmd-btn:active:not(:disabled):not(.unlit), .sys-btn:active:not(:disabled):not(.unlit) {
border-top: 3px solid #000 !important;
border-left: 3px solid #000 !important;
border-bottom: 2px solid #444 !important;
border-right: 2px solid #444 !important;
/* Heavy inner shadow, completely killed outer drop shadow to mimic pressing flush into panel */
box-shadow: inset 2px 2px 10px rgba(0,0,0,0.9), 0px 0px 0px rgba(0,0,0,0) !important;
transform: scale(0.98) !important; /* Shrinks straight inward slightly */
}
/* ---------------------------------------------------- */
/* FLUORESCENT JAGGED FLICKER ANIMATIONS */
/* ---------------------------------------------------- */
@keyframes btn-flicker-1 { 0% { opacity: 0; } 10% { opacity: 0.8; } 12% { opacity: 0; } 25% { opacity: 1; } 28% { opacity: 0; } 45% { opacity: 0.9; } 48% { opacity: 0; } 60% { opacity: 1; } 100% { opacity: 1; } }
@keyframes btn-flicker-2 { 0% { opacity: 0; } 5% { opacity: 0.4; } 8% { opacity: 0; } 30% { opacity: 1; } 32% { opacity: 0; } 50% { opacity: 0.8; } 55% { opacity: 0; } 65% { opacity: 1; } 100% { opacity: 1; } }
@keyframes btn-flicker-3 { 0% { opacity: 0; } 15% { opacity: 1; } 18% { opacity: 0; } 35% { opacity: 0.9; } 38% { opacity: 0; } 55% { opacity: 0.6; } 58% { opacity: 0; } 70% { opacity: 1; } 100% { opacity: 1; } }
@keyframes btn-flicker-4 { 0% { opacity: 0; } 20% { opacity: 0.6; } 22% { opacity: 0; } 40% { opacity: 1; } 44% { opacity: 0; } 60% { opacity: 0.7; } 63% { opacity: 0; } 80% { opacity: 1; } 100% { opacity: 1; } }
@keyframes btn-flicker-5 { 0% { opacity: 0; } 8% { opacity: 1; } 12% { opacity: 0; } 28% { opacity: 0.9; } 32% { opacity: 0; } 48% { opacity: 0.5; } 52% { opacity: 0; } 68% { opacity: 1; } 100% { opacity: 1; } }
@keyframes btn-flicker-fade { 0% { opacity: 0; } 100% { opacity: 1; } }
.warm-up-1::before { animation: btn-flicker-1 0.6s step-end 0.1s both !important; }
.warm-up-2::before { animation: btn-flicker-2 0.7s step-end 0.15s both !important; }
.warm-up-3::before { animation: btn-flicker-3 0.55s step-end 0.05s both !important; }
.warm-up-4::before { animation: btn-flicker-4 0.75s step-end 0.2s both !important; }
.warm-up-5::before { animation: btn-flicker-5 0.65s step-end 0.1s both !important; }
.warm-up-fade::before { animation: btn-flicker-fade 1s ease-in both !important; }
/* --- NEW: Wasteland Guide Icon & Book Modal --- */
.guide-icon {
position: absolute; cursor: pointer; z-index: 1500;
filter: drop-shadow(3px 5px 5px rgba(0,0,0,0.8));
transition: transform 0.2s ease;
}
.guide-icon:hover { transform: scale(1.15) rotate(-3deg); }
/* Menu Icon: Bottom Right of the Menu Box */
#guide-icon-menu { bottom: 15px; right: 15px; width: 60px; height: auto; }
/* Game Icon: Top Right overlapping the Top Bar */
#guide-icon-game { top: 0.5vh; right: 2vw; width: 45px; height: auto; }
#guide-modal-overlay {
display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;
background: rgba(0,0,0,0.8); z-index: 100000; justify-content: center; align-items: center;
}
#guide-book {
display: flex; width: 80vw; max-width: 900px; height: 75vh;
background-color: #d8ceb9; /* Old parchment color */
background-image: url('assets/images/scratch.png'); background-blend-mode: multiply;
border-radius: 5px; box-shadow: 0 20px 50px rgba(0,0,0,0.9), inset 0 0 40px rgba(100,80,50,0.5);
color: #2b2013; font-family: 'Courier New', Courier, monospace;
position: relative;
}
/* Book Binding (Spine shadow) */
#guide-book::after {
content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 40px; transform: translateX(-50%);
background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 20%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.2) 80%, rgba(0,0,0,0) 100%);
pointer-events: none;
}
.guide-page {
flex: 1; padding: 40px; overflow-y: auto; box-sizing: border-box; position: relative;
}
.guide-page h2 { text-transform: uppercase; font-family: 'Overseer', sans-serif; font-size: 3.5vh; border-bottom: 2px solid #2b2013; padding-bottom: 5px; margin-top:0; text-align: center; }
.guide-page h3 { text-transform: uppercase; margin-bottom: 5px; border-bottom: 1px dashed #555; display: inline-block;}
.guide-toc li { margin-bottom: 15px; font-weight: bold; cursor: pointer; text-decoration: underline; }
.guide-toc li:hover { color: #500; }
.close-guide { position: absolute; top: 15px; right: 20px; font-size: 35px; font-weight: bold; cursor: pointer; color: #2b2013; z-index: 10; }
/* NEW: Pause Menu Dimming & Flashing */
/* 1. Unpower all OTHER buttons */
body.is-paused .cmd-btn:not(#ui-btn-pause),
body.is-paused .sys-btn:not(#ui-btn-pause) {
background-color: #555 !important;
color: #222 !important;
-webkit-text-fill-color: #222 !important;
border-top: 2px solid #444 !important;
border-left: 2px solid #444 !important;
border-bottom: 3px solid #111 !important;
border-right: 3px solid #222 !important;
text-shadow: none !important;
box-shadow: inset 0 0 10px rgba(0,0,0,0.8) !important;
pointer-events: none !important;
}
/* 2. Turn off the hidden lightbulb for all OTHER buttons */
body.is-paused .cmd-btn:not(#ui-btn-pause)::before,
body.is-paused .sys-btn:not(#ui-btn-pause)::before {
display: none !important;
}
/* 3. The Flashing Animation for the Lightbulb (0.75s blink -> 1.5s total cycle) */
@keyframes pause-light-blink {
0%, 49.9% { opacity: 1; }
50%, 100% { opacity: 0; }
}
/* 4. Force the CONTINUE button to have the fully dark, shadowless base state */
body.is-paused #ui-btn-pause {
background-color: #555 !important;
color: #222 !important;
-webkit-text-fill-color: #222 !important;
border-top: 2px solid #444 !important;
border-left: 2px solid #444 !important;
border-bottom: 3px solid #111 !important;
border-right: 3px solid #222 !important;
box-shadow: inset 0 0 10px rgba(0,0,0,0.8) !important; /* Strips the outer drop shadow */
}
/* 5. Let the blinking lightbulb push its shadow past the 3px borders (5px offset) */
body.is-paused #ui-btn-pause::before {
display: block !important;
animation: pause-light-blink 1.5s infinite !important;
transition: none !important;
box-shadow: inset 0 0 12px rgba(0,0,0,0.6), inset 0 0 4px rgba(0,0,0,0.4), 0 0 10px rgba(242, 213, 126, 0.6), 5px 5px 5px rgba(0,0,0,0.9) !important;
}
</style>
</head>
<body id="tower-defense">
<div id="audio-preloads" style="display:none;">
<!-- Sound Effects -->
<audio id="snd_gun_light" src="assets/sounds/gun_light.mp3" preload="auto"></audio>
<audio id="snd_gun_heavy" src="assets/sounds/gun_heavy.mp3" preload="auto"></audio>
<audio id="snd_machine_gun" src="assets/sounds/machine_gun.mp3" preload="auto"></audio>
<audio id="snd_shotgun" src="assets/sounds/shotgun.mp3" preload="auto"></audio>
<audio id="snd_missile_launch" src="assets/sounds/missile_launch.mp3" preload="auto"></audio>
<audio id="snd_laser_fire" src="assets/sounds/laser_fire.mp3" preload="auto"></audio>
<audio id="snd_explosion" src="assets/sounds/explosion.mp3" preload="auto"></audio>
<!-- Background Music (Placeholders) -->
<audio id="bgm_menu" src="assets/music/menu_theme_placeholder.mp3" loop preload="auto"></audio>
<audio id="bgm_game" src="assets/music/battle_theme_placeholder.mp3" loop preload="auto"></audio>
</div>
<div id="game-container">
<div id="start-screen">
<h1>Wasteland Defense</h1>
<!-- Game Type Selector -->
<div class="menu-header" onmouseover="document.getElementById('tower-tooltip').style.display='block'; document.getElementById('tower-tooltip').innerText='Game Mode\n\nChoose your game mode.\n- Campaign: 4 chapters, 15 waves each, permanent perks.\n- Endless: Infinite waves.\n- Custom Map: Build, save (.wd), and play your own sectors.\n- Assault: Reverse TD. Spawn units to destroy enemy bases.';" onmouseout="document.getElementById('tower-tooltip').style.display='none';">Select Game Mode</div>
<select id="gametype-select" class="menu-select" onmouseover="document.getElementById('tower-tooltip').style.display='block'; document.getElementById('tower-tooltip').innerText='Game Mode\n\nChoose your game mode.\n- Campaign: 4 chapters, 15 waves each, permanent perks.\n- Endless: Infinite waves.\n- Custom Map: Build, save (.wd), and play your own sectors.\n- Assault: Reverse TD. Spawn units to destroy enemy bases.';" onmouseout="document.getElementById('tower-tooltip').style.display='none';">
<option value="campaign" selected>Campaign</option>
<option value="endless">Endless Survival</option>
<option value="custom">Custom Map Builder</option>
<option value="assault">Wasteland Assault</option>
</select>
<!-- Dynamic Map Selector (Hidden in Campaign by default) -->
<div id="map-selection-group" style="display: none; width: 100%; text-align: center;">
<div class="menu-header">SECTOR SELECTION</div>
<select id="level-select" class="menu-select">
<option value="scene_level_1">Holo-Map: Open Field</option>
<option value="scene_level_2">Holo-Map: The Wall</option>
</select>
</div>
<!-- Faction Selector (Always Shown) -->
<div class="menu-header" onmouseover="document.getElementById('tower-tooltip').style.display='block'; document.getElementById('tower-tooltip').innerText='Faction\n\nSelect your faction. Each faction offers unique defensive towers and playstyles.';" onmouseout="document.getElementById('tower-tooltip').style.display='none';">Select Faction</div>
<select id="faction-select" class="menu-select" onmouseover="document.getElementById('tower-tooltip').style.display='block'; document.getElementById('tower-tooltip').innerText='Faction\n\nSelect your faction. Each faction offers unique defensive towers and playstyles.';" onmouseout="document.getElementById('tower-tooltip').style.display='none';">
<option value="NCR" selected>New California Republic (NCR)</option>
<option value="BOS">Brotherhood of Steel</option>
<option value="MINUTEMEN">Minutemen</option>
<option value="RAIDERS">Raiders</option>
</select>
<!-- S.P.E.C.I.A.L. Loadout (Shown in Campaign by default) -->
<div id="special-selection-group" style="color: #4caf50; margin-bottom: 25px; text-align: center;">
<div class="menu-header" style="margin-bottom: 10px;">S.P.E.C.I.A.L. LOADOUT (Pick 3)</div>
<label style="position: relative; display: inline-block;" onmouseover="document.getElementById('tower-tooltip').style.display='block'; document.getElementById('tower-tooltip').innerHTML='<b style=\'color:#f2d57e\'>STRENGTH</b><br>Passive: Towers deal +15% Damage.<br>Active: Massive 15-second combat boost.';" onmouseout="document.getElementById('tower-tooltip').style.display='none';">
<input type="checkbox" class="special-chk" value="S"><div class="special-label">S</div>
</label>
<label style="position: relative; display: inline-block;" onmouseover="document.getElementById('tower-tooltip').style.display='block'; document.getElementById('tower-tooltip').innerHTML='<b style=\'color:#f2d57e\'>PERCEPTION</b><br>Passive: Towers gain +2 Range.<br>Active: 15s of infinite map-wide range.';" onmouseout="document.getElementById('tower-tooltip').style.display='none';">
<input type="checkbox" class="special-chk" value="P"><div class="special-label">P</div>
</label>
<label style="position: relative; display: inline-block;" onmouseover="document.getElementById('tower-tooltip').style.display='block'; document.getElementById('tower-tooltip').innerHTML='<b style=\'color:#f2d57e\'>ENDURANCE</b><br>Passive: +50% Base Health/Lives.<br>Active: 15-second defensive boost.';" onmouseout="document.getElementById('tower-tooltip').style.display='none';">
<input type="checkbox" class="special-chk" value="E"><div class="special-label">E</div>
</label>
<label style="position: relative; display: inline-block;" onmouseover="document.getElementById('tower-tooltip').style.display='block'; document.getElementById('tower-tooltip').innerHTML='<b style=\'color:#f2d57e\'>CHARISMA</b><br>Passive: Towers & Upgrades cost 15% less.<br>Active: Drops 15 Cap Stashes from the sky.';" onmouseout="document.getElementById('tower-tooltip').style.display='none';">
<input type="checkbox" class="special-chk" value="C"><div class="special-label">C</div>
</label>
<label style="position: relative; display: inline-block;" onmouseover="document.getElementById('tower-tooltip').style.display='block'; document.getElementById('tower-tooltip').innerHTML='<b style=\'color:#f2d57e\'>INTELLIGENCE</b><br>Passive: Towers need 15% less XP to level.<br>Active: Instantly grants all towers 100 XP.';" onmouseout="document.getElementById('tower-tooltip').style.display='none';">
<input type="checkbox" class="special-chk" value="I"><div class="special-label">I</div>
</label>
<label style="position: relative; display: inline-block;" onmouseover="document.getElementById('tower-tooltip').style.display='block'; document.getElementById('tower-tooltip').innerHTML='<b style=\'color:#f2d57e\'>AGILITY</b><br>Passive: +15% Fire Rate & Cooldown Speed.<br>Active: Instantly resets all consumable cooldowns.';" onmouseout="document.getElementById('tower-tooltip').style.display='none';">
<input type="checkbox" class="special-chk" value="A"><div class="special-label">A</div>
</label>
<label style="position: relative; display: inline-block;" onmouseover="document.getElementById('tower-tooltip').style.display='block'; document.getElementById('tower-tooltip').innerHTML='<b style=\'color:#f2d57e\'>LUCK</b><br>Passive: Increased chance of loot drops.<br>Active: Drops 5 Lunchboxes randomly on the map.';" onmouseout="document.getElementById('tower-tooltip').style.display='none';">
<input type="checkbox" class="special-chk" value="L"><div class="special-label">L</div>
</label>
</div>
<!-- Difficulty Selector -->
<div class="menu-header" onmouseover="document.getElementById('tower-tooltip').style.display='block'; document.getElementById('tower-tooltip').innerText='Difficulty\n\nSelect the threat level. Higher difficulties increase enemy health and numbers.';" onmouseout="document.getElementById('tower-tooltip').style.display='none';">Select Difficulty</div>
<select id="difficulty-select" class="menu-select" onmouseover="document.getElementById('tower-tooltip').style.display='block'; document.getElementById('tower-tooltip').innerText='Difficulty\n\nSelect the threat level. Higher difficulties increase enemy health and numbers.';" onmouseout="document.getElementById('tower-tooltip').style.display='none';">
<option value="0.5">Vaultie (Easy)</option>
<option value="1.0" selected>Wastelander (Normal)</option>
<option value="2.0">Survivalist (Hard)</option>
</select>
<div style="display: flex; gap: 10px; width: 350px; max-width: 80%; margin: 0 auto;">
<button id="btn-start" style="flex: 1; margin: 0; padding: 10px 0; font-size: 2.2vh;">Play Game</button>
<button id="btn-load-game" title="Load Game" style="flex: 0 0 60px; margin: 0; padding: 10px 0; display: flex; justify-content: center; align-items: center; border-radius: 3px; border: 2px solid #222; border-top: 2px solid #555; border-left: 2px solid #444; border-bottom: 3px solid #0a0a0a; border-right: 3px solid #111; background-color: #f2d57e; color: #222222; text-shadow: none; box-shadow: inset 0 0 12px rgba(0,0,0,0.6), inset 0 0 4px rgba(0,0,0,0.4), 0 0 10px rgba(242, 213, 126, 0.6); cursor: pointer; transition: transform 0.05s, box-shadow 0.05s;">
<svg width="2.5vh" height="2.5vh" viewBox="0 0 24 24" fill="none" stroke="#222" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"></path>
<polyline points="17 21 17 13 7 13 7 21"></polyline>
<polyline points="7 3 7 8 15 8"></polyline>
</svg>
</button>
</div>
<input type="file" id="input-load-game" accept=".json" style="display: none;">
<!-- Menu Guide Icon -->
<img id="guide-icon-menu" class="guide-icon" src="assets/images/guide.png" alt="Survival Guide" title="Read the Survival Guide" onclick="document.getElementById('guide-modal-overlay').style.display='flex';" />
</div>
<!-- NEW SOLID TOP INFORMATION BAR -->
<div id="top-bar" style="height: 4vh; background-color: #2c3322; background-image: url('assets/images/green-dust-and-scratches.png'), url('assets/images/snow.png'), url('assets/images/scratch.png'), url('assets/images/white-wall-3-2.png'), url('assets/images/mooning.png'); background-repeat: repeat, repeat, repeat, repeat; background-blend-mode: overlay, overlay, overlay, overlay; border-top: 2px solid #6a7354; border-bottom: 3px solid #1a1d13; box-shadow: 0 5px 15px rgba(0,0,0,0.8); display: none; justify-content: center; align-items: center; padding: 0 2vw; overflow: hidden; position: relative; z-index: 10;">
<div id="ui-intel-brief" style="width: 100%; position: relative; color: #d1d8b6; font-family: 'Courier New', Courier, monospace; font-size: 2.2vh; font-weight: bold; letter-spacing: 1px; white-space: nowrap; text-shadow: 1px 1px 3px #000; display: flex; align-items: center; justify-content: center; height: 100%;">
<!-- UNIFIED INTEL STATE -->
<div id="intel-state-wave" style="position: absolute; width: 100%; height: 100%; left: 0; display: flex; align-items: center; transition: opacity 0.5s;">
<span id="intel-wave-label" style="color: #ffcc00; padding: 0 10px; z-index: 5;">WAVE 0:</span>
<!-- Custom Live Combat Log -->
<div id="intel-ticker-container" style="flex: 1; position: relative; padding-left: 15px; height: 100%; display: flex; align-items: center;">
<div id="intel-ticker-text" style="color: #e0e0e0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%;">[AWAITING COMBAT TELEMETRY...]</div>
</div>
</div>
</div>
</div>
<div id="td-board" style="display: flex; flex-direction: column; flex-grow: 1; position: relative;">
<!-- NEW: Environmental Effect Layer -->
<div id="env-effect-overlay" style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; pointer-events: none; background-repeat: repeat; display: none;"></div>
<!-- NEW: Screen Crack Overlays (Staggered Placements) -->
<img id="damage-overlay-70" src="assets/images/crushed_6813104.png" style="position: absolute; width: 35%; height: auto; pointer-events: none; z-index: 50; opacity: 0;" />
<img id="damage-overlay-50" src="assets/images/crushed_6813104.png" style="position: absolute; width: 35%; height: auto; pointer-events: none; z-index: 51; opacity: 0;" />
<img id="damage-overlay-30" src="assets/images/crushed_6813104.png" style="position: absolute; width: 35%; height: auto; pointer-events: none; z-index: 52; opacity: 0;" />
<img id="damage-overlay-10" src="assets/images/crushed_6813104.png" style="position: absolute; width: 35%; height: auto; pointer-events: none; z-index: 53; opacity: 0;" />
<!-- NEW: V.A.T.S. Overlay -->
<div id="vats-overlay" style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 255, 0, 0.15); pointer-events: none; z-index: 55; display: none; box-shadow: inset 0 0 100px rgba(0, 255, 0, 0.5); mix-blend-mode: overlay;"></div>
<!-- NEW: Static Noise Signal Lost Layer -->
<div id="signal-lost-overlay" style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url('assets/images/noise.gif'); background-repeat: repeat; z-index: 54; display: none; pointer-events: none; mix-blend-mode: hard-light; opacity: 0.9;"></div>
<!-- NEW: HTML Game Over Text (Classic Terminal Style) -->
<div id="game-over-text" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 60; display: none; pointer-events: none; text-align: center; background-color: rgba(0, 0, 0, 0.9); padding: 40px 80px; border: 2px solid #4caf50; border-radius: 4px; box-shadow: 0 0 20px rgba(76, 175, 80, 0.4);">
<h1 style="font-family: 'Courier New', monospace; font-size: 6vh; color: #4caf50; text-shadow: 0 0 10px rgba(76,175,80,0.8); margin: 0; letter-spacing: 2px; -webkit-text-stroke: 0px;">CONNECTION LOST</h1>
<!-- POST-GAME STATS -->
<div style="margin-top: 25px; font-family: 'Courier New', monospace; font-size: 2.2vh; color: #aaffaa; text-align: left; display: inline-block; padding: 15px 30px; border: 1px dashed #4caf50; background: rgba(0,20,0,0.5);">
<div style="margin-bottom: 5px;">WAVES SURVIVED:<span id="go-stat-waves" style="float: right; font-weight: bold; color: #fff; margin-left: 30px;">0</span></div>
<div style="margin-bottom: 5px;">TOTAL SCORE:<span id="go-stat-score" style="float: right; font-weight: bold; color: #fff; margin-left: 30px;">0</span></div>
<div style="margin-bottom: 5px;">CAPS ACQUIRED:<span id="go-stat-caps" style="float: right; font-weight: bold; color: #fff; margin-left: 30px;">0</span></div>
<div style="margin-bottom: 5px;">SHOTS FIRED:<span id="go-stat-shots" style="float: right; font-weight: bold; color: #fff; margin-left: 30px;">0</span></div>
<div>MVP TOWER:<span id="go-stat-mvp" style="float: right; font-weight: bold; color: #ffcc00; margin-left: 30px;">NONE</span></div>
</div>
<p style="font-family: 'Courier New', monospace; font-size: 2.5vh; color: #4caf50; text-shadow: none; margin-top: 25px; font-weight: bold;" class="blink-text">> REBOOT SYSTEM CONSOLE_</p>
</div>
<canvas id="td-canvas" width="1920" height="900" style="width: 100%; height: 100%; cursor: default;">Sorry, your browser does not support the HTML 5 Canvas tag.</canvas>
</div>
<div id="control-panel" style="display: flex; flex-direction: column;">
<!-- NEW: OVER-BEZEL HUD ELEMENT -->
<div id="ui-speed-readout" style="display: none; position: absolute; top: -2.5vh; right: 2vw; color: #ffcc00; font-family: 'Courier New', monospace; font-weight: bold; font-size: 2vh; text-shadow: 0 0 5px #ffaa00, 2px 2px 2px #000; z-index: 100;">
TIME DILATION: <span id="ui-speed-val" class="blink-text">>> 1X</span>
</div>
<!-- Bottom 5 Columns -->
<div style="display: flex; width: 100%; height: 100%; gap: 1vw; padding-top: 0.5vh;">
<!-- Col 1: System Status -->
<div class="panel-col" style="flex: 1.4; border-right: 2px solid #444; padding-right: 1vw;">
<div class="panel-title">SYSTEM STATUS</div>
<div class="stat-line" style="display: flex; justify-content: flex-start; align-items: center; margin-bottom: 0.5vh;">
<span style="font-weight: bold; color: #888; width: 3.5vw; display: inline-block;">CAPS</span>
<div id="ui-money-container" class="nixie-board" style="flex: 1; justify-content: flex-end;"></div>
</div>
<div class="stat-line" style="display: flex; justify-content: flex-start; align-items: center; margin-bottom: 0.5vh;">
<span style="font-weight: bold; color: #888; width: 3.5vw; display: inline-block;">SCORE</span>
<div id="ui-score-container" class="nixie-board" style="flex: 1; justify-content: flex-end;"></div>
</div>
<div class="stat-line" style="display: flex; justify-content: flex-start; align-items: center; margin-bottom: 0.5vh;">
<span id="ui-health-label" style="font-weight: bold; color: #888; width: 3.5vw; display: inline-block;">HEALTH</span>
<div id="ui-life-container" class="nixie-board" style="flex: 1; justify-content: flex-end;"></div>
</div>
<div class="stat-line" style="display: flex; justify-content: flex-start; align-items: center; margin-bottom: 0.5vh;">
<span style="font-weight: bold; color: #888; width: 3.5vw; display: inline-block;">WAVE</span>
<div id="ui-wave-container" class="nixie-board" style="flex: 1; justify-content: flex-end;"></div>
</div>
</div>
<!-- Col 2: The Arsenal (Narrowed to flex 4, 4x3 Grid) -->
<div class="panel-col" style="flex: 3.8; border-right: 2px solid #444; padding-right: 1vw;">
<div class="panel-title">THE ARSENAL</div>
<div class="build-grid" style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.5vh 0.5vw;">
<!-- Row 1 -->
<button id="btn-buy-tower-1" class="cmd-btn" style="flex: 1 1 22%;">TOWER 1</button>
<button id="btn-buy-tower-2" class="cmd-btn" style="flex: 1 1 22%;">TOWER 2</button>
<button id="btn-buy-tower-3" class="cmd-btn" style="flex: 1 1 22%;">TOWER 3</button>
<button id="btn-buy-tower-4" class="cmd-btn" style="flex: 1 1 22%;">TOWER 4</button>
<!-- Row 2 -->
<button id="btn-buy-tower-5" class="cmd-btn" style="flex: 1 1 22%; color: #888;" disabled>\[UNLOCK\]</button>
<button id="btn-buy-tower-6" class="cmd-btn" style="flex: 1 1 22%; color: #888;" disabled>\[UNLOCK\]</button>
<button id="btn-buy-tower-7" class="cmd-btn" style="flex: 1 1 22%; color: #888;" disabled>\[UNLOCK\]</button>
<button id="btn-buy-tower-8" class="cmd-btn" style="flex: 1 1 22%; color: #888;" disabled>\[UNLOCK\]</button>
<!-- Row 3 (Pushed down from rows 1 & 2) -->
<button id="btn-buy-tower-9" class="cmd-btn" style="flex: 1 1 22%; color: #888;" disabled>\[UNLOCK\]</button>
<button id="btn-buy-tower-10" class="cmd-btn" style="flex: 1 1 22%; color: #888;" disabled>\[UNLOCK\]</button>
<button id="btn-buy-tower-11" class="cmd-btn" style="flex: 1 1 22%;" title="Deploys a Mr. Handy to collect loot automatically. (Max 1)">MR. HANDY</button>
<div style="flex: 1 1 22%;"></div><!-- Spacer -->
</div>
</div>
<!-- Col 3: Consumables & S.P.E.C.I.A.L. -->
<div class="panel-col" style="flex: 2.0; border-right: 2px solid #444; padding-right: 1vw;">
<div class="panel-title">CONSUMABLES & S.P.E.C.I.A.L.</div>
<div class="build-grid" style="flex-wrap: wrap; gap: 0.5vh 0.5vw;">
<button id="btn-item-artillery" class="cmd-btn" style="flex: 1 1 30%;" title="Calls down a massive explosive strike." disabled>ARTILLERY</button>
<button id="btn-item-stimpak" class="cmd-btn" style="flex: 1 1 30%;" title="Heals 15 HP instantly (Max 100)." disabled>STIMPAK</button>
<button id="btn-item-psycho" class="cmd-btn" style="flex: 1 1 30%;" title="+25% Damage & Fire Rate for 10s." disabled>PSYCHO</button>
<button id="btn-item-cryomine" class="cmd-btn" style="flex: 1 1 30%;" title="Freezes and slows enemies in a radius." disabled>CRYO MINE</button>
<button id="btn-item-capmine" class="cmd-btn" style="flex: 1 1 30%;" title="Explodes into scattered Bottlecaps!" disabled>CAP MINE</button>
<button id="btn-item-blank" class="cmd-btn" style="flex: 1 1 30%; color: #888;" disabled>???</button>
</div>
<div class="build-grid" style="flex-wrap: nowrap; gap: 0.2vw; margin-top: 0.5vh;">
<button id="btn-special-s" class="cmd-btn sys-btn" style="flex: 1; background: #333; color: #888;" disabled>S</button>
<button id="btn-special-p" class="cmd-btn sys-btn" style="flex: 1; background: #333; color: #888;" disabled>P</button>
<button id="btn-special-e" class="cmd-btn sys-btn" style="flex: 1; background: #333; color: #888;" disabled>E</button>
<button id="btn-special-c" class="cmd-btn sys-btn" style="flex: 1; background: #333; color: #888;" disabled>C</button>
<button id="btn-special-i" class="cmd-btn sys-btn" style="flex: 1; background: #333; color: #888;" disabled>I</button>
<button id="btn-special-a" class="cmd-btn sys-btn" style="flex: 1; background: #333; color: #888;" disabled>A</button>
<button id="btn-special-l" class="cmd-btn sys-btn" style="flex: 1; background: #333; color: #888;" disabled>L</button>
</div>
<!-- Target Actions -->
<div id="target-actions-view" style="display: flex; gap: 0.5vw; margin-top: 0.5vh;">
<button id="ui-btn-upgrade" class="cmd-btn sys-btn" style="display:none; background: #2a7a2a;">UPGRADE</button>
<button id="ui-btn-sell" class="cmd-btn sys-btn" style="display:none; background: #7a2a2a;">SELL</button>
</div>
</div>
<!-- Col 4: NEW V.A.T.S. PANEL -->
<div class="panel-col" style="flex: 0.8; border-right: 2px solid #444; padding-right: 1vw;">
<div class="panel-title">V.A.T.S. MODULE</div>
<div id="vats-container" style="display: flex; flex-direction: column; justify-content: center; height: 100%; padding-bottom: 0.5vh;">
<!-- Removed the 'unlit' override class and background style to let standard disabled CSS take over -->
<button id="btn-vats-activate" class="cmd-btn" style="flex: 1; font-size: 1.8vh;" disabled>V.A.T.S.</button>
</div>
</div>
<!-- Col 5: System Controls -->
<div class="panel-col" style="flex: 2.0;">
<div class="panel-title">SYSTEM CONTROLS</div>
<div class="build-grid" style="flex-wrap: wrap; gap: 0.5vh 0.5vw; align-content: flex-start;">
<!-- Top Row -->
<button id="ui-btn-start-wave" class="cmd-btn sys-btn" style="flex: 1 1 30%; padding: 0.5vh 0;">START WAVE</button>
<button id="ui-btn-restart" class="cmd-btn sys-btn" style="flex: 1 1 30%; background: #555; padding: 0.5vh 0;">RESTART</button>
<button id="ui-btn-exit" class="cmd-btn sys-btn" style="flex: 1 1 30%; background: #555; padding: 0.5vh 0;">MAIN MENU</button>
<!-- Middle Row -->
<button id="ui-btn-slow" class="cmd-btn sys-btn" style="flex: 1 1 30%; padding: 0.5vh 0;">SLOW DOWN</button>
<button id="ui-btn-pause" class="cmd-btn sys-btn" style="flex: 1 1 30%; padding: 0.5vh 0;">PAUSE</button>
<button id="ui-btn-speed" class="cmd-btn sys-btn" style="flex: 1 1 30%; padding: 0.5vh 0;">SPEED UP</button>
<!-- Bottom Row: Audio Toggles & Save -->
<button id="ui-btn-sound" class="cmd-btn sys-btn" style="flex: 1 1 22%; padding: 0.5vh 0;">SOUND</button>
<button id="ui-btn-music" class="cmd-btn sys-btn" style="flex: 1 1 22%; padding: 0.5vh 0;">MUSIC</button>
<button id="ui-btn-save" class="cmd-btn sys-btn" style="flex: 1 1 22%; padding: 0.5vh 0;">SAVE</button>
<!-- NEW: Guide Button -->
<button id="ui-btn-guide" class="cmd-btn sys-btn" style="flex: 1 1 22%; padding: 0.5vh 0;" onclick="document.getElementById('guide-modal-overlay').style.display='flex';">GUIDE</button>
</div>
</div>
</div>
</div>
<!-- ADMIN PANEL -->
<style>
/* Compress Admin Panel to fit all tools inside 15vh */
#admin-panel .cmd-btn, #admin-panel .sys-btn { height: 2.2vh !important; font-size: 1vh !important; line-height: 1 !important; border-bottom: 2px solid #0a0a0a !important; border-right: 2px solid #111 !important; }
#admin-panel input, #admin-panel select { height: 2.2vh !important; font-size: 1vh !important; padding: 0 4px !important; box-sizing: border-box; }
#admin-panel .panel-title { font-size: 1.1vh !important; margin-bottom: 2px !important; padding-bottom: 0 !important; }
</style>
<div id="admin-panel" style="display: none; flex-direction: column; width: 100vw !important; height: 15vh !important; min-height: 15vh !important; max-height: 15vh !important; background: linear-gradient(to bottom, #422, #111); border-top: 4px solid #844; padding: 0.5vh 1vw; box-sizing: border-box; overflow: hidden;">
<div style="display: flex; width: 100%; height: 100%; gap: 1vw; padding-top: 0;">
<!-- Admin Col 1: Data & Image Loader (25%) -->
<div class="panel-col" style="flex: 1; border-right: 2px solid #533; padding-right: 1vw;">
<div class="panel-title" style="color: #faa; border-bottom-color: #844;">1. DATA & IMAGE LOADER</div>
<div style="display: flex; flex-direction: column; gap: 0.5vh; margin-bottom: 0.5vh;">
<div style="display: flex; gap: 0.5vw;">
<select id="admin-level-select" style="flex: 1; padding: 0.5vh; background: #222; color: #fff; border: 1px solid #666; font-size: 1.2vh; font-family: 'Courier New', monospace;"></select>
<button id="admin-btn-loadmap" class="cmd-btn" style="background: #642; flex: 1;">LOAD DATA</button>
</div>
<div style="display: flex; gap: 0.5vw;">
<input type="text" id="admin-img-input" placeholder="e.g. map03.jpg" style="padding: 0.5vh; background: #222; color: #fff; border: 1px solid #666; font-family: 'Courier New', monospace; font-size: 1.2vh; flex: 1;">
<button id="admin-btn-loadimg" class="cmd-btn" style="background: #642; flex: 1;">LOAD IMAGE</button>
</div>
<!-- NEW: Environmental Effects -->
<div style="border-top: 1px dashed #533; margin-top: 2px; padding-top: 4px; display: flex; flex-direction: column; gap: 0.5vh;">
<input type="text" id="admin-env-src" placeholder="Effect Image (e.g. fog.png)" style="padding: 0.5vh; background: #222; color: #fff; border: 1px solid #666; font-size: 1.2vh;">
<div style="display: flex; gap: 0.5vw; align-items: center;">
<select id="admin-env-type" style="flex: 1; padding: 0; background: #222; color: #fff; border: 1px solid #666; font-size: 1vh;">
<option value="static">Static</option>
<option value="fade">Fade</option>
<option value="pan_left">Left</option>
<option value="pan_right">Right</option>
<option value="pan_up">Up</option>
<option value="pan_down">Down</option>
</select>
<input type="number" id="admin-env-opacity" value="0.5" step="0.1" min="0" max="1" style="flex: 0.4; padding: 0; background: #222; color: #fff; border: 1px solid #666; font-size: 1vh; text-align: center;" title="Opacity">
<input type="number" id="admin-env-speed" value="20" min="1" style="flex: 0.4; padding: 0; background: #222; color: #fff; border: 1px solid #666; font-size: 1vh; text-align: center;" title="Speed">
<button id="admin-btn-env-apply" class="cmd-btn sys-btn" style="flex: 1; background: #466; margin: 0 !important;">APPLY</button>
</div>
</div>
</div>
</div>
<!-- Admin Col 2: G.E.C.K Editor (50%) -->
<div class="panel-col" style="flex: 2;">
<div class="panel-title" style="color: #faa; border-bottom-color: #844;">2. G.E.C.K. EDITOR OVERRIDE</div>
<div style="display: flex; gap: 1.5vw; height: 100%; margin-top: 0.5vh;">
<!-- Left Sub-Col: Painting Tools & Spawns -->
<div style="flex: 1; display: flex; flex-direction: column; gap: 0.5vh;">
<div style="display: flex; gap: 0.5vw;">
<button id="admin-brush-path" class="cmd-btn" style="flex: 1; background: #248;">PATH</button>
<button id="admin-brush-block" class="cmd-btn" style="flex: 1; background: #822;">BLOCK</button>
<button id="admin-brush-clear" class="cmd-btn" style="flex: 1; background: #282;">CLEAR</button>
</div>
<div style="display: flex; gap: 0.5vw;">
<button id="admin-brush-ent" class="cmd-btn" style="flex: 1; background: #aaa; color: #000;">ENTRANCE</button>
<button id="admin-brush-exit" class="cmd-btn" style="flex: 1; background: #aaa; color: #000;">EXIT</button>
</div>
<div style="display: flex; gap: 0.5vw; align-items: center; background: #222; padding: 0.2vh 0.5vw; border: 1px solid #444; border-radius: 3px;">
<span style="color: #faa; font-size: 1.2vh; font-weight: bold;">SPAWN MODE:</span>
<select id="admin-spawn-mode" style="flex: 1; padding: 0.5vh; background: transparent; color: #fff; border: none; font-size: 1.2vh; font-family: 'Courier New', monospace;">
<option value="random">Random Entrance</option>
<option value="simultaneous">Simultaneous</option>
</select>
</div>
</div>
<!-- Right Sub-Col: Towers & Global Actions -->
<div style="flex: 1; display: flex; flex-direction: column; gap: 0.5vh;">
<div style="display: flex; gap: 0.5vw; align-items: center;">
<select id="admin-tower-select" style="flex: 2; padding: 0.5vh; background: #222; color: #fff; border: 1px solid #666; font-size: 1.2vh; font-family: 'Courier New', monospace;">
<!-- Populated dynamically by JS -->
</select>
<input type="number" id="admin-tower-level" value="1" min="1" max="10" style="flex: 0.5; padding: 0.5vh; background: #222; color: #fff; border: 1px solid #666; font-size: 1.2vh; text-align: center;" title="Lvl">
<button id="admin-brush-tower" class="cmd-btn" style="flex: 1.5; background: #862;">PLACE</button>
</div>
<div style="display: flex; gap: 0.5vw;">
<button id="admin-btn-fill" class="cmd-btn" style="flex: 1; background: #642;">FILL GRID</button>
<button id="admin-btn-clearall" class="cmd-btn" style="flex: 1; background: #422;">CLEAR ALL</button>
</div>
<div style="display: flex; gap: 0.5vw;">
<button id="admin-btn-toggle" class="cmd-btn" style="flex: 1; background: #444;">OVERLAY</button>
<button id="admin-btn-open-assets" class="cmd-btn sys-btn" style="flex: 1; background: #622;">ASSETS</button>
</div>
</div>
</div>
</div>
<!-- Admin Col 3: Exporter with Text Box (25%) -->
<div class="panel-col" style="flex: 1; border-left: 2px solid #533; padding-left: 1vw;">
<div class="panel-title" style="color: #faa; border-bottom-color: #844;">3. EXPORT DATA</div>
<textarea id="admin-export-out" style="width: 100%; flex-grow: 1; background: #111; color: #0f0; font-family: monospace; font-size: 1vh; resize: none; border: 1px solid #444; margin-bottom: 0.5vh;" readonly placeholder="Code will generate here..."></textarea>
<div style="display: flex; gap: 0.5vw;">
<button id="admin-btn-validate" class="cmd-btn sys-btn" style="background: #288; flex: 1;">VALIDATE</button>
<button id="admin-btn-export" class="cmd-btn" style="background: #642; flex: 1;">GENERATE</button>
<button id="admin-btn-copy" class="cmd-btn" style="background: #268; flex: 1;">COPY</button>
</div>
<button id="admin-btn-wave-editor" class="cmd-btn sys-btn" style="background: #626; width: 100%; margin-top: 0.5vh;" onclick="TD.populateWaveEditor(); document.getElementById('wave-editor-modal-overlay').style.display='flex';">WAVE EDITOR</button>
</div>
</div>
</div>
<!-- NEW: Wave Timeline Editor Modal -->
<div id="wave-editor-modal-overlay" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); z-index: 100000; justify-content: center; align-items: center;">
<div style="background: #1a1a1a; color: #0f0; padding: 20px; border: 2px solid #0f0; border-radius: 8px; width: 900px; max-width: 95vw; height: 85vh; display: flex; flex-direction: column; font-family: 'Courier New', monospace; box-shadow: 0 0 20px rgba(0,255,0,0.3);">
<div style="display: flex; justify-content: space-between; align-items: center; border-bottom: 2px dashed #0f0; padding-bottom: 10px; margin-bottom: 15px;">
<h2 style="margin: 0; font-size: 1.5em;">WAVE TIMELINE EDITOR</h2>
<button onclick="document.getElementById('wave-editor-modal-overlay').style.display='none';" style="background: transparent; border: none; color: #0f0; font-size: 2em; cursor: pointer; line-height: 0.5;">&times;</button>
</div>
<div style="display: flex; gap: 20px; flex: 1; overflow: hidden;">
<!-- Left: Wave Selector -->
<div style="width: 150px; display: flex; flex-direction: column; border-right: 1px dashed #0f0; padding-right: 15px;">
<label style="font-weight: bold; margin-bottom: 10px;">SELECT WAVE:</label>
<select id="wave-editor-select" size="15" style="background: #222; color: #0f0; border: 1px solid #0f0; padding: 5px; flex: 1; font-family: 'Courier New', monospace;"></select>
<div style="display: flex; gap: 5px; margin-top: 10px;">
<button id="we-btn-add-wave" class="cmd-btn sys-btn" style="flex: 1; background: #2a7a2a; border-color: #0f0;">+ ADD</button>
<button id="we-btn-del-wave" class="cmd-btn sys-btn" style="flex: 1; background: #7a2a2a; border-color: #f00; color: #fcc;">- DEL</button>
</div>
</div>
<!-- Middle/Right: Wave Settings -->
<div style="flex: 1; display: flex; flex-direction: column; overflow-y: auto; padding-right: 10px; gap: 20px;">
<!-- Story Event Config -->
<div style="background: #111; padding: 10px; border: 1px solid #333;">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
<label style="font-weight: bold; color: #ffaa00; cursor: pointer;">
<input type="checkbox" id="we-story-enable" style="margin-right: 5px;"> SHOW STORY INTRO BEFORE WAVE
</label>
<div style="display: flex; align-items: center; gap: 5px;">
<span style="font-size: 0.9em; color: #aaa;">TARGET FACTION:</span>
<select id="we-story-faction" style="background: #222; color: #0f0; border: 1px solid #0f0; padding: 2px; font-family: 'Courier New', monospace;">
<option value="ALL">ALL (Default)</option>
<option value="NCR">NCR</option>
<option value="BOS">Brotherhood of Steel</option>
<option value="MINUTEMEN">Minutemen</option>
<option value="RAIDERS">Raiders</option>
</select>
</div>
</div>
<input type="text" id="we-story-title" placeholder="Event Title (e.g. INCOMING TRANSMISSION)" style="width: 100%; background: #222; color: #0f0; border: 1px solid #0f0; padding: 5px; font-family: 'Courier New', monospace; margin-bottom: 5px; box-sizing: border-box;">
<textarea id="we-story-desc" placeholder="Story text goes here..." style="width: 100%; height: 60px; background: #222; color: #0f0; border: 1px solid #0f0; padding: 5px; font-family: 'Courier New', monospace; resize: vertical; box-sizing: border-box;"></textarea>
</div>
<!-- Tower Status Config -->
<div style="background: #111; padding: 10px; border: 1px solid #333;">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
<span style="font-weight: bold; color: #ffaa00;">TOWER AVAILABILITY</span>
<button id="we-btn-copy-prev" class="cmd-btn sys-btn" style="background: #2a7a2a; padding: 5px 15px;" title="Copies tower locks from the previous wave">USE PREV OPTIONS</button>
</div>
<div id="we-tower-list" style="display: grid; grid-template-columns: 1fr 1fr; gap: 10px;">
<!-- Populated by JS -->
</div>
</div>
<!-- Monster Spawns Config -->
<div style="background: #111; padding: 10px; border: 1px solid #333; flex: 1;">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
<span style="font-weight: bold; color: #ffaa00;">MONSTER SPAWNS</span>
<button id="we-btn-add-spawn" class="cmd-btn sys-btn" style="background: #2a7a2a; padding: 5px 15px;">+ ADD SPAWN</button>
</div>
<div id="we-spawn-list" style="display: flex; flex-direction: column; gap: 5px;">
<!-- Populated by JS -->
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
var _TD = {
a: [],
retina: window.devicePixelRatio || 1,
init: function (td_board, is_debug) {
delete this.init;
var i, TD = {
version: "0.1.17",
is_debug: !!is_debug,
is_paused: true,
width: 16,
height: 16,
show_monster_life: true,
fps: 0,
exp_fps: 24,
exp_fps_half: 12,
exp_fps_quarter: 6,
exp_fps_eighth: 4,
stage_data: {},
sound_enabled: true, // Default to true
music_enabled: true, // NEW: Default to true
current_bgm: null, // NEW: Track current background music
// --- NEW: TYPEWRITER COMBAT LOG HANDLER ---
typewriter_queue: [],
typewriter_timer: 0,
typewriter_target: "",
typewriter_current: "",
typewriter_pause: 0, // NEW: Reading delay timer
logEvent: function(msg) {
var tickerEl = document.getElementById("intel-ticker-text");
if (!tickerEl) return;
msg = msg.toUpperCase();
this.typewriter_target = msg;
this.typewriter_current = "";
tickerEl.innerText = "";
this.typewriter_timer = 0;
},
// --- NEW: SMART ANNOUNCER BRAIN ---
Announcer: {
queue: [],
add: function(msg, priority) {
priority = priority || 1; // 1 = Flavor, 3 = Action, 5 = Critical
for (var i=0; i<this.queue.length; i++) {
if (this.queue[i].msg === msg) return;
}
this.queue.push({ msg: msg, priority: priority });
this.queue.sort(function(a, b) { return a.priority - b.priority; });
},
update: function() {
// PREVENT overwriting if it's currently typing OR the player is still reading it!
if (TD.typewriter_current.length < TD.typewriter_target.length) return;
if (TD.typewriter_pause > 0) return;
if (this.queue.length > 0) {
var item = this.queue.pop();
TD.logEvent(item.msg);
// Calculate reading time: ~0.5 seconds per word
var wordCount = item.msg.split(" ").length;
TD.typewriter_pause = Math.floor(wordCount * (TD.exp_fps * 0.5));
} else {
// 1% chance per frame to drop flavor text when completely idle
if (window.IntelData && Math.random() > 0.99) {
var flavor = window.IntelData.generateChatter(TD.current_faction);
TD.logEvent(flavor);
var wordCount = flavor.split(" ").length;
TD.typewriter_pause = Math.floor(wordCount * (TD.exp_fps * 0.5));
}
}
}
},
// --- NEW: GLOBAL AUDIO HANDLER ---
playSound: function(sound_id) {
if (!TD.is_paused && TD.sound_enabled) {
var snd = document.getElementById(sound_id);
if (snd) {
// cloneNode allows the same sound to play multiple times concurrently
var clone = snd.cloneNode();
clone.volume = 0.5; // Default to 50% volume so it isn't deafening
clone.play().catch(function(e){ /* Ignore browser autoplay block errors */ });
}
}
},
// --- NEW: GLOBAL MUSIC HANDLER ---
playMusic: function(track_id) {
// Stop current music first
if (TD.current_bgm) {
TD.current_bgm.pause();
TD.current_bgm.currentTime = 0;
}
if (!TD.music_enabled) return;
var bgm = document.getElementById(track_id);
if (bgm) {
bgm.volume = 0.3; // Slightly quieter than SFX
bgm.play().catch(function(e){ console.log("Music blocked by browser autoplay policy."); });
TD.current_bgm = bgm;
}
},
stopMusic: function() {
if (TD.current_bgm) {
TD.current_bgm.pause();
TD.current_bgm.currentTime = 0;
TD.current_bgm = null;
}
},
defaultSettings: function () {
return {
step_time: 36,
grid_size: 60 * _TD.retina,
padding: 0,
global_speed: 0.2,
show_grid: false,
admin_mode: false, // Prevents the render crash
admin_brush: "path" // Default brush type
};
},
init: function (ob_board) {
this.obj_board = TD.lang.$e(ob_board);
this.canvas = this.obj_board.getElementsByTagName("canvas")[0];
if (!this.canvas.getContext) return;
this.ctx = this.canvas.getContext("2d");
this.monster_type_count = TD.getDefaultMonsterAttributes();
this.iframe = 0;
this.last_iframe_time = (new Date()).getTime();
this.fps = 0;
this.start();
},
// --- NEW: V.A.T.S. Core Functions ---
startVats: function() {
// Must be fully charged and not already running
var vatsPercent = Math.min(100, Math.floor((TD.vats_charge / TD.vats_max_charge) * 100));
if (vatsPercent < 100 || TD.vats_active) return;
// FORCE KILL any stuck UI elements before activating
if (TD.stage && TD.stage.current_act && TD.stage.current_act.current_scene && TD.stage.current_act.current_scene.panel) {
TD.stage.current_act.current_scene.panel.balloontip.hide();
TD.stage.current_act.current_scene.panel.balloontip.el = null;
}
TD.vats_active = true;
TD.vats_charge = 0; // Consume the charge
TD.vats_shots = 6;
TD.vats_timer = 10 * TD.exp_fps; // 10 Seconds
// Slow time drastically (grinding crawl)
TD.global_speed_backup = TD.global_speed;
TD.global_speed = 0.025; // CHANGED: 75% slower, ensuring a heavy slow-motion feel
// Visuals
document.getElementById("vats-overlay").style.display = "block";
this.canvas.style.cursor = "crosshair";
var d = document.getElementById("ui-intel-brief");
if (d) d.innerText = "V.A.T.S. DEACTIVATED.";
},
start: function () {
if (TD.vats_charge < 100 || TD.vats_active) return;
TD.vats_active = true;
TD.vats_charge = 0;
TD.vats_shots = 6;
TD.vats_timer = 10 * TD.exp_fps; // 10 Seconds
// Slow time drastically
TD.global_speed_backup = TD.global_speed;
TD.global_speed = 0.001;
// Visuals
document.getElementById("vats-overlay").style.display = "block";
this.canvas.style.cursor = "crosshair";
var d = document.getElementById("ui-intel-brief");
if (d) d.innerText = "V.A.T.S. ENGAGED. SELECT TARGETS.";
},
endVats: function() {
if (!TD.vats_active) return;
TD.vats_active = false;
TD.vats_shots = 0;
TD.vats_timer = 0;
// Restore speed
if (TD.global_speed_backup) TD.global_speed = TD.global_speed_backup;
else TD.global_speed = 0.2; // Safe fallback
// Restore Visuals
document.getElementById("vats-overlay").style.display = "none";
this.canvas.style.cursor = "default";
var vatsBox = document.getElementById("vats-tooltip");
if (vatsBox) vatsBox.style.display = "none"; // FORCE HIDE ON END
var vatsBtn = document.getElementById("btn-vats-activate");
if (vatsBtn) {
vatsBtn.style.backgroundColor = ""; // Clear solid green/yellow
vatsBtn.style.boxShadow = ""; // Clear glow
vatsBtn.style.color = "#4caf50";
}
var d = document.getElementById("ui-intel-brief");
if (d) d.innerText = "V.A.T.S. DEACTIVATED.";
},
start: function () {
clearTimeout(this._st);
var _this = this;
this._exp_fps_0 = this.exp_fps - 0.4;
this._exp_fps_1 = this.exp_fps + 0.4;
this.mode = "normal";
this.eventManager.clear();
this.lang.mix(this, this.defaultSettings());
// --- NEW: S.P.E.C.I.A.L. INITIALIZATION ---
TD.perks = { S: false, P: false, E: false, C: false, I: false, A: false, L: false };
if (window.selectedSPECIALs) {
for (var i = 0; i < window.selectedSPECIALs.length; i++) {
TD.perks[window.selectedSPECIALs[i]] = true;
}
}
TD.overdrive = { S: 0, P: 0, E: 0, C: 0, I: 0, A: 0, L: 0 };
TD.overdrive_cd = { S: 0, P: 0, E: 0, C: 0, I: 0, A: 0, L: 0 };
this.stage = new TD.Stage("stage-main", TD.getDefaultStageData("stage_main"));
this.canvas.setAttribute("width", this.stage.width);
this.canvas.setAttribute("height", this.stage.height);
this.canvas.onmousemove = function (e) {
if (window.is_demo_mode) return;
var xy = _this.getEventXY.call(_this, e);
// Track global mouse position for ghost rendering
TD.mouse_x = xy[0];
TD.mouse_y = xy[1];
// --- NEW: V.A.T.S. Hover Interceptor ---
if (TD.vats_active) {
var map = TD.stage.current_act.current_scene.map;
var hit_enemy = null;
var closest_dist = 999999;
var vatsBox = document.getElementById('vats-tooltip');
// Strict circular hit detection & closest sorting for stacked enemies
for (var i = 0; i < map.monsters.length; i++) {
var m = map.monsters[i];
if (m.is_valid) {
var dist = Math.sqrt(Math.pow(m.cx - xy[0], 2) + Math.pow(m.cy - xy[1], 2));
if (dist <= m.r) { // Must be physically touching the monster's circle
if (dist < closest_dist) {
closest_dist = dist;
hit_enemy = m;
}
}
}
}
if (hit_enemy && vatsBox) {
// Calculate damage and current HP percentage (Avg 300 DMG)
var damagePercent = Math.min(100, Math.floor((300 / Math.max(1, hit_enemy.life)) * 100));
var hpPercent = Math.max(0, Math.min(100, (hit_enemy.life / hit_enemy.life0) * 100));
// Inject into the new HTML elements
document.getElementById('vats-tooltip-hp').style.width = hpPercent + "%";
document.getElementById('vats-tooltip-perc').innerText = damagePercent + "%";
vatsBox.style.display = "block";
// Center the targeting box exactly on the mouse cursor
vatsBox.style.left = (e.clientX - 30) + "px"; // Half of 60px width
vatsBox.style.top = (e.clientY - 22) + "px"; // Half of 45px height
} else if (vatsBox) {
vatsBox.style.display = "none";
}
return; // Stop standard tooltips from rendering
}
// Normal Hover
_this.hover(xy[0], xy[1]);
// Allows for "click and drag" painting in Admin Mode
if (TD.admin_mode && _this.is_mouse_down) {
_this.applyAdminBrush(xy[0], xy[1]);
}
// --- NEW: Mine Placement Cursor & Tooltip Logic ---
if (TD.mode === "deploy_cryomine" || TD.mode === "deploy_capmine") {
var map = TD.stage.current_act.current_scene.map;
if (map) {
var mx = Math.floor((xy[0] - map.x) / TD.grid_size);
var my = Math.floor((xy[1] - map.y) / TD.grid_size);
var grid = map.getGrid(mx, my);
var tooltip = document.getElementById('tower-tooltip');
// Valid path checking: MUST be passable (a path) and MUST NOT have a tower built on it
if (grid && grid.passable_flag == 1 && grid.build_flag == 0) {
TD.mouseHand(true); // Crosshair/Pointer
if (tooltip) tooltip.style.display = "none";
} else {
_this.canvas.style.cursor = "not-allowed"; // Red circle slash
if (tooltip) {
tooltip.innerText = "Must be placed on path.";
tooltip.style.display = "block";
tooltip.style.left = (e.pageX + 15) + "px";
tooltip.style.top = (e.pageY + 15) + "px";
}
}
}
}
};
this.canvas.onmousedown = function (e) { _this.is_mouse_down = true; };
this.canvas.onmouseup = function (e) { _this.is_mouse_down = false; };
this.canvas.onclick = function (e) {
if (window.is_demo_mode) return;
var xy = _this.getEventXY.call(_this, e);
// --- NEW: V.A.T.S. Shooting Logic ---
if (TD.vats_active) {
var map = TD.stage.current_act.current_scene.map;
var hit_enemy = null;
var closest_dist = 999999;
// Check if we clicked an enemy (strict hit detection & sorting)
for (var i = 0; i < map.monsters.length; i++) {
var m = map.monsters[i];
if (m.is_valid) {
var dist = Math.sqrt(Math.pow(m.cx - xy[0], 2) + Math.pow(m.cy - xy[1], 2));
if (dist <= m.r) {
if (dist < closest_dist) {
closest_dist = dist;
hit_enemy = m;
}
}
}
}
if (hit_enemy) {
TD.vats_shots--;
// Visual Blast (Laser impact style)
TD.Explode("vats-hit-" + TD.lang.rndStr(), { cx: hit_enemy.cx, cy: hit_enemy.cy, r: 15 * _TD.retina, step_level: 1, render_level: 9, color: "#00ff00", scene: map.scene, time: 0.3 });
// 200 to 400 Random True Damage (Bypasses armor/shields entirely)
var dmg = Math.floor(Math.random() * 201) + 200;
hit_enemy.life -= dmg;
TD.score += Math.floor(dmg * 0.1); // Score scales with damage dealt
// Pop damage text directly
new TD.FloatingText("dmg-" + TD.lang.rndStr(), {
cx: hit_enemy.cx + (Math.random() * 24 - 12),
cy: hit_enemy.cy - 10 + (Math.random() * 10 - 5),
text: "-" + dmg,
color: "#ffcc00",
map: hit_enemy.map,
size: 14,
life: 24
});
// Handle death directly if it kills them
if (hit_enemy.life <= 0) {
hit_enemy.beKilled({ killed: 0, gainXp: function(){} });
}
if (TD.vats_shots <= 0) TD.endVats();
}
return; // Block normal clicking while VATS is active
}
if (TD.admin_mode) {
_this.applyAdminBrush(xy[0], xy[1]);
} else if (TD.mode === "deploy_handy" && TD.stage && TD.stage.current_act) {
var map = TD.stage.current_act.current_scene.map;
var handyData = TD.factionData[TD.current_faction] ? TD.factionData[TD.current_faction][10] : null;
var cost = (handyData && handyData.free_first_build) ? 0 : 500;
if (map && TD.money >= cost && !map.mr_handy_active) {
TD.money -= cost;
if (handyData && handyData.free_first_build) {
handyData.free_first_build = false;
TD.loadFaction(TD.current_faction);
}
map.mr_handy_active = true;
// Pass the exact mouse coordinates to Mr. Handy's init
new TD.MrHandy("handy-" + TD.lang.rndStr(), { map: map, cx: xy[0], cy: xy[1] });
TD.mode = "normal";
TD.mouseHand(false);
var d = document.getElementById("ui-action-desc");
if (d) d.innerText = "MR. HANDY DEPLOYED.";
}
} else if (TD.mode === "deploy_cryomine" && TD.stage && TD.stage.current_act) {
var map = TD.stage.current_act.current_scene.map;
if (map) {
var mx = Math.floor((xy[0] - map.x) / TD.grid_size);
var my = Math.floor((xy[1] - map.y) / TD.grid_size);
var grid = map.getGrid(mx, my);
if (grid && grid.passable_flag == 1 && grid.build_flag == 0) { // <--- Added restriction
TD.inventory.cryomine--;
TD.cooldowns.cryomine = (TD.inventory.cryomine > 0) ? TD.getCooldownFrames() : 0;
TD.updateItemButton("cryomine");
new TD.CryoMine("cryo-" + TD.lang.rndStr(), { grid: grid, map: map });
TD.mode = "normal";
TD.mouseHand(false);
var d = document.getElementById("ui-action-desc");
if(d) d.innerText = "CRYO MINE PLANTED.";
} else {
// --- NEW: Undo selection on invalid click ---
TD.mode = "normal";
TD.mouseHand(false);
var tooltip = document.getElementById('tower-tooltip');
if (tooltip) tooltip.style.display = "none";
var d = document.getElementById("ui-intel-brief");
if(d) d.innerText = "MINE PLACEMENT CANCELLED.";
}
}
} else if (TD.mode === "deploy_capmine" && TD.stage && TD.stage.current_act) {
var map = TD.stage.current_act.current_scene.map;
if (map) {
var mx = Math.floor((xy[0] - map.x) / TD.grid_size);
var my = Math.floor((xy[1] - map.y) / TD.grid_size);
var grid = map.getGrid(mx, my);
if (grid && grid.passable_flag == 1 && grid.build_flag == 0) { // <--- Added restriction
TD.inventory.capmine--;
TD.cooldowns.capmine = (TD.inventory.capmine > 0) ? TD.getCooldownFrames() : 0;
TD.updateItemButton("capmine");
new TD.CapMine("cap-" + TD.lang.rndStr(), { grid: grid, map: map });
TD.mode = "normal";
TD.mouseHand(false);
var d = document.getElementById("ui-action-desc");
if(d) d.innerText = "CAP MINE PLANTED.";
} else {
// --- NEW: Undo selection on invalid click ---
TD.mode = "normal";
TD.mouseHand(false);
var tooltip = document.getElementById('tower-tooltip');
if (tooltip) tooltip.style.display = "none";
var d = document.getElementById("ui-intel-brief");
if(d) d.innerText = "MINE PLACEMENT CANCELLED.";
}
}
} else if (TD.mode === "deploy_artillery" && TD.stage && TD.stage.current_act) {
var map = TD.stage.current_act.current_scene.map;
if (map) {
var mx = Math.floor((xy[0] - map.x) / TD.grid_size);
var my = Math.floor((xy[1] - map.y) / TD.grid_size);
var grid = map.getGrid(mx, my);
if (grid && grid.passable_flag == 1 && grid.build_flag == 0) { // <--- Added restriction
TD.inventory.artillery--;
TD.cooldowns.artillery = (TD.inventory.artillery > 0) ? TD.getCooldownFrames() : 0;
TD.updateItemButton("artillery");
var blast_radius = TD.grid_size * 4;
TD.Explode("artillery-" + TD.lang.rndStr(), { cx: xy[0], cy: xy[1], r: blast_radius / _TD.retina, step_level: 1, render_level: 9, color: "#ff5500", scene: map.scene, time: 1.0 });
var dummy_source = { killed: 0, gainXp: function(){} };
TD.lang.each(map.monsters, function (m) {
if (m.is_valid && (Math.pow(m.cx - xy[0], 2) + Math.pow(m.cy - xy[1], 2) <= Math.pow(blast_radius, 2))) {
m.beHit(dummy_source, 300); // 300 Damage
}
});
TD.mode = "normal"; TD.mouseHand(false);
var d = document.getElementById("ui-action-desc"); if(d) d.innerText = "ARTILLERY STRIKE CONFIRMED.";
} else {
var d = document.getElementById("ui-action-desc"); if(d) d.innerText = "ERROR: MUST TARGET MONSTER PATH.";
}
}
} else if (TD.mode === "deploy_ncr_artillery" && TD.stage && TD.stage.current_act) {
var map = TD.stage.current_act.current_scene.map;
if (map) {
var mx = Math.floor((xy[0] - map.x) / TD.grid_size);
var my = Math.floor((xy[1] - map.y) / TD.grid_size);
var startGrid = map.getGrid(mx, my);
if (startGrid && startGrid.passable_flag == 1 && startGrid.build_flag == 0) {
TD.inventory.ncr_artillery--;
TD.cooldowns.ncr_artillery = (TD.inventory.ncr_artillery > 0) ? TD.getCooldownFrames() : 0;
TD.updateItemButton("ncr_artillery");
// Drop targeting flare immediately
TD.Explode("flare-" + TD.lang.rndStr(), { cx: xy[0], cy: xy[1], r: 5 * _TD.retina, step_level: 1, render_level: 9, color: "#ff0000", scene: map.scene, time: 2.0 });
// Find path to exit to plan the walking barrage
var ext = map.exits[0];
var barragePath = [[mx, my]]; // Always bomb the clicked spot first
if (ext) {
var fw = new TD.FindWay(map.grid_x, map.grid_y, mx, my, ext.mx, ext.my, function (x, y) { return map.checkPassable(x, y); });
if (fw.is_arrived && fw.way.length > 0) {
var steps = Math.min(5, fw.way.length);
for (var i = 0; i < steps; i++) barragePath.push(fw.way[i]);
}
}
var dummy_source = { killed: 0, gainXp: function(){} };
var blast_radius = TD.grid_size * 2.5;
barragePath.forEach(function(coords, index) {
setTimeout(function() {
if (TD.is_paused) return;
var tcx = map.x + (coords[0] * TD.grid_size) + (TD.grid_size / 2);
var tcy = map.y + (coords[1] * TD.grid_size) + (TD.grid_size / 2);
TD.Explode("ncr-art-" + index, { cx: tcx, cy: tcy, r: blast_radius / _TD.retina, step_level: 1, render_level: 9, color: "#ff7700", scene: map.scene, time: 0.8 });
TD.lang.each(map.monsters, function (m) {
if (m.is_valid && (Math.pow(m.cx - tcx, 2) + Math.pow(m.cy - tcy, 2) <= Math.pow(blast_radius, 2))) {
m.beHit(dummy_source, 200);
}
});
}, index * 400);
});
TD.mode = "normal"; TD.mouseHand(false);
var d = document.getElementById("ui-action-desc"); if(d) d.innerText = "NCR BARRAGE COORDINATES LOCKED.";
} else {
var d = document.getElementById("ui-action-desc"); if(d) d.innerText = "ERROR: MUST TARGET MONSTER PATH.";
}
}
} else if (TD.mode === "deploy_bos_laser" && TD.stage && TD.stage.current_act) {
var map = TD.stage.current_act.current_scene.map;
if (map) {
var mx = Math.floor((xy[0] - map.x) / TD.grid_size);
var my = Math.floor((xy[1] - map.y) / TD.grid_size);
var grid = map.getGrid(mx, my);
if (grid && grid.passable_flag == 1 && grid.build_flag == 0) {
TD.inventory.bos_laser--;
TD.cooldowns.bos_laser = TD.getCooldownFrames();
TD.updateItemButton("bos_laser");
new TD.OrbitalLaser("laser-" + TD.lang.rndStr(), { map: map, cx: xy[0], cy: xy[1] });
TD.mode = "normal"; TD.mouseHand(false);
var d = document.getElementById("ui-action-desc"); if(d) d.innerText = "ORBITAL STRIKE ACTIVE.";
} else {
var d = document.getElementById("ui-action-desc"); if(d) d.innerText = "ERROR: MUST TARGET MONSTER PATH.";
}
}
} else if (TD.mode === "deploy_mm_flare" && TD.stage && TD.stage.current_act) {
var map = TD.stage.current_act.current_scene.map;
var mx = Math.floor((xy[0] - map.x) / TD.grid_size);
var my = Math.floor((xy[1] - map.y) / TD.grid_size);
var grid = map.getGrid(mx, my);
if (grid && grid.passable_flag == 1 && grid.build_flag == 0) {
TD.inventory.mm_flare--;
TD.cooldowns.mm_flare = TD.getCooldownFrames();
TD.updateItemButton("mm_flare");
new TD.MilitiaBlockade("militia-" + TD.lang.rndStr(), { map: map, cx: grid.cx, cy: grid.cy });
TD.mode = "normal"; TD.mouseHand(false);
var d = document.getElementById("ui-action-desc"); if(d) d.innerText = "MILITIA DEPLOYED.";
} else {
var d = document.getElementById("ui-action-desc"); if(d) d.innerText = "ERROR: MUST TARGET MONSTER PATH.";
}
} else if (TD.mode === "deploy_raider_nuka" && TD.stage && TD.stage.current_act) {
var map = TD.stage.current_act.current_scene.map;
if (map) {
var mx = Math.floor((xy[0] - map.x) / TD.grid_size);
var my = Math.floor((xy[1] - map.y) / TD.grid_size);
var grid = map.getGrid(mx, my);
if (grid && grid.passable_flag == 1 && grid.build_flag == 0) {
TD.inventory.raider_nuka--;
TD.cooldowns.raider_nuka = TD.getCooldownFrames();
TD.updateItemButton("raider_nuka");
new TD.RadZone("nuka-" + TD.lang.rndStr(), { map: map, cx: xy[0], cy: xy[1] });
TD.mode = "normal"; TD.mouseHand(false);
var d = document.getElementById("ui-action-desc"); if(d) d.innerText = "NUKA GRENADE OUT!";
} else {
var d = document.getElementById("ui-action-desc"); if(d) d.innerText = "ERROR: MUST TARGET MONSTER PATH.";
}
}
} else {
_this.click(xy[0], xy[1]);
}
};
// New dedicated function to forcefully paint the grid
this.applyAdminBrush = function(px, py) {
if (!this.stage || !this.stage.current_act || !this.stage.current_act.current_scene || !this.stage.current_act.current_scene.map) return;
var map = this.stage.current_act.current_scene.map;
// Figure out which grid square was clicked based on pixel coordinates
var mx = Math.floor((px - map.x) / TD.grid_size);
var my = Math.floor((py - map.y) / TD.grid_size);
var grid = map.getGrid(mx, my);
if (!grid) return;
if (TD.admin_brush == "path") { grid.passable_flag = 1; grid.build_flag = 0; }
else if (TD.admin_brush == "block") { grid.passable_flag = 0; grid.build_flag = 0; }
else if (TD.admin_brush == "clear") {
// 1. Clear standard grid flags and Towers
grid.passable_flag = 1; grid.build_flag = 1;
if (grid.building) grid.removeBuilding();
// 2. Clear Entrances and Exits
if (grid.is_entrance) { grid.is_entrance = false; map.entrances = map.entrances.filter(function(e) { return e !== grid; }); map.entrance = map.entrances[0] || null; }
if (grid.is_exit) { grid.is_exit = false; map.exits = map.exits.filter(function(e) { return e !== grid; }); map.exit = map.exits[0] || null; }
// 3. Clear Assets (checks if your click pixel was inside any asset's bounding box)
if (map.assets) {
for (var i = map.assets.length - 1; i >= 0; i--) {
var a = map.assets[i];
if (px >= a.x && px <= a.x + a.width && py >= a.y && py <= a.y + a.height) {
// Reset the grid flags underneath the asset
for (var dx = 0; dx < a.grid_x; dx++) {
for (var dy = 0; dy < a.grid_y; dy++) {
var g = map.getGrid(a.mx + dx, a.my + dy);
if (g) { g.passable_flag = 1; g.build_flag = 1; }
}
}
// Delete the asset
map.assets.splice(i, 1);
break; // Only erase one asset per click
}
}
}
}
else if (TD.admin_brush == "entrance") {
if (grid.is_entrance) {
grid.dir = ((grid.dir || 0) + 1) % 4; // Rotate it
} else {
grid.is_entrance = true; grid.passable_flag = 1; grid.build_flag = 0; grid.dir = 0;
if (!map.entrances) map.entrances = [];
map.entrances.push(grid);
map.entrance = map.entrances[0]; // fallback
}
}
else if (TD.admin_brush == "exit") {
if (grid.is_exit) {
grid.dir = ((grid.dir || 0) + 1) % 4; // Rotate it
} else {
grid.is_exit = true; grid.passable_flag = 1; grid.build_flag = 0; grid.dir = 0;
if (!map.exits) map.exits = [];
map.exits.push(grid);
map.exit = map.exits[0]; // fallback
}
}
else if (TD.admin_brush == "tower") {
var towerType = document.getElementById("admin-tower-select").value;
var towerLvl = parseInt(document.getElementById("admin-tower-level").value) || 1;
grid.addBuilding(towerType);
grid.build_flag = 2; // Mark as built
grid.passable_flag = 0; // Towers block the path
// Apply upgrades instantly
if (grid.building) {
for (var i = 1; i < towerLvl; i++) {
grid.building.upgrade();
}
}
}
else if (TD.admin_brush == "asset" && TD.current_editor_asset) {
// NEW: Place the selected asset
if (!map.assets) map.assets = [];
var assetData = TD.current_editor_asset;
// Bottom-Anchoring: The mouse click (mx, my) is treated as the BOTTOM-LEFT tile of the asset.
var base_mx = mx;
var base_my = my - (assetData.grid_y - 1);
// Check if it fits within bounds
if (base_mx + assetData.grid_x > map.grid_x || base_my < 0 || base_mx < 0 || base_my + assetData.grid_y > map.grid_y) {
var d = document.getElementById("ui-action-desc");
if(d) d.innerText = "ERROR: Asset bounds off map.";
return;
}
var imgObj = new Image();
imgObj.src = assetData.src;
var x_px = map.x + (base_mx * TD.grid_size);
var y_px = map.y + (base_my * TD.grid_size);
var w_px = assetData.grid_x * TD.grid_size;
var h_px = assetData.grid_y * TD.grid_size;
var newAsset = {
id: assetData.id + "_" + Date.now() + "_" + Math.floor(Math.random() * 1000),
src: assetData.src,
img: imgObj,
mx: base_mx, my: base_my,
grid_x: assetData.grid_x, grid_y: assetData.grid_y,
blocks_path: assetData.blocks_path,
category: assetData.category, // CRITICAL FIX: Save the category so the renderer knows it's a path!
x: x_px, y: y_px, width: w_px, height: h_px,
y2: y_px + h_px,
is_asset: true
};
map.assets.push(newAsset);
for (var i = 0; i < assetData.grid_x; i++) {
for (var j = 0; j < assetData.grid_y; j++) {
var g = map.getGrid(base_mx + i, base_my + j);
if (g) {
// Visual paths don't block building on top of them!
if (assetData.category !== "path") g.build_flag = 0;
if (assetData.blocks_path) g.passable_flag = 0;
}
}
}
var d = document.getElementById("ui-action-desc");
if (assetData.category === "path") {
if (d) d.innerText = "Placed: " + assetData.name + " (Right-click to stop)";
} else {
// Deselect standard props after 1 placement
if (d) d.innerText = "Placed: " + assetData.name;
TD.current_editor_asset = null;
TD.admin_brush = "clear";
}
}
};
this.is_paused = false;
this.stage.start();
// --- FIX: Load the correct map data into the running scene ---
var lvl = window.selectedLevelName;
if (lvl && lvl !== "stage_main") {
var cfg = TD.getDefaultStageData(lvl);
if (cfg && cfg.map && this.stage && this.stage.current_act && this.stage.current_act.current_scene) {
this.stage.cfg = cfg; // Save the config for wave custom data
if (cfg.bg_image) {
var board = document.getElementById("td-board");
if (board) {
board.style.backgroundImage = "url('" + cfg.bg_image + "')";
board.style.backgroundSize = "100% 100%";
board.style.backgroundRepeat = "no-repeat";
}
}
// --- NEW: Load Game Environment Effect ---
var envOverlay = document.getElementById("env-effect-overlay");
if (envOverlay) {
if (cfg.map.env_effect) {
var eCfg = cfg.map.env_effect;
envOverlay.style.backgroundImage = "url('" + eCfg.src + "')";
document.documentElement.style.setProperty("--env-opacity", eCfg.opacity);
envOverlay.style.animation = "none";
void envOverlay.offsetWidth;
if (eCfg.type === "static") { envOverlay.style.opacity = eCfg.opacity; }
else if (eCfg.type === "fade") { envOverlay.style.opacity = 0; envOverlay.style.animation = "env-fade " + eCfg.speed + "s infinite ease-in-out"; }
else { envOverlay.style.opacity = eCfg.opacity; envOverlay.style.animation = "env-" + eCfg.type.replace("_", "-") + " " + eCfg.speed + "s infinite linear"; }
envOverlay.style.display = "block";
} else {
envOverlay.style.display = "none";
}
}
var m = this.stage.current_act.current_scene.map;
m.map_type = cfg.map.map_type || "traditional";
TD.lang.each(m.grids, function(g) { g.passable_flag = 1; g.build_flag = 1; g.is_entrance = false; g.is_exit = false; });
m.entrances = []; m.exits = []; m.entrance = null; m.exit = null;
m.assets = [];
if (cfg.map.grids_cfg) {
TD.lang.each(cfg.map.grids_cfg, function (obj) {
var grid = m.getGrid(obj.pos[0], obj.pos[1]);
if (grid) {
if (!isNaN(obj.passable_flag)) grid.passable_flag = obj.passable_flag;
if (!isNaN(obj.build_flag)) grid.build_flag = obj.build_flag;
if (obj.building) {
grid.addBuilding(obj.building);
if (obj.building_level && grid.building) {
for (var lvl2 = 1; lvl2 < obj.building_level; lvl2++) grid.building.upgrade();
}
}
}
});
}
if (cfg.map.entrance) { var eg = m.getGrid(cfg.map.entrance[0], cfg.map.entrance[1]); if(eg) { eg.is_entrance = true; eg.passable_flag = 1; eg.build_flag = 0; m.entrances.push(eg); } }
if (cfg.map.entrances) {
for (var i = 0; i < cfg.map.entrances.length; i++) {
var eg = m.getGrid(cfg.map.entrances[i][0], cfg.map.entrances[i][1]);
if (eg) { eg.is_entrance = true; eg.passable_flag = 1; eg.build_flag = 0; m.entrances.push(eg); }
}
}
if (cfg.map.exit) { var xg = m.getGrid(cfg.map.exit[0], cfg.map.exit[1]); if(xg) { xg.is_exit = true; xg.passable_flag = 1; xg.build_flag = 0; m.exits.push(xg); } }
if (cfg.map.exits) {
for (var i = 0; i < cfg.map.exits.length; i++) {
var xg = m.getGrid(cfg.map.exits[i][0], cfg.map.exits[i][1]);
if (xg) { xg.is_exit = true; xg.passable_flag = 1; xg.build_flag = 0; m.exits.push(xg); }
}
}
m.entrance = m.entrances[0] || null;
m.exit = m.exits[0] || null;
if (cfg.map.assets) {
var _mapRef = m; // Crucial fix: Store reference to the map
TD.lang.each(cfg.map.assets, function (a) {
var imgObj = new Image();
imgObj.src = a.src;
var x_px = _mapRef.x + (a.mx * TD.grid_size);
var y_px = _mapRef.y + (a.my * TD.grid_size);
var w_px = a.grid_x * TD.grid_size;
var h_px = a.grid_y * TD.grid_size;
_mapRef.assets.push({
id: a.id, src: a.src, img: imgObj,
mx: a.mx, my: a.my, grid_x: a.grid_x, grid_y: a.grid_y,
blocks_path: a.blocks_path, category: a.category,
x: x_px, y: y_px, width: w_px, height: h_px,
y2: y_px + h_px, is_asset: true
});
for (var dx = 0; dx < a.grid_x; dx++) {
for (var dy = 0; dy < a.grid_y; dy++) {
var g = _mapRef.getGrid(a.mx + dx, a.my + dy);
if (g) {
if (a.category !== "path") g.build_flag = 0;
if (a.blocks_path) g.passable_flag = 0;
}
}
}
});
}
}
}
// ----------------------------------------------------------------------
this.step();
return this;
},
checkCheat: function (cheat_code) {
switch (cheat_code) {
case "money+": this.money += 1000000; break;
case "life+": this.life = 100; break;
case "life-": this.life = 1; break;
case "difficulty+": this.difficulty *= 2; break;
case "difficulty-": this.difficulty /= 2; break;
}
},
step: function () {
if (this.is_debug && _TD && _TD.cheat) {
this.checkCheat(_TD.cheat);
_TD.cheat = "";
}
if (this.is_paused) return; // Only stop entirely if the game is strictly paused
this.iframe++;
if (this.iframe % 50 == 0) {
var t = (new Date()).getTime(), step_time = this.step_time;
this.fps = Math.round(500000 / (t - this.last_iframe_time)) / 10;
this.last_iframe_time = t;
if (this.fps < this._exp_fps_0 && step_time > 1) { step_time--; }
else if (this.fps > this._exp_fps_1) { step_time++; }
this.step_time = step_time;
}
if (this.iframe % 2400 == 0) TD.gc();
if (this.admin_mode) {
// EDITOR OVERRIDE: Skip game math, but KEEP RENDERING so brushes update visually!
this.stage.render();
} else {
// NORMAL GAMEPLAY
this.stage.step();
this.stage.render();
}
var _this = this;
this._st = setTimeout(function () { _this.step(); }, this.step_time);
},
getEventXY: function (e) {
var rect = this.canvas.getBoundingClientRect();
// Dynamically calculate the exact scale between physical CSS size and internal Game size
var scaleX = this.canvas.width / rect.width;
var scaleY = this.canvas.height / rect.height;
var x = (e.clientX - rect.left) * scaleX;
var y = (e.clientY - rect.top) * scaleY;
// Prevent coordinates from bleeding off the edge
if (x < 0) x = 0;
if (y < 0) y = 0;
if (x > this.canvas.width) x = this.canvas.width;
if (y > this.canvas.height) y = this.canvas.height;
return [x, y];
},
hover: function (x, y) { this.eventManager.hover(x, y); },
click: function (x, y) { this.eventManager.click(x, y); },
mouseHand: function (v) { this.canvas.style.cursor = v ? "pointer" : "default"; },
log: function (txt) { this.is_debug && window.console && console.log && console.log(txt); },
gc: function () {
if (window.CollectGarbage) { CollectGarbage(); setTimeout(CollectGarbage, 1); }
}
};
for (i = 0; this.a[i]; i++) { this.a[i](TD); }
delete this.a;
TD.init(td_board);
}
};
_TD.a.push(function (TD) {
TD.lang = {
$e: function (el_id) { return document.getElementById(el_id); },
$c: function (tag_name, attributes, parent_node) {
var el = document.createElement(tag_name);
attributes = attributes || {};
for (var k in attributes) { if (attributes.hasOwnProperty(k)) { el.setAttribute(k, attributes[k]); } }
if (parent_node) parent_node.appendChild(el);
return el;
},
strLeft: function (s, n) {
var s2 = s.slice(0, n), i = s2.replace(/[^\x00-\xff]/g, "**").length;
if (i <= n) return s2;
i -= s2.length;
switch (i) {
case 0: return s2;
case n: return s.slice(0, n >> 1);
default:
var k = n - i, s3 = s.slice(k, n), j = s3.replace(/[\x00-\xff]/g, "").length;
return j ? s.slice(0, k) + this.arguments.callee(s3, j) : s.slice(0, k);
}
},
strLen2: function (s) { return s.replace(/[^\x00-\xff]/g, "**").length; },
each: function (list, f) {
if (Array.prototype.forEach) { list.forEach(f); }
else { for (var i = 0, l = list.length; i < l; i++) { f(list[i]); } }
},
any: function (list, f) {
for (var i = 0, l = list.length; i < l; i++) { if (f(list[i])) return list[i]; }
return null;
},
shift: function (list, f) { while (list[0]) { f(list.shift()); } },
rndSort: function (list) {
var a = list.concat();
return a.sort(function () { return Math.random() - 0.5; });
},
_rndRGB2: function (v) { var s = v.toString(16); return s.length == 2 ? s : ("0" + s); },
rndRGB: function () {
var r = Math.floor(Math.random() * 256), g = Math.floor(Math.random() * 256), b = Math.floor(Math.random() * 256);
return "#" + this._rndRGB2(r) + this._rndRGB2(g) + this._rndRGB2(b);
},
rgb2Arr: function (rgb_str) {
if (rgb_str.length != 7) return [0, 0, 0];
var r = rgb_str.substr(1, 2), g = rgb_str.substr(3, 2), b = rgb_str.substr(3, 2);
return [parseInt(r, 16), parseInt(g, 16), parseInt(b, 16)];
},
rndStr: function (n) {
n = n || 16;
var chars = "1234567890abcdefghijklmnopqrstuvwxyz", a = [], i, chars_len = chars.length, r;
for (i = 0; i < n; i++) {
r = Math.floor(Math.random() * chars_len);
a.push(chars.substr(r, 1));
}
return a.join("");
},
nullFunc: function () {},
arrayEqual: function (arr1, arr2) {
var i, l = arr1.length;
if (l != arr2.length) return false;
for (i = 0; i < l; i++) { if (arr1[i] != arr2[i]) return false; }
return true;
},
mix: function (r, s, is_overwrite) {
if (!s || !r) return r;
for (var p in s) {
if (s.hasOwnProperty(p) && (is_overwrite !== false || !(p in r))) { r[p] = s[p]; }
}
return r;
}
};
});
_TD.a.push(function (TD) {
TD.eventManager = {
ex: -1, ey: -1, _registers: {}, ontypes: [ "enter", "hover", "out", "click" ], current_type: "hover",
isOn: function (el) {
return (this.ex != -1 && this.ey != -1 && this.ex > el.x && this.ex < el.x2 && this.ey > el.y && this.ey < el.y2);
},
_mkElEvtName: function (el, evt_type) { return el.id + "::_evt_::" + evt_type; },
on: function (el, evt_type, f) { this._registers[this._mkElEvtName(el, evt_type)] = [el, evt_type, f]; },
removeEventListener: function (el, evt_type) {
var en = this._mkElEvtName(el, evt_type);
delete this._registers[en];
},
clear: function () { delete this._registers; this._registers = {}; },
step: function () {
if (!this.current_type) return;
var k, a, el, et, f, j, _this = this, ontypes_len = this.ontypes.length, is_evt_on, to_del_el = [];
for (k in this._registers) {
if (!this._registers.hasOwnProperty(k)) continue;
a = this._registers[k]; el = a[0]; et = a[1]; f = a[2];
if (!el.is_valid) { to_del_el.push(el); continue; }
if (!el.is_visiable) continue;
is_evt_on = this.isOn(el);
if (this.current_type != "click") {
if (et == "hover" && el.is_hover && is_evt_on) { f(); this.current_type = "hover"; }
else if (et == "enter" && !el.is_hover && is_evt_on) { el.is_hover = true; f(); this.current_type = "enter"; }
else if (et == "out" && el.is_hover && !is_evt_on) { el.is_hover = false; f(); this.current_type = "out"; }
} else {
if (is_evt_on && et == "click") f();
}
}
TD.lang.each(to_del_el, function (obj) {
for (j = 0; j < ontypes_len; j++) _this.removeEventListener(obj, _this.ontypes[j]);
});
this.current_type = "";
},
hover: function (ex, ey) {
if (this.current_type == "click") return;
this.current_type = "hover"; this.ex = ex; this.ey = ey;
},
click: function (ex, ey) { this.current_type = "click"; this.ex = ex; this.ey = ey; }
};
});
_TD.a.push(function (TD) {
TD.Stage = function (id, cfg) {
this.id = id || ("stage-" + TD.lang.rndStr());
this.cfg = cfg || {};
this.width = this.cfg.width || 640;
this.height = this.cfg.height || 540;
this.mode = "normal";
this.state = 0;
this.acts = [];
this.current_act = null;
this._step2 = TD.lang.nullFunc;
this._init();
};
TD.Stage.prototype = {
_init: function () {
if (typeof this.cfg.init == "function") { this.cfg.init.call(this); }
if (typeof this.cfg.step2 == "function") { this._step2 = this.cfg.step2; }
},
start: function () {
this.state = 1;
TD.lang.each(this.acts, function (obj) { obj.start(); });
},
pause: function () { this.state = 2; },
gameover: function () { this.current_act.gameover(); },
clear: function () {
this.state = 3;
TD.lang.each(this.acts, function (obj) { obj.clear(); });
},
step: function () {
if (this.state != 1 || !this.current_act) return;
TD.eventManager.step();
this.current_act.step();
this._step2();
},
render: function () {
if (this.state == 0 || this.state == 3 || !this.current_act) return;
this.current_act.render();
},
addAct: function (act) { this.acts.push(act); },
addElement: function (el, step_level, render_level) {
if (this.current_act) this.current_act.addElement(el, step_level, render_level);
}
};
TD.Act = function (stage, id) {
this.stage = stage;
this.id = id || ("act-" + TD.lang.rndStr());
this.state = 0;
this.scenes = [];
this.end_queue = [];
this.current_scene = null;
this._init();
};
TD.Act.prototype = {
_init: function () { this.stage.addAct(this); },
start: function () {
if (this.stage.current_act && this.stage.current_act.state != 3) {
this.state = 0;
this.stage.current_act.queue(this.start);
return;
}
this.state = 1;
this.stage.current_act = this;
TD.lang.each(this.scenes, function (obj) { obj.start(); });
},
pause: function () { this.state = 2; },
end: function () {
this.state = 3;
var f;
while (f = this.end_queue.shift()) { f(); }
this.stage.current_act = null;
},
queue: function (f) { this.end_queue.push(f); },
clear: function () {
this.state = 3;
TD.lang.each(this.scenes, function (obj) { obj.clear(); });
},
step: function () {
if (this.state != 1 || !this.current_scene) return;
this.current_scene.step();
},
render: function () {
if (this.state == 0 || this.state == 3 || !this.current_scene) return;
this.current_scene.render();
},
addScene: function (scene) { this.scenes.push(scene); },
addElement: function (el, step_level, render_level) {
if (this.current_scene) this.current_scene.addElement(el, step_level, render_level);
},
gameover: function () { this.current_scene.gameover(); }
};
TD.Scene = function (act, id) {
this.act = act;
this.stage = act.stage;
this.is_gameover = false;
this.id = id || ("scene-" + TD.lang.rndStr());
this.state = 0;
this.end_queue = [];
this._step_elements = [ [], [], [] ];
this._render_elements = [ [], [], [], [], [], [], [], [], [], [] ];
this._init();
};
TD.Scene.prototype = {
_init: function () { this.act.addScene(this); this.wave = 0; },
start: function () {
if (this.act.current_scene && this.act.current_scene != this && this.act.current_scene.state != 3) {
this.state = 0;
this.act.current_scene.queue(this.start);
return;
}
this.state = 1;
this.act.current_scene = this;
},
pause: function () { this.state = 2; },
end: function () {
this.state = 3;
var f;
while (f = this.end_queue.shift()) { f(); }
this.clear();
this.act.current_scene = null;
},
clear: function () {
TD.lang.shift(this._step_elements, function (obj) {
TD.lang.shift(obj, function (obj2) { obj2.del(); });
});
TD.lang.shift(this._render_elements, function (obj) {
TD.lang.shift(obj, function (obj2) { obj2.del(); });
});
},
queue: function (f) { this.end_queue.push(f); },
gameover: function () {
if (this.is_gameover) return;
this.pause();
this.is_gameover = true;
},
step: function () {
if (this.state != 1) return;
if (TD.life <= 0) { TD.life = 0; this.gameover(); }
var i, a;
for (i = 0; i < 3; i++) {
a = [];
var level_elements = this._step_elements[i];
TD.lang.shift(level_elements, function (obj) {
if (obj.is_valid) {
if (!obj.is_paused) obj.step();
a.push(obj);
} else { setTimeout(function () { obj = null; }, 500); }
});
this._step_elements[i] = a;
}
},
render: function () {
if (this.state == 0 || this.state == 3) return;
var i, a, ctx = TD.ctx;
ctx.clearRect(0, 0, this.stage.width, this.stage.height);
for (i = 0; i < 10; i++) {
a = [];
var level_elements = this._render_elements[i];
TD.lang.shift(level_elements, function (obj) {
if (obj.is_valid) {
if (obj.is_visiable) obj.render();
a.push(obj);
}
});
this._render_elements[i] = a;
}
if (this.is_gameover) { this.panel.gameover_obj.show(); }
},
addElement: function (el, step_level, render_level) {
step_level = step_level || el.step_level || 1;
render_level = render_level || el.render_level;
this._step_elements[step_level].push(el);
this._render_elements[render_level].push(el);
el.scene = this;
el.step_level = step_level;
el.render_level = render_level;
}
};
});
_TD.a.push(function (TD) {
TD.Element = function (id, cfg) {
this.id = id || ("el-" + TD.lang.rndStr());
this.cfg = cfg || {};
this.is_valid = true;
this.is_visiable = typeof cfg.is_visiable != "undefined" ? cfg.is_visiable : true;
this.is_paused = false;
this.is_hover = false;
this.x = this.cfg.x || -1;
this.y = this.cfg.y || -1;
this.width = this.cfg.width || 0;
this.height = this.cfg.height || 0;
this.step_level = cfg.step_level || 1;
this.render_level = cfg.render_level;
this.on_events = cfg.on_events || [];
this._init();
};
TD.Element.prototype = {
_init: function () {
var _this = this, i, en, len;
for (i = 0, len = this.on_events.length; i < len; i++) {
en = this.on_events[i];
switch (en) {
case "enter": this.on("enter", function () { _this.onEnter(); }); break;
case "out": this.on("out", function () { _this.onOut(); }); break;
case "hover": this.on("hover", function () { _this.onHover(); }); break;
case "click": this.on("click", function () { _this.onClick(); }); break;
}
}
this.caculatePos();
},
caculatePos: function () {
this.cx = this.x + this.width / 2;
this.cy = this.y + this.height / 2;
this.x2 = this.x + this.width;
this.y2 = this.y + this.height;
},
start: function () { this.is_paused = false; },
pause: function () { this.is_paused = true; },
hide: function () { this.is_visiable = false; this.onOut(); },
show: function () { this.is_visiable = true; },
del: function () { this.is_valid = false; },
on: function (evt_type, f) { TD.eventManager.on(this, evt_type, f); },
onEnter: TD.lang.nullFunc, onOut: TD.lang.nullFunc, onHover: TD.lang.nullFunc, onClick: TD.lang.nullFunc, step: TD.lang.nullFunc, render: TD.lang.nullFunc,
addToScene: function (scene, step_level, render_level, pre_add_list) {
this.scene = scene;
if (isNaN(step_level)) return;
this.step_level = step_level || this.step_level;
this.render_level = render_level || this.render_level;
if (pre_add_list) {
TD.lang.each(pre_add_list, function (obj) { scene.addElement(obj, step_level, render_level); });
}
scene.addElement(this, step_level, render_level);
}
};
});
_TD.a.push(function (TD) {
TD._msg_texts = {
"_cant_build": "Can't build here!", "_cant_pass": "Can't pass!", "entrance": "Entrance", "exit": "Exit",
"not_enough_money": "Not enough money, need $${0}.", "wave_info": "Wave ${0}", "panel_money_title": "Money: ",
"panel_score_title": "Score: ", "panel_life_title": "Life: ", "panel_building_title": "Buildings: ", "panel_monster_title": "Monsters: ",
"building_name_wall": "Roadblock", "building_name_cannon": "Cannon", "building_name_LMG": "LMG", "building_name_HMG": "HMG",
"building_name_laser_gun": "Laser gun", "building_info": "${0}: Level ${1}, Damage ${2}, Speed ${3}, Range ${4}, Kill ${5}",
"building_info_wall": "${0}", "building_intro_wall": "Roadblock: monsters could not pass ($${0})",
"building_intro_cannon": "Cannon: balance in range and damage ($${0})", "building_intro_LMG": "Light Machine Gun: longer range, normal damage ($${0})",
"building_intro_HMG": "Heavy Machine Gun: fast shoot, greater damage, normal range ($${0})", "building_intro_laser_gun": "Laser gun: greater damage, 100% hit ($${0})",
"click_to_build": "Left click to build ${0} ($${1})", "upgrade": "Upgrade ${0} to level ${1} , cost $${2}。",
"sell": "Sell ${0} for $${1}", "upgrade_success": "Upgrade success! ${0} upgrades to level ${1}. Next upgrade will take $${2}.",
"monster_info": "Monster: Life ${0}, Shield ${1}, Speed ${2}, Damage ${3}", "button_build_text": "Build", "button_upgrade_text": "Upgrade",
"button_sell_text": "Sell", "button_start_text": "Start", "button_restart_text": "Restart", "button_pause_text": "Pause",
"button_continue_text": "Continue", "button_pause_desc_0": "Pause the game", "button_pause_desc_1": "Resume the game",
"blocked": "Can't build here, it will block the way from entrance to exit!", "monster_be_blocked": "Can't build here, some monster will be blocked!",
"entrance_or_exit_be_blocked": "Can't build on the entrance or the exit!", "_": "ERROR"
};
TD._t = TD.translate = function (k, args) {
args = (typeof args == "object" && args.constructor == Array) ? args : [];
var msg = this._msg_texts[k] || this._msg_texts["_"], i, l = args.length;
for (i = 0; i < l; i++) { msg = msg.replace("${" + i + "}", args[i]); }
return msg;
};
});
_TD.a.push(function (TD) {
TD.default_upgrade_rule = function (old_level, old_value) { return old_value * 1.2; };
// --- NEW: DYNAMIC TACTICAL MATCHUP GENERATOR ---
TD.getTacticalMatchups = function(tower) {
var strong = [], weak = [], cannot = [];
var vType = tower.visual_type || tower.type;
var spd = tower.speed || 1.0;
var isEarlyTower = (tower.type === "tower_1" || tower.type === "tower_2" || tower.type === "tower_3" || (tower.id && (tower.id.endsWith("_1") || tower.id.endsWith("_2") || tower.id.endsWith("_3"))));
if (isEarlyTower) {
cannot.push("Air");
} else if (vType === "laser_gun" || vType === "LMG" || vType === "HMG" || vType === "rifle") {
strong.push("Air");
} else {
weak.push("Air");
}
if (spd >= 3.0) { strong.push("Swarms"); weak.push("Armor"); }
else if (spd <= 1.0) { strong.push("Armor"); weak.push("Swarms"); }
if (vType === "cannon") strong.push("Groups");
if (tower.is_cryo) strong.push("Fast Foes");
if (tower.is_detector) { strong = ["Stealth"]; weak = ["Combat"]; }
if (strong.length === 0) strong.push("General");
if (weak.length === 0) weak.push("None");
return { strong: strong.join(", "), weak: weak.join(", "), cannot: cannot.join(", ") };
};
TD.getDefaultBuildingAttributes = function (building_type) {
var faction = null;
var idx = -1;
if (building_type && building_type.indexOf("tower_") === 0 && TD.current_faction) {
idx = parseInt(building_type.split("_")[1]) - 1;
faction = TD.current_faction;
} else if (building_type) {
// Check specific faction IDs
if (building_type === "mr_handy") { faction = TD.current_faction || "NCR"; idx = 10; }
else if (building_type.indexOf("ncr_") === 0) { faction = "NCR"; idx = parseInt(building_type.split("_")[1]) - 1; }
else if (building_type.indexOf("bos_") === 0) { faction = "BOS"; idx = parseInt(building_type.split("_")[1]) - 1; }
else if (building_type.indexOf("mm_") === 0) { faction = "MINUTEMEN"; idx = parseInt(building_type.split("_")[1]) - 1; }
else if (building_type.indexOf("rk_") === 0) { faction = "RAIDERS"; idx = parseInt(building_type.split("_")[1]) - 1; }
}
if (faction && idx >= 0 && TD.factionData[faction] && TD.factionData[faction][idx]) {
var tData = TD.factionData[faction][idx];
var attrs = {};
// Clone stats directly from Faction Data
for (var k in tData) attrs[k] = tData[k];
// CRITICAL FIX: Ensure the engine uses the internal type name, NOT the visual fallback type
attrs.type = building_type;
// Default upgrade rules
attrs._upgrade_rule_damage = function(old_level, old_value) { return old_value * 1.25; };
attrs._upgrade_rule_range = function(old_level, old_value) { return old_value + 0.1; };
attrs._upgrade_rule_speed = function(old_level, old_value) { return old_value * 1.05; };
return attrs;
}
// If a tower fails to load or is invalid, return a harmless, non-firing block
TD.log("ERROR: Attempted to load invalid tower type: " + building_type);
return { damage: 0, range: 0, speed: 0, bullet_speed: 0, life: 100, shield: 100, cost: 9999, type: "error" };
};
// --- NEW: FACTION TOWER DATA ---
TD.factionData = {
"NCR": typeof ncr_towers !== 'undefined' ? ncr_towers : [],
"BOS": typeof bos_towers !== 'undefined' ? bos_towers : [],
"MINUTEMEN": typeof mm_towers !== 'undefined' ? mm_towers : [],
"RAIDERS": typeof raider_towers !== 'undefined' ? raider_towers : []
};
// Inject Mr. Handy as the 11th "tower" for all factions
for (var f in TD.factionData) {
if (TD.factionData.hasOwnProperty(f)) {
TD.factionData[f].push({
id: "mr_handy",
name: "MR. HANDY",
cost: 500,
unlock_cost: 4000,
is_unlocked: false,
damage: "Melee",
range: "Map",
speed: "Fast"
});
}
}
// --- NEW: ASSET LIBRARY DATA ---
TD.assetLibrary = {
"Paths": [
{ id: "path_dirt", name: "Dirt Tile", src: "assets/images/path1.png", grid_x: 1, grid_y: 1, blocks_path: false, category: "path" },
{ id: "path_stone", name: "Stone Tile", src: "assets/images/path2.png", grid_x: 1, grid_y: 1, blocks_path: false, category: "path" }
],
"Wasteland General": [
{ id: "waste_1x1", name: "Small Box", src: "assets/images/0.png", grid_x: 1, grid_y: 1, blocks_path: true, category: "prop" },
{ id: "waste_1x2", name: "Tall Pillar", src: "assets/images/00.png", grid_x: 1, grid_y: 2, blocks_path: true, category: "prop" },
{ id: "waste_2x2", name: "Large Wreck", src: "assets/images/0000.png", grid_x: 2, grid_y: 2, blocks_path: true, category: "prop" }
],
"Nuka-World": [
// Example of how you can add more themes later
]
};
TD.current_editor_asset = null; // Stores the currently selected asset from the library
TD.loadFaction = function(factionName) {
TD.current_faction = factionName;
var towers = TD.factionData[factionName];
if (!towers) return;
for (let i = 0; i < 11; i++) {
let btn = document.getElementById("btn-buy-tower-" + (i + 1));
if (!btn) continue;
let tData = towers[i];
if (tData) {
// Notice: We removed the old campaign hardcoded limits!
// The Wave Editor handles tower visibility now.
// Dynamically assign unlock cost: Towers 5-11 (index 4-10) cost 1000 + 500 per tier
tData.unlock_cost = (i >= 4) ? (1000 + ((i - 4) * 500)) : 0;
if (tData.is_unlocked) {
var displayCost = tData.free_first_build ? "<span style='color:#0f0;'>(READY)</span>" : "(" + tData.cost + "c)";
btn.innerHTML = tData.name + " " + displayCost;
// If it was previously unlit, it just unlocked! Trigger the flicker.
if (btn.classList.contains('unlit')) {
btn.classList.remove('unlit');
btn.classList.remove('vats-charged-glow'); // Remove the flashing glow
btn.className = btn.className.replace(/warm-up-\d/g, "").trim();
void btn.offsetWidth; // Force CSS reflow
btn.classList.add("warm-up-" + (Math.floor(Math.random() * 5) + 1));
}
// Closure fix: capture the correct reference to tData
(function(td) {
btn.onmouseover = function() {
var tooltip = document.getElementById("tower-tooltip");
if (tooltip) {
var tact = TD.getTacticalMatchups(td);
var cannotHtml = tact.cannot ? "<br><span style='color:#ff5555'>Cannot target: " + tact.cannot + "</span>" : "";
tooltip.innerHTML = td.name + "<br>Dmg: " + td.damage + " | Rng: " + td.range + " | Spd: " + td.speed + "<br><br><span style='color:#0f0'>Strong vs: " + tact.strong + "</span><br><span style='color:#f55'>Weak vs: " + tact.weak + "</span>" + cannotHtml;
tooltip.style.display = "block";
}
};
})(tData);
} else {
var svgLock = "<svg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' style='vertical-align:middle;margin-right:3px;'><rect x='3' y='11' width='18' height='11' rx='2' ry='2'></rect><path d='M7 11V7a5 5 0 0 1 10 0v4'></path></svg>";
// Locked but available to purchase
btn.innerHTML = svgLock + tData.name;
btn.classList.add('unlit');
// Closure fix: capture the correct reference to tData
(function(td) {
btn.onmouseover = function() {
var tooltip = document.getElementById("tower-tooltip");
if (tooltip) {
var tact = TD.getTacticalMatchups(td);
var cannotHtml = tact.cannot ? "<br><span style='color:#ff5555'>Cannot target: " + tact.cannot + "</span>" : "";
tooltip.innerHTML = td.name + " <span style='color:#ff5555'>[LOCKED]</span><br>Dmg: " + td.damage + " | Rng: " + td.range + " | Spd: " + td.speed + "<br><br><span style='color:#0f0'>Strong vs: " + tact.strong + "</span><br><span style='color:#f55'>Weak vs: " + tact.weak + "</span>" + cannotHtml + "<br><br>Unlock Cost: <span style='color:#ffaa00;font-weight:bold;'>" + td.unlock_cost + "c</span>";
tooltip.style.display = "block";
}
};
})(tData);
}
btn.onmouseout = function() {
var tooltip = document.getElementById("tower-tooltip");
if (tooltip) tooltip.style.display = "none";
};
btn.disabled = false;
}
}
// --- NEW: DYNAMIC FACTION CONSUMABLE (6TH SLOT) ---
var btnSpecial = document.getElementById("btn-item-blank") || document.getElementById("btn-item-ncr_artillery") || document.getElementById("btn-item-bos_laser") || document.getElementById("btn-item-mm_flare") || document.getElementById("btn-item-raider_nuka");
if (btnSpecial) {
var specialData = {
"NCR": { id: "ncr_artillery", name: "BARRAGE", desc: "Target path for walking artillery sequence." },
"BOS": { id: "bos_laser", name: "ORBITAL", desc: "Guide a laser from the sky." },
"MINUTEMEN": { id: "mm_flare", name: "MILITIA", desc: "Summon blockaders on the path." },
"RAIDERS": { id: "raider_nuka", name: "NUKA GRENADE", desc: "Huge blast + radiation zone." }
};
var sData = specialData[factionName];
if (sData) {
// Morphs the HTML button into the correct item
btnSpecial.id = "btn-item-" + sData.id;
btnSpecial.title = sData.desc;
// Wire up click event to deploy
btnSpecial.onclick = function() {
if (TD.inventory[sData.id] > 0 && TD.cooldowns[sData.id] <= 0 && TD.stage && TD.stage.current_act) {
var map = TD.stage.current_act.current_scene.map;
if (map) {
map.cancelPreBuild();
TD.mode = "deploy_" + sData.id;
var d = document.getElementById("ui-action-desc");
if(d) d.innerText = "DEPLOYING " + sData.name + ". Click map to target.";
TD.mouseHand(true);
}
}
};
TD.updateItemButton(sData.id); // Force visual update
}
}
};
});
_TD.a.push(function (TD) {
function defaultMonsterRender() {
if (!this.is_valid || !this.grid) return;
// NEW: Check if the calling context is the Y-sort queue, otherwise skip to prevent double-drawing
if (arguments[0] !== "ysort") return;
var ctx = TD.ctx;
// V.A.T.S. Highlight
if (TD.vats_active) {
ctx.strokeStyle = "#00ff00";
ctx.lineWidth = 3 * _TD.retina;
} else {
ctx.strokeStyle = "#000";
ctx.lineWidth = 1;
}
// Smooth Fading Render for Stealth
var rgb = TD.lang.rgb2Arr(this.color);
var alpha = typeof this.stealth_alpha !== 'undefined' ? this.stealth_alpha : 1.0;
if (this.is_stealthed || this.is_burrowing) {
// Draw faint hollow outline permanently while flagged as stealth/burrow
ctx.strokeStyle = "rgba(0, 255, 0, 0.3)";
ctx.lineWidth = 2 * _TD.retina;
}
// Draw the solid core fading in and out based on alpha
ctx.fillStyle = "rgba(" + rgb[0] + "," + rgb[1] + "," + rgb[2] + "," + alpha + ")";
ctx.beginPath(); ctx.arc(this.cx, this.cy, this.r, 0, Math.PI * 2, true); ctx.closePath(); ctx.fill(); ctx.stroke();
// Only show health if they are visible enough
if (TD.show_monster_life && alpha > 0.3) {
var s = Math.floor(TD.grid_size / 4), l = s * 2 - 2 * _TD.retina;
ctx.fillStyle = "#000"; ctx.beginPath(); ctx.fillRect(this.cx - s, this.cy - this.r - 6, s * 2, 4 * _TD.retina); ctx.closePath();
ctx.fillStyle = "#f00"; ctx.beginPath(); ctx.fillRect(this.cx - s + _TD.retina, this.cy - this.r - (6 - _TD.retina), this.life * l / this.life0, 2 * _TD.retina); ctx.closePath();
}
}
TD.getDefaultMonsterAttributes = function (monster_idx) {
var monster_attributes = [
{ name: "Radroach", desc: "Weak, fast-ish pest", speed: 3, max_speed: 10, life: 50, damage: 1, shield: 0, money: 5 },
{ name: "Feral Ghoul", desc: "Mindless irradiated human", speed: 6, max_speed: 20, life: 50, damage: 2, shield: 1 },
{ name: "Mole Rat", desc: "Fast underground creature", speed: 12, max_speed: 30, life: 50, damage: 3, shield: 1 },
{ name: "Super Mutant", desc: "Large, mutated brute", speed: 5, max_speed: 10, life: 500, damage: 3, shield: 1 },
{ name: "Protectron", desc: "Armored security bot", speed: 5, max_speed: 10, life: 50, damage: 3, shield: 20 },
{ name: "Glowing One", desc: "Highly irradiated, deals massive base damage", speed: 7, max_speed: 14, life: 50, damage: 10, shield: 2 },
{ name: "Deathclaw", desc: "Extremely fast, tough apex predator", speed: 15, max_speed: 30, life: 100, damage: 3, shield: 3 },
{ name: "Sentry Bot", desc: "Heavily armored military robot", speed: 3, max_speed: 10, life: 300, damage: 5, shield: 15 },
// --- NEW: PHASED MONSTERS ---
{ name: "Cazador", is_flying: true, desc: "Lightning fast flying wasp", speed: 15, max_speed: 25, life: 40, damage: 4, shield: 1, color: "#dd9900" },
{ name: "Stingwing", is_flying: true, desc: "Agile flying pest", speed: 12, max_speed: 20, life: 25, damage: 2, shield: 0, color: "#88cc33" },
{ name: "Scorchbeast", is_flying: true, desc: "Massive flying terror", speed: 4, max_speed: 10, life: 2500, damage: 30, shield: 5, color: "#551111" },
{ name: "Nightkin", is_stealthed: true, desc: "Tough, stealthed mutant", speed: 8, max_speed: 15, life: 800, damage: 8, shield: 2, color: "#330066" }
];
if (typeof monster_idx == "undefined") { return monster_attributes.length; }
var attr = monster_attributes[monster_idx] || monster_attributes[0], attr2 = {};
TD.lang.mix(attr2, attr);
if (!attr2.render) { attr2.render = defaultMonsterRender; }
return attr2;
};
TD.WaveDirector = {
consecutive_breather_waves: 0,
survival_waves: [
[], // Index 0 (unused)
[[3, 0]], // Wave 1: 3 Roaches
[[5, 0]], // Wave 2: 5 Roaches
[[4, 0], [1, 1]], // Wave 3: 4 Roaches, 1 Ghoul
[[4, 0], [3, 1]], // Wave 4: 4 Roaches, 3 Ghouls
[[1, 0], [5, 1]], // Wave 5: 1 Roach, 5 Ghouls
[[2, 0], [2, 1], [1, 3]], // Wave 6: 2 Roaches, 2 Ghouls, 1 Mutant
[[3, 0], [3, 1], [2, 3]], // Wave 7: 3 Roaches, 3 Ghouls, 2 Mutants
[[2, 1], [3, 3]], // Wave 8: 2 Ghouls, 3 Mutants
[[4, 3]], // Wave 9: 4 Mutants
[[10, 1]] // Wave 10: 10 Ghouls (The Swarm)
],
generateDynamicWave: function(wave_idx, is_campaign, map) {
var difficulty = TD.difficulty || 1.0;
// 1. CALCULATE PLAYER DPS OUTPUT
var total_dps = 0;
if (map && map.buildings) {
TD.lang.each(map.buildings, function(b) {
if (b.is_weapon) {
var aps = b.speed > 0 ? (1 / b.speed) : 1;
var pierce_mult = b.pierce_count ? b.pierce_count : 1;
var aoe_mult = (b.visual_type === "cannon" || b.fire_pattern === "cluster") ? 3 : 1;
var dps = (b.damage * aps * pierce_mult * aoe_mult);
total_dps += dps;
}
});
}
// 2. DYNAMIC BUDGETING
// Smoothly curve the base budget using wave count, and heavily nerf the DPS tax (from 70% to 15%)
var baseline_threat = (total_dps * 0.15) + (wave_idx * 3) + 15;
var budget = baseline_threat * difficulty;
var minimum_budget = wave_idx * 4;
var maximum_budget = 30 + (wave_idx * 10);
if (budget < minimum_budget) budget = minimum_budget;
if (budget > maximum_budget) budget = maximum_budget; // STOPS INFINITE INFLATION
// 3. THE BREATHER CHECK
var is_siege = map && map.map_type === "siege";
var hp_percent = is_siege ? (TD.base_health / 10) : TD.life;
var force_breather = false;
if (hp_percent < 25) {
if (this.consecutive_breather_waves === 0) {
budget *= 0.6; // 40% reduction for breather
force_breather = true;
this.consecutive_breather_waves = 1;
} else {
this.consecutive_breather_waves = 0; // No mercy
}
} else {
this.consecutive_breather_waves = 0; // Reset if healthy
}
// Bestiary: [Monster ID, Cost, Type, Max Per Wave, Batch Limit]
// Types: 0=Swarm, 1=Tank, 2=Flyer, 3=Stealth, 4=Boss
var bestiary = [
[0, 2, 0, 99, 5], [1, 3, 0, 99, 5], [2, 4, 0, 99, 5], // Swarms (Cheap, unlimited, max 5)
[4, 8, 1, 99, 3], [3, 12, 1, 99, 3], [5, 15, 1, 99, 2], [7, 25, 1, 99, 2], // Tanks (Slightly restricted)
[9, 5, 2, 99, 3], [8, 6, 2, 99, 3], // Flyers (Max 3 per cluster)
[11, 20, 3, 5, 1], // Stealth (Max 5 total, 1 at a time)
[6, 40, 4, 1, 1], [10, 60, 4, 1, 1] // Bosses (Max 1 total, 1 at a time)
];
// 4. TELEGRAPHED SCHEDULE & RESTRICTIONS
var allowed = bestiary.filter(function(m) {
if (m[2] === 4 && (wave_idx < 18 || force_breather)) return false;
if (m[2] === 3 && (wave_idx < 14 || force_breather)) return false;
if (m[2] === 2 && (wave_idx < 11)) return false;
return true;
});
// 5. ASSEMBLE WAVE
var wave_composition = [];
var spawn_counts = { 3: 0, 4: 0 };
// --- NEW: STRICT UNIT CAP TO PREVENT BLOBS ---
// HORDE MODE: Gentle growth until Wave 40, then explosive swarm growth
var max_units_this_wave = 10 + Math.floor(wave_idx * 0.5);
if (wave_idx > 40) {
max_units_this_wave += (wave_idx - 40) * 2; // AI swarm limit unleashes
}
var total_spawned = 0;
while (budget > 0 && allowed.length > 0 && total_spawned < max_units_this_wave) {
var pick = allowed[Math.floor(Math.random() * allowed.length)];
var id = pick[0], cost = pick[1], type = pick[2], max_wave = pick[3], max_batch = pick[4];
if (budget >= cost) {
var qty = Math.min(Math.floor(budget / cost), Math.floor(Math.random() * max_batch) + 1);
// Respect the max units physical limit
if (total_spawned + qty > max_units_this_wave) {
qty = max_units_this_wave - total_spawned;
}
if (type === 3 || type === 4) {
if (spawn_counts[type] + qty > max_wave) qty = max_wave - spawn_counts[type];
spawn_counts[type] += qty;
if (spawn_counts[type] >= max_wave) allowed = allowed.filter(function(m) { return m[2] !== type; });
}
if (qty > 0) {
wave_composition.push([qty, id]);
budget -= (cost * qty);
total_spawned += qty;
} else {
// Failsafe: Remove from pool to prevent infinite loops if qty gets clamped to 0
allowed = allowed.filter(function(m) { return m[2] !== type; });
}
} else {
allowed = allowed.filter(function(m) { return m[1] <= budget; });
}
}
return wave_composition;
}
};
TD.makeMonsters = function (n, range) {
var current_wave = 1;
var is_campaign = window.is_campaign_mode === true;
var map = null;
// Attempt to get real-time state
if (TD.stage && TD.stage.current_act && TD.stage.current_act.current_scene) {
current_wave = TD.stage.current_act.current_scene.wave + 1; // +1 for the incoming wave
map = TD.stage.current_act.current_scene.map;
}
// --- NEW: Custom Spawns Hook ---
if (TD.stage && TD.stage.cfg && TD.stage.cfg.custom_waves) {
var cWave = TD.stage.cfg.custom_waves[current_wave];
if (cWave && cWave.spawns && cWave.spawns.length > 0) {
var customArr = [];
for (var i = 0; i < cWave.spawns.length; i++) {
customArr.push([cWave.spawns[i].qty, cWave.spawns[i].monster_idx]);
}
return customArr;
}
}
// -------------------------------
// 1. Survival Predefined (Waves 1-10)
if (!is_campaign && current_wave <= 10) {
if (TD.WaveDirector.survival_waves[current_wave]) return TD.WaveDirector.survival_waves[current_wave];
}
// 2. Dynamic Curated Director (Survival 11+ OR Campaign 6+)
if ((!is_campaign && current_wave > 10) || (is_campaign && current_wave > 5)) {
if (map) return TD.WaveDirector.generateDynamicWave(current_wave, is_campaign, map);
}
// 3. Fallback for Initialization or Campaign 1-5 (if not hardcoded in maps.js)
n = n || 10;
var a = [], count = 0, i, c, d, r;
var max_allowed_idx = 7;
if (current_wave >= 12) max_allowed_idx = 11;
else if (current_wave >= 8) max_allowed_idx = 11;
else if (current_wave >= 6) max_allowed_idx = 9;
if (!range) { range = []; for (i = 0; i <= max_allowed_idx; i++) { range.push(i); } }
while (count < n) {
d = n - count;
c = Math.min(Math.floor(Math.random() * d) + 1, 3);
r = Math.floor(Math.random() * range.length);
a.push([c, range[r]]);
count += c;
}
return a;
};
});
_TD.a.push(function (TD) {
TD.FindWay = function (w, h, x1, y1, x2, y2, f_passable) {
this.m = []; this.w = w; this.h = h; this.x1 = x1; this.y1 = y1; this.x2 = x2; this.y2 = y2;
this.way = []; this.len = this.w * this.h; this.is_blocked = this.is_arrived = false;
this.fPassable = typeof f_passable == "function" ? f_passable : function () { return true; };
this._init();
};
TD.FindWay.prototype = {
_init: function () {
if (this.x1 == this.x2 && this.y1 == this.y2) { this.is_arrived = true; this.way = [[this.x1, this.y1]]; return; }
for (var i = 0; i < this.len; i++) this.m[i] = -2;
this.x = this.x1; this.y = this.y1; this.distance = 0; this.current = [[this.x, this.y]];
this.setVal(this.x, this.y, 0);
while (this.next()) {}
},
getVal: function (x, y) { var p = y * this.w + x; return p < this.len ? this.m[p] : -1; },
setVal: function (x, y, v) { var p = y * this.w + x; if (p > this.len) return false; this.m[p] = v; },
getNeighborsOf: function (x, y) {
var nbs = [];
if (y > 0) nbs.push([x, y - 1]);
if (x < this.w - 1) nbs.push([x + 1, y]);
if (y < this.h - 1) nbs.push([x, y + 1]);
if (x > 0) nbs.push([x - 1, y]);
return nbs;
},
getAllNeighbors: function () {
var nbs = [], nb1, i, c, l = this.current.length;
for (i = 0; i < l; i++) { c = this.current[i]; nb1 = this.getNeighborsOf(c[0], c[1]); nbs = nbs.concat(nb1); }
return nbs;
},
findWay: function () {
var x = this.x2, y = this.y2, nb, max_len = this.len, nbs_len, nbs, i, l, v, min_v = -1, closest_nbs;
while ((x != this.x1 || y != this.y1) && min_v != 0 && this.way.length < max_len) {
this.way.unshift([x, y]); nbs = this.getNeighborsOf(x, y); nbs_len = nbs.length; closest_nbs = []; min_v = -1;
for (i = 0; i < nbs_len; i++) { v = this.getVal(nbs[i][0], nbs[i][1]); if (v < 0) continue; if (min_v < 0 || min_v > v) min_v = v; }
for (i = 0; i < nbs_len; i++) { nb = nbs[i]; if (min_v == this.getVal(nb[0], nb[1])) { closest_nbs.push(nb); } }
l = closest_nbs.length; i = l > 1 ? Math.floor(Math.random() * l) : 0; nb = closest_nbs[i]; x = nb[0]; y = nb[1];
}
},
arrive: function () { this.current = []; this.is_arrived = true; this.findWay(); },
blocked: function () { this.current = []; this.is_blocked = true; },
next: function () {
var neighbors = this.getAllNeighbors(), nb, l = neighbors.length, valid_neighbors = [], x, y, i, v;
this.distance++;
for (i = 0; i < l; i++) {
nb = neighbors[i]; x = nb[0]; y = nb[1];
if (this.getVal(x, y) != -2) continue;
if (this.fPassable(x, y)) { v = this.distance; valid_neighbors.push(nb); }
else { v = -1; }
this.setVal(x, y, v);
if (x == this.x2 && y == this.y2) { this.arrive(); return false; }
}
if (valid_neighbors.length == 0) { this.blocked(); return false; }
this.current = valid_neighbors; return true;
}
};
});
_TD.a.push(function (TD) {
var grid_obj = {
_init: function (cfg) {
cfg = cfg || {}; this.map = cfg.map; this.scene = this.map.scene;
this.mx = cfg.mx; this.my = cfg.my; this.width = TD.grid_size; this.height = TD.grid_size;
this.is_entrance = this.is_exit = false; this.passable_flag = 1; this.build_flag = 1; this.building = null;
this.caculatePos();
},
caculatePos: function () {
this.x = this.map.x + this.mx * TD.grid_size; this.y = this.map.y + this.my * TD.grid_size;
this.x2 = this.x + TD.grid_size; this.y2 = this.y + TD.grid_size;
this.cx = Math.floor(this.x + TD.grid_size / 2); this.cy = Math.floor(this.y + TD.grid_size / 2);
},
checkBlock: function () {
if (this.is_entrance || this.is_exit) { this._block_msg = TD._t("entrance_or_exit_be_blocked"); return true; }
if (this.map.map_type === "siege") return false;
var is_blocked = false;
var _this = this;
// Every entrance must be able to reach at least one exit
if (this.map.entrances && this.map.exits) {
for (var i = 0; i < this.map.entrances.length; i++) {
var ent = this.map.entrances[i];
var canReach = false;
for (var j = 0; j < this.map.exits.length; j++) {
var ext = this.map.exits[j];
var fw = new TD.FindWay(this.map.grid_x, this.map.grid_y, ent.mx, ent.my, ext.mx, ext.my, function (x, y) { return !(x == _this.mx && y == _this.my) && _this.map.checkPassable(x, y); });
if (!fw.is_blocked) { canReach = true; break; }
}
if (!canReach) { is_blocked = true; break; }
}
}
if (!is_blocked) { is_blocked = !!this.map.anyMonster(function (obj) { return obj.chkIfBlocked(_this.mx, _this.my); }); if (is_blocked) this._block_msg = TD._t("monster_be_blocked"); }
else { this._block_msg = TD._t("blocked"); }
return is_blocked;
},
buyBuilding: function (building_type) {
var cost = TD.getDefaultBuildingAttributes(building_type).cost || 0;
var tData = null;
if (building_type && building_type.indexOf("tower_") === 0 && TD.current_faction) {
var idx = parseInt(building_type.split("_")[1]) - 1;
tData = TD.factionData[TD.current_faction][idx];
if (tData && tData.free_first_build) cost = 0;
}
if (TD.money >= cost) {
TD.money -= cost;
this.addBuilding(building_type);
// Consume the free build flag and update UI
if (tData && tData.free_first_build) {
tData.free_first_build = false;
TD.loadFaction(TD.current_faction);
}
}
else { TD.log(TD._t("not_enough_money", [cost])); this.scene.panel.balloontip.msg(TD._t("not_enough_money", [cost]), this); }
},
addBuilding: function (building_type) {
if (this.building) { this.removeBuilding(); }
var building = new TD.Building("building-" + building_type + "-" + TD.lang.rndStr(), { type: building_type, step_level: this.step_level, render_level: this.render_level });
building.locate(this); this.scene.addElement(building, this.step_level, this.render_level + 1);
this.map.buildings.push(building); this.building = building; this.build_flag = 2;
this.map.checkHasWeapon();
if (this.map.pre_building) this.map.pre_building.hide();
},
removeBuilding: function () { if (this.build_flag == 2) this.build_flag = 1; if (this.building) this.building.remove(); this.building = null; },
addMonster: function (monster) { monster.beAddToGrid(this); this.map.monsters.push(monster); monster.start(); },
hightLight: function (show) { this.map.select_hl[show ? "show" : "hide"](this); },
render: function () {
var ctx = TD.ctx, px = this.x + 0.5, py = this.y + 0.5;
if (this.is_hover && TD.mode === "build") { ctx.fillStyle = "rgba(255, 255, 200, 0.2)"; ctx.beginPath(); ctx.fillRect(px, py, this.width, this.height); ctx.closePath(); ctx.fill(); }
// ADMIN OVERLAY COLORS
if ((TD.admin_mode && TD.admin_overlay !== false) || TD.show_grid) {
// Path Brush: Monsters walk, no towers (Blue)
if (this.passable_flag == 1 && this.build_flag == 0) { ctx.fillStyle = "rgba(0, 100, 255, 0.3)"; ctx.beginPath(); ctx.fillRect(px, py, this.width, this.height); ctx.closePath(); ctx.fill(); }
// Block Brush: No monsters, no towers (Red)
else if (this.passable_flag == 0 && this.build_flag == 0) { ctx.fillStyle = "rgba(255, 0, 0, 0.3)"; ctx.beginPath(); ctx.fillRect(px, py, this.width, this.height); ctx.closePath(); ctx.fill(); }
// Note: The Default "Clear" state is passable=1 and build=1. We draw NOTHING here so you can see the background image.
}
// Only draw arrows if we are alive
var isAlive = (this.map.map_type === "siege") ? (TD.base_health > 0) : (TD.life > 0);
if ((this.is_entrance || this.is_exit) && !window.is_demo_mode && isAlive) {
// Sine wave using the global frame counter for a pulsing effect (0 to 1)
var pulseAlpha = Math.abs(Math.sin(TD.iframe / 12));
ctx.globalAlpha = 0.5 + (pulseAlpha * 0.5); // Minimum alpha adjusted so the outline remains visible
ctx.textAlign = "center";
ctx.textBaseline = "middle";
ctx.font = "bold " + Math.floor(TD.grid_size * 0.8) + "px Arial"; // Slightly larger arrow
ctx.lineWidth = 3 * _TD.retina; // Outline thickness
ctx.strokeStyle = "#000000"; // Crisp black outline
// Save context state to rotate just the arrow
ctx.save();
ctx.translate(this.cx, this.cy);
if (this.is_entrance) {
ctx.fillStyle = "#00ff00"; // Green
ctx.rotate((this.dir || 0) * Math.PI / 2);
ctx.strokeText("➤", 0, 0); // Draw black outline
ctx.fillText("➤", 0, 0); // Draw green arrow
} else {
ctx.fillStyle = "#ff0000"; // Red
ctx.rotate((this.dir || 0) * Math.PI / 2);
ctx.strokeText("➤", 0, 0); // Draw black outline
ctx.fillText("➤", 0, 0); // Draw red arrow
}
// Restore context state
ctx.restore();
ctx.globalAlpha = 1.0; // Reset global alpha so the rest of the game doesn't flash!
}
if (TD.show_grid) {
ctx.strokeStyle = "rgba(255, 255, 255, 0.15)"; ctx.lineWidth = 1; ctx.beginPath(); ctx.strokeRect(px, py, this.width, this.height); ctx.closePath(); ctx.stroke();
}
},
onEnter: function () {
if (this.map.is_main_map && TD.mode == "build") {
if (this.build_flag == 1 || this.build_flag == 2) { this.map.pre_building.show(); this.map.pre_building.locate(this); }
else { this.map.pre_building.hide(); }
}
// Removed the annoying default hover balloon tips!
},
onOut: function () { if (this.scene.panel.balloontip.el == this) { this.scene.panel.balloontip.hide(); } },
onClick: function () {
if (TD.admin_mode) return; // Prevent normal clicks from firing while in admin mode
if (this.scene.state != 1) return;
if (TD.mode == "build" && this.map.is_main_map && !this.building) {
if (this.checkBlock()) { this.scene.panel.balloontip.msg(this._block_msg, this); }
else { this.buyBuilding(this.map.pre_building.type); }
} else if (!this.building && this.map.selected_building) {
this.map.selected_building.toggleSelected(); this.map.selected_building = null;
}
}
};
TD.Grid = function (id, cfg) {
cfg.on_events = ["enter", "out", "click"];
var grid = new TD.Element(id, cfg);
TD.lang.mix(grid, grid_obj); grid._init(cfg); return grid;
};
});
_TD.a.push(function (TD) {
var map_obj = {
_init: function (cfg) {
cfg = cfg || {}; this.grid_x = cfg.grid_x || 10; this.grid_y = cfg.grid_y || 10;
this.x = cfg.x || 0; this.y = cfg.y || 0; this.width = this.grid_x * TD.grid_size; this.height = this.grid_y * TD.grid_size;
this.x2 = this.x + this.width; this.y2 = this.y + this.height;
this.grids = []; this.entrances = []; this.exits = []; this.buildings = []; this.monsters = []; this.bullets = [];
this.scene = cfg.scene; this.is_main_map = !!cfg.is_main_map;
this.map_type = cfg.map_type || "traditional"; // NEW: Map Type tracking
this.spawn_mode = cfg.spawn_mode || "random"; // NEW: Spawn mode
this.select_hl = TD.MapSelectHighLight(this.id + "-hl", { map: this }); this.select_hl.addToScene(this.scene, 1, 9);
this.selected_building = null; this._wait_clearInvalidElements = 20; this._wait_add_monsters = 0; this._wait_add_monsters_arr = [];
var i, l = this.grid_x * this.grid_y, grid_data = cfg["grid_data"] || [], d, grid;
for (i = 0; i < l; i++) {
d = grid_data[i] || {}; d.mx = i % this.grid_x; d.my = Math.floor(i / this.grid_x); d.map = this; d.step_level = this.step_level; d.render_level = this.render_level;
grid = new TD.Grid(this.id + "-grid-" + d.mx + "-" + d.my, d); this.grids.push(grid);
}
// Load Entrances
if (cfg.entrance) { var eg = this.getGrid(cfg.entrance[0], cfg.entrance[1]); if (eg) { eg.is_entrance = true; this.entrances.push(eg); } }
if (cfg.entrances) {
for (var i = 0; i < cfg.entrances.length; i++) {
var eg = this.getGrid(cfg.entrances[i][0], cfg.entrances[i][1]);
if (eg) { eg.is_entrance = true; this.entrances.push(eg); }
}
}
// Load Exits
if (cfg.exit) { var xg = this.getGrid(cfg.exit[0], cfg.exit[1]); if (xg) { xg.is_exit = true; this.exits.push(xg); } }
if (cfg.exits) {
for (var i = 0; i < cfg.exits.length; i++) {
var xg = this.getGrid(cfg.exits[i][0], cfg.exits[i][1]);
if (xg) { xg.is_exit = true; this.exits.push(xg); }
}
}
// Fallbacks for legacy single-references in the engine
this.entrance = this.entrances[0] || null;
this.exit = this.exits[0] || null;
// --- DEMO MODE INITIAL BURST ---
if (window.is_demo_mode && this.entrances.length > 0) {
// Queue up 50 quick spawns instantly for absolute chaos
this._wait_add_monsters_arr = [];
for (var j = 0; j < 10; j++) {
this._wait_add_monsters_arr.push([5, Math.floor(Math.random() * TD.monster_type_count)]);
}
}
// --- NEW: DYNAMIC ASSET REBUILDER ---
this.assets = [];
if (cfg.assets) {
var _mapRef = this;
TD.lang.each(cfg.assets, function (a) {
var imgObj = new Image();
imgObj.src = a.src;
var x_px = _mapRef.x + (a.mx * TD.grid_size);
var y_px = _mapRef.y + (a.my * TD.grid_size);
var w_px = a.grid_x * TD.grid_size;
var h_px = a.grid_y * TD.grid_size;
var rebuiltAsset = {
id: a.id, src: a.src, img: imgObj,
mx: a.mx, my: a.my, grid_x: a.grid_x, grid_y: a.grid_y,
blocks_path: a.blocks_path, category: a.category,
x: x_px, y: y_px, width: w_px, height: h_px,
y2: y_px + h_px, is_asset: true
};
_mapRef.assets.push(rebuiltAsset);
// Re-apply pathing/building blockages for this asset
for (var dx = 0; dx < a.grid_x; dx++) {
for (var dy = 0; dy < a.grid_y; dy++) {
var g = _mapRef.getGrid(a.mx + dx, a.my + dy);
if (g) {
if (a.category !== "path") g.build_flag = 0;
if (a.blocks_path) g.passable_flag = 0;
}
}
}
});
}
var _this = this;
if (cfg.grids_cfg) {
TD.lang.each(cfg.grids_cfg, function (obj) {
var grid = _this.getGrid(obj.pos[0], obj.pos[1]); if (!grid) return;
if (!isNaN(obj.passable_flag)) grid.passable_flag = obj.passable_flag;
if (!isNaN(obj.build_flag)) grid.build_flag = obj.build_flag;
if (obj.building) {
grid.addBuilding(obj.building);
if (obj.building_level && grid.building) {
for (var lvl = 1; lvl < obj.building_level; lvl++) grid.building.upgrade();
}
}
});
}
},
checkHasWeapon: function () { this.has_weapon = (this.anyBuilding(function (obj) { return obj.is_weapon; }) != null); },
getGrid: function (mx, my) { var p = my * this.grid_x + mx; return this.grids[p]; },
anyMonster: function (f) { return TD.lang.any(this.monsters, f); },
anyBuilding: function (f) { return TD.lang.any(this.buildings, f); },
anyBullet: function (f) { return TD.lang.any(this.bullets, f); },
eachBuilding: function (f) { TD.lang.each(this.buildings, f); },
eachMonster: function (f) { TD.lang.each(this.monsters, f); },
eachBullet: function (f) { TD.lang.each(this.bullets, f); },
preBuild: function (building_type) {
TD.mode = "build"; if (this.pre_building) { this.pre_building.remove(); }
this.pre_building = new TD.Building(this.id + "-pre-building-" + TD.lang.rndStr(), { type: building_type, map: this, is_pre_building: true });
this.scene.addElement(this.pre_building, 1, this.render_level + 1);
},
cancelPreBuild: function () { TD.mode = "normal"; if (this.pre_building) { this.pre_building.remove(); } },
clearInvalidElements: function () {
if (this._wait_clearInvalidElements > 0) { this._wait_clearInvalidElements--; return; }
this._wait_clearInvalidElements = 20;
var a = []; TD.lang.shift(this.buildings, function (obj) { if (obj.is_valid) a.push(obj); }); this.buildings = a;
a = []; TD.lang.shift(this.monsters, function (obj) { if (obj.is_valid) a.push(obj); }); this.monsters = a;
a = []; TD.lang.shift(this.bullets, function (obj) { if (obj.is_valid) a.push(obj); }); this.bullets = a;
if (this.loots) { a = []; TD.lang.shift(this.loots, function (obj) { if (obj.is_valid) a.push(obj); }); this.loots = a; }
},
addMonster: function (monster) {
if (!this.entrances || this.entrances.length === 0) return;
var m_idx = typeof monster == "number" ? monster : monster.idx;
if (this.spawn_mode === "simultaneous") {
// Spawn a clone at EVERY entrance
for (var i = 0; i < this.entrances.length; i++) {
var new_m = new TD.Monster(null, { idx: m_idx, difficulty: TD.difficulty, step_level: this.step_level, render_level: this.render_level + 2 });
if (window.is_demo_mode) new_m.speed *= 2; // Demo mode 2x speed
this.entrances[i].addMonster(new_m);
}
} else {
// Spawn at a RANDOM entrance
var randEnt = this.entrances[Math.floor(Math.random() * this.entrances.length)];
var new_m = new TD.Monster(null, { idx: m_idx, difficulty: TD.difficulty, step_level: this.step_level, render_level: this.render_level + 2 });
if (window.is_demo_mode) new_m.speed *= 2; // Demo mode 2x speed
randEnt.addMonster(new_m);
}
},
addMonsters: function (n, monster) { this._wait_add_monsters = n; this._wait_add_monsters_objidx = monster; },
addMonsters2: function (arr) { this._wait_add_monsters_arr = arr; },
checkPassable: function (mx, my) { var grid = this.getGrid(mx, my); return (grid != null && grid.passable_flag == 1 && grid.build_flag == 0); },
step: function () {
this.clearInvalidElements();
// --- NEW: UNIVERSAL DEAD ZONE TRACKER ---
if (this.monsters.length > 0 && typeof TD.last_fire_frame !== 'undefined') {
// If 6 seconds (144 frames) pass with monsters on screen but NO shots fired
if (TD.iframe - TD.last_fire_frame >= (TD.exp_fps * 6)) {
if (typeof TD.logEvent === 'function' && window.IntelData) {
TD.logEvent(window.IntelData.getEvent("tactical_dead_zone", "GENERAL"));
}
// Reset the timer so it waits another 6 seconds before warning again
TD.last_fire_frame = TD.iframe;
}
}
// --- ENDLESS MODE DIFFICULTY SCALING ---
// If the map is completely clear of monsters and the queue is empty, the wave is over.
if (!window.is_campaign_mode && !window.is_demo_mode) {
if (this.monsters.length === 0 && this._wait_add_monsters === 0 && this._wait_add_monsters_arr.length === 0) {
// Prevent it from scaling repeatedly while waiting for the next wave to start
if (!this._did_scale_this_wave) {
TD.difficulty += 0.05; // 5% increase in Monster HP/Speed per wave
this._did_scale_this_wave = true;
}
} else {
this._did_scale_this_wave = false; // Reset lock once monsters start spawning again
}
}
if (this._wait_add_monsters > 0) { this.addMonster(this._wait_add_monsters_objidx); this._wait_add_monsters--; }
else if (this._wait_add_monsters_arr.length > 0) { var a = this._wait_add_monsters_arr.shift(); this.addMonsters(a[0], a[1]); }
// --- DEMO MODE TRICKLE SPAWN ---
if (window.is_demo_mode && this.entrance) {
// ~3.0% chance per frame to spawn 1-3 random enemies (Increased by 2x)
if (Math.random() < 0.03 && this._wait_add_monsters === 0 && this._wait_add_monsters_arr.length === 0) {
var randType = Math.floor(Math.random() * TD.monster_type_count);
var randCount = Math.floor(Math.random() * 3) + 1; // 1 to 3 monsters
this.addMonsters(randCount, randType);
}
// ~0.2% chance per frame to drop a massive Artillery Strike on a group of monsters
if (Math.random() < 0.002 && this.monsters.length > 0) {
// Pick a random monster as the target center (naturally biases towards dense groups)
var targetIdx = Math.floor(Math.random() * this.monsters.length);
var targetMonster = this.monsters[targetIdx];
if (targetMonster && targetMonster.is_valid) {
var rx = targetMonster.cx;
var ry = targetMonster.cy;
var blast_radius = TD.grid_size * 5;
TD.Explode("demo-arty-" + TD.lang.rndStr(), { cx: rx, cy: ry, r: blast_radius / _TD.retina, step_level: 1, render_level: 9, color: "#ff5500", scene: this.scene, time: 1.5 });
// Kill monsters caught in the targeted blast
TD.lang.each(this.monsters, function (m) {
if (m.is_valid && (Math.pow(m.cx - rx, 2) + Math.pow(m.cy - ry, 2) <= Math.pow(blast_radius, 2))) {
m.beHit({ killed: 0, gainXp: function(){} }, 500);
}
});
}
}
}
// Trigger consumable timers
if (TD.stepConsumables) TD.stepConsumables();
},
render: function () {
var ctx = TD.ctx; ctx.strokeStyle = "#99a"; ctx.lineWidth = _TD.retina; ctx.beginPath(); ctx.strokeRect(this.x + 0.5, this.y + 0.5, this.width, this.height); ctx.closePath(); ctx.stroke();
var renderQueue = [];
// 1. Gather Assets & Draw Paths Immediately
if (this.assets) {
for (var i = 0; i < this.assets.length; i++) {
var a = this.assets[i];
if (a.category === "path") {
// Draw paths flat on the background immediately
if (a.img && a.img.complete) ctx.drawImage(a.img, a.x, a.y, a.width, a.height);
} else {
renderQueue.push(a); // Props go to Y-Sort queue
}
}
}
// 2. Gather Buildings
for (var i = 0; i < this.buildings.length; i++) {
var b = this.buildings[i];
if (b.is_valid) renderQueue.push(b);
}
// 3. Gather Monsters
for (var i = 0; i < this.monsters.length; i++) {
var m = this.monsters[i];
if (m.is_valid) renderQueue.push(m);
}
// SORT the queue based on the bottom Y edge
renderQueue.sort(function(a, b) {
var a_bottom = a.y2 || (a.cy + (a.r || 0));
var b_bottom = b.y2 || (b.cy + (b.r || 0));
return a_bottom - b_bottom;
});
// DRAW everything in order from back to front
for (var i = 0; i < renderQueue.length; i++) {
var obj = renderQueue[i];
if (obj.is_asset) {
if (obj.img && obj.img.complete) ctx.drawImage(obj.img, obj.x, obj.y, obj.width, obj.height);
} else if (obj.is_monster) {
// Force the monster to render here
if (obj.render) obj.render.call(obj, "ysort"); // FIXED: Pass the required argument
} else {
if (obj.is_visiable && obj.wait_blink >= 0) {
TD.renderBuilding(obj);
if (obj.map.is_main_map && (obj.is_selected || obj.is_hover || obj.map.show_all_ranges) && obj.is_weapon && obj.range > 0 && obj.grid) {
ctx.lineWidth = _TD.retina; ctx.fillStyle = "rgba(187, 141, 32, 0.15)"; ctx.strokeStyle = "#bb8d20"; ctx.beginPath(); ctx.arc(obj.cx, obj.cy, obj.range_px, 0, Math.PI * 2, true); ctx.closePath(); ctx.fill(); ctx.stroke();
}
}
}
}
// FINALLY: Redraw Entrance and Exit arrows so they are never hidden by assets
if (this.entrance) this.entrance.render();
if (this.exit) this.exit.render();
// DRAW MR. HANDY GHOST (Silhouette Stencil)
if (TD.mode === "deploy_handy" && TD.mouse_x != null && TD.mouse_y != null) {
var r = (TD.grid_size * 0.9) / 2;
if (!this._handy_ghost_img) { this._handy_ghost_img = new Image(); this._handy_ghost_img.src = "assets/images/mrhandy.png"; }
if (this._handy_ghost_img.complete) {
// Generate the stencil once and cache it
if (!this._handy_ghost_canvas) {
this._handy_ghost_canvas = document.createElement('canvas');
this._handy_ghost_canvas.width = r*2 + 4;
this._handy_ghost_canvas.height = r*2 + 4;
var oCtx = this._handy_ghost_canvas.getContext('2d');
var img = this._handy_ghost_img;
// 1. Draw 4 offsets to create a thicker border
oCtx.drawImage(img, 0, 2, r*2, r*2);
oCtx.drawImage(img, 4, 2, r*2, r*2);
oCtx.drawImage(img, 2, 0, r*2, r*2);
oCtx.drawImage(img, 2, 4, r*2, r*2);
// 2. Fill the expanded shape with solid green
oCtx.globalCompositeOperation = 'source-in';
oCtx.fillStyle = '#0f0';
oCtx.fillRect(0, 0, r*2 + 4, r*2 + 4);
// 3. Cut out the original image shape from the center, leaving only the outline
oCtx.globalCompositeOperation = 'destination-out';
oCtx.drawImage(img, 2, 2, r*2, r*2);
// 4. Create a translucent green fill using a temporary canvas
var c2 = document.createElement('canvas');
c2.width = r*2 + 4; c2.height = r*2 + 4;
var x2 = c2.getContext('2d');
x2.drawImage(img, 2, 2, r*2, r*2);
x2.globalCompositeOperation = 'source-in';
x2.fillStyle = 'rgba(0, 255, 0, 0.4)';
x2.fillRect(0, 0, r*2+4, r*2+4);
// 5. Draw the translucent fill back into the cut-out center
oCtx.globalCompositeOperation = 'source-over';
oCtx.drawImage(c2, 0, 0);
}
// Draw the perfectly generated stenciled ghost on the main canvas
ctx.drawImage(this._handy_ghost_canvas, TD.mouse_x - r - 2, TD.mouse_y - r - 2);
}
}
},
onOut: function () { if (this.is_main_map && this.pre_building) this.pre_building.hide(); }
};
TD.Map = function (id, cfg) {
cfg.on_events = ["enter", "out"]; var map = new TD.Element(id, cfg); TD.lang.mix(map, map_obj); map._init(cfg); return map;
};
var map_selecthl_obj = {
_init: function (cfg) { this.map = cfg.map; this.width = TD.grid_size + 2; this.height = TD.grid_size + 2; this.is_visiable = false; },
show: function (grid) { this.x = grid.x; this.y = grid.y; this.is_visiable = true; },
render: function () {
var ctx = TD.ctx; ctx.lineWidth = 2; ctx.strokeStyle = "#f93"; ctx.beginPath(); ctx.strokeRect(this.x, this.y, this.width - 1, this.height - 1); ctx.closePath(); ctx.stroke();
}
};
TD.MapSelectHighLight = function (id, cfg) {
var map_selecthl = new TD.Element(id, cfg); TD.lang.mix(map_selecthl, map_selecthl_obj); map_selecthl._init(cfg); return map_selecthl;
};
});
_TD.a.push(function (TD) {
var monster_obj = {
_init: function (cfg) {
cfg = cfg || {}; this.is_monster = true; this.idx = cfg.idx || 1; this.difficulty = cfg.difficulty || 1.0;
var attr = TD.getDefaultMonsterAttributes(this.idx);
this.name = attr.name || "Unknown"; // NEW: Store the name so VATS tooltip can read it without crashing
this.is_flying = !!attr.is_flying;
this.is_stealthed = !!attr.is_stealthed;
this.speed = Math.floor((attr.speed + this.difficulty / 2) * (Math.random() * 0.5 + 0.75));
if (this.speed < 1) this.speed = 1; if (this.speed > cfg.max_speed) this.speed = cfg.max_speed;
// Universally increased HP modifier (changed from 0.5 to 1.5 for a massive 300% boost)
this.life = this.life0 = Math.floor(attr.life * (this.difficulty + 1) * (Math.random() + 0.5) * 1.5);
if (this.life < 1) this.life = this.life0 = 1;
this.shield = Math.floor(attr.shield + this.difficulty / 2); if (this.shield < 0) this.shield = 0;
this.damage = Math.floor((attr.damage || 1) * (Math.random() * 0.5 + 0.75)); if (this.damage < 1) this.damage = 1;
this.money = attr.money || Math.floor(Math.sqrt((this.speed + this.life) * (this.shield + 1) * this.damage)); if (this.money < 1) this.money = 1;
this.color = attr.color || TD.lang.rndRGB(); this.r = Math.floor(this.damage * 3.6) * _TD.retina;
if (this.r < (12 * _TD.retina)) this.r = 12 * _TD.retina; if (this.r > TD.grid_size - (4 * _TD.retina)) this.r = TD.grid_size - (4 * _TD.retina);
this.render = attr.render; this.grid = null; this.map = null; this.next_grid = null; this.way = []; this.toward = 2; this._dx = 0; this._dy = 0; this.is_blocked = false;
// NEW: Initial random lane assignments & Preferred drift target
this.offset_x = (Math.random() * (TD.grid_size * 0.6)) - (TD.grid_size * 0.3);
this.offset_y = (Math.random() * (TD.grid_size * 0.6)) - (TD.grid_size * 0.3);
this.preferred_offset_x = this.offset_x;
this.preferred_offset_y = this.offset_y;
// MOLE RAT: Initial burrow state
if (this.name === "Mole Rat") {
this.is_burrowing = true;
this.is_stealthed = true;
this.state_timer = TD.exp_fps * (4 + Math.random() * 2); // 4-6 seconds initially
}
// ENDLESS SCALING: +2% HP every 2 waves, +0.6% Speed every 3 waves (Caps at Wave 40)
var current_wave = (TD.stage && TD.stage.current_act && TD.stage.current_act.current_scene) ? TD.stage.current_act.current_scene.wave : 1;
if (current_wave > 10) {
var past_10 = current_wave - 10;
var stat_waves = Math.min(past_10, 30); // Locks scaling at 30 waves past 10 (Wave 40)
var hp_mult = 1.0 + (Math.floor(stat_waves / 2) * 0.02);
var spd_mult = 1.0 + (Math.floor(stat_waves / 3) * 0.006);
this.life0 = Math.floor(this.life0 * hp_mult);
this.life = this.life0;
this.speed = this.speed * spd_mult;
}
},
caculatePos: function () { var r = this.r; this.x = this.cx - r; this.y = this.cy - r; this.x2 = this.cx + r; this.y2 = this.cy + r; },
beHit: function (building, damage) {
if (!this.is_valid) return;
// --- NEW: Vulnerability Aura Check ---
var _this = this;
var vuln_mult = 1.0;
if (this.map && this.map.buildings) {
TD.lang.each(this.map.buildings, function(b) {
if (b.is_valid && b.aura_vulnerability) {
var dist = Math.pow(b.cx - _this.cx, 2) + Math.pow(b.cy - _this.cy, 2);
if (dist <= Math.pow(b.range_px, 2)) vuln_mult = b.aura_vulnerability; // Usually 1.15
}
});
}
damage = Math.floor(damage * vuln_mult);
var min_damage = Math.ceil(damage * 0.1); damage -= this.shield; if (damage <= min_damage) damage = min_damage;
this.life -= damage;
var scoreGained = Math.floor(Math.sqrt(damage));
TD.score += scoreGained;
// Add a very small trickle to V.A.T.S. charge on hit
if (typeof TD.vats_charge !== 'undefined' && !TD.vats_active) {
TD.vats_charge += (scoreGained * 0.1); // Reduced from 0.5 to prevent massive spikes
if (TD.vats_charge > TD.vats_max_charge) TD.vats_charge = TD.vats_max_charge;
}
// --- NEW: Award XP just for hitting the target (2 to 5 XP) ---
if (building && building.gainXp) {
var hitXp = Math.floor(Math.random() * 4) + 2;
building.gainXp(hitXp);
}
// NEW: Scatter and Throttle (Only show text every 3 frames per monster)
if (!this._last_dmg_frame || TD.iframe - this._last_dmg_frame > 3) {
this._last_dmg_frame = TD.iframe;
var offsetX = (Math.random() * 24) - 12; // Scatters horizontally
var offsetY = (Math.random() * 10) - 5; // Scatters slightly vertically
new TD.FloatingText("dmg-" + TD.lang.rndStr(), {
cx: this.cx + offsetX, cy: (this.cy - 10) + offsetY, text: "-" + damage, color: "#ff5555", map: this.map, size: 10, life: 16
});
}
if (this.life <= 0) {
// --- NEW: Tiered XP for landing the killing blow ---
if (building && building.gainXp) {
// Base kill XP is 10. Max index is 8 (Sentry Bot).
// The formula gives roughly 10 to 25 XP based on how tough the monster is.
var killXp = 10 + Math.floor(this.idx * 1.8);
building.gainXp(killXp);
}
// NEW: Scaled Chance to drop Loot (Base 5% + 1.5% per monster index level)
var base_chance = 0.05;
var scaling_bonus = (this.idx * 0.015);
var dropChance = (window.devForcedDrop && window.devForcedDrop !== "none") ? 1.0 : (base_chance + scaling_bonus);
// GUARANTEED WAVE DROPS (First kill of the specific wave)
var forceLoot = null;
if (this.scene && this.scene.wave === 3 && !this.scene._dropW3) {
forceLoot = "money"; this.scene._dropW3 = true;
} else if (this.scene && this.scene.wave === 7 && !this.scene._dropW7) {
forceLoot = "stimpak"; this.scene._dropW7 = true;
} else if (this.scene && this.scene.wave === 15 && !this.scene._dropW15) {
forceLoot = "stimpak"; this.scene._dropW15 = true;
}
if (forceLoot || Math.random() < dropChance) {
var newLoot = new TD.Loot("loot-" + TD.lang.rndStr(), {
cx: this.cx,
cy: this.cy,
map: this.map,
monster_bounty: this.money // scale with monster's actual worth
});
if (forceLoot) {
newLoot.loot_type = forceLoot;
if (forceLoot === "money") newLoot.value = 100; // Extra caps for the guaranteed drop
}
}
this.beKilled(building);
}
var balloontip = this.scene.panel.balloontip;
if (balloontip.el == this) {
var tags = [];
if (this.is_flying) tags.push("[FLYING]");
if (this.is_stealthed) tags.push("[STEALTH]");
if (this.speed >= 15) tags.push("[FAST]");
if (this.life0 >= 500) tags.push("[VERY STRONG]");
if (this.life0 >= 2000) tags.push("[BOSS]");
var tagStr = tags.length > 0 ? "\n" + tags.join(" ") : "";
balloontip.text = this.name.toUpperCase() + "\nHP: " + this.life + " / " + this.life0 + tagStr;
}
},
beKilled: function (building) {
if (!this.is_valid) return;
this.life = 0; this.is_valid = false; building.killed++;
// --- NEW: ANNOUNCE KILL ---
if (window.IntelData && TD.Announcer) {
// Was it a clutch kill right near the exit? (Calculate distance from exit grid)
var clutch = false;
if (this.map && this.map.exit) {
var distToExit = Math.sqrt(Math.pow(this.cx - this.map.exit.cx, 2) + Math.pow(this.cy - this.map.exit.cy, 2));
if (distToExit < (TD.grid_size * 2)) clutch = true; // Within 2 grid squares!
}
if (clutch) {
// Highest priority, absolute clutch save!
TD.Announcer.add("CRITICAL SAVE: " + this.name.toUpperCase() + " ELIMINATED AT THE PERIMETER BY " + (building ? building.name.toUpperCase() : "DEFENSES"), 5);
} else if (this.life0 >= 2000) {
// Boss Kill!
TD.Announcer.add(window.IntelData.getEvent("kill", TD.current_faction, null, this.name), 5);
} else if (Math.random() < 0.15) {
// Normal Kill (Throttled so swarms don't spam)
TD.Announcer.add(window.IntelData.getEvent("kill", TD.current_faction, null, this.name), 2);
}
}
// --- NEW: Scaling Kill Bounty ---
var wave_bonus = 0;
var current_wave = 1;
if (this.scene && this.scene.wave) current_wave = this.scene.wave;
if (current_wave >= 5) wave_bonus = 5;
if (current_wave >= 9) wave_bonus = 8;
if (current_wave >= 13) wave_bonus = 10;
if (current_wave >= 17) wave_bonus = 15;
var final_bounty = this.money + wave_bonus;
TD.money += final_bounty;
// --- NEW: BONUS BOUNTY PAYOUT ---
if (building && building.bonus_bounty) {
var extraCaps = Math.floor(Math.random() * 6) + 15; // Random 15 to 20
TD.money += extraCaps;
new TD.FloatingText("bounty-" + TD.lang.rndStr(), {
cx: this.cx, cy: this.cy - 20, text: "+" + extraCaps + " CAPS", color: "#ffff00", map: this.map, size: 14, life: 36
});
}
// --- NEW: V.A.T.S. Charge Generation ---
if (typeof TD.vats_charge !== 'undefined' && !TD.vats_active) {
// Fixed kill charge: base 3, scales up slightly for stronger enemies
TD.vats_charge += 3 + Math.floor(this.idx * 1.5);
if (TD.vats_charge > TD.vats_max_charge) TD.vats_charge = TD.vats_max_charge;
}
// --- NEW: Shatter AoE ---
if (this.is_frozen && building && building.shatter_aoe) {
var blast_radius = TD.grid_size * 2.0;
TD.Explode("shatter-" + TD.lang.rndStr(), { cx: this.cx, cy: this.cy, r: blast_radius / _TD.retina, step_level: 1, render_level: 9, color: "#aaffff", scene: this.grid.scene, time: 0.3 });
var _this = this;
TD.lang.each(this.map.monsters, function(m) {
if (m.is_valid && m !== _this && Math.pow(m.cx - _this.cx, 2) + Math.pow(m.cy - _this.cy, 2) <= Math.pow(blast_radius, 2)) {
m.beHit(building, 50); // Deal 50 splash damage
}
});
}
TD.Explode(this.id + "-explode", { cx: this.cx, cy: this.cy, color: this.color, r: this.r, step_level: this.step_level, render_level: this.render_level, scene: this.grid.scene });
},
arrive: function () { this.grid = this.next_grid; this.next_grid = null; this.checkFinish(); },
findWay: function () {
var _this = this, bestWay = [], minLen = 999999;
for (var i = 0; i < this.map.exits.length; i++) {
var ext = this.map.exits[i];
var fw = new TD.FindWay(this.map.grid_x, this.map.grid_y, this.grid.mx, this.grid.my, ext.mx, ext.my, function (x, y) { return _this.map.checkPassable(x, y); });
if (fw.is_arrived && fw.way.length < minLen) { minLen = fw.way.length; bestWay = fw.way; }
}
this.way = bestWay;
},
checkFinish: function () {
if (this.grid && this.map && this.grid.is_exit) {
TD.wave_damage += this.damage;
if (window.is_demo_mode) {
this.pause(); this.del();
return;
}
// Trigger Screen Shake visually on the board container
var board = document.getElementById("td-board");
if (board) {
board.classList.remove("shake-active");
void board.offsetWidth; // Reflow to allow rapid sequential shakes
board.classList.add("shake-active");
}
if (this.map.map_type === "siege") {
TD.base_health -= (this.damage * 10);
if (TD.base_health <= 0) { TD.base_health = 0; TD.stage.gameover(); } else { this.pause(); this.del(); }
} else {
TD.life -= this.damage;
if (TD.life <= 0) { TD.life = 0; TD.stage.gameover(); } else { this.pause(); this.del(); }
}
}
},
beAddToGrid: function (grid) { this.grid = grid; this.map = grid.map; this.cx = grid.cx; this.cy = grid.cy; this.grid.scene.addElement(this); },
getNextGrid: function () {
if (this.way.length == 0 || Math.random() < 0.1) { this.findWay(); }
var next_grid = this.way.shift();
if (next_grid && !this.map.checkPassable(next_grid[0], next_grid[1])) { this.findWay(); next_grid = this.way.shift(); }
if (!next_grid) return;
this.next_grid = this.map.getGrid(next_grid[0], next_grid[1]);
},
chkIfBlocked: function (mx, my) {
var _this = this, canReachAnyExit = false;
for (var i = 0; i < this.map.exits.length; i++) {
var ext = this.map.exits[i];
var fw = new TD.FindWay(this.map.grid_x, this.map.grid_y, this.grid.mx, this.grid.my, ext.mx, ext.my, function (x, y) { return !(x == mx && y == my) && _this.map.checkPassable(x, y); });
if (!fw.is_blocked) { canReachAnyExit = true; break; }
}
return !canReachAnyExit;
},
beBlocked: function () { if (this.is_blocked) return; this.is_blocked = true; },
step: function () {
if (!this.is_valid || this.is_paused || !this.grid) return;
// NEW: Handle Freeze Debuff thawing
if (this.is_frozen) {
this.freeze_timer--;
if (this.freeze_timer > 0) {
// --- NEW: True Freeze Bypass ---
// If they have more than 5 seconds (120 frames) left, they are SOLID ICE.
// We simply return out of the function so they don't move or attack at all!
if (this.freeze_timer > 120) {
return;
}
// Dynamic Thaw (Last 5 seconds):
// Timer goes from 120 down to 0.
var freezePercentRemaining = this.freeze_timer / 120; // 1.0 down to 0.0
var thawPercent = 1 - freezePercentRemaining; // 0.0 up to 1.0
// They regain speed linearly as the timer ticks down.
this.speed = Math.max(0.1, this.original_speed * thawPercent);
} else {
// Done freezing
this.is_frozen = false;
this.speed = this.original_speed;
}
}
if (!this.next_grid) {
this.getNextGrid();
if (!this.next_grid) {
if (this.map.map_type === "siege") {
// NEW: Siege Mode Attack Logic
if (!this.attack_cooldown) this.attack_cooldown = 0;
if (this.attack_cooldown > 0) {
this.attack_cooldown--;
} else {
// Look for adjacent blocking towers
var adj = [
this.map.getGrid(this.grid.mx + 1, this.grid.my),
this.map.getGrid(this.grid.mx - 1, this.grid.my),
this.map.getGrid(this.grid.mx, this.grid.my + 1),
this.map.getGrid(this.grid.mx, this.grid.my - 1)
];
for (var i = 0; i < adj.length; i++) {
if (adj[i] && adj[i].building) {
var target = adj[i].building;
var dmg = this.damage || 5;
if (target.shield > 0) {
target.shield -= dmg;
if (target.shield < 0) target.shield = 0;
} else {
target.life -= dmg;
}
// Visual attack feedback
TD.Explode(this.id + "-atk", { cx: target.cx, cy: target.cy, r: 10 * _TD.retina, step_level: this.step_level, render_level: 9, color: "#ff0000", scene: this.map.scene, time: 0.2 });
if (target.life <= 0) target.remove(); // Destroy the building
this.attack_cooldown = 24; // Attack roughly once per second
break;
}
}
}
} else {
this.beBlocked();
}
return;
}
}
// --- NEW: Soft Swarm Repulsion & Lane Shifting ---
var _this = this;
var is_bumping = false; // Track if actively touching someone
TD.lang.each(this.map.monsters, function(m) {
if (m !== _this && m.is_valid && m.grid) {
var dx = _this.cx - m.cx;
var dy = _this.cy - m.cy;
var dist = Math.sqrt(dx*dx + dy*dy);
var minDist = _this.r + m.r;
if (dist > 0 && dist < minDist) {
is_bumping = true;
var push = (minDist - dist) * 0.15; // Tripled magnetic push
_this.offset_x += (dx / dist) * push;
_this.offset_y += (dy / dist) * push;
}
}
});
// --- NEW: Occasional random wandering ---
// ~1% chance per frame to decide to wander to a new part of the path
if (Math.random() < 0.01) {
this.preferred_offset_x = (Math.random() * (TD.grid_size * 0.7)) - (TD.grid_size * 0.35);
this.preferred_offset_y = (Math.random() * (TD.grid_size * 0.7)) - (TD.grid_size * 0.35);
}
// Smoothly pull toward PREFERRED lane over time if not bumping
if (!is_bumping) {
this.offset_x += (this.preferred_offset_x - this.offset_x) * 0.05;
this.offset_y += (this.preferred_offset_y - this.offset_y) * 0.05;
}
// Wider clamping (50%) so they don't clip entirely off the tile
var maxOff = TD.grid_size * 0.5;
if (this.offset_x > maxOff) this.offset_x = maxOff; else if (this.offset_x < -maxOff) this.offset_x = -maxOff;
if (this.offset_y > maxOff) this.offset_y = maxOff; else if (this.offset_y < -maxOff) this.offset_y = -maxOff;
// Add the dynamic lane offset to their target destination
var target_cx = this.next_grid.cx + this.offset_x;
var target_cy = this.next_grid.cy + this.offset_y;
// --- NEW: Smooth Vector Movement ---
var dpx = target_cx - this.cx;
var dpy = target_cy - this.cy;
var distToTarget = Math.sqrt(dpx * dpx + dpy * dpy);
// --- NEW: PATH PROGRESS ANNOUNCER ---
// Calculate how far they are based on their remaining path length
if (this.way && this.map && this.map.entrance && this.map.exit && window.IntelData && TD.Announcer) {
// Estimate total path length (just once)
if (!this._total_path_len) this._total_path_len = this.way.length + 1;
var percentTraveled = 100 - Math.floor((this.way.length / this._total_path_len) * 100);
// Trigger warnings at 50% and 75% marks
if (percentTraveled >= 50 && !this._warned_50) {
this._warned_50 = true;
// Only 10% chance to warn for generic mobs to prevent spam, 100% chance for Bosses
if (this.life0 >= 2000 || Math.random() < 0.1) {
TD.Announcer.add(window.IntelData.getEvent("path_progress", TD.current_faction, null, this.name, 50), 4);
}
}
if (percentTraveled >= 75 && !this._warned_75) {
this._warned_75 = true;
if (this.life0 >= 2000 || Math.random() < 0.2) {
TD.Announcer.add(window.IntelData.getEvent("path_progress", TD.current_faction, null, this.name, 75), 5);
}
}
}
// --- STATUS EFFECT TIMERS ---
if (typeof this.stealth_alpha === 'undefined') this.stealth_alpha = 0.0;
if (this.reveal_timer > 0) {
this.reveal_timer--;
if (this.reveal_timer <= 0) this.is_revealed = false;
}
if (this.is_poisoned) {
this.poison_timer--;
if (this.poison_timer <= 0) this.is_poisoned = false;
// Tick Damage every half second (12 frames)
if (this.poison_timer % 12 === 0) {
var pDmg = this.poison_damage || 5;
this.life -= pDmg;
new TD.FloatingText("pdmg-" + TD.lang.rndStr(), { cx: this.cx + (Math.random()*10-5), cy: this.cy - 10, text: "-" + pDmg, color: "#ff8800", map: this.map, size: 10, life: 12 });
if (this.life <= 0) this.beKilled({ killed: 0, gainXp: function(){} });
}
}
// Smooth Fading Math for Stealth/Burrowing
if (this.is_revealed || (!this.is_stealthed && !this.is_burrowing)) {
this.stealth_alpha += 0.05; // Fade In
if (this.stealth_alpha > 1.0) this.stealth_alpha = 1.0;
} else {
this.stealth_alpha -= 0.05; // Fade Out
if (this.stealth_alpha < 0.0) this.stealth_alpha = 0.0;
}
if (this.slow_timer > 0) {
this.slow_timer--;
if (this.slow_timer <= 0) this.is_slowed = false;
}
// MOLE RAT: State Machine (Burrowing vs Running)
if (typeof this.dig_timer === 'undefined') this.dig_timer = 0;
if (this.dig_timer > 0) this.dig_timer--;
if (this.name === "Mole Rat") {
this.state_timer--;
if (this.state_timer <= 0) {
this.is_burrowing = !this.is_burrowing;
this.dig_timer = TD.exp_fps * 1.0;
if (this.is_burrowing) {
this.is_stealthed = true;
this.is_revealed = false;
this.state_timer = TD.exp_fps * (4 + Math.random() * 2);
} else {
this.is_stealthed = false;
this.state_timer = TD.exp_fps * (6 + Math.random() * 2);
}
}
}
// --- NEW: Process Environmental Auras ---
var aura_slow_mult = 1.0;
if (this.map && this.map.buildings) {
TD.lang.each(this.map.buildings, function(b) {
if (b.is_valid) {
var dist2 = Math.pow(b.cx - _this.cx, 2) + Math.pow(b.cy - _this.cy, 2);
if (dist2 <= Math.pow(b.range_px, 2)) {
if (b.aura_slow) aura_slow_mult = Math.min(aura_slow_mult, b.aura_slow); // Apply the strongest slow (lowest mult)
if (b.aura_dot && TD.iframe % 30 === 0) {
_this.beHit(b, b.aura_dot); // Apply flat damage twice a second
}
}
}
});
}
// Base speed calculation
var current_speed = this.speed * TD.global_speed;
// Speed Modifiers
if (this.dig_timer > 0) {
current_speed = 0; // Frozen completely while digging up/down
} else {
current_speed *= aura_slow_mult; // Apply Radar Jammer Slow
if (this.is_slowed) current_speed *= 0.50; // 50% Penalty from Cryo towers
if (this.name === "Mole Rat" && this.is_burrowing) current_speed *= 0.25; // 75% slower underground
if (is_bumping) current_speed *= 1.30; // 30% speed boost if squeezing past someone
}
if (this.dig_timer > 0) {
current_speed = 0; // Frozen completely while digging up/down
} else {
if (this.is_slowed) current_speed *= 0.50; // 50% Penalty from Cryo towers
if (this.name === "Mole Rat" && this.is_burrowing) current_speed *= 0.25; // 75% slower underground
if (is_bumping) current_speed *= 1.30; // 30% speed boost if squeezing past someone
}
if (distToTarget <= current_speed) {
this.cx = target_cx;
this.cy = target_cy;
this.arrive();
} else {
this.cx += (dpx / distToTarget) * current_speed;
this.cy += (dpy / distToTarget) * current_speed;
}
this.caculatePos();
},
onEnter: function () {
var balloontip = this.scene.panel.balloontip;
if (balloontip.el == this) { balloontip.hide(); balloontip.el = null; }
else {
var tags = [];
if (this.is_flying) tags.push("[FLYING]");
if (this.is_stealthed) tags.push("[STEALTH]");
if (this.speed >= 15) tags.push("[FAST]");
if (this.life0 >= 500) tags.push("[VERY STRONG]");
if (this.life0 >= 2000) tags.push("[BOSS]");
var tagStr = tags.length > 0 ? "\n" + tags.join(" ") : "";
var msg = this.name.toUpperCase() + "\nHP: " + this.life + " / " + this.life0 + tagStr;
balloontip.msg(msg, this);
}
},
onOut: function () {
// FIXED: Tell the global UI to hide the balloon when mouse leaves
if (this.scene.panel.balloontip.el === this) {
this.scene.panel.balloontip.hide();
this.scene.panel.balloontip.el = null;
}
}
};
TD.Monster = function (id, cfg) { cfg.on_events = ["enter", "out"]; var monster = new TD.Element(id, cfg); TD.lang.mix(monster, monster_obj); monster._init(cfg); return monster; };
var explode_obj = {
_init: function (cfg) {
cfg = cfg || {}; var rgb = TD.lang.rgb2Arr(cfg.color);
this.cx = cfg.cx; this.cy = cfg.cy; this.r = cfg.r * _TD.retina; this.step_level = cfg.step_level; this.render_level = cfg.render_level;
this.rgb_r = rgb[0]; this.rgb_g = rgb[1]; this.rgb_b = rgb[2]; this.rgb_a = 1; this.wait = this.wait0 = TD.exp_fps * (cfg.time || 1);
cfg.scene.addElement(this);
},
step: function () { if (!this.is_valid) return; this.wait--; this.r++; this.is_valid = this.wait > 0; this.rgb_a = this.wait / this.wait0; },
render: function () {
var ctx = TD.ctx; ctx.fillStyle = "rgba(" + this.rgb_r + "," + this.rgb_g + "," + this.rgb_b + "," + this.rgb_a + ")";
ctx.beginPath(); ctx.arc(this.cx, this.cy, this.r, 0, Math.PI * 2, true); ctx.closePath(); ctx.fill();
}
};
TD.Explode = function (id, cfg) { var explode = new TD.Element(id, cfg); TD.lang.mix(explode, explode_obj); explode._init(cfg); return explode; };
// --- NEW: Expanding Hollow Radar Pulse Effect ---
var radar_pulse_obj = {
_init: function (cfg) {
cfg = cfg || {}; var rgb = TD.lang.rgb2Arr(cfg.color);
this.cx = cfg.cx; this.cy = cfg.cy; this.map = cfg.map || cfg.scene.map;
this.max_r = cfg.r * _TD.retina;
this.r = 1; // Start tiny at the center of the tower
this.step_level = cfg.step_level; this.render_level = cfg.render_level;
this.rgb_r = rgb[0]; this.rgb_g = rgb[1]; this.rgb_b = rgb[2]; this.rgb_a = 1;
this.wait = this.wait0 = TD.exp_fps * (cfg.time || 1);
this.dr = this.max_r / this.wait0; // Calculate expansion speed per frame
cfg.scene.addElement(this);
},
step: function () {
if (!this.is_valid) return;
this.wait--;
this.r += this.dr; // Expand radius outward
var _this = this;
if (this.map && this.map.monsters) {
TD.lang.each(this.map.monsters, function(m) {
if (m.is_valid && (m.is_stealthed || m.is_burrowing)) {
var dist = Math.sqrt(Math.pow(m.cx - _this.cx, 2) + Math.pow(m.cy - _this.cy, 2));
// BULLETPROOF: If the expanding ring has reached the monster at all
if (dist <= (_this.r + m.r)) {
// Stay revealed for 3.2 seconds (fully fades out right as the next pulse hits them)
m.reveal_timer = Math.floor(TD.exp_fps * 3.2);
m.is_revealed = true;
}
}
});
}
this.is_valid = this.wait > 0;
this.rgb_a = this.wait / this.wait0; // Fade out as it reaches the edge
},
render: function () {
var ctx = TD.ctx;
// Draw ONLY the hollow stroke, NOT a solid fill!
ctx.strokeStyle = "rgba(" + this.rgb_r + "," + this.rgb_g + "," + this.rgb_b + "," + this.rgb_a + ")";
ctx.lineWidth = 4 * _TD.retina;
ctx.beginPath(); ctx.arc(this.cx, this.cy, this.r, 0, Math.PI * 2, true); ctx.closePath(); ctx.stroke();
}
};
TD.RadarPulse = function (id, cfg) { var pulse = new TD.Element(id, cfg); TD.lang.mix(pulse, radar_pulse_obj); pulse._init(cfg); return pulse; };
});
_TD.a.push(function (TD) {
var panel_obj = {
_init: function (cfg) {
cfg = cfg || {}; this.x = cfg.x; this.y = cfg.y; this.scene = cfg.scene; this.map = cfg.main_map;
this.addToScene(this.scene, 1, 7);
// Dummy map so toggleSelected doesn't crash when it searches for the old panel_map
this.scene.panel_map = { eachBuilding: function() {} };
this.gameover_obj = new TD.GameOver("panel-gameover", { panel: this, scene: this.scene, step_level: this.step_level, is_visiable: false, x: 0, y: 0, width: this.scene.stage.width, height: this.scene.stage.height, render_level: 9 });
this.balloontip = new TD.BalloonTip("panel-balloon-tip", { scene: this.scene, step_level: this.step_level, render_level: 9 }); this.balloontip.addToScene(this.scene, 1, 9);
var _this = this;
var makeBtn = function(id) {
var el = document.getElementById(id);
return {
el: el,
show: function() { if(this.el) this.el.style.display = "inline-block"; },
hide: function() { if(this.el) this.el.style.display = "none"; },
set desc(val) { var descEl = document.getElementById("ui-action-desc"); if(descEl) descEl.innerText = val; }
};
};
this.btn_pause = makeBtn("ui-btn-pause");
this.btn_restart = makeBtn("ui-btn-restart");
this.btn_upgrade = makeBtn("ui-btn-upgrade");
this.btn_sell = makeBtn("ui-btn-sell");
this.btn_build = makeBtn("ui-btn-build");
var btnPause = document.getElementById("ui-btn-pause");
if (btnPause) btnPause.onclick = function() {
if (_this.scene.state == 1) {
_this.scene.pause();
this.innerText = "CONTINUE";
_this.btn_upgrade.hide(); _this.btn_sell.hide(); _this.btn_build.hide(); _this.btn_restart.show();
document.body.classList.add("is-paused");
}
else if (_this.scene.state == 2) {
_this.scene.start();
this.innerText = "PAUSE";
_this.btn_restart.hide();
if (_this.scene.map.selected_building) { _this.btn_upgrade.show(); _this.btn_sell.show(); _this.btn_build.show(); }
document.body.classList.remove("is-paused");
}
};
var btnRestart = document.getElementById("ui-btn-restart");
if (btnRestart) btnRestart.onclick = function() {
setTimeout(function () {
TD.stage.clear();
TD.is_paused = true;
// Reset all Consumable inventories, cooldowns, and buffs
if (TD.cooldowns && TD.inventory) {
for (var k in TD.cooldowns) {
TD.cooldowns[k] = 0;
TD.inventory[k] = 0;
var btn = document.getElementById("btn-item-" + k);
if (btn) btn.style.backgroundImage = "none";
if (TD.updateItemButton) TD.updateItemButton(k);
}
}
// --- RESTART BUG FIX: Relock Towers ---
if (TD.factionData) {
for (var faction in TD.factionData) {
if (TD.factionData.hasOwnProperty(faction)) {
var towers = TD.factionData[faction];
for (var i = 0; i < towers.length; i++) {
// Towers 1-4 (index 0-3) are unlocked by default. 5-11 are locked.
towers[i].is_unlocked = (i < 4);
towers[i].free_first_build = false;
}
}
}
}
if (TD.current_faction) TD.loadFaction(TD.current_faction);
// --------------------------------------
if (typeof TD.psycho_active !== 'undefined') TD.psycho_active = 0;
document.getElementById("td-board").style.boxShadow = "none";
// Hide the Game Over text and Static Overlay
var goText = document.getElementById("game-over-text");
if (goText) goText.style.display = "none";
window.triggerPanelIgnition();
TD.start();
// --- FIX: Re-apply Global Starting Caps Doubler ---
if (typeof TD.money !== "undefined") {
TD.money = Math.floor(TD.money * 2.0);
}
TD.mouseHand(false);
}, 0);
};
var btnExit = document.getElementById("ui-btn-exit");
if (btnExit) btnExit.onclick = function() {
// Instantly reloads the page context to the Main Menu.
// This guarantees the engine cache is completely flushed, so when
// you pick a new Faction and hit Play Game, it loads perfectly.
window.location.reload();
};
var btnUpgrade = document.getElementById("ui-btn-upgrade");
if (btnUpgrade) btnUpgrade.onclick = function() { if(_this.scene.map.selected_building) _this.scene.map.selected_building.tryToUpgrade(_this.btn_upgrade); };
var btnSell = document.getElementById("ui-btn-sell");
if (btnSell) btnSell.onclick = function() { if(_this.scene.map.selected_building) _this.scene.map.selected_building.tryToSell(_this.btn_sell); };
var btnBuild = document.getElementById("ui-btn-build");
if (btnBuild) btnBuild.onclick = function() { if(_this.scene.map.selected_building) _this.scene.map.selected_building.tryToUpgrade(_this.btn_build); };
// Wire up the new HTML tower buying buttons and update text feedback safely
var setDesc = function(txt) { var d = document.getElementById("ui-action-desc"); if(d) d.innerText = txt; };
// Wire up the Time Controls
var btnStartWave = document.getElementById("ui-btn-start-wave");
if (btnStartWave) btnStartWave.onclick = function() {
if (TD.stage.wait_new_wave > 0) {
var secondsSkipped = Math.floor(TD.stage.wait_new_wave / TD.exp_fps);
// --- NEW: Guaranteed Minimum Wave Income ---
// Base 25 caps, plus 15 extra caps for every wave you have survived
var currentWaveIdx = (_this.scene && _this.scene.wave) ? _this.scene.wave : 0;
var guaranteedCaps = 25 + (currentWaveIdx * 15);
var bonusCaps = (secondsSkipped * 5) + guaranteedCaps; // Combine them
TD.stage.wait_new_wave = 0;
if (bonusCaps > 0 && _this.map) {
setDesc("WAVE DEPLOYED: +" + bonusCaps + " CAPS SECURED");
var btnRect = btnStartWave.getBoundingClientRect();
var targetEl = document.getElementById("ui-money-container");
var targetRect = targetEl ? targetEl.getBoundingClientRect() : btnRect;
var coin_count = Math.min(secondsSkipped, 5);
var capsPerCoin = Math.floor(bonusCaps / coin_count);
var remainder = bonusCaps % coin_count;
for (var i = 0; i < coin_count; i++) {
(function(delay, i_idx) {
setTimeout(function() {
var animImg = document.createElement("img");
animImg.src = "assets/images/caps.png";
animImg.style.position = "fixed";
var startX = btnRect.left + (btnRect.width / 2) - 20 + (Math.random() * 40 - 20);
var startY = btnRect.top - 20 + (Math.random() * 20 - 10);
animImg.style.left = startX + "px";
animImg.style.top = startY + "px";
animImg.style.width = "40px";
animImg.style.height = "40px";
animImg.style.zIndex = "999999";
animImg.style.pointerEvents = "none";
animImg.style.transition = "all 1.2s ease-in-out";
animImg.style.filter = "drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.7))";
document.body.appendChild(animImg);
void animImg.offsetWidth;
animImg.style.left = (targetRect.left + (targetRect.width / 2) - 20) + "px";
animImg.style.top = (targetRect.top + (targetRect.height / 2) - 20) + "px";
animImg.style.transform = "scale(0.5) rotate(360deg)";
animImg.style.opacity = "0.2";
// Exactly when the 1.2s animation finishes, delete the image AND award the caps!
setTimeout(function() {
if (animImg.parentNode) animImg.parentNode.removeChild(animImg);
TD.money += capsPerCoin + (i_idx === 0 ? remainder : 0);
}, 1200);
}, delay * 100);
})(i, i);
}
} else {
setDesc("INITIATING EARLY WAVE...");
}
}
};
// NEW: Helper to safely update global speed and recalculate tower fire rates
var changeGameSpeed = function(newSpeed) {
TD.global_speed = newSpeed;
if (_this.map && _this.map.buildings) {
TD.lang.each(_this.map.buildings, function(b) {
b._fire_wait2 = Math.floor(Math.max(TD.exp_fps / (b.speed * (TD.global_speed / 0.2)), 1));
});
}
var multiplier = Math.round(TD.global_speed / 0.2);
// Inject the blinking animation globally if it doesn't exist
if (!document.getElementById("blink-style")) {
var style = document.createElement("style");
style.id = "blink-style";
style.innerHTML = "@keyframes blinker { 50% { opacity: 0.2; } } .blink-text { animation: blinker 1.5s linear infinite; color: #ffcc00; }";
document.head.appendChild(style);
}
var speedReadout = document.getElementById("ui-speed-readout");
var speedVal = document.getElementById("ui-speed-val");
var btnSpeed = document.getElementById("ui-btn-speed");
if (btnSpeed) btnSpeed.innerHTML = "SPEED UP"; // Keep button static
if (speedReadout && speedVal) {
if (multiplier > 1) {
speedVal.innerHTML = ">> " + multiplier + "X";
speedReadout.style.display = "block";
} else {
speedReadout.style.display = "none";
}
}
};
var btnSlow = document.getElementById("ui-btn-slow");
if (btnSlow) btnSlow.onclick = function() {
var newSpeed = Math.round((TD.global_speed - 0.2) * 10) / 10;
if (newSpeed >= 0.2) {
changeGameSpeed(newSpeed);
setDesc("TIME DILATION: DECREASED TO " + Math.round(TD.global_speed / 0.2) + "X");
}
};
var btnSpeed = document.getElementById("ui-btn-speed");
if (btnSpeed) btnSpeed.onclick = function() {
var newSpeed = Math.round((TD.global_speed + 0.2) * 10) / 10;
if (newSpeed <= 1.0) { // Caps the maximum speed at 5x
changeGameSpeed(newSpeed);
setDesc("TIME DILATION: ACCELERATED TO " + Math.round(TD.global_speed / 0.2) + "X");
}
};
// Wire up Audio Toggles
var btnSound = document.getElementById("ui-btn-sound");
if (btnSound) {
btnSound.onclick = function() {
TD.sound_enabled = !TD.sound_enabled;
if (TD.sound_enabled) {
this.classList.remove("unlit");
this.style.removeProperty("cursor"); // Restore default hover cursor
this.className = this.className.replace(/warm-up-[\w-]+/g, "").trim(); // Strip animations so it instantly lights up solid
setDesc("AUDIO: SOUND EFFECTS ENABLED");
} else {
this.classList.add("unlit");
this.style.setProperty("cursor", "pointer", "important"); // Keep clickable cursor
setDesc("AUDIO: SOUND EFFECTS MUTED");
}
};
}
var btnMusic = document.getElementById("ui-btn-music");
if (btnMusic) {
btnMusic.onclick = function() {
TD.music_enabled = !TD.music_enabled;
if (TD.music_enabled) {
this.classList.remove("unlit");
this.style.removeProperty("cursor");
this.className = this.className.replace(/warm-up-[\w-]+/g, "").trim(); // Strip animations so it instantly lights up solid
setDesc("AUDIO: MUSIC ENABLED");
TD.playMusic("bgm_game"); // Start music
} else {
this.classList.add("unlit");
this.style.setProperty("cursor", "pointer", "important");
setDesc("AUDIO: MUSIC MUTED");
TD.stopMusic(); // Stop music
}
};
}
var btnSave = document.getElementById("ui-btn-save");
if (btnSave) {
btnSave.onclick = function() {
// Gather critical game state
var saveData = {
money: TD.money,
score: TD.score,
wave: _this.scene ? _this.scene.wave : 0,
faction: TD.current_faction,
difficulty: TD.difficulty,
specials: window.selectedSPECIALs || [],
towers_unlocked: []
};
// Capture which towers the player has bought access to
if (TD.factionData && TD.current_faction) {
var towers = TD.factionData[TD.current_faction];
for (var i = 0; i < towers.length; i++) {
saveData.towers_unlocked.push(towers[i].is_unlocked);
}
}
// Create file and force download
var dataStr = "data:text/json;charset=utf-8," + encodeURIComponent(JSON.stringify(saveData));
var downloadAnchorNode = document.createElement('a');
downloadAnchorNode.setAttribute("href", dataStr);
downloadAnchorNode.setAttribute("download", "wasteland_save.json");
document.body.appendChild(downloadAnchorNode); // required for Firefox
downloadAnchorNode.click();
downloadAnchorNode.remove();
setDesc("SYSTEM STATE SAVED TO WASTELAND_SAVE.JSON");
};
}
// Wire up Consumables
// Wire up Consumables
var bStim = document.getElementById("btn-item-stimpak");
if (bStim) bStim.onclick = function() {
// Prevent use if already at 100 HP
if (TD.inventory.stimpak > 0 && TD.cooldowns.stimpak <= 0 && TD.life < 100) {
TD.inventory.stimpak--;
// Only trigger cooldown if they have more left
TD.cooldowns.stimpak = (TD.inventory.stimpak > 0) ? TD.getCooldownFrames() : 0;
var healAmount = 15;
if (TD.life + healAmount > 100) healAmount = 100 - TD.life;
TD.life += healAmount;
setDesc("STIMPAK ADMINISTERED: +" + healAmount + " HP");
if (window.IntelData && TD.Announcer) TD.Announcer.add(window.IntelData.getEvent("consumable_used", TD.current_faction), 4);
TD.updateItemButton("stimpak");
} else if (TD.life >= 100) {
setDesc("HP FULL. STIMPAK NOT NEEDED.");
}
};
var bPsycho = document.getElementById("btn-item-psycho");
if (bPsycho) bPsycho.onclick = function() {
if (TD.inventory.psycho > 0 && TD.cooldowns.psycho <= 0) {
TD.inventory.psycho--;
TD.cooldowns.psycho = (TD.inventory.psycho > 0) ? TD.getCooldownFrames() : 0;
TD.psycho_active = 15 * 24; // Extended to 15 seconds
document.getElementById("td-board").style.boxShadow = "inset 0 0 50px rgba(255,0,0,0.5)";
setDesc("PSYCHO INJECTED! +25% FIRE RATE AND DAMAGE!");
if (window.IntelData && TD.Announcer) TD.Announcer.add(window.IntelData.getEvent("consumable_used", TD.current_faction), 4);
TD.updateItemButton("psycho");
}
};
// Wire up Cryo Mine
var bCryo = document.getElementById("btn-item-cryomine");
if (bCryo) bCryo.onclick = function() {
if (TD.inventory.cryomine > 0 && TD.cooldowns.cryomine <= 0 && _this.map) {
_this.map.cancelPreBuild(); // Clear ghost FIRST
TD.mode = "deploy_cryomine"; // THEN set mode
setDesc("DEPLOYING CRYO MINE. Click map to place.");
TD.mouseHand(true);
}
};
// Wire up Cap Mine
var bCap = document.getElementById("btn-item-capmine");
if (bCap) bCap.onclick = function() {
if (TD.inventory.capmine > 0 && TD.cooldowns.capmine <= 0 && _this.map) {
_this.map.cancelPreBuild(); // Clear ghost FIRST
TD.mode = "deploy_capmine"; // THEN set mode
setDesc("DEPLOYING CAP MINE. Click map to place.");
TD.mouseHand(true);
}
};
// Wire up Artillery
var bArt = document.getElementById("btn-item-artillery");
if (bArt) bArt.onclick = function() {
if (TD.inventory.artillery > 0 && TD.cooldowns.artillery <= 0 && _this.map) {
_this.map.cancelPreBuild(); // Clear ghost FIRST
TD.mode = "deploy_artillery"; // THEN set mode
setDesc("CALLING ARTILLERY STRIKE. Click map to target.");
TD.mouseHand(true);
}
};
// Wire up the Checkbox
var chkGrid = document.getElementById("ui-chk-grid");
if (chkGrid) {
// Ensure the checkbox matches the game's internal variable
chkGrid.checked = !!TD.show_grid;
chkGrid.onchange = function() {
TD.show_grid = this.checked;
setDesc(TD.show_grid ? "VISUAL OVERLAY: GRID ONLINE" : "VISUAL OVERLAY: GRID OFFLINE");
};
}
// Wire up building buttons (11 Slots) - Build or Unlock Logic
for (var i = 1; i <= 11; i++) {
(function(index) {
var btn = document.getElementById("btn-buy-tower-" + index);
if (btn) {
btn.onclick = function() {
if (!TD.current_faction || !TD.factionData[TD.current_faction]) return;
var tData = TD.factionData[TD.current_faction][index - 1]; // Array is 0-indexed
if (!tData) return;
if (tData.is_unlocked) {
// It is unlocked, prepare to build
if (_this.map) {
var buildCost = tData.free_first_build ? 0 : tData.cost;
if (TD.money >= buildCost) {
if (tData.id === "mr_handy") {
_this.map.cancelPreBuild();
TD.mode = "deploy_handy";
setDesc("DEPLOYING MR. HANDY. Click map to place.");
TD.mouseHand(true);
} else {
_this.map.preBuild("tower_" + index);
setDesc("DEPLOYING " + tData.name + ". Click map to place.");
}
} else {
setDesc("NOT ENOUGH CAPS TO BUILD! Need " + buildCost);
}
}
} else {
// It is locked, try to unlock it using the dynamic cost
var unlockCost = tData.unlock_cost || 0;
if (TD.money >= unlockCost) {
TD.money -= unlockCost;
tData.is_unlocked = true;
tData.free_first_build = true; // NEW: Set the free build flag
TD.loadFaction(TD.current_faction); // Refresh buttons
setDesc(tData.name + " AUTHORIZED.");
if (typeof TD.logEvent === 'function') TD.logEvent("NEW TECH AUTHORIZED: " + tData.name + " DEPLOYMENT READY");
} else {
setDesc("NOT ENOUGH CAPS TO UNLOCK! Need " + unlockCost);
}
}
};
}
})(i);
}
// SHIFT + A Listener for Admin Mode
document.onkeydown = function(e) {
if (e.shiftKey && (e.key === "A" || e.key === "a")) {
TD.admin_mode = !TD.admin_mode;
var d = document.getElementById("ui-action-desc");
var adminPanel = document.getElementById("admin-panel");
var controlPanel = document.getElementById("control-panel");
if (TD.admin_mode) {
// Safely pause and wipe action without destroying the rendering engine
if (_this.scene) {
_this.scene.pause();
var activeMap = _this.scene.map;
if (activeMap) {
// Kill all monsters and bullets
TD.lang.each(activeMap.monsters, function(m) { m.is_valid = false; });
activeMap.monsters = [];
TD.lang.each(activeMap.bullets, function(b) { b.is_valid = false; });
activeMap.bullets = [];
// Remove all towers
TD.lang.each(activeMap.buildings, function(b) { b.grid.removeBuilding(); });
activeMap.buildings = [];
activeMap.has_weapon = false;
}
_this.scene.wave = 0; // Reset wave counter
}
// Hide pre-building ghost tower
if (_this.scene && _this.scene.map && _this.scene.map.pre_building) _this.scene.map.pre_building.hide();
if (controlPanel) controlPanel.style.display = "none";
if (adminPanel) adminPanel.style.display = "flex";
if(d) d.innerText = "G.E.C.K. EDITOR OVERRIDE ENGAGED";
} else {
// RESUME GAMEPLAY
if (_this.scene) {
_this.scene.start(); // Restart the internal scene clock
TD.stage.wait_new_wave = TD.exp_fps * 3; // Reset the wave countdown timer
}
if (adminPanel) adminPanel.style.display = "none";
if (controlPanel) controlPanel.style.display = "flex";
if(d) d.innerText = "AWAITING PIP-BOY INPUT...";
}
}
};
// Wire up the Admin Brushes
var setBrush = function(brushName) { TD.admin_brush = brushName; var d = document.getElementById("ui-action-desc"); if(d) d.innerText = "BRUSH SELECTED: " + brushName.toUpperCase(); };
var bPath = document.getElementById("admin-brush-path"); if(bPath) bPath.onclick = function() { setBrush("path"); };
var bBlock = document.getElementById("admin-brush-block"); if(bBlock) bBlock.onclick = function() { setBrush("block"); };
var bClear = document.getElementById("admin-brush-clear"); if(bClear) bClear.onclick = function() { setBrush("clear"); };
var bEnt = document.getElementById("admin-brush-ent"); if(bEnt) bEnt.onclick = function() { setBrush("entrance"); };
var bExit = document.getElementById("admin-brush-exit"); if(bExit) bExit.onclick = function() { setBrush("exit"); };
// NEW: Tower Brush Binding
var bTower = document.getElementById("admin-brush-tower");
if(bTower) bTower.onclick = function() { setBrush("tower"); };
// New Tools: Fill, Clear All, and Overlay Toggle
var bFill = document.getElementById("admin-btn-fill");
if(bFill) bFill.onclick = function() {
TD.lang.each(_this.map.grids, function(g) {
if (TD.admin_brush == "path") { g.passable_flag = 1; g.build_flag = 0; }
else if (TD.admin_brush == "block") { g.passable_flag = 0; g.build_flag = 0; }
else if (TD.admin_brush == "clear") { g.passable_flag = 1; g.build_flag = 1; }
});
};
var bClearAll = document.getElementById("admin-btn-clearall");
if(bClearAll) bClearAll.onclick = function() {
// Reset everything to default Clear state
TD.lang.each(_this.map.grids, function(g) { g.passable_flag = 1; g.build_flag = 1; g.is_entrance = false; g.is_exit = false; });
// CRITICAL FIX: Completely wipe the memory arrays and visual assets
_this.map.entrances = [];
_this.map.exits = [];
_this.map.entrance = null;
_this.map.exit = null;
_this.map.assets = [];
// Force an immediate redraw so the screen actually clears!
_this.scene.render();
};
TD.admin_overlay = true; // Overlay is on by default
var bToggle = document.getElementById("admin-btn-toggle");
if(bToggle) bToggle.onclick = function() { TD.admin_overlay = !TD.admin_overlay; };
// NEW: Open Asset Library Modal
var btnOpenAssets = document.getElementById("admin-btn-open-assets");
if (btnOpenAssets) {
btnOpenAssets.onclick = function() {
if (TD.populateAssetModal) TD.populateAssetModal();
document.getElementById("asset-modal-overlay").style.display = "flex";
};
}
// Wire up the Map Loader
var btnLoadMap = document.getElementById("admin-btn-loadmap");
if (btnLoadMap) btnLoadMap.onclick = function() {
var lvl = document.getElementById("admin-level-select").value;
var cfg = TD.getDefaultStageData(lvl);
if (cfg && cfg.map && _this.scene && _this.scene.map) {
// --- NEW: Load Background Image and Update Text Box ---
if (cfg.bg_image) {
var board = document.getElementById("td-board");
if (board) {
board.style.backgroundImage = "url('" + cfg.bg_image + "')";
board.style.backgroundSize = "100% 100%";
board.style.backgroundRepeat = "no-repeat";
}
var imgInput = document.getElementById("admin-img-input");
if (imgInput) imgInput.value = cfg.bg_image;
}
// --- NEW: Load Environment Effect ---
var envOverlay = document.getElementById("env-effect-overlay");
if (envOverlay) {
if (cfg.map && cfg.map.env_effect) {
var eCfg = cfg.map.env_effect;
document.getElementById("admin-env-src").value = eCfg.src;
document.getElementById("admin-env-type").value = eCfg.type;
document.getElementById("admin-env-opacity").value = eCfg.opacity;
document.getElementById("admin-env-speed").value = eCfg.speed;
envOverlay.style.backgroundImage = "url('" + eCfg.src + "')";
document.documentElement.style.setProperty("--env-opacity", eCfg.opacity);
envOverlay.style.animation = "none";
void envOverlay.offsetWidth;
if (eCfg.type === "static") { envOverlay.style.opacity = eCfg.opacity; }
else if (eCfg.type === "fade") { envOverlay.style.opacity = 0; envOverlay.style.animation = "env-fade " + eCfg.speed + "s infinite ease-in-out"; }
else { envOverlay.style.opacity = eCfg.opacity; envOverlay.style.animation = "env-" + eCfg.type.replace("_", "-") + " " + eCfg.speed + "s infinite linear"; }
envOverlay.style.display = "block";
} else {
// Clear inputs and hide overlay if no effect is saved
document.getElementById("admin-env-src").value = "";
envOverlay.style.display = "none";
envOverlay.style.animation = "none";
}
}
// ----------------------------------------------------
var m = _this.scene.map;
// Reset grid to default blank slate
TD.lang.each(m.grids, function(g) { g.passable_flag = 1; g.build_flag = 1; g.is_entrance = false; g.is_exit = false; });
// CRITICAL FIX: Completely wipe the memory arrays before loading new data
m.entrances = []; m.exits = []; m.entrance = null; m.exit = null;
m.assets = []; // --- FIX: Wipe old visual paths and assets! ---
// Reapply config
if (cfg.map.grids_cfg) {
TD.lang.each(cfg.map.grids_cfg, function (obj) {
var grid = m.getGrid(obj.pos[0], obj.pos[1]);
if (grid) {
if (!isNaN(obj.passable_flag)) grid.passable_flag = obj.passable_flag;
if (!isNaN(obj.build_flag)) grid.build_flag = obj.build_flag;
if (obj.building) {
grid.addBuilding(obj.building);
if (obj.building_level && grid.building) {
for (var lvl = 1; lvl < obj.building_level; lvl++) grid.building.upgrade();
}
}
}
});
}
// Properly rebuild the Entrance arrays
if (cfg.map.entrance) { var eg = m.getGrid(cfg.map.entrance[0], cfg.map.entrance[1]); if(eg) { eg.is_entrance = true; eg.passable_flag = 1; eg.build_flag = 0; m.entrances.push(eg); } }
if (cfg.map.entrances) {
for (var i = 0; i < cfg.map.entrances.length; i++) {
var eg = m.getGrid(cfg.map.entrances[i][0], cfg.map.entrances[i][1]);
if (eg) { eg.is_entrance = true; eg.passable_flag = 1; eg.build_flag = 0; m.entrances.push(eg); }
}
}
// Properly rebuild the Exit arrays
if (cfg.map.exit) { var xg = m.getGrid(cfg.map.exit[0], cfg.map.exit[1]); if(xg) { xg.is_exit = true; xg.passable_flag = 1; xg.build_flag = 0; m.exits.push(xg); } }
if (cfg.map.exits) {
for (var i = 0; i < cfg.map.exits.length; i++) {
var xg = m.getGrid(cfg.map.exits[i][0], cfg.map.exits[i][1]);
if (xg) { xg.is_exit = true; xg.passable_flag = 1; xg.build_flag = 0; m.exits.push(xg); }
}
}
m.entrance = m.entrances[0] || null;
m.exit = m.exits[0] || null;
// --- NEW: Load Custom Wave Data if it exists ---
if (cfg.custom_waves) {
TD.custom_wave_data = JSON.parse(JSON.stringify(cfg.custom_waves));
} else {
// Reset to blank slate if no custom waves exist on this map
TD.custom_wave_data = {};
for (var w = 1; w <= 15; w++) {
TD.custom_wave_data[w] = {
story_enable: false,
story_data: { "ALL": {title:"", desc:""}, "NCR": {title:"", desc:""}, "BOS": {title:"", desc:""}, "MINUTEMEN": {title:"", desc:""}, "RAIDERS": {title:"", desc:""} },
towers: {}, spawns: []
};
}
}
if (typeof TD.we_loadCurrentWave === 'function' && document.getElementById('wave-editor-modal-overlay').style.display !== 'none') {
TD.we_loadCurrentWave();
}
// --- FIX: Rebuild Visual Assets for the Loaded Map ---
if (cfg.map.assets) {
TD.lang.each(cfg.map.assets, function (a) {
var imgObj = new Image();
imgObj.src = a.src;
var x_px = m.x + (a.mx * TD.grid_size);
var y_px = m.y + (a.my * TD.grid_size);
var w_px = a.grid_x * TD.grid_size;
var h_px = a.grid_y * TD.grid_size;
m.assets.push({
id: a.id, src: a.src, img: imgObj,
mx: a.mx, my: a.my, grid_x: a.grid_x, grid_y: a.grid_y,
blocks_path: a.blocks_path, category: a.category,
x: x_px, y: y_px, width: w_px, height: h_px,
y2: y_px + h_px, is_asset: true
});
for (var dx = 0; dx < a.grid_x; dx++) {
for (var dy = 0; dy < a.grid_y; dy++) {
var g = m.getGrid(a.mx + dx, a.my + dy);
if (g) {
if (a.category !== "path") g.build_flag = 0;
if (a.blocks_path) g.passable_flag = 0;
}
}
}
});
}
var d = document.getElementById("ui-action-desc");
if(d) d.innerText = "GRID DATA LOADED: " + lvl;
}
};
// Wire up the Image Loader
var btnLoadImg = document.getElementById("admin-btn-loadimg");
if (btnLoadImg) btnLoadImg.onclick = function() {
var url = document.getElementById("admin-img-input").value;
if(url) {
var board = document.getElementById("td-board");
if (board) {
board.style.backgroundImage = "url('" + url + "')";
board.style.backgroundSize = "100% 100%";
board.style.backgroundRepeat = "no-repeat";
var d = document.getElementById("ui-action-desc");
if(d) d.innerText = "BACKGROUND LOADED: " + url;
}
}
};
// --- NEW: Wire up Environmental Effects ---
var btnEnvApply = document.getElementById("admin-btn-env-apply");
if (btnEnvApply) btnEnvApply.onclick = function() {
var envOverlay = document.getElementById("env-effect-overlay");
var src = document.getElementById("admin-env-src").value;
if (!envOverlay) return;
if (!src) {
envOverlay.style.display = "none";
var d = document.getElementById("ui-action-desc");
if(d) d.innerText = "ENVIRONMENT CLEARED.";
return;
}
var type = document.getElementById("admin-env-type").value;
var opacity = parseFloat(document.getElementById("admin-env-opacity").value) || 0.5;
var speed = parseInt(document.getElementById("admin-env-speed").value) || 20;
envOverlay.style.backgroundImage = "url('" + src + "')";
document.documentElement.style.setProperty("--env-opacity", opacity);
// Clear old animations first
envOverlay.style.animation = "none";
void envOverlay.offsetWidth; // Trigger reflow
if (type === "static") {
envOverlay.style.opacity = opacity;
} else if (type === "fade") {
envOverlay.style.opacity = 0; // The animation handles visibility
envOverlay.style.animation = "env-fade " + speed + "s infinite ease-in-out";
} else {
envOverlay.style.opacity = opacity;
var animName = "env-" + type.replace("_", "-");
envOverlay.style.animation = animName + " " + speed + "s infinite linear";
}
envOverlay.style.display = "block";
var d = document.getElementById("ui-action-desc");
if(d) d.innerText = "ENVIRONMENT EFFECT APPLIED.";
};
// --- NEW: BULLETPROOF PATH VALIDATOR ---
var btnValidate = document.getElementById("admin-btn-validate");
if (btnValidate) {
btnValidate.onclick = function() {
var m = _this.scene.map;
if (!m || !m.entrance || !m.exit) {
alert("ERROR: Missing Entrance or Exit!");
return;
}
// Native Engine Pathfinder
var fw = new TD.FindWay(
m.grid_x, m.grid_y,
m.entrance.mx, m.entrance.my,
m.exit.mx, m.exit.my,
function (x, y) { return m.checkPassable(x, y); }
);
// fw.is_arrived is true if it reached the exit.
if (fw.is_arrived) {
var validPath = [m.entrance];
if (fw.way && fw.way.length > 0) {
for (var i = 0; i < fw.way.length; i++) {
var gx = fw.way[i][0];
var gy = fw.way[i][1];
var g = m.getGrid(gx, gy);
if (g) validPath.push(g);
}
} else {
validPath.push(m.exit);
}
// 1. ALERT FIRST so you always get the message!
alert("SUCCESS! Path is connected (" + validPath.length + " tiles long).");
// 2. Safe Hologram Render (No crashing, no flashing)
if (!m._holo_render_active) {
m._holo_render_active = true;
var originalRender = m.render;
var life = 60; // Lasts ~2 seconds
m.render = function() {
originalRender.apply(this, arguments); // Draw map normally
if (life > 0) {
var ctx = TD.ctx;
ctx.fillStyle = "rgba(0, 255, 255, " + (life / 60) * 0.5 + ")";
for (var i = 0; i < validPath.length; i++) {
var g = validPath[i];
if (g) ctx.fillRect(g.x, g.y, g.width, g.height);
}
life--;
} else {
// Clean up and restore original render
m.render = originalRender;
m._holo_render_active = false;
}
};
}
} else {
alert("ERROR: The path is broken! Make sure you used the Blue Path brush to connect the Entrance to the Exit.");
}
};
}
// -------------------------------------
// --- NEW: MAP EXPORTER ---
var btnExport = document.getElementById("admin-btn-export");
if (btnExport) {
btnExport.onclick = function() {
var m = _this.scene.map;
var spawnMode = document.getElementById("admin-spawn-mode") ? document.getElementById("admin-spawn-mode").value : "random";
// 1. Get Entrances and Exits as Arrays
var entArr = [];
if (m.entrances && m.entrances.length > 0) {
for (var i = 0; i < m.entrances.length; i++) entArr.push("[" + m.entrances[i].mx + ", " + m.entrances[i].my + "]");
}
var extArr = [];
if (m.exits && m.exits.length > 0) {
for (var i = 0; i < m.exits.length; i++) extArr.push("[" + m.exits[i].mx + ", " + m.exits[i].my + "]");
}
var entStr = entArr.length > 0 ? "[" + entArr.join(", ") + "]" : "[]";
var extStr = extArr.length > 0 ? "[" + extArr.join(", ") + "]" : "[]";
// 2. Build Grids Config
var grids = [];
TD.lang.each(m.grids, function(g) {
if (g.passable_flag !== 1 || g.build_flag !== 1 || g.building) {
var gStr = "{ pos: [" + g.mx + ", " + g.my + "]";
if (g.passable_flag !== 1) gStr += ", passable_flag: " + g.passable_flag;
if (g.build_flag !== 1) gStr += ", build_flag: " + g.build_flag;
if (g.building) gStr += ", building: '" + g.building.type + "', building_level: " + g.building.level;
gStr += " }";
grids.push(gStr);
}
});
// 2.5 Build Assets Config (Fully dynamic for future assets)
var assetArr = [];
if (m.assets && m.assets.length > 0) {
TD.lang.each(m.assets, function(a) {
// Rebuild the core properties needed to recreate this asset on load
var aStr = "{ id: '" + a.id + "', src: '" + a.src + "', mx: " + a.mx + ", my: " + a.my + ", grid_x: " + a.grid_x + ", grid_y: " + a.grid_y + ", blocks_path: " + a.blocks_path + ", category: '" + a.category + "' }";
assetArr.push(aStr);
});
}
var assetStr = assetArr.length > 0 ? "assets: [" + assetArr.join(", ") + "], " : "";
// --- NEW: Build Environment Config ---
var envStr = "";
var eSrc = document.getElementById("admin-env-src").value;
if (eSrc) {
var eType = document.getElementById("admin-env-type").value;
var eOp = document.getElementById("admin-env-opacity").value;
var eSpd = document.getElementById("admin-env-speed").value;
envStr = "env_effect: { src: '" + eSrc + "', type: '" + eType + "', opacity: " + eOp + ", speed: " + eSpd + " }, ";
}
// 3. Form the final string (SINGLE LINE, DYNAMIC NAME)
if (typeof TD.we_saveCurrentWave === 'function') TD.we_saveCurrentWave(); // Ensure latest edits are saved
var waveDataStr = "";
if (typeof TD.custom_wave_data !== 'undefined') {
waveDataStr = "custom_waves: " + JSON.stringify(TD.custom_wave_data) + ", ";
}
var bgImg = document.getElementById("admin-img-input").value || "map01.jpg";
var loadedMapName = document.getElementById("admin-level-select") ? document.getElementById("admin-level-select").value : "custom_map";
var finalCode = loadedMapName + ": { " + waveDataStr + "bg_image: '" + bgImg + "', map: { " + envStr + "map_type: '" + m.map_type + "', spawn_mode: '" + spawnMode + "', grid_x: " + m.grid_x + ", grid_y: " + m.grid_y + ", x: " + m.x + ", y: " + m.y + ", entrances: " + entStr + ", exits: " + extStr + ", " + assetStr + "grids_cfg: [" + grids.join(", ") + "] }, panel: { x: 1920, y: TD.padding, map: { grid_x: 3, grid_y: 3, x: 0, y: 110 * _TD.retina, grids_cfg: [] } }, config: config_base, newWave: newWave_func },";
var outBox = document.getElementById("admin-export-out");
if (outBox) {
outBox.value = finalCode;
outBox.select();
}
var d = document.getElementById("ui-action-desc");
if(d) d.innerText = "CODE GENERATED! Click COPY CODE.";
};
}
// COPY BUTTON LOGIC
var btnCopy = document.getElementById("admin-btn-copy");
if (btnCopy) {
btnCopy.onclick = function() {
var outBox = document.getElementById("admin-export-out");
if (outBox && outBox.value) {
outBox.select();
document.execCommand("copy"); // Copies to clipboard
var d = document.getElementById("ui-action-desc");
if(d) d.innerText = "CODE COPIED TO CLIPBOARD!";
}
};
}
},
step: function () {
if (TD.life_recover) { this._life_recover = this._life_recover2 = TD.life_recover; this._life_recover_wait = this._life_recover_wait2 = TD.exp_fps * 3; TD.life_recover = 0; }
if (this._life_recover && (TD.iframe % TD.exp_fps_eighth == 0)) { TD.life ++; this._life_recover --; }
// --- NEW: TYPEWRITER RENDER LOOP ---
var tickerEl = document.getElementById("intel-ticker-text");
var tickerContainer = document.getElementById("intel-ticker-container");
// Assign hover pause listeners if they don't exist yet
if (tickerContainer && typeof TD.ticker_hover === 'undefined') {
TD.ticker_hover = false;
tickerContainer.onmouseover = function() { TD.ticker_hover = true; };
tickerContainer.onmouseout = function() { TD.ticker_hover = false; };
}
if (tickerEl && tickerContainer && this.scene && this.scene.state === 1) {
// Call the announcer brain every frame, it manages its own reading/typing delays now!
if (TD.Announcer) TD.Announcer.update();
// Only type if we haven't finished the string, AND the mouse isn't hovering
if (TD.typewriter_current.length < TD.typewriter_target.length && !TD.ticker_hover) {
// Slower, classic typing speed (1 character per frame at normal speed)
var charsToAdd = Math.max(1, Math.floor(1.5 * TD.global_speed * (60 / TD.exp_fps)));
TD.typewriter_current = TD.typewriter_target.substring(0, TD.typewriter_current.length + charsToAdd);
// FIX: Standard pipe cursor
tickerEl.innerHTML = TD.typewriter_current + "<span class='blink-text' style='color:#0f0; font-weight:bold;'>|</span>";
}
// Once finished, remove the cursor and tick down the reading pause
else if (TD.typewriter_current.length >= TD.typewriter_target.length && TD.typewriter_target.length > 0) {
tickerEl.innerHTML = TD.typewriter_current;
// Count down the reading pause
if (!TD.ticker_hover && TD.typewriter_pause > 0) {
TD.typewriter_pause--;
}
}
}
// --- NEW: V.A.T.S. UI & Timer Logic ---
var vatsBtn = document.getElementById("btn-vats-activate");
if (vatsBtn && typeof TD.vats_charge !== 'undefined') {
// --- CRITICAL FIX: Calculate the visual percentage ---
var vatsPercent = Math.min(100, Math.floor((TD.vats_charge / TD.vats_max_charge) * 100));
if (TD.vats_active) {
TD.vats_timer--;
var secsLeft = Math.ceil(TD.vats_timer / TD.exp_fps);
vatsBtn.innerHTML = "SHOTS: " + TD.vats_shots + "<br>" + secsLeft + "s";
vatsBtn.style.lineHeight = "1.2";
vatsBtn.style.backgroundImage = "none";
vatsBtn.classList.add("vats-charged-glow");
var hasValidMonsters = false;
var incomingMonsters = false;
if (this.map) {
if (this.map.monsters) {
for (var i = 0; i < this.map.monsters.length; i++) {
if (this.map.monsters[i].is_valid) { hasValidMonsters = true; break; }
}
}
incomingMonsters = (this.map._wait_add_monsters > 0 || this.map._wait_add_monsters_arr.length > 0);
}
if (TD.vats_timer <= 0 || TD.vats_shots <= 0 || (!hasValidMonsters && !incomingMonsters)) {
TD.endVats();
}
} else if (vatsPercent >= 100) {
vatsBtn.disabled = TD.is_paused; // Block activation if paused!
vatsBtn.innerHTML = "ACTIVATE<br>V.A.T.S.";
vatsBtn.style.lineHeight = "1.2";
vatsBtn.style.cursor = TD.is_paused ? "not-allowed" : "pointer";
vatsBtn.style.backgroundImage = "none";
vatsBtn.classList.add("vats-charged-glow");
} else {
vatsBtn.disabled = true;
vatsBtn.innerText = "V.A.T.S. " + vatsPercent + "%";
vatsBtn.style.cursor = "not-allowed";
vatsBtn.style.lineHeight = "normal";
vatsBtn.style.backgroundImage = "none";
// Reset everything completely so inline styles stop interfering
vatsBtn.style.removeProperty("color");
vatsBtn.style.removeProperty("box-shadow");
vatsBtn.style.removeProperty("background-color");
vatsBtn.classList.remove("vats-charged-glow");
}
}
},
render: function () {
// True Physical Nixie Tube Simulator
var updateNixie = function(containerId, targetValue, length, suffix) {
var container = document.getElementById(containerId);
if (!container) return;
var targetStr = targetValue.toString();
// Pad with spaces instead of zeros so no wire receives power
while (targetStr.length < length) targetStr = " " + targetStr;
if (suffix) targetStr += suffix;
// 1. Initialization: Build physical 0-9 wire stack
if (container.children.length === 0) {
container.innerHTML = "";
for (var i = 0; i < targetStr.length; i++) {
// Generate a random flicker profile (1 through 5)
var randomFlicker = "warm-up-" + (Math.floor(Math.random() * 5) + 1);
if (targetStr[i] === "%") {
var tube = document.createElement("div");
tube.className = "nixie-tube";
tube.setAttribute("data-current", "%");
var wire = document.createElement("div");
wire.className = "nixie-wire active " + randomFlicker;
wire.setAttribute("data-digit", "%");
wire.innerText = "%";
tube.appendChild(wire);
container.appendChild(tube);
} else {
var tube = document.createElement("div");
tube.className = "nixie-tube";
tube.setAttribute("data-current", targetStr[i]);
// Create the 10 physical wires in depth order
var wireOrder = ['0','1','2','3','4','5','6','7','8','9'];
for (var w = 0; w < wireOrder.length; w++) {
var wire = document.createElement("div");
wire.className = "nixie-wire";
wire.setAttribute("data-digit", wireOrder[w]);
wire.innerText = wireOrder[w];
if (wireOrder[w] === targetStr[i]) {
wire.classList.add("active");
wire.classList.add(randomFlicker); // Apply random flicker to the active digit
}
tube.appendChild(wire);
}
container.appendChild(tube);
}
}
return;
}
// 2. Trigger Ignition on changed tubes
for (var i = 0; i < targetStr.length; i++) {
if (targetStr[i] === "%") continue;
var tube = container.children[i];
if (!tube) continue;
var currentVal = tube.getAttribute("data-current");
var newTarget = targetStr[i];
if (currentVal !== newTarget) {
tube.setAttribute("data-current", newTarget);
// Find wires to turn off and on
var wires = tube.children;
for (var w = 0; w < wires.length; w++) {
var wire = wires[w];
if (wire.getAttribute("data-digit") === newTarget) {
wire.classList.add("active");
// Ignite stagger
(function(d) {
d.classList.remove("igniting");
void d.offsetWidth;
setTimeout(function() {
d.classList.add("igniting");
}, Math.random() * 80);
})(wire);
} else {
wire.classList.remove("active");
wire.classList.remove("igniting");
}
}
}
}
};
// Caps and Score get 6 digits
updateNixie("ui-money-container", TD.money, 6, "");
updateNixie("ui-score-container", TD.score, 6, "");
// Wave gets 3 digits
updateNixie("ui-wave-container", this.scene.wave, 3, "");
// Health gets 3 or 4 digits, plus a dynamic suffix
var elLabel = document.getElementById("ui-health-label");
if (elLabel) {
if (this.map && this.map.map_type === "siege") {
elLabel.innerText = "BASE HP";
updateNixie("ui-life-container", TD.base_health, 4, "");
} else {
elLabel.innerText = "HEALTH";
updateNixie("ui-life-container", TD.life, 3, "%");
}
// Color critical health safely (causes a deep red alarm pulse)
var lifeContainer = document.getElementById("ui-life-container");
var isCritical = (this.map && this.map.map_type === "siege") ? (TD.base_health <= 300) : (TD.life <= 25);
if (lifeContainer) {
for (var i=0; i<lifeContainer.children.length; i++) {
var child = lifeContainer.children[i];
if (child && child.classList) { // SAFETY CHECK
if (isCritical) child.classList.add("critical");
else child.classList.remove("critical");
}
}
}
}
// --- NEW: HEALTH-BASED POWER FAILURE ---
var hpPercent = 100;
if (this.map && this.map.map_type === "siege") hpPercent = (TD.base_health / 1000) * 100;
else hpPercent = TD.life;
// --- NEW: SCREEN CRACK OVERLAYS ---
var d70 = document.getElementById("damage-overlay-70");
var d50 = document.getElementById("damage-overlay-50");
var d30 = document.getElementById("damage-overlay-30");
var d10 = document.getElementById("damage-overlay-10");
var placeCrack = function(el, topMin, topMax, leftMin, leftMax, isActive) {
if (isActive) {
// Turn ON: Instant snap
el.style.transition = "none";
if (el.style.opacity === "0" || !el.style.opacity) {
el.style.top = Math.floor(Math.random() * (topMax - topMin + 1) + topMin) + "%";
el.style.left = Math.floor(Math.random() * (leftMax - leftMin + 1) + leftMin) + "%";
el.style.transform = "rotate(" + Math.floor(Math.random() * 360) + "deg)";
}
el.style.opacity = "0.9";
} else {
// Turn OFF: Smooth fade
el.style.transition = "opacity 2s ease-out";
el.style.opacity = "0";
}
};
if (d70 && d50 && d30 && d10) {
placeCrack(d70, 5, 25, 5, 25, (hpPercent <= 70 && hpPercent > 0));
placeCrack(d50, 45, 65, 55, 75, (hpPercent <= 50 && hpPercent > 0));
placeCrack(d30, 45, 65, 5, 25, (hpPercent <= 30 && hpPercent > 0));
placeCrack(d10, 5, 25, 55, 75, (hpPercent <= 10 && hpPercent > 0));
}
// 0% Threshold (Fade out buttons, kill signal feed)
var staticOverlay = document.getElementById("signal-lost-overlay");
if (hpPercent <= 0) {
document.body.classList.add("game-over-dead");
if (staticOverlay) staticOverlay.style.display = "block";
} else {
document.body.classList.remove("game-over-dead");
if (staticOverlay) staticOverlay.style.display = "none";
}
var powerLevel = 1.0;
var sputterChance = 0; // Out of 100 per frame
if (hpPercent <= 25) { powerLevel = 0.4; sputterChance = 10; }
else if (hpPercent <= 45) { powerLevel = 0.65; sputterChance = 5; }
else if (hpPercent <= 65) { powerLevel = 0.85; sputterChance = 2; }
// Apply global dimming to all lit buttons
document.documentElement.style.setProperty('--power-level', powerLevel);
// Randomly force a lit button to restart its ignition cycle (sputter)
if (sputterChance > 0 && Math.random() * 100 < sputterChance) {
// Find all buttons that are currently enabled and not blank
var litBtns = document.querySelectorAll(".cmd-btn:not(:disabled):not(.unlit), .sys-btn:not(:disabled):not(.unlit)");
if (litBtns.length > 0) {
var randBtn = litBtns[Math.floor(Math.random() * litBtns.length)];
randBtn.className = randBtn.className.replace(/warm-up-\d/g, "").trim();
void randBtn.offsetWidth;
randBtn.classList.add("warm-up-" + (Math.floor(Math.random() * 5) + 1));
}
}
// ----------------------------------------
var elFps = document.getElementById("ui-fps"); if(elFps) elFps.innerText = TD.fps;
// --- NEW: DYNAMIC MODAL UPGRADE AFFORDABILITY CHECK ---
var modalOverlay = document.getElementById("tower-modal-overlay");
if (modalOverlay && modalOverlay.style.display === "flex") {
[1, 2].forEach(function(pathNum) {
var btn = document.getElementById("modal-btn-path" + pathNum);
if (btn && btn.hasAttribute("data-cost")) {
var cost = parseInt(btn.getAttribute("data-cost"));
var nameEl = btn.querySelector("#path" + pathNum + "-name");
var descEl = btn.querySelector("#path" + pathNum + "-desc");
if (TD.money >= cost && btn.disabled) {
btn.disabled = false;
btn.style.backgroundColor = "#2a7a2a";
btn.style.borderColor = "#0f0";
if (nameEl) nameEl.style.color = "#000";
if (descEl) descEl.style.color = "#111";
} else if (TD.money < cost && !btn.disabled) {
btn.disabled = true;
btn.style.backgroundColor = "#444";
btn.style.borderColor = "#555";
if (nameEl) nameEl.style.color = "#888";
if (descEl) descEl.style.color = "#888";
}
}
});
}
// --- NEW: DYNAMIC TOWER AFFORDABILITY CHECK ---
if (TD.current_faction && TD.factionData[TD.current_faction]) {
var towers = TD.factionData[TD.current_faction];
for (var t = 0; t < 11; t++) {
var btn = document.getElementById("btn-buy-tower-" + (t + 1));
if (!btn) continue;
if (towers[t].is_unlocked) {
// Clean up flashing if any
btn.classList.remove('vats-charged-glow');
btn.style.removeProperty("box-shadow");
btn.style.removeProperty("background-color");
btn.style.removeProperty("color");
var cost = towers[t].free_first_build ? 0 : towers[t].cost; // FIX: Respect the free flag
var wasDisabled = btn.disabled;
// FIX: Mr. Handy Max Limit Check
if (towers[t].id === "mr_handy" && this.map && this.map.mr_handy_active) {
btn.disabled = true;
btn.innerHTML = towers[t].name + " <span style='color:#f55;'>(MAX)</span>";
btn.className = btn.className.replace(/warm-up-\d/g, "").trim();
}
else if (TD.money >= cost) {
btn.disabled = false;
// If it just became affordable, flicker it on!
if (wasDisabled) {
btn.className = btn.className.replace(/warm-up-\d/g, "").trim();
void btn.offsetWidth; // Force CSS reflow
btn.classList.add("warm-up-" + (Math.floor(Math.random() * 5) + 1));
}
} else {
btn.disabled = true;
// Strip glow immediately if broke
btn.className = btn.className.replace(/warm-up-\d/g, "").trim();
}
} else {
// It is locked: Make it flash YELLOW if affordable!
var unlockCost = towers[t].unlock_cost || 0;
if (TD.money >= unlockCost) {
var newlyLit = !btn.classList.contains("vats-charged-glow");
btn.classList.remove("unlit");
btn.classList.add("vats-charged-glow");
btn.style.removeProperty("box-shadow");
btn.style.removeProperty("background-color");
btn.style.removeProperty("color");
if (newlyLit && document.getAnimations) {
var anims = document.getAnimations();
var vatsAnims = [];
for (var a = 0; a < anims.length; a++) {
if (anims[a].animationName === "vats-breathe") vatsAnims.push(anims[a]);
}
if (vatsAnims.length > 0) {
var targetTime = vatsAnims[0].currentTime;
for (var a = 1; a < vatsAnims.length; a++) {
vatsAnims[a].currentTime = targetTime;
}
}
}
} else {
btn.classList.add("unlit");
btn.classList.remove("vats-charged-glow");
btn.style.removeProperty("box-shadow");
btn.style.removeProperty("background-color");
btn.style.removeProperty("color");
}
}
}
}
var stg = this.scene.stage || TD.stage;
var elIntel = document.getElementById("ui-intel-brief");
var stateWave = document.getElementById("intel-state-wave");
if (elIntel && stg && stateWave) {
// ACCURATE STATE DETECTION: Checks active monsters AND the spawn queues
var waveInMotion = (this.map.monsters.length > 0 || this.map._wait_add_monsters > 0 || this.map._wait_add_monsters_arr.length > 0);
var isWaiting = !waveInMotion;
var sec = Math.max(0, Math.ceil(stg.wait_new_wave / TD.exp_fps));
var nextWaveIdx = this.scene.wave + 1;
var currentWaveIdx = this.scene.wave;
if (isWaiting) {
// --- STATE 1: WAITING FOR WAVE ---
document.getElementById("intel-wave-label").innerText = "WAVE " + nextWaveIdx + ":";
// --- NEW: Wave End Hook (Story Popup & Tower Limits) ---
if (stg.cfg && stg.cfg.custom_waves) {
var customData = stg.cfg.custom_waves[nextWaveIdx];
if (customData && (!this.scene._prep_done_for_wave || this.scene._prep_done_for_wave !== nextWaveIdx)) {
this.scene._prep_done_for_wave = nextWaveIdx;
// 1. Tower Availability Override
if (TD.factionData && TD.current_faction) {
var towers = TD.factionData[TD.current_faction];
for (var t = 1; t <= 11; t++) {
var tStatus = customData.towers["tower_" + t] || "unlocked";
var btn = document.getElementById("btn-buy-tower-" + t);
if (tStatus === "hidden") {
if (btn) btn.style.setProperty("display", "none", "important");
} else {
if (btn) btn.style.removeProperty("display");
if (towers[t-1]) {
// Only lock it if the player hasn't already paid to unlock it!
if (tStatus === "unlocked") {
towers[t-1].is_unlocked = true;
} else if (tStatus === "locked" && towers[t-1].is_unlocked !== true) {
towers[t-1].is_unlocked = false;
}
}
}
}
TD.loadFaction(TD.current_faction); // Refresh UI costs and locks
}
// 2. Story Popup Override
if (customData.story_enable && customData.story_data) {
var sData = customData.story_data[TD.current_faction];
// Fallback to "ALL" if faction-specific text is blank
if (!sData || (!sData.title && !sData.desc)) {
sData = customData.story_data["ALL"];
}
if (sData && (sData.title || sData.desc)) {
TD.is_paused = true; // Hard freeze engine
document.getElementById("campaign-intro-title").innerText = sData.title || "INCOMING TRANSMISSION";
// Convert both Enter keys and manually typed \n into proper HTML line breaks
document.getElementById("campaign-intro-desc").innerHTML = (sData.desc || "").replace(/\\n/g, "<br>").replace(/\n/g, "<br>");
document.getElementById("campaign-intro-modal-overlay").style.display = "flex";
}
}
}
}
// ---------------------------------------------------------
var wavesCfg = stg.config ? stg.config.waves : [];
// Dynamically update the configuration array in real-time before the wave starts
if (wavesCfg && (!this.scene._wave_generated_for || this.scene._wave_generated_for !== nextWaveIdx)) {
wavesCfg[nextWaveIdx] = TD.makeMonsters();
this.scene._wave_generated_for = nextWaveIdx;
this.scene._intel_chatter_generated = false; // Reset chatter flag for the next wave
}
var nextWaveData = wavesCfg[nextWaveIdx];
var monsterNames = [];
if (nextWaveData && nextWaveData.length > 0) {
for (var i = 0; i < nextWaveData.length; i++) {
var mQty = nextWaveData[i][0];
var mIdx = nextWaveData[i][1];
var mName = TD.getDefaultMonsterAttributes(mIdx).name;
monsterNames.push(mQty + "X " + mName.toUpperCase());
}
}
var monsterString = monsterNames.length > 0 ? monsterNames.join(", ") : "UNKNOWN THREATS";
// Bypass the queue and force the countdown directly into the ticker text instantly every frame
var tickerEl = document.getElementById("intel-ticker-text");
if (tickerEl) {
TD.typewriter_target = "<span style='color:#fff;'>T-MINUS:</span> " + sec + "s <span style='color:#6a7354;'>|</span> <span style='color:#fff;'>THREAT:</span> " + monsterString;
TD.typewriter_current = TD.typewriter_target; // Bypass typing animation for live timer
tickerEl.innerHTML = TD.typewriter_target;
}
} else {
// --- STATE 2: WAVE IN MOTION ---
document.getElementById("intel-wave-label").innerText = "WAVE " + currentWaveIdx + ":";
// Generate initial chatter when the wave starts
if (!this.scene._intel_chatter_generated && window.IntelData) {
this.scene._intel_chatter_generated = true;
if (typeof TD !== 'undefined' && TD.logEvent) {
// --- EARLY WARNING & COUNTER-MEASURE CHECK ---
var has_aa = false;
var has_detect = false;
var incoming_stealth = false;
var incoming_flyer = false;
// 1. Check what the player has built
if (this.map && this.map.buildings) {
TD.lang.each(this.map.buildings, function(b) {
if (b.is_valid) {
var vType = b.visual_type || b.type;
var isEarly = (b.type === "tower_1" || b.type === "tower_2" || b.type === "tower_3" || (b.id && (b.id.endsWith("_1") || b.id.endsWith("_2") || b.id.endsWith("_3"))));
if (!isEarly && (vType === "laser_gun" || vType === "LMG" || vType === "HMG" || vType === "rifle")) has_aa = true;
if (b.is_detector) has_detect = true;
}
});
}
// 2. Generate SMART Organic Wave Report
var currentWaveData = (stg.config && stg.config.waves) ? stg.config.waves[currentWaveIdx] : null;
var threatPhrases = [];
// A. Tally and Consolidate identical enemies
var consolidatedWave = {};
if (currentWaveData) {
for (var k = 0; k < currentWaveData.length; k++) {
var mIdx = currentWaveData[k][1];
var mQty = currentWaveData[k][0];
if (!consolidatedWave[mIdx]) consolidatedWave[mIdx] = { qty: 0, attr: TD.getDefaultMonsterAttributes(mIdx) };
consolidatedWave[mIdx].qty += mQty;
// Track critical threats
if (consolidatedWave[mIdx].attr.is_flying || mIdx === 8 || mIdx === 9 || mIdx === 10) incoming_flyer = true;
if (consolidatedWave[mIdx].attr.is_stealthed || mIdx === 11) incoming_stealth = true;
}
}
// B. Convert to text based on the number of unique types
var uniqueTypes = Object.keys(consolidatedWave).length;
var monsterStr = "UNKNOWN HOSTILES";
if (uniqueTypes >= 3) {
// Too many types = Truncate to a Horde description
monsterStr = "A MASSIVE MIXED HORDE";
if (incoming_flyer && incoming_stealth) monsterStr += " (CLOAKED AND AERIAL THREATS EMBEDDED)";
else if (incoming_flyer) monsterStr += " (AERIAL THREATS EMBEDDED)";
else if (incoming_stealth) monsterStr += " (CLOAKED THREATS EMBEDDED)";
} else if (uniqueTypes > 0) {
// 1 or 2 types = List them specifically with human quantities
for (var key in consolidatedWave) {
var group = consolidatedWave[key];
var qtyStr = "A FEW";
if (group.qty === 1) qtyStr = "A LONE";
else if (group.qty >= 2 && group.qty <= 4) qtyStr = "A SMALL GROUP OF";
else if (group.qty >= 5 && group.qty <= 9) qtyStr = "A HEAVY PRESENCE OF";
else if (group.qty >= 10) qtyStr = "A MASSIVE SWARM OF";
threatPhrases.push(qtyStr + " " + group.attr.name.toUpperCase() + (group.qty > 1 && !group.attr.name.endsWith("S") ? "S" : ""));
}
monsterStr = threatPhrases.join(" AND ");
}
// C. Pull the faction-specific Mad-Libs sentence and inject the Smart string!
var baseSentence = window.IntelData.getEvent("wave_start", TD.current_faction);
var finalReport = baseSentence.replace("{M}", monsterStr);
TD.logEvent(finalReport);
// 3. Log Missing Counter-Measures (We skipped the "Now" alerts because the new summary includes them naturally)
if (incoming_flyer && !has_aa) TD.logEvent(window.IntelData.getEvent("tactical_no_antiair", "GENERAL"));
else if (incoming_flyer) TD.logEvent(window.IntelData.getEvent("threat_flying_now", "GENERAL"));
if (incoming_stealth && !has_detect) TD.logEvent(window.IntelData.getEvent("tactical_no_detector", "GENERAL"));
else if (incoming_stealth) TD.logEvent(window.IntelData.getEvent("threat_stealth_now", "GENERAL"));
// 4. Look Ahead to the NEXT wave for early prep warnings
var nextWaveData = (stg.config && stg.config.waves) ? stg.config.waves[currentWaveIdx + 1] : null;
if (nextWaveData) {
var next_stealth = false;
var next_flyer = false;
for (var n = 0; n < nextWaveData.length; n++) {
var nAttr = TD.getDefaultMonsterAttributes(nextWaveData[n][1]);
if (nAttr.is_flying || nextWaveData[n][1] === 8 || nextWaveData[n][1] === 9 || nextWaveData[n][1] === 10) next_flyer = true;
if (nAttr.is_stealthed || nextWaveData[n][1] === 11) next_stealth = true;
}
if (next_flyer && !incoming_flyer) TD.logEvent(window.IntelData.getEvent("threat_flying_prep", "GENERAL"));
if (next_stealth && !incoming_stealth) TD.logEvent(window.IntelData.getEvent("threat_stealth_prep", "GENERAL"));
}
}
}
}
// 3. UI BUTTON STATES (Logic Locks)
var btnStartWave = document.getElementById("ui-btn-start-wave");
if (btnStartWave) {
// Disabled during combat
btnStartWave.disabled = waveInMotion;
btnStartWave.style.opacity = waveInMotion ? "0.3" : "1";
btnStartWave.style.cursor = waveInMotion ? "not-allowed" : "pointer";
}
var btnSlow = document.getElementById("ui-btn-slow");
var btnSpeed = document.getElementById("ui-btn-speed");
// Speed controls are DISABLED during "The Calm" (waiting phase)
var timeControlsActive = waveInMotion;
if (btnSlow) {
var canSlow = timeControlsActive && (Math.round(TD.global_speed * 10) > 2);
btnSlow.disabled = !canSlow;
btnSlow.style.opacity = !canSlow ? "0.3" : "1";
btnSlow.style.cursor = !canSlow ? "not-allowed" : "pointer";
}
if (btnSpeed) {
var canSpeed = timeControlsActive && (Math.round(TD.global_speed * 10) < 10);
btnSpeed.disabled = !canSpeed;
btnSpeed.style.opacity = !canSpeed ? "0.3" : "1";
btnSpeed.style.cursor = !canSpeed ? "not-allowed" : "pointer";
}
}
}
};
TD.Panel = function (id, cfg) { var panel = new TD.Element(id, cfg); TD.lang.mix(panel, panel_obj); panel._init(cfg); return panel; };
var balloontip_obj = {
_init: function (cfg) { cfg = cfg || {}; this.scene = cfg.scene; },
caculatePos: function () {
var el = this.el; this.x = el.cx + 0.5; this.y = el.cy + 0.5;
if (this.x + this.width > this.scene.stage.width - TD.padding) { this.x = this.x - this.width; }
this.px = this.x + 5 * _TD.retina; this.py = this.y + 4 * _TD.retina;
},
msg: function (txt, el) {
this.text = txt; var ctx = TD.ctx; ctx.font = "bold " + (12 * _TD.retina) + "px 'Courier New'";
// Support multi-line width calculation properly
var lines = txt.split('\n');
var maxW = 0;
for (var i=0; i<lines.length; i++) {
var w = ctx.measureText(lines[i]).width;
if (w > maxW) maxW = w;
}
this.width = maxW + 20 * _TD.retina;
this.height = (lines.length * 15 + 8) * _TD.retina;
if (el && el.cx && el.cy) { this.el = el; this.caculatePos(); this.show(); }
},
step: function () { if (!this.el || !this.el.is_valid) { this.hide(); return; } if (this.el.is_monster) { this.caculatePos(); } },
render: function () {
if (!this.el) return; var ctx = TD.ctx;
if (this.el.is_monster) {
// --- V.A.T.S. STYLE RENDER FOR MONSTERS ---
var w = this.width;
var h = this.height + 15 * _TD.retina; // extra space for HP bar
// Main Box
ctx.fillStyle = "rgba(0, 40, 0, 0.7)";
ctx.fillRect(this.x, this.y, w, h);
ctx.strokeStyle = "rgba(0, 255, 0, 0.2)";
ctx.lineWidth = 1;
ctx.strokeRect(this.x, this.y, w, h);
// Corner Brackets
ctx.strokeStyle = "#0f0";
ctx.lineWidth = 2 * _TD.retina;
var bS = 8 * _TD.retina;
ctx.beginPath();
ctx.moveTo(this.x, this.y + bS); ctx.lineTo(this.x, this.y); ctx.lineTo(this.x + bS, this.y); // Top Left
ctx.moveTo(this.x + w - bS, this.y); ctx.lineTo(this.x + w, this.y); ctx.lineTo(this.x + w, this.y + bS); // Top Right
ctx.moveTo(this.x, this.y + h - bS); ctx.lineTo(this.x, this.y + h); ctx.lineTo(this.x + bS, this.y + h); // Bottom Left
ctx.moveTo(this.x + w - bS, this.y + h); ctx.lineTo(this.x + w, this.y + h); ctx.lineTo(this.x + w, this.y + h - bS); // Bottom Right
ctx.stroke();
// Health Bar (Top)
var barW = w - 16 * _TD.retina;
var barH = 5 * _TD.retina;
var barX = this.x + 8 * _TD.retina;
var barY = this.y + 6 * _TD.retina;
var hpPercent = Math.max(0, this.el.life / this.el.life0);
ctx.fillStyle = "rgba(0,0,0,0.8)"; ctx.fillRect(barX, barY, barW, barH);
ctx.fillStyle = "#0f0"; ctx.fillRect(barX, barY, barW * hpPercent, barH);
ctx.lineWidth = 1; ctx.strokeStyle = "#0f0"; ctx.strokeRect(barX, barY, barW, barH);
// Text Lines
ctx.textAlign = "center"; ctx.textBaseline = "top"; ctx.fillStyle = "#0f0";
ctx.font = "bold " + (12 * _TD.retina) + "px 'Courier New'";
var lines = this.text.split('\n');
for (var i = 0; i < lines.length; i++) {
ctx.fillText(lines[i], this.x + w/2, this.y + 16 * _TD.retina + (i * 15 * _TD.retina));
}
} else {
// --- STANDARD YELLOW TOOLTIP FOR EVERYTHING ELSE ---
ctx.lineWidth = _TD.retina; ctx.fillStyle = "rgba(255, 255, 0, 0.5)"; ctx.strokeStyle = "rgba(222, 222, 0, 0.9)";
ctx.beginPath(); ctx.rect(this.x, this.y, this.width, this.height); ctx.closePath(); ctx.fill(); ctx.stroke();
ctx.textAlign = "left"; ctx.textBaseline = "top"; ctx.fillStyle = "#000"; ctx.font = "normal " + (12 * _TD.retina) + "px 'Courier New'";
var lines = this.text.split('\n');
for (var i = 0; i < lines.length; i++) {
ctx.fillText(lines[i], this.px, this.py + (i * 15 * _TD.retina));
}
}
}
};
TD.BalloonTip = function (id, cfg) { var balloontip = new TD.Element(id, cfg); TD.lang.mix(balloontip, balloontip_obj); balloontip._init(cfg); return balloontip; };
var button_obj = {
_init: function (cfg) {
cfg = cfg || {}; this.text = cfg.text; this.onClick = cfg.onClick || TD.lang.nullFunc; this.x = cfg.x; this.y = cfg.y; this.width = cfg.width || 80 * _TD.retina; this.height = cfg.height || 30 * _TD.retina; this.font_x = this.x + 8 * _TD.retina; this.font_y = this.y + 9 * _TD.retina; this.scene = cfg.scene; this.desc = cfg.desc || "";
this.addToScene(this.scene, this.step_level, this.render_level); this.caculatePos();
},
onEnter: function () { TD.mouseHand(true); if (this.desc) { this.scene.panel.balloontip.msg(this.desc, this); } },
onOut: function () { TD.mouseHand(false); if (this.scene.panel.balloontip.el == this) { this.scene.panel.balloontip.hide(); } },
render: function () {
var ctx = TD.ctx; ctx.lineWidth = 2 * _TD.retina; ctx.fillStyle = this.is_hover ? "#eee" : "#ccc"; ctx.strokeStyle = "#999"; ctx.beginPath(); ctx.rect(this.x, this.y, this.width, this.height); ctx.closePath(); ctx.fill(); ctx.stroke();
ctx.textAlign = "left"; ctx.textBaseline = "top"; ctx.fillStyle = "#000"; ctx.font = "normal " + (12 * _TD.retina) + "px 'Courier New'"; ctx.beginPath(); ctx.fillText(this.text, this.font_x, this.font_y); ctx.closePath(); ctx.fill();
}
};
TD.Button = function (id, cfg) { cfg.on_events = ["enter", "out", "click"]; var button = new TD.Element(id, cfg); TD.lang.mix(button, button_obj); button._init(cfg); return button; };
var gameover_obj = {
_init: function (cfg) { this.panel = cfg.panel; this.scene = cfg.scene; this.addToScene(this.scene, 1, 9); },
render: function () {
this.panel.btn_pause.hide(); this.panel.btn_upgrade.hide(); this.panel.btn_sell.hide(); this.panel.btn_build.hide(); this.panel.btn_restart.show();
// Inject current stats into the Game Over overlay
var elWaves = document.getElementById("go-stat-waves");
if (elWaves && this.scene) elWaves.innerText = this.scene.wave || 0;
var elScore = document.getElementById("go-stat-score");
if (elScore && typeof TD !== 'undefined') elScore.innerText = TD.score || 0;
var elCaps = document.getElementById("go-stat-caps");
if (elCaps && typeof TD !== 'undefined') elCaps.innerText = TD.money || 0;
var elShots = document.getElementById("go-stat-shots");
if (elShots && typeof TD !== 'undefined') elShots.innerText = TD.total_shots || 0;
var elMvp = document.getElementById("go-stat-mvp");
if (elMvp && this.scene && this.scene.map) {
var mvp = null;
var maxKills = -1;
TD.lang.each(this.scene.map.buildings, function(b) {
if (b.is_weapon && b.killed > maxKills) {
maxKills = b.killed;
mvp = b;
}
});
if (mvp && maxKills > 0) {
elMvp.innerText = mvp.name.toUpperCase() + " [" + maxKills + " KILLS]";
} else {
elMvp.innerText = "NONE";
}
}
// Replaced Canvas drawing with the HTML overlay trigger
var goText = document.getElementById("game-over-text");
if (goText) goText.style.display = "block";
}
};
TD.GameOver = function (id, cfg) { var obj = new TD.Element(id, cfg); TD.lang.mix(obj, gameover_obj); obj._init(cfg); return obj; };
TD.recover = function (n) { TD.life_recover = n; TD.log("life recover: " + n); };
});
_TD.a.push(function (TD) {
function lineTo2(ctx, x0, y0, x1, y1, len) {
var x2, y2, a, b, p, xt, a2, b2, c2;
if (x0 == x1) { x2 = x0; y2 = y1 > y0 ? y0 + len : y0 - len; }
else if (y0 == y1) { y2 = y0; x2 = x1 > x0 ? x0 + len : x0 - len; }
else {
a = (y0 - y1) / (x0 - x1); b = y0 - x0 * a; a2 = a * a + 1; b2 = 2 * (a * (b - y0) - x0); c2 = Math.pow(b - y0, 2) + x0 * x0 - Math.pow(len, 2); p = Math.pow(b2, 2) - 4 * a2 * c2;
if (p < 0) { return [0, 0]; } p = Math.sqrt(p); xt = (-b2 + p) / (2 * a2);
if ((x1 - x0 > 0 && xt - x0 > 0) || (x1 - x0 < 0 && xt - x0 < 0)) { x2 = xt; y2 = a * x2 + b; }
else { x2 = (-b2 - p) / (2 * a2); y2 = a * x2 + b; }
}
ctx.lineCap = "round"; ctx.moveTo(x0, y0); ctx.lineTo(x2, y2); return [x2, y2];
}
var renderFunctions = {
"rifle": function (b, ctx, map, gs, gs2) {
var target_position = b.getTargetPosition();
ctx.fillStyle = "#886644"; ctx.strokeStyle = "#000"; ctx.beginPath(); ctx.lineWidth = _TD.retina; ctx.arc(b.cx, b.cy, 6 * _TD.retina, 0, Math.PI * 2, true); ctx.closePath(); ctx.fill(); ctx.stroke();
ctx.lineWidth = 2 * _TD.retina; ctx.beginPath(); ctx.moveTo(b.cx, b.cy); b.muzzle = lineTo2(ctx, b.cx, b.cy, target_position[0], target_position[1], gs2); ctx.closePath(); ctx.stroke();
ctx.lineWidth = _TD.retina; ctx.fillStyle = "#333"; ctx.beginPath(); ctx.arc(b.cx, b.cy, 4 * _TD.retina, 0, Math.PI * 2, true); ctx.closePath(); ctx.fill(); ctx.stroke();
},
"cannon": function (b, ctx, map, gs, gs2) {
var target_position = b.getTargetPosition();
ctx.fillStyle = "#393"; ctx.strokeStyle = "#000"; ctx.beginPath(); ctx.lineWidth = _TD.retina; ctx.arc(b.cx, b.cy, gs2 - 5, 0, Math.PI * 2, true); ctx.closePath(); ctx.fill(); ctx.stroke();
ctx.lineWidth = 3 * _TD.retina; ctx.beginPath(); ctx.moveTo(b.cx, b.cy); b.muzzle = lineTo2(ctx, b.cx, b.cy, target_position[0], target_position[1], gs2); ctx.closePath(); ctx.stroke();
ctx.lineWidth = _TD.retina; ctx.fillStyle = "#060"; ctx.beginPath(); ctx.arc(b.cx, b.cy, 7 * _TD.retina, 0, Math.PI * 2, true); ctx.closePath(); ctx.fill(); ctx.stroke();
ctx.fillStyle = "#cec"; ctx.beginPath(); ctx.arc(b.cx + 2, b.cy - 2, 3 * _TD.retina, 0, Math.PI * 2, true); ctx.closePath(); ctx.fill();
},
"LMG": function (b, ctx, map, gs, gs2) {
var target_position = b.getTargetPosition();
ctx.fillStyle = "#36f"; ctx.strokeStyle = "#000"; ctx.beginPath(); ctx.lineWidth = _TD.retina; ctx.arc(b.cx, b.cy, 7 * _TD.retina, 0, Math.PI * 2, true); ctx.closePath(); ctx.fill(); ctx.stroke();
ctx.lineWidth = 2 * _TD.retina; ctx.beginPath(); ctx.moveTo(b.cx, b.cy); b.muzzle = lineTo2(ctx, b.cx, b.cy, target_position[0], target_position[1], gs2); ctx.closePath(); ctx.fill(); ctx.stroke();
ctx.lineWidth = _TD.retina; ctx.fillStyle = "#66c"; ctx.beginPath(); ctx.arc(b.cx, b.cy, 5 * _TD.retina, 0, Math.PI * 2, true); ctx.closePath(); ctx.fill(); ctx.stroke();
ctx.fillStyle = "#ccf"; ctx.beginPath(); ctx.arc(b.cx + 1, b.cy - 1, 2 * _TD.retina, 0, Math.PI * 2, true); ctx.closePath(); ctx.fill();
},
"HMG": function (b, ctx, map, gs, gs2) {
var target_position = b.getTargetPosition();
ctx.fillStyle = "#933"; ctx.strokeStyle = "#000"; ctx.beginPath(); ctx.lineWidth = _TD.retina; ctx.arc(b.cx, b.cy, gs2 - 2, 0, Math.PI * 2, true); ctx.closePath(); ctx.fill(); ctx.stroke();
ctx.lineWidth = 5 * _TD.retina; ctx.beginPath(); ctx.moveTo(b.cx, b.cy); b.muzzle = lineTo2(ctx, b.cx, b.cy, target_position[0], target_position[1], gs2); ctx.closePath(); ctx.fill(); ctx.stroke();
ctx.lineWidth = _TD.retina; ctx.fillStyle = "#630"; ctx.beginPath(); ctx.arc(b.cx, b.cy, gs2 - 5 * _TD.retina, 0, Math.PI * 2, true); ctx.closePath(); ctx.fill(); ctx.stroke();
ctx.fillStyle = "#960"; ctx.beginPath(); ctx.arc(b.cx + 1, b.cy - 1, 8 * _TD.retina, 0, Math.PI * 2, true); ctx.closePath(); ctx.fill();
ctx.fillStyle = "#fcc"; ctx.beginPath(); ctx.arc(b.cx + 3, b.cy - 3, 4 * _TD.retina, 0, Math.PI * 2, true); ctx.closePath(); ctx.fill();
},
"wall": function (b, ctx, map, gs, gs2) {
ctx.lineWidth = _TD.retina; ctx.fillStyle = "#666"; ctx.strokeStyle = "#000"; ctx.fillRect(b.cx - gs2 + 1, b.cy - gs2 + 1, gs - 1, gs - 1);
ctx.beginPath(); ctx.moveTo(b.cx - gs2 + 0.5, b.cy - gs2 + 0.5); ctx.lineTo(b.cx - gs2 + 0.5, b.cy + gs2 + 0.5); ctx.lineTo(b.cx + gs2 + 0.5, b.cy + gs2 + 0.5); ctx.lineTo(b.cx + gs2 + 0.5, b.cy - gs2 + 0.5); ctx.lineTo(b.cx - gs2 + 0.5, b.cy - gs2 + 0.5); ctx.moveTo(b.cx - gs2 + 0.5, b.cy + gs2 + 0.5); ctx.lineTo(b.cx + gs2 + 0.5, b.cy - gs2 + 0.5); ctx.moveTo(b.cx - gs2 + 0.5, b.cy - gs2 + 0.5); ctx.lineTo(b.cx + gs2 + 0.5, b.cy + gs2 + 0.5); ctx.closePath(); ctx.stroke();
},
"laser_gun": function (b, ctx) {
ctx.fillStyle = "#f00"; ctx.strokeStyle = "#000"; ctx.beginPath(); ctx.lineWidth = _TD.retina;
ctx.moveTo(b.cx, b.cy - 10 * _TD.retina); ctx.lineTo(b.cx - 8.66 * _TD.retina, b.cy + 5 * _TD.retina); ctx.lineTo(b.cx + 8.66 * _TD.retina, b.cy + 5 * _TD.retina); ctx.lineTo(b.cx, b.cy - 10 * _TD.retina); ctx.closePath(); ctx.fill(); ctx.stroke();
ctx.fillStyle = "#60f"; ctx.beginPath(); ctx.arc(b.cx, b.cy, 7 * _TD.retina, 0, Math.PI * 2, true); ctx.closePath(); ctx.fill(); ctx.stroke();
ctx.fillStyle = "#000"; ctx.beginPath(); ctx.arc(b.cx, b.cy, 3 * _TD.retina, 0, Math.PI * 2, true); ctx.closePath(); ctx.fill();
ctx.fillStyle = "#666"; ctx.beginPath(); ctx.arc(b.cx + 1, b.cy - 1, _TD.retina, 0, Math.PI * 2, true); ctx.closePath(); ctx.fill();
ctx.lineWidth = 3 * _TD.retina; ctx.beginPath(); ctx.moveTo(b.cx, b.cy); ctx.closePath(); ctx.fill(); ctx.stroke();
}
};
TD.renderBuilding = function (building) {
var ctx = TD.ctx, map = building.map, gs = TD.grid_size, gs2 = TD.grid_size / 2;
// --- NEW: PSYCHO RAGE GLOW (Smooth Breathing) ---
if (TD.psycho_active > 0 && building.is_weapon && !building.is_pre_building) {
ctx.save();
ctx.beginPath();
// Increased radius (gs2 * 1.1) so it spills out past the largest towers
ctx.arc(building.cx, building.cy, gs2 * 1.1, 0, Math.PI * 2);
// Smooth sine wave: (sin(x) + 1) / 2 creates a perfect 0.0 to 1.0 oscillation
var pulse = (Math.sin(TD.iframe / 10) + 1) / 2;
ctx.shadowBlur = 15 + (pulse * 15); // Blurs smoothly between 15px and 30px
ctx.shadowColor = "#ff0000";
// Opacity pulses smoothly between 0.15 (dim) and 0.45 (bright)
ctx.fillStyle = "rgba(255, 0, 0, " + (0.15 + (pulse * 0.3)) + ")";
ctx.fill();
ctx.restore();
}
// NEW: Draw aerial drop shadow AND ground anchor pad
if (building.is_flying && !building.is_pre_building) {
// 1. Draw the stationary physical anchor pad on the ground
ctx.fillStyle = "#222222";
ctx.strokeStyle = "#111111";
ctx.lineWidth = 2 * _TD.retina;
ctx.fillRect(building.x + 2, building.y + 2, gs - 4, gs - 4);
ctx.strokeRect(building.x + 2, building.y + 2, gs - 4, gs - 4);
// 2. Draw the floating drop shadow
ctx.save();
ctx.translate(building.cx, building.cy - building.hover_y);
ctx.scale(1, 0.5); // Flatten the circle into a perspective ellipse
ctx.beginPath();
ctx.arc(0, 0, 15 * _TD.retina, 0, Math.PI * 2, true);
ctx.fillStyle = "rgba(0,0,0,0.6)";
ctx.fill();
ctx.restore();
}
// Use visual_type if defined, otherwise fallback to the type, otherwise wall
var renderType = building.visual_type || building.type;
(renderFunctions[renderType] || renderFunctions["wall"])(building, ctx, map, gs, gs2);
}
});
_TD.a.push(function (TD) {
var building_obj = {
_init: function (cfg) {
this.is_selected = false; this.level = 1; this.xp = 0;
this.xp_needed = 50; // Starts strictly at 50 XP
this.killed = 0; this.target = null;
cfg = cfg || {}; this.map = cfg.map || null; this.grid = cfg.grid || null; this.bullet_type = cfg.bullet_type || 1;
this.type = cfg.type; this.speed = cfg.speed; this.bullet_speed = cfg.bullet_speed; this.is_pre_building = !!cfg.is_pre_building; this.blink = this.is_pre_building; this.wait_blink = this._default_wait_blink = 20; this.is_weapon = (this.type != "wall");
// 1. Fetch the exact stats from the Faction Data
var o = TD.getDefaultBuildingAttributes(this.type);
// 2. Overwrite the default config with the faction specific stats
TD.lang.mix(this, o, true); // The 'true' forces the mix function to overwrite properties!
// --- NEW: APPLY S.P.E.C.I.A.L. PASSIVES ---
if (TD.perks) {
if (TD.perks.C) this.cost = Math.floor(this.cost * 0.85); // Charisma: 15% cheaper
if (TD.perks.S) this.damage = Math.floor(this.damage * 1.15); // Strength: 15% more damage
if (TD.perks.P) this.range += 2; // Perception: +2 Range
if (TD.perks.I) this.xp_needed = Math.floor(this.xp_needed * 0.85); // Intelligence: 15% less XP to level
if (TD.perks.A) this.speed *= 1.15; // Agility: 15% faster fire rate
}
this.range_px = this.range * TD.grid_size; this.money = this.cost;
this.caculatePos();
},
getUpgradeCost: function () { return Math.floor(this.money * 0.75); },
getSellMoney: function () { return Math.floor(this.money * 0.5) || 1; },
getBuyCost: function () { return Math.floor(this.money * 0.5) || 1; },
toggleSelected: function () {
this.is_selected = !this.is_selected; this.grid.hightLight(this.is_selected); var _this = this;
if (this.is_selected) {
this.map.eachBuilding(function (obj) { obj.is_selected = obj == _this; });
(this.map.is_main_map ? this.scene.panel_map : this.scene.map).eachBuilding(function (obj) { obj.is_selected = false; obj.grid.hightLight(false); });
this.map.selected_building = this;
if (!this.map.is_main_map) { this.scene.map.preBuild(this.type); } else { this.scene.map.cancelPreBuild(); }
} else {
if (this.map.selected_building == this) this.map.selected_building = null;
if (!this.map.is_main_map) { this.scene.map.cancelPreBuild(); }
}
if (this.map.is_main_map) {
if (this.map.selected_building) { this.scene.panel.btn_upgrade.show(); this.scene.panel.btn_sell.show(); this.scene.panel.btn_build.show(); this.updateBtnDesc(); }
else { this.scene.panel.btn_upgrade.hide(); this.scene.panel.btn_sell.hide(); this.scene.panel.btn_build.hide(); }
}
},
updateBtnDesc: function () {
this.scene.panel.btn_upgrade.desc = "Upgrade " + this.name + " to Level " + (this.level + 1) + " (Cost: " + this.getUpgradeCost() + "c)";
this.scene.panel.btn_sell.desc = "Sell " + this.name + " for " + this.getSellMoney() + "c";
this.scene.panel.btn_build.desc = "Build " + this.name + " for " + this.getBuyCost() + "c";
},
locate: function (grid) {
this.grid = grid; this.map = grid.map; this.cx = this.grid.cx; this.cy = this.grid.cy; this.x = this.grid.x; this.y = this.grid.y; this.x2 = this.grid.x2; this.y2 = this.grid.y2; this.width = this.grid.width; this.height = this.grid.height; this.px = this.x + 0.5; this.py = this.y + 0.5;
this.wait_blink = this._default_wait_blink; this._fire_wait = Math.floor(Math.max(TD.exp_fps / (this.speed * (TD.global_speed / 0.2)), 1)); this._fire_wait2 = this._fire_wait;
// NEW: Flight Path Initialization
if (this.is_flying) {
this.flight_angle = Math.random() * Math.PI * 2; // Random start point on path
this.anchor_cx = this.cx;
this.anchor_cy = this.cy;
this.flight_radius = TD.grid_size * 1.2; // roughly 3x3 area
this.flight_speed = 0.03 + Math.random() * 0.02; // Orbit speed
this.hover_y = -40 * _TD.retina; // Altitude offset
}
},
remove: function () { if (this.grid && this.grid.building && this.grid.building == this) this.grid.building = null; this.hide(); this.del(); },
findTarget: function () {
if (!this.is_weapon || this.is_pre_building || !this.grid) return;
var current_range = this.eff_range || this.range;
var cx = this.cx, cy = this.cy, range2 = Math.pow(current_range * TD.grid_size, 2);
var vType = this.visual_type || this.type;
var canHitAir = (vType === "laser_gun" || vType === "LMG" || vType === "HMG" || vType === "rifle");
// --- NEW: TOWER ANTI-AIR LIMITS ---
// Prevent early game towers (1, 2, 3) from shooting flyers, regardless of weapon upgrades
if (this.type === "tower_1" || this.type === "tower_2" || this.type === "tower_3") {
canHitAir = false;
}
var valid_targets = [];
TD.lang.each(this.map.monsters, function (obj) {
if (obj.is_valid) {
var in_range = Math.pow(obj.cx - cx, 2) + Math.pow(obj.cy - cy, 2) <= range2;
var isFlying = !!obj.is_flying || obj.idx === 8 || obj.idx === 9 || obj.idx === 10;
var isStealthed = !!obj.is_stealthed || obj.idx === 11 || obj.is_burrowing; // Mole rats hide too!
if (in_range) {
if (isFlying && !canHitAir) return; // Anti-Air restriction
if (isStealthed && !obj.is_revealed) return; // Cannot shoot invisible/burrowed targets unless revealed
valid_targets.push(obj);
}
}
});
if (valid_targets.length === 0) {
this.target = null;
return;
}
// 2. Sort by player-selected targeting mode (default: closest)
var mode = this.target_mode || "closest";
valid_targets.sort(function(a, b) {
if (mode === "strongest") return b.life - a.life;
if (mode === "weakest") return a.life - b.life;
if (mode === "leader") return a.way.length - b.way.length; // Fewer steps to exit = further ahead
// Fallback / "closest"
var distA = Math.pow(a.cx - cx, 2) + Math.pow(a.cy - cy, 2);
var distB = Math.pow(b.cx - cx, 2) + Math.pow(b.cy - cy, 2);
return distA - distB;
});
var new_target = valid_targets[0];
// --- NEW: ANNOUNCE TARGET ACQUISITION ---
if (this.target !== new_target && new_target && window.IntelData && TD.Announcer) {
// If it's a Boss (2000+ HP), it's a Critical "Hero Duel" announcement
if (new_target.life0 >= 2000) {
TD.Announcer.add(window.IntelData.getEvent("intercept", TD.current_faction, this.name, new_target.name), 5);
}
// Otherwise, normal priority, and we throttle it so cheap towers don't spam the log
else if (Math.random() < 0.1) {
TD.Announcer.add(window.IntelData.getEvent("intercept", TD.current_faction, this.name, new_target.name), 3);
}
}
this.target = new_target;
},
getTargetPosition: function () {
if (!this.target) { var grid = this.map.is_main_map ? this.map.entrance : this.grid; return [grid.cx, grid.cy]; }
return [this.target.cx, this.target.cy];
},
fire: function () {
var _this = this;
// --- DETECTOR PULSE ---
if (this.is_detector) {
new TD.RadarPulse("radar-" + TD.lang.rndStr(), { cx: this.cx, cy: this.cy, r: this.range_px / _TD.retina, step_level: 1, render_level: 9, color: "#00ffff", scene: this.map.scene, map: this.map, time: 1.0 });
return;
}
if (!this.target || !this.target.is_valid) return;
if (typeof TD !== 'undefined') {
TD.total_shots = (TD.total_shots || 0) + 1; // Tracks actual attacks
TD.last_fire_frame = TD.iframe; // NEW: Universal fire tracker for the dead-zone logic
}
// Use dynamic burst count if the upgrade provided one, otherwise fallback to name-based logic
var burst_count = this.burst_count || 1;
if (!this.burst_count && this.name && (this.name.indexOf("Trooper") > -1 || this.name.indexOf("Initiate") > -1 || this.name.indexOf("Settler") > -1 || this.name.indexOf("Scum") > -1)) burst_count = 3;
this._is_bursting = true;
for (var i = 0; i < burst_count; i++) {
setTimeout(function() {
if (!_this.is_valid || !_this.target || !_this.target.is_valid) return;
// --- NEW: SPECIAL EFFECTS FIRE HOOK ---
// Let the isolated handler take over if this tower has advanced firing logic
if (_this.has_special && typeof TD.SpecialEffects !== 'undefined' && TD.SpecialEffects.onFire(_this)) {
return; // If the handler returns true, it took care of shooting, so we skip standard logic
}
if (_this.visual_type == "laser_gun") { _this.target.beHit(_this, _this.damage); return; }
var muzzle = _this.muzzle || [_this.cx, _this.cy], cx = muzzle[0], cy = muzzle[1];
var current_damage = _this.eff_damage || _this.damage;
new TD.Bullet(null, { building: _this, damage: current_damage, target: _this.target, speed: _this.bullet_speed, x: cx, y: cy, pierce_count: _this.pierce_count });
// --- PLAY SOUND EFFECT ---
if (_this.sound_type) {
TD.playSound(_this.sound_type);
}
}, i * 150);
}
setTimeout(function() { _this._is_bursting = false; }, burst_count * 150);
},
tryToFire: function () {
// Detectors fire automatically without a target
if (this.is_detector) {
this._fire_wait--;
if (this._fire_wait <= 0) { this._fire_wait = this._fire_wait2; this.fire(); }
return;
}
if (!this.is_weapon || !this.target || this._is_bursting) return;
if (TD.psycho_active > 0) this._fire_wait -= 1.50;
else this._fire_wait--;
if (this._fire_wait <= 0) {
this._fire_wait = this._fire_wait2;
this.fire();
}
},
_upgrade2: function (k) {
if (!this._upgrade_records[k]) this._upgrade_records[k] = this[k];
var v = this._upgrade_records[k], mk = "max_" + k, uk = "_upgrade_rule_" + k, uf = this[uk] || TD.default_upgrade_rule;
if (!v || isNaN(v)) return;
v = uf(this.level, v); if (this[mk] && !isNaN(this[mk]) && this[mk] < v) v = this[mk];
this._upgrade_records[k] = v; this[k] = Math.floor(v);
},
upgrade: function () {
if (!this._upgrade_records) this._upgrade_records = {};
var attrs = ["damage", "range", "speed", "life", "shield"], i, l = attrs.length;
for (i = 0; i < l; i++) this._upgrade2(attrs[i]);
this.level++; this.range_px = this.range * TD.grid_size;
},
tryToUpgrade: function (btn) {
var cost = this.getUpgradeCost(), msg = "";
if (cost > TD.money) { msg = TD._t("not_enough_money", [cost]); }
else { TD.money -= cost; this.money += cost; this.upgrade(); msg = TD._t("upgrade_success", [TD._t("building_name_" + this.type), this.level, this.getUpgradeCost()]); }
this.updateBtnDesc(); this.scene.panel.balloontip.msg(msg, btn);
},
tryToSell: function () {
if (!this.is_valid) return;
TD.money += this.getSellMoney(); this.grid.removeBuilding(); this.is_valid = false; this.map.selected_building = null; this.map.select_hl.hide(); this.map.checkHasWeapon(); this.scene.panel.btn_upgrade.hide(); this.scene.panel.btn_sell.hide(); this.scene.panel.btn_build.hide(); this.scene.panel.balloontip.hide();
},
gainXp: function (amount) {
if (!this.is_weapon) return;
// --- NEW: Level 100 Cap ---
if (this.level >= 100) return;
this.xp += amount;
if (this.xp >= this.xp_needed) {
this.xp -= this.xp_needed;
this.level++;
// Scales by exactly +25 XP per level (Level 1->2 is 50, 2->3 is 75, etc.)
this.xp_needed = 50 + (this.level - 1) * 25;
// --- NEW: Level Up Floating Text ---
if (this.map && this.map.scene) {
new TD.FloatingText("lvlup-" + TD.lang.rndStr(), {
cx: this.cx,
cy: this.cy - (TD.grid_size / 2), // Start slightly above the tower
text: "LVL UP ⬆",
color: "#00ff00", // Bright Green
size: 14,
life: 48, // Lasts a full 2 seconds
map: this.map
});
if (typeof TD.logEvent === 'function') {
if (this.level === 2) TD.logEvent(this.name + " UNIT PROMOTED TO VETERAN STATUS");
else if (this.level === 4) TD.logEvent(this.name + " UNIT ACHIEVED ELITE COMBAT RATING");
}
}
// Auto-level base stats slightly
this.damage = Math.floor(this.damage * 1.1) + 1;
this.range = this.range + 0.1;
this.range_px = this.range * TD.grid_size;
this.speed = this.speed * 1.05;
this._fire_wait2 = Math.floor(Math.max(TD.exp_fps / (this.speed * (TD.global_speed / 0.2)), 1)); // Recalculate fire rate
}
},
step: function () {
if (this.blink) { this.wait_blink--; if (this.wait_blink < -this._default_wait_blink) this.wait_blink = this._default_wait_blink; }
// NEW: Flight Mechanics (Lissajous Figure-8 curve)
if (this.is_flying && !this.is_pre_building && this.anchor_cx) {
this.flight_angle += this.flight_speed * TD.global_speed;
this.cx = this.anchor_cx + Math.cos(this.flight_angle) * this.flight_radius;
// Double the sine frequency to make it a Figure-8 pattern, and add the hover altitude
this.cy = this.anchor_cy + Math.sin(this.flight_angle * 2) * (this.flight_radius * 0.5) + this.hover_y;
}
// --- DYNAMIC AURA CALCULATION ---
this.eff_range = this.range;
this.eff_damage = this.damage;
this.eff_speed = this.speed;
if (this.grid && !this.is_pre_building) {
var adj = [
this.map.getGrid(this.grid.mx + 1, this.grid.my),
this.map.getGrid(this.grid.mx - 1, this.grid.my),
this.map.getGrid(this.grid.mx, this.grid.my + 1),
this.map.getGrid(this.grid.mx, this.grid.my - 1)
];
for (var i = 0; i < adj.length; i++) {
if (adj[i] && adj[i].building && adj[i].building.aura_type) {
if (adj[i].building.aura_type === "range") this.eff_range += 1;
if (adj[i].building.aura_type === "speed") this.eff_speed *= 1.15;
if (adj[i].building.aura_type === "damage") this.eff_damage = Math.floor(this.eff_damage * 1.30);
}
}
}
// Sync visual range if hovered
this.range_px = this.eff_range * TD.grid_size;
// Update fire rate math dynamically
this._fire_wait2 = Math.floor(Math.max(TD.exp_fps / (this.eff_speed * (TD.global_speed / 0.2)), 1));
this.findTarget(); this.tryToFire();
// --- UPGRADE EFFECTS TICK ---
if (typeof TD.SpecialEffects !== 'undefined') {
TD.SpecialEffects.onStep(this);
}
},
render: function () {
if (!this.is_visiable || this.wait_blink < 0) return;
// NEW: If on the main map, building rendering is handled by the Y-Sort queue in Map.render
if (this.map.is_main_map && !this.is_pre_building) return;
var ctx = TD.ctx;
TD.renderBuilding(this);
// NEW: Added "this.is_hover" to the condition so it draws the range circle when moused over
var ctx = TD.ctx; TD.renderBuilding(this);
// NEW: Added "this.is_hover" to the condition so it draws the range circle when moused over
if (this.map.is_main_map && (this.is_selected || this.is_hover || (this.is_pre_building) || this.map.show_all_ranges) && this.is_weapon && this.range > 0 && this.grid) {
ctx.lineWidth = _TD.retina; ctx.fillStyle = "rgba(187, 141, 32, 0.15)"; ctx.strokeStyle = "#bb8d20"; ctx.beginPath(); ctx.arc(this.cx, this.cy, this.range_px, 0, Math.PI * 2, true); ctx.closePath(); ctx.fill(); ctx.stroke();
}
if (this.type == "laser_gun" && this.target && this.target.is_valid) {
ctx.lineWidth = 3 * _TD.retina; ctx.strokeStyle = "rgba(50, 50, 200, 0.5)"; ctx.beginPath(); ctx.moveTo(this.cx, this.cy); ctx.lineTo(this.target.cx, this.target.cy); ctx.closePath(); ctx.stroke();
ctx.lineWidth = _TD.retina; ctx.strokeStyle = "rgba(150, 150, 255, 0.5)"; ctx.beginPath(); ctx.lineTo(this.cx, this.cy); ctx.closePath(); ctx.stroke();
}
},
onEnter: function () {
if (this.is_pre_building || !this.map.is_main_map) return;
var tooltip = document.getElementById("tower-tooltip");
if (tooltip) {
// Determine Current Upgrades
var p1Name = "None"; var p2Name = "None";
if (this.upgrades && this.path1_tier > 0) p1Name = this.upgrades.path1[this.path1_tier - 1].name;
if (this.upgrades && this.path2_tier > 0) p2Name = this.upgrades.path2[this.path2_tier - 1].name;
var tact = TD.getTacticalMatchups(this);
var cannotStr = tact.cannot ? "\nCANNOT: " + tact.cannot : "";
var stats = "UNIT : " + this.name.toUpperCase() + "\n" +
"LEVEL : " + this.level + "\n" +
"XP : " + Math.floor(this.xp) + " / " + this.xp_needed + "\n" +
"DMG : " + this.damage + "\n" +
"RANGE : " + this.range.toFixed(1) + "\n" +
"KILLS : " + this.killed + "\n" +
"PATH 1: " + p1Name + "\n" +
"PATH 2: " + p2Name + "\n" +
"STRONG: " + tact.strong + "\n" +
"WEAK : " + tact.weak + cannotStr;
tooltip.innerText = stats;
tooltip.style.display = "block";
}
},
onOut: function () {
var tooltip = document.getElementById("tower-tooltip");
if (tooltip) tooltip.style.display = "none";
},
onClick: function () {
if (this.is_pre_building || this.scene.state != 1 || !this.map.is_main_map) return;
var tooltip = document.getElementById("tower-tooltip");
if (tooltip) tooltip.style.display = "none";
var overlay = document.getElementById("tower-modal-overlay");
if (!overlay) return;
// Initialize tracking arrays if they don't exist
if (typeof this.path1_tier === 'undefined') this.path1_tier = 0;
if (typeof this.path2_tier === 'undefined') this.path2_tier = 0;
document.getElementById("modal-tower-name").innerText = this.name.toUpperCase();
// NEW: Reset the Image to the default "T" text for normal towers
var imgContainer = document.getElementById("modal-tower-img");
if (imgContainer) {
imgContainer.innerHTML = "T";
}
// NEW: Reset the Targeting Dropdown back to standard Tower modes
var selTarget = document.getElementById("modal-target-mode");
if (selTarget) {
selTarget.innerHTML = '<option value="closest">Closest</option><option value="leader">Leader</option><option value="strongest">Strongest</option><option value="weakest">Weakest</option>';
selTarget.value = this.target_mode || "closest";
var _building = this;
selTarget.onchange = function() { _building.target_mode = this.value; };
}
// Determine Current Upgrades
var p1Name = "None"; var p2Name = "None";
if (this.upgrades && this.path1_tier > 0) p1Name = this.upgrades.path1[this.path1_tier - 1].name;
if (this.upgrades && this.path2_tier > 0) p2Name = this.upgrades.path2[this.path2_tier - 1].name;
var tact = TD.getTacticalMatchups(this);
var cannotHtml = tact.cannot ? "<b style='color:#ff5555'>Cannot target:</b> " + tact.cannot + "<br>" : "";
var statsHtml = "<b>Level:</b> " + this.level + "<br>" +
"<b>XP:</b> " + Math.floor(this.xp) + " / " + this.xp_needed + "<br><br>" +
"<b>Damage:</b> " + this.damage + "<br>" +
"<b>Range:</b> " + this.range.toFixed(1) + "<br>" +
"<b>Kills:</b> " + this.killed + "<br><br>" +
"<b style='color:#0f0'>Strong vs:</b> " + tact.strong + "<br>" +
"<b style='color:#f55'>Weak vs:</b> " + tact.weak + "<br>" +
cannotHtml + "<br>" +
"<b style='color:#ffcc00;'>Path 1:</b> " + p1Name + "<br>" +
"<b style='color:#ffcc00;'>Path 2:</b> " + p2Name;
document.getElementById("modal-tower-stats").innerHTML = statsHtml;
var _building = this;
var btnClose = document.getElementById("modal-close-btn");
var btnSell = document.getElementById("modal-btn-sell");
var newClose = btnClose.cloneNode(true); btnClose.parentNode.replaceChild(newClose, btnClose);
var newSell = btnSell.cloneNode(true); btnSell.parentNode.replaceChild(newSell, btnSell);
newClose.onclick = function() { overlay.style.display = "none"; };
// Update Sell Button text to show value
newSell.innerText = "SELL TOWER (" + _building.getSellMoney() + "c)";
newSell.onclick = function() {
_building.tryToSell();
overlay.style.display = "none";
};
overlay.onclick = function(e) { if(e.target === overlay) overlay.style.display = "none"; };
var selTarget = document.getElementById("modal-target-mode");
if (selTarget) {
selTarget.value = _building.target_mode || "closest";
selTarget.onchange = function() { _building.target_mode = this.value; };
}
// --- POPULATE UPGRADES ---
var btnPath1 = document.getElementById("modal-btn-path1");
var btnPath2 = document.getElementById("modal-btn-path2");
var newP1 = btnPath1.cloneNode(true); btnPath1.parentNode.replaceChild(newP1, btnPath1);
var newP2 = btnPath2.cloneNode(true); btnPath2.parentNode.replaceChild(newP2, btnPath2);
var drawIndicators = function(containerId, currentTier) {
var container = document.getElementById(containerId);
container.innerHTML = "";
for (var i = 0; i < 4; i++) {
var box = document.createElement("div");
box.style.width = "12px";
box.style.height = "12px";
box.style.border = "1px solid #0f0";
// Fill green if unlocked, empty if locked
box.style.background = (i < currentTier) ? "#0f0" : "transparent";
container.appendChild(box);
}
};
var updateUpgradeUI = function(pathNum, btnElement, currentTier, otherTier, pathData) {
var nameEl = btnElement.querySelector("#path" + pathNum + "-name");
var costEl = btnElement.querySelector("#path" + pathNum + "-cost");
var descEl = btnElement.querySelector("#path" + pathNum + "-desc");
drawIndicators("path" + pathNum + "-indicators", currentTier);
// Check Max Tier restriction (BTD5 logic: if one path is > 2, the other is capped at 2)
var isRestricted = (currentTier === 2 && otherTier > 2);
if (currentTier >= 4) {
nameEl.innerText = "MAX TIER REACHED";
costEl.innerText = "";
descEl.innerText = "No further upgrades available on this path.";
btnElement.disabled = true;
btnElement.style.backgroundColor = "#444";
btnElement.style.borderColor = "#555";
nameEl.style.color = "#888";
descEl.style.color = "#888";
btnElement.removeAttribute("data-cost");
} else if (isRestricted) {
nameEl.innerText = "PATH LOCKED";
costEl.innerText = "";
descEl.innerText = "Cannot upgrade past Tier 2 because the other path is Tier 3+.";
btnElement.disabled = true;
btnElement.style.backgroundColor = "#400";
btnElement.style.borderColor = "#800";
nameEl.style.color = "#888";
descEl.style.color = "#888";
btnElement.removeAttribute("data-cost");
} else {
var nextUpgrade = pathData[currentTier];
if (!nextUpgrade) return; // Failsafe
nameEl.innerText = nextUpgrade.name;
costEl.innerText = nextUpgrade.cost + "c";
descEl.innerText = nextUpgrade.desc;
// Charisma Perk Check
var actualCost = nextUpgrade.cost;
if (TD.perks && TD.perks.C) actualCost = Math.floor(actualCost * 0.85);
if (TD.perks && TD.perks.C) costEl.innerText = actualCost + "c"; // Show discounted cost
btnElement.setAttribute("data-cost", actualCost);
if (TD.money >= actualCost) {
btnElement.disabled = false;
btnElement.style.backgroundColor = "#2a7a2a";
btnElement.style.borderColor = "#0f0";
nameEl.style.color = "#000";
descEl.style.color = "#111";
} else {
btnElement.disabled = true;
btnElement.style.backgroundColor = "#444";
btnElement.style.borderColor = "#555";
nameEl.style.color = "#888";
descEl.style.color = "#888";
}
// ALWAYS assign the click handler! (It won't fire if disabled by the browser)
btnElement.onclick = function() {
if (TD.money >= actualCost) {
TD.money -= actualCost;
if (pathNum === 1) _building.path1_tier++;
else _building.path2_tier++;
// --- NEW: CALL THE CENTRALIZED UPGRADE HANDLER ---
if (nextUpgrade.effects && typeof TD.SpecialEffects !== 'undefined') {
TD.SpecialEffects.onApply(_building, nextUpgrade.effects);
}
// NEW: ANNOUNCE UPGRADE
if (window.IntelData && TD.Announcer) {
// If they just bought Tier 4 (which pushes the tracker to 4)
if (pathNum === 1 && _building.path1_tier >= 4 || pathNum === 2 && _building.path2_tier >= 4) {
TD.Announcer.add(window.IntelData.getEvent("tower_max", TD.current_faction, _building.name), 4);
} else {
TD.Announcer.add(window.IntelData.getEvent("tower_upgrade", TD.current_faction, _building.name), 3);
}
}
// Visual feedback
TD.Explode("upg-" + TD.lang.rndStr(), { cx: _building.cx, cy: _building.cy, r: 20 * _TD.retina, step_level: 1, render_level: 9, color: "#00ff00", scene: _building.map.scene, time: 0.3 });
// Re-render UI instantly
_building.onClick();
}
};
}
};
// Grab the upgrade data from the faction mapping
if (_building.upgrades) {
updateUpgradeUI(1, newP1, _building.path1_tier, _building.path2_tier, _building.upgrades.path1);
updateUpgradeUI(2, newP2, _building.path2_tier, _building.path1_tier, _building.upgrades.path2);
}
overlay.style.display = "flex";
}
};
TD.Building = function (id, cfg) { cfg.on_events = ["enter", "out", "click"]; var building = new TD.Element(id, cfg); TD.lang.mix(building, building_obj); building._init(cfg); return building; };
var bullet_obj = {
_init: function (cfg) {
cfg = cfg || {}; this.speed = cfg.speed; this.target = cfg.target; this.cx = cfg.x; this.cy = cfg.y;
if (typeof TD !== 'undefined') TD.total_shots = (TD.total_shots || 0) + 1; // Track total shots fired
// PSYCHO BUFF: 25% More Damage
var finalDmg = cfg.damage;
if (typeof TD !== 'undefined' && TD.psycho_active > 0) {
finalDmg = Math.floor(finalDmg * 1.50); // 50% More Damage!
}
this.damage = finalDmg;
this.r = cfg.r || Math.max(Math.log(this.damage), 2); if (this.r < 1) this.r = 1; if (this.r > 6) this.r = 6;
this.building = cfg.building || null; this.map = cfg.map || this.building.map; this.type = cfg.type || 1; this.color = cfg.color || "#000";
// NEW: Lifespan limit so bullets don't chase forever
// Range is in grid spaces (e.g. 5). Multiply by grid size to get max pixel travel distance,
// then divide by base speed to get the exact number of frames it should live.
var max_travel_px = (this.building.range * TD.grid_size) * 3; // INCREASED: Allow 300% travel distance to ensure hits
this.max_life = Math.floor(max_travel_px / (10 * this.speed)); // INCREASED base life floor
this.map.bullets.push(this); this.addToScene(this.map.scene, 1, 6);
if (this.type == 1) { this.caculate(); }
},
caculate: function () {
var sx, sy, c, tx = this.target.cx, ty = this.target.cy, speed;
sx = tx - this.cx; sy = ty - this.cy; c = Math.sqrt(Math.pow(sx, 2) + Math.pow(sy, 2)); speed = 20 * this.speed * TD.global_speed;
this.vx = sx * speed / c; this.vy = sy * speed / c;
// ANTI-AIR: 50% Damage Penalty if an LMG is shooting a Flyer
if (this.target.is_flying && this.building && (this.building.visual_type === "LMG" || this.building.type === "LMG")) {
this.damage = Math.floor(this.damage * 0.5);
if (this.damage < 1) this.damage = 1;
}
},
checkOutOfMap: function () {
this.is_valid = !(this.cx < this.map.x || this.cx > this.map.x2 || this.cy < this.map.y || this.cy > this.map.y2); return !this.is_valid;
},
checkHit: function () {
var cx = this.cx, cy = this.cy, r = this.r * _TD.retina, monster = this.map.anyMonster(function (obj) { return Math.pow(obj.cx - cx, 2) + Math.pow(obj.cy - cy, 2) <= Math.pow(obj.r + r, 2) * 2; });
if (monster) {
// NEW: Radius Damage (AoE) Logic
var bName = this.building.name.toUpperCase();
// Identify explosive ordnance (Slow cannons, explicitly named weapons, or upgraded Scrap Turret)
var is_aoe = (this.building.visual_type === "cannon" && (this.building.speed <= 1.5 || bName.indexOf("SCRAP TURRET") > -1)) ||
bName.indexOf("PLASMA") > -1 || bName.indexOf("MISSILE") > -1 || bName.indexOf("ARTILLERY") > -1;
if (is_aoe) {
var blast_radius = TD.grid_size * 1.5; // Default medium blast (1.5 tiles)
if (bName.indexOf("SCRAP TURRET") > -1) blast_radius = TD.grid_size * 0.8; // True Micro-explosions
if (this.building.speed <= 0.2) blast_radius = TD.grid_size * 3.0; // Massive Nuke/Artillery blast
// Spawn a massive fiery visual explosion
TD.Explode(this.id + "-explode", { cx: this.cx, cy: this.cy, r: blast_radius / _TD.retina, step_level: this.step_level, render_level: this.render_level, color: "#ff5500", scene: this.map.scene, time: 0.4 });
var _this = this;
TD.lang.each(this.map.monsters, function (m) {
if (m.is_valid) {
var dist = Math.sqrt(Math.pow(m.cx - cx, 2) + Math.pow(m.cy - cy, 2));
if (dist <= blast_radius) {
// Damage lowers outward from impact (minimum 25% damage at the absolute edge)
var dmg_percent = 1 - (dist / blast_radius);
if (dmg_percent < 0.25) dmg_percent = 0.25;
var splash_dmg = Math.floor(_this.damage * dmg_percent);
if (splash_dmg < 1) splash_dmg = 1; // Always deal at least 1 damage
m.beHit(_this.building, splash_dmg);
}
}
});
} else {
// CRYO / SLOW EFFECT (0 Damage, AoE Splash)
if (this.building && this.building.is_cryo) {
var blast_radius = TD.grid_size * 1.5; // 1.5 tile splash radius
TD.Explode("slow-splash-" + TD.lang.rndStr(), { cx: this.cx, cy: this.cy, r: blast_radius / _TD.retina, step_level: 1, render_level: 9, color: "#aaffff", scene: this.map.scene, time: 0.4 });
var _this = this;
TD.lang.each(this.map.monsters, function (m) {
if (m.is_valid) {
var dist = Math.sqrt(Math.pow(m.cx - _this.cx, 2) + Math.pow(m.cy - _this.cy, 2));
if (dist <= blast_radius) {
m.is_slowed = true;
m.slow_timer = TD.exp_fps * 4; // Slowed for 4 seconds
}
}
});
} else if (this.building && this.building.is_poison) {
// POISON EFFECT (0 Base Damage, Heavy DoT)
monster.is_poisoned = true;
monster.poison_timer = TD.exp_fps * 5; // 5 seconds of poison
TD.Explode("poison-" + TD.lang.rndStr(), { cx: this.cx, cy: this.cy, r: this.r * 2, step_level: this.step_level, render_level: 9, color: "#00ff00", scene: this.map.scene, time: 0.3 });
} else {
// Standard Single-Target Hit (Bullets, Lasers)
monster.beHit(this.building, this.damage);
TD.Explode(this.id + "-explode", { cx: this.cx, cy: this.cy, r: this.r, step_level: this.step_level, render_level: this.render_level, color: this.color, scene: this.map.scene, time: 0.2 });
// --- UPGRADE EFFECTS ---
var should_destroy = true;
if (typeof TD.SpecialEffects !== 'undefined') {
should_destroy = TD.SpecialEffects.onHit(this, monster);
}
if (!should_destroy) {
return false; // Pierce active, keep flying
}
}
}
this.is_valid = false;
return true;
}
return false;
},
step: function () {
// NEW: Dynamic Range Limit. The bullet fizzles out if it flies too far from its parent tower.
if (this.building && this.building.is_valid) {
// Calculate distance from bullet to the center of the tower that fired it
var dist_from_tower = Math.sqrt(Math.pow(this.cx - this.building.cx, 2) + Math.pow(this.cy - this.building.cy, 2));
// Allow a 10% buffer so bullets hitting enemies perfectly on the edge of the range ring don't despawn prematurely
var max_allowed_distance = (this.building.range * TD.grid_size) * 1.1;
if (dist_from_tower > max_allowed_distance) {
this.is_valid = false;
return;
}
}
// NEW: Home in on target every frame to prevent missing at high speeds!
if (this.target && this.target.is_valid && !this.target.is_fake) {
var dist_to_target = Math.sqrt(Math.pow(this.target.cx - this.cx, 2) + Math.pow(this.target.cy - this.cy, 2));
var speed_this_frame = 20 * this.speed * TD.global_speed; // Maximum distance bullet travels per frame
if (dist_to_target <= speed_this_frame) {
// Prevent overshoot by snapping directly to the target
this.cx = this.target.cx;
this.cy = this.target.cy;
this.vx = 0;
this.vy = 0;
} else {
this.caculate();
}
} else if (this.vx === 0 && this.vy === 0) {
// Failsafe: Target died exactly as bullet arrived
this.is_valid = false;
return;
}
if (this.checkOutOfMap() || this.checkHit()) return;
this.cx += this.vx; this.cy += this.vy;
},
render: function () {
var ctx = TD.ctx;
// FLAMER RENDER: Glowing, expanding circles without tails
if (this.cfg && this.cfg.is_flame) {
// Calculate distance from the tower so the flame can physically expand as it travels
var dist = Math.sqrt(Math.pow(this.cx - this.building.cx, 2) + Math.pow(this.cy - this.building.cy, 2));
var size = this.r + (dist * 0.08); // Expands outward
ctx.globalCompositeOperation = "lighter"; // Makes overlapping fire particles glow intensely
ctx.fillStyle = this.color;
ctx.shadowBlur = 15;
ctx.shadowColor = this.color;
ctx.beginPath();
ctx.arc(this.cx, this.cy, size, 0, Math.PI * 2, true);
ctx.fill();
// Cleanup context so other things don't accidentally glow
ctx.shadowBlur = 0;
ctx.globalCompositeOperation = "source-over";
return;
}
// STANDARD BULLET RENDER
// Normalize velocity to get a consistent direction
var norm = Math.sqrt(this.vx * this.vx + this.vy * this.vy) || 1;
var tailLen = 12 * _TD.retina; // Fixed, short tail length (12 pixels)
ctx.fillStyle = this.color;
ctx.strokeStyle = this.color;
ctx.lineWidth = Math.min(this.r, 2 * _TD.retina); // Keep the tail thin
ctx.lineCap = "round";
// Draw the head of the projectile
ctx.beginPath();
ctx.arc(this.cx, this.cy, this.r, 0, Math.PI * 2, true);
ctx.fill();
// Draw the fixed-length tail extending backwards
ctx.beginPath();
ctx.moveTo(this.cx, this.cy);
ctx.lineTo(this.cx - (this.vx / norm) * tailLen, this.cy - (this.vy / norm) * tailLen);
ctx.stroke();
}
};
TD.Bullet = function (id, cfg) { var bullet = new TD.Element(id, cfg); TD.lang.mix(bullet, bullet_obj); bullet._init(cfg); return bullet; };
});
_TD.a.push(function (TD) {
// --- NEW: V.A.T.S. Initialization ---
TD.vats_charge = 0; // Starts at 0, max 100
TD.vats_active = false; // Is VATS currently running?
TD.vats_shots = 0; // Shots remaining
TD.vats_timer = 0; // 10 second countdown
TD.vats_max_charge = 5000; // Vastly increased to handle score integration
// NEW: Consumable Inventory & Cooldown Tracker
// Added faction-specific items
TD.inventory = { stimpak: 0, psycho: 0, cryomine: 0, artillery: 0, capmine: 0, ncr_artillery: 0, bos_laser: 0, mm_flare: 0, raider_nuka: 0 };
TD.cooldowns = { stimpak: 0, psycho: 0, cryomine: 0, artillery: 0, capmine: 0, ncr_artillery: 0, bos_laser: 0, mm_flare: 0, raider_nuka: 0 };
// Calculates the required cooldown frames based on difficulty
TD.getCooldownFrames = function() {
if (TD.difficulty < 1) return 1 * 24; // Halved
if (TD.difficulty > 1) return 12 * 24; // Halved
return 5 * 24; // Halved
};
// NEW: The core Cooldown loop (Runs every frame)
TD.stepConsumables = function() {
for (var key in TD.cooldowns) {
if (TD.cooldowns[key] > 0) {
TD.cooldowns[key]--;
var btn = document.getElementById("btn-item-" + key);
if (btn) {
// Calculate how much has RECHARGED (100% means fully ready)
var percentRecharged = 100 - ((TD.cooldowns[key] / TD.getCooldownFrames()) * 100);
// The button stays physically disabled
btn.disabled = true;
btn.style.cursor = "not-allowed";
// Draw the bright yellow light sliding in from the left
// #f2d57e is the var(--btn-on) color, #555 is the standard disabled background
btn.style.backgroundImage = "linear-gradient(to right, #f2d57e " + percentRecharged + "%, #555 " + percentRecharged + "%)";
// Keep text readable against the dark background while it fills
btn.style.color = "#222";
btn.style.textShadow = "none";
}
// When cooldown finishes, reset button if we have inventory
if (TD.cooldowns[key] <= 0) {
var btnReset = document.getElementById("btn-item-" + key);
if (btnReset) btnReset.style.backgroundImage = "none";
TD.updateItemButton(key);
}
}
}
// SMART CIRCUIT: Auto-disable Stimpak if HP is 100
if (TD.inventory.stimpak > 0 && TD.cooldowns.stimpak <= 0) {
var stimBtn = document.getElementById("btn-item-stimpak");
if (stimBtn) {
// If Siege mode, check base_health, otherwise check life
var isSiege = TD.stage && TD.stage.current_act && TD.stage.current_act.current_scene && TD.stage.current_act.current_scene.map && TD.stage.current_act.current_scene.map.map_type === "siege";
var isFullHealth = isSiege ? (TD.base_health >= 1000) : (TD.life >= 100);
if (isFullHealth && !stimBtn.disabled) {
stimBtn.disabled = true; // Cut power
stimBtn.removeAttribute("data-warmed-up"); // Erase memory so it sparks when damaged
} else if (!isFullHealth && stimBtn.disabled) {
// We took damage! Restore power natively and let the Observer catch it for the RNG spark!
stimBtn.disabled = false;
}
}
}
// Psycho Active Buff Timer
if (TD.psycho_active > 0) {
TD.psycho_active--;
if (TD.psycho_active <= 0) {
TD.log("PSYCHO BUFF WORE OFF");
document.getElementById("td-board").style.boxShadow = "none"; // Remove red screen glow
}
}
// --- S.P.E.C.I.A.L. Overdrive Timers ---
if (TD.overdrive && TD.overdrive_cd && TD.updateSpecialButtons) {
for (var key in TD.overdrive) {
if (TD.overdrive[key] > 0) {
TD.overdrive[key]--;
if (TD.overdrive[key] <= 0 && key === 'P' && TD.stage && TD.stage.current_act) {
// Remove infinite range snipers when Perception ends
var map = TD.stage.current_act.current_scene.map;
if (map) { TD.lang.each(map.buildings, function(b) { b.target = null; }); }
}
} else if (TD.overdrive_cd[key] > 0) {
TD.overdrive_cd[key]--;
}
}
if (TD.iframe % 6 === 0) TD.updateSpecialButtons(); // Update UI every 1/4 second
}
};
// NEW: Function to update button text & toggle disabled state
TD.updateItemButton = function(type) {
var counts = TD.inventory[type];
var btn = document.getElementById("btn-item-" + type);
if (btn) {
var name = type.toUpperCase();
if (type === "cryomine") name = "CRYO MINE";
if (type === "capmine") name = "CAP MINE";
if (type === "ncr_artillery") name = "BARRAGE";
if (type === "bos_laser") name = "ORBITAL";
if (type === "mm_flare") name = "MILITIA";
if (type === "raider_nuka") name = "NUKA GRENADE";
var wasDisabled = btn.disabled;
// CLEAR the visual cooldown styles explicitly so CSS takes over
btn.style.background = "";
btn.style.opacity = "";
btn.style.cursor = "";
if (counts > 0) {
btn.innerText = name + " (" + counts + ")";
btn.style.color = ""; // Let CSS handle color
btn.disabled = false; // Enable button!
// If it just became ready (off cooldown/gained inventory), flicker it on!
if (wasDisabled) {
btn.className = btn.className.replace(/warm-up-\d/g, "").trim();
void btn.offsetWidth; // Force CSS reflow
btn.classList.add("warm-up-" + (Math.floor(Math.random() * 5) + 1));
}
} else {
btn.innerText = name;
btn.style.color = "";
btn.disabled = true; // Disable if empty
btn.style.opacity = "";
btn.style.cursor = "";
// Strip glow immediately if empty
btn.className = btn.className.replace(/warm-up-\d/g, "").trim();
}
}
};
// --- NEW: S.P.E.C.I.A.L. BUTTON UI LOGIC ---
TD.updateSpecialButtons = function() {
var letters = ['S', 'P', 'E', 'C', 'I', 'A', 'L'];
for (var i = 0; i < letters.length; i++) {
var letter = letters[i];
var btn = document.getElementById("btn-special-" + letter.toLowerCase());
if (!btn) continue;
if (TD.perks && TD.perks[letter]) {
// Button is owned! Check cooldowns.
if (TD.overdrive_cd[letter] > 0) {
btn.disabled = true;
var percent = 100 - ((TD.overdrive_cd[letter] / (TD.exp_fps * 120)) * 100); // 2 min cooldown
btn.style.backgroundImage = "linear-gradient(to top, #f2d57e " + percent + "%, #333 " + percent + "%)";
btn.style.color = "#888";
} else if (TD.overdrive[letter] > 0) {
btn.disabled = true; // Actively running!
btn.style.backgroundImage = "none";
btn.style.backgroundColor = "#ffcc00"; // Solid yellow
btn.style.color = "#000";
btn.style.boxShadow = "0 0 15px #ffcc00";
} else {
btn.disabled = false; // Ready to use!
btn.style.backgroundImage = "none";
btn.style.backgroundColor = "#2a7a2a"; // Ready Green
btn.style.color = "#fff";
btn.style.boxShadow = "none";
}
} else {
btn.disabled = true; // Perk not owned
btn.style.background = "#222";
btn.style.color = "#444";
btn.style.borderColor = "#111";
}
}
};
// Wire up the click events for the 7 buttons
var letters = ['S', 'P', 'E', 'C', 'I', 'A', 'L'];
letters.forEach(function(letter) {
var btn = document.getElementById("btn-special-" + letter.toLowerCase());
if (btn) {
btn.onclick = function() {
if (TD.perks && TD.perks[letter] && TD.overdrive_cd[letter] <= 0 && TD.overdrive[letter] <= 0) {
TD.overdrive[letter] = TD.exp_fps * 15; // 15 Seconds of Overdrive
TD.overdrive_cd[letter] = TD.exp_fps * 135; // 2 minute cooldown starts after
var desc = document.getElementById("ui-action-desc");
if (desc) desc.innerText = letter + " OVERDRIVE ENGAGED!";
// Instant Trigger Effects (Charisma Drops, Luck Explosions, Intel XP)
if (letter === 'C') {
// CARAVAN DROP (Coins from sky)
for (var i = 0; i < 15; i++) {
(function(delay) {
setTimeout(function() {
var loot = new TD.Loot("loot-" + TD.lang.rndStr(), { cx: TD.stage.width/2 + (Math.random()*400-200), cy: TD.padding, map: _this.map });
loot.loot_type = "money"; loot.value = 50; loot.altitude = 400; // Drops from 400px high
loot.vx = (Math.random()*4)-2; loot.vy = 2; // Falls downward
}, delay * 150);
})(i);
}
} else if (letter === 'I') {
// INSTANT XP BURST
if (_this.map) {
TD.lang.each(_this.map.buildings, function(b) { if (b.is_weapon) b.gainXp(100); }); // Flat 100 XP to all towers
}
} else if (letter === 'A') {
// INSTANT COOLDOWN RESET
for (var k in TD.cooldowns) TD.cooldowns[k] = 0;
} else if (letter === 'L') {
// LUCK EXPLOSION
for (var i = 0; i < 5; i++) {
var loot = new TD.Loot("loot-" + TD.lang.rndStr(), { cx: TD.stage.width/2 + (Math.random()*600-300), cy: TD.stage.height/2 + (Math.random()*400-200), map: _this.map });
loot.loot_type = "lunchbox";
}
}
}
};
}
});
// NEW: Loot Drop Object
TD.Loot = function (id, cfg) {
cfg.on_events = ["click", "enter", "out"]; // Built-in engine click listener!
var loot = new TD.Element(id, cfg);
loot._init = function(cfg) {
this.cx = cfg.cx; this.cy = cfg.cy; this.map = cfg.map; this.is_valid = true;
// NEW: Smart Off-Path Targeting (5x5 Grid Radius)
var currentGridX = Math.floor((this.cx - this.map.x) / TD.grid_size);
var currentGridY = Math.floor((this.cy - this.map.y) / TD.grid_size);
var validTargets = [];
var maxRadius = Math.max(this.map.grid_x, this.map.grid_y); // Search up to full map size
// Expanding ring search to guarantee finding the closest off-path tile
for (var r = 1; r <= maxRadius; r++) {
for (var dx = -r; dx <= r; dx++) {
for (var dy = -r; dy <= r; dy++) {
if (Math.abs(dx) !== r && Math.abs(dy) !== r) continue; // Only check perimeter of the current ring
var targetX = currentGridX + dx;
var targetY = currentGridY + dy;
// Strict map boundaries to prevent wrapping
if (targetX < 0 || targetX >= this.map.grid_x || targetY < 0 || targetY >= this.map.grid_y) continue;
var g = this.map.getGrid(targetX, targetY);
// Add to targets if there is NO tower (build_flag !== 2) AND it's not a dedicated path
if (g && g.build_flag !== 2 && (g.passable_flag === 0 || g.build_flag === 1)) {
validTargets.push(g);
}
}
}
if (validTargets.length > 0) break; // Stop expanding as soon as we find the closest valid tile!
}
var tcx = this.cx;
var tcy = this.cy;
if (validTargets.length > 0) {
// Throw to a random valid off-path tile in the closest available ring
var targetGrid = validTargets[Math.floor(Math.random() * validTargets.length)];
tcx = targetGrid.cx + (Math.random() * 20 - 10);
tcy = targetGrid.cy + (Math.random() * 20 - 10);
} else {
// Absolute last resort fallback (e.g. entire map is completely filled)
tcx = this.cx + (Math.random() * 30 - 15);
tcy = this.cy + (Math.random() * 30 - 15);
}
this.target_cx = tcx;
this.target_cy = tcy;
this.fling_timer = 20; // Reaches target in 20 frames
this.vx = (this.target_cx - this.cx) / this.fling_timer;
this.vy = (this.target_cy - this.cy) / this.fling_timer;
this.altitude = 0; // Starts on the ground
var r = TD.grid_size * 0.4;
this.x = this.cx - r; this.y = this.cy - r; this.width = r * 2; this.height = r * 2;
this.x2 = this.x + this.width; this.y2 = this.y + this.height;
if (!this.map.loots) this.map.loots = [];
this.map.loots.push(this);
// Announce that Loot has dropped!
if (window.IntelData && TD.Announcer) TD.Announcer.add(window.IntelData.getEvent("loot_drop", TD.current_faction), 3);
var duration = 20;
if (TD.difficulty < 1) duration = 35;
else if (TD.difficulty > 1) duration = 12;
this.life = duration * 24;
this.max_life = this.life;
var base_bounty = cfg.monster_bounty || 10;
this.value = Math.floor(base_bounty * (0.5 + Math.random()));
// --- NEW: Handle Pre-defined Loot (from Lunchboxes) vs RNG ---
if (cfg.forced_type) {
this.loot_type = cfg.forced_type;
this.value = cfg.forced_value || this.value;
} else if (window.devForcedDrop && window.devForcedDrop !== "none") {
// --- Dev Cheat Override ---
if (window.devForcedDrop === "faction") {
var factionLoot = { "NCR": "ncr_artillery", "BOS": "bos_laser", "MINUTEMEN": "mm_flare", "RAIDERS": "raider_nuka" };
this.loot_type = factionLoot[TD.current_faction] || "artillery";
} else {
this.loot_type = window.devForcedDrop;
}
window.devForcedDrop = "none";
var d = document.getElementById("ui-intel-brief");
if (d) d.innerText = "FORCED DROP ACQUIRED.";
} else {
// Standard RNG
var roll = Math.random();
if (roll < 0.70) this.loot_type = "money";
else if (roll < 0.75) this.loot_type = "lunchbox";
else if (roll < 0.80) this.loot_type = "stimpak";
else if (roll < 0.85) this.loot_type = "psycho";
else if (roll < 0.90) this.loot_type = "cryomine";
else if (roll < 0.95) this.loot_type = "capmine";
else {
var factionLoot = { "NCR": "ncr_artillery", "BOS": "bos_laser", "MINUTEMEN": "mm_flare", "RAIDERS": "raider_nuka" };
this.loot_type = factionLoot[TD.current_faction] || "artillery";
}
}
this.addToScene(this.map.scene, 1, 9);
};
loot.step = function () {
if (!this.is_valid) return;
// --- NEW: Magnet Flight to UI ---
if (this.is_collecting) {
this.cx += this.vx;
this.cy += this.vy;
this.altitude *= 0.8; // Drop altitude fast so it centers on UI
// Keep hitbox updated
var r = TD.grid_size * 0.4;
this.x = this.cx - r; this.y = this.cy - r;
this.x2 = this.x + (r*2); this.y2 = this.y + (r*2);
this.collect_timer--;
if (this.collect_timer <= 0) {
this.giveReward();
this.is_valid = false;
}
return;
}
// Apply physics throw if still flinging
if (this.fling_timer > 0) {
this.cx += this.vx;
this.cy += this.vy;
// Sine wave formula for jumping: Starts at 0, peaks at middle of timer, ends at 0
// Math.sin(0 to PI) creates a perfect arc.
var progress = 1 - (this.fling_timer / 20); // 0.0 to 1.0
this.altitude = Math.sin(progress * Math.PI) * 40; // Jump up to 40 pixels high
// Keep hitbox updated as it flies
var r = TD.grid_size * 0.4;
this.x = this.cx - r; this.y = this.cy - r;
this.x2 = this.x + (r*2); this.y2 = this.y + (r*2);
this.fling_timer--;
} else {
this.altitude = 0; // Rest flat on the ground
}
this.life--;
if (this.life <= 0) {
this.is_valid = false;
// Announce that we lost the loot!
if (window.IntelData && TD.Announcer) TD.Announcer.add(window.IntelData.getEvent("loot_lost", TD.current_faction), 4);
}
};
loot.render = function () {
if (!this.is_valid) return;
var ctx = TD.ctx;
var size = (this.width / 2) * (this.is_collecting ? 1 : (this.life / this.max_life));
if (size < 2) size = 2;
// --- NEW: IMAGE RENDER (Lunchbox, Caps, Stimpak, Psycho) ---
if (this.loot_type === "lunchbox" || this.loot_type === "money" || this.loot_type === "stimpak" || this.loot_type === "psycho") {
if (!this.img) {
this.img = new Image();
if (this.loot_type === "lunchbox") this.img.src = "assets/images/lunchbox.png";
else if (this.loot_type === "stimpak") this.img.src = "assets/images/stimpack.png";
else if (this.loot_type === "psycho") this.img.src = "assets/images/psycho.png";
else this.img.src = "assets/images/caps.png";
}
if (this.img.complete) {
var imgSize = size * 2.5;
ctx.shadowBlur = 15;
ctx.shadowColor = "rgba(255, 255, 255, 0.7)";
ctx.drawImage(this.img, this.cx - (imgSize/2), this.cy - (imgSize/2) - this.altitude, imgSize, imgSize);
ctx.shadowBlur = 0;
}
return;
}
// --- STANDARD CIRCLE RENDER (For other items) ---
ctx.lineWidth = 2;
ctx.beginPath();
ctx.arc(this.cx, this.cy - this.altitude, size, 0, Math.PI * 2, true);
ctx.shadowBlur = 10;
ctx.shadowColor = "rgba(255, 255, 255, 0.7)";
if (this.loot_type === "psycho") {
ctx.fillStyle = "#55ff55"; ctx.strokeStyle = "#00aa00";
} else if (this.loot_type === "cryomine") {
ctx.fillStyle = "#aaffff"; ctx.strokeStyle = "#00aaaa";
} else if (this.loot_type === "artillery") {
ctx.fillStyle = "#cccccc"; ctx.strokeStyle = "#555555";
} else {
// Faction Ultimate Drops
ctx.fillStyle = "#ffffaa"; ctx.strokeStyle = "#ffffff";
}
ctx.closePath(); ctx.fill(); ctx.stroke(); ctx.shadowBlur = 0;
ctx.fillStyle = "#000"; ctx.textAlign = "center"; ctx.textBaseline = "middle";
ctx.font = "bold " + Math.floor(size) + "px Arial";
var isUltimate = ["ncr_artillery", "bos_laser", "mm_flare", "raider_nuka"].indexOf(this.loot_type) > -1;
var letter = isUltimate ? "⭐" : this.loot_type.charAt(0).toUpperCase();
ctx.fillText(letter, this.cx, this.cy - this.altitude);
};
loot.onClick = function () {
if (!this.is_valid || this.is_collecting) return;
// Force hide the tooltip immediately, because this object is about to be deleted or moved!
var tooltip = document.getElementById("tower-tooltip");
if (tooltip) tooltip.style.display = "none";
// --- NEW: Lunchbox Physical Spitting Logic ---
if (this.loot_type === "lunchbox") {
var itemsToSpit = Math.floor(Math.random() * 3) + 1;
var possibleLoot = ["stimpak", "psycho", "cryomine", "capmine"];
var _map = this.map;
var _cx = this.cx;
var _cy = this.cy;
for (var i = 0; i < itemsToSpit; i++) {
(function(delay) {
setTimeout(function() {
var roll = Math.random();
var spawnType = "money";
var spawnVal = 10;
if (roll < 0.4) {
// Caps
spawnVal = Math.floor(Math.random() * 90) + 10;
} else {
// Consumable
spawnType = possibleLoot[Math.floor(Math.random() * possibleLoot.length)];
}
// Spawn a brand new physical loot object directly on the lunchbox coordinates
// It will naturally run its own `_init` and physics jump outward!
new TD.Loot("loot-" + TD.lang.rndStr(), {
cx: _cx,
cy: _cy,
map: _map,
forced_type: spawnType,
forced_value: spawnVal
});
}, delay * 200); // Stagger the jumps by 200ms
})(i);
}
// Explode effect to hide the lunchbox disappearing
TD.Explode("lb-pop-" + TD.lang.rndStr(), { cx: this.cx, cy: this.cy, r: 20, step_level: 1, render_level: 9, color: "#ffffff", scene: this.map.scene, time: 0.3 });
this.is_valid = false;
return;
}
// --- ALL OTHER LOOT: HTML DOM Flight Animation ---
var targetId = (this.loot_type === "money") ? "ui-money-container" : "btn-item-" + this.loot_type;
var targetEl = document.getElementById(targetId);
if (!targetEl) targetEl = document.getElementById("ui-money-container"); // Safe fallback
// 1. Get the physical screen coordinates of the loot right now
var crect = TD.canvas.getBoundingClientRect();
var scaleX = crect.width / TD.canvas.width;
var scaleY = crect.height / TD.canvas.height;
var startX = crect.left + (this.cx * scaleX);
var startY = crect.top + (this.cy * scaleY);
// 2. Create the temporary HTML image
var animImg = document.createElement("img");
// --- NEW: Correctly assign images based on loot type ---
if (this.loot_type === "stimpak") {
animImg.src = "assets/images/stimpack.png";
} else if (this.loot_type === "psycho") {
animImg.src = "assets/images/psycho.png";
} else if (this.loot_type === "money") {
animImg.src = "assets/images/caps.png";
} else {
// For Mines and Artillery, fallback to caps shape but keep their specific colored glow
animImg.src = "assets/images/caps.png";
}
animImg.style.position = "fixed";
animImg.style.left = startX + "px";
animImg.style.top = startY + "px";
animImg.style.width = "40px";
animImg.style.height = "40px";
animImg.style.zIndex = "999999";
animImg.style.pointerEvents = "none";
animImg.style.transition = "all 0.5s ease-in-out";
// Apply consistent off-white glow
animImg.style.filter = "drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.7))";
document.body.appendChild(animImg);
// 3. Force reflow, then apply target coordinates to trigger CSS transition
void animImg.offsetWidth;
var targetRect = targetEl.getBoundingClientRect();
animImg.style.left = (targetRect.left + (targetRect.width / 2) - 20) + "px";
animImg.style.top = (targetRect.top + (targetRect.height / 2) - 20) + "px";
animImg.style.transform = "scale(0.5)"; // Shrink as it flies
animImg.style.opacity = "0.2";
// 4. Grant the reward and pop the text instantly!
this.giveReward();
// 5. Wait for CSS transition to finish, then delete the flying image
setTimeout(function() {
if (animImg.parentNode) animImg.parentNode.removeChild(animImg);
}, 500); // 500ms matches the CSS transition time
// Kill the canvas object immediately so the player can't double-click it
this.is_valid = false;
};
loot.giveReward = function () {
var msg = "";
var color = "#fff";
var _val = this.value;
var _type = this.loot_type;
if (_type === "money") {
// Do not award immediately! Wait 500ms for the animation to hit the UI.
setTimeout(function() {
TD.money += _val;
}, 500);
msg = "+$" + _val;
color = "#ffdd33";
} else {
if (TD.inventory[_type] < 5) {
// Delay inventory addition
setTimeout(function() {
TD.inventory[_type]++;
TD.updateItemButton(_type);
}, 500);
var name = _type.toUpperCase();
if (_type === "cryomine") name = "CRYO MINE";
if (_type === "capmine") name = "CAP MINE";
msg = "+1 " + name;
if (_type === "stimpak") color = "#ff5555";
else if (_type === "psycho") color = "#55ff55";
else if (_type === "cryomine") color = "#aaffff";
else if (_type === "capmine") color = "#ffaa00";
else if (_type === "artillery") color = "#cccccc";
else color = "#ffffff";
} else {
// Inventory full, refund caps (delayed)
setTimeout(function() {
TD.money += _val;
}, 500);
msg = "FULL! +$" + _val;
color = "#ffdd33";
}
}
// Spawn floating text IMMEDIATELY at the pickup location
new TD.FloatingText("ft-" + TD.lang.rndStr(), {
cx: this.x + (this.width / 2),
cy: this.y + (this.height / 2) - 20,
text: msg, color: color, map: this.map
});
// Announce we secured it! (Priority 2, it's good but not critical)
if (window.IntelData && TD.Announcer) TD.Announcer.add(window.IntelData.getEvent("consumable_used", TD.current_faction), 2);
};
// --- NEW: LORE TOOLTIPS FOR LOOT ---
loot.onEnter = function() {
var tooltip = document.getElementById("tower-tooltip");
if (!tooltip) return;
var title = "";
var desc = "";
if (this.loot_type === "money") {
title = "BOTTLECAPS";
desc = "Effect: +Caps.\nDon't ask why mutated bugs are carrying pre-war soda caps. Just take 'em.";
} else if (this.loot_type === "lunchbox") {
title = "SCAVENGED LUNCHBOX";
desc = "Effect: Drops random items.\nOnce held a Vault Boy thermos. Now holds whatever the last poor guy stuffed in it.";
} else if (this.loot_type === "stimpak") {
title = "STANDARD STIMPAK";
desc = "Effect: Restores 15 HP.\nIt's mostly just Med-X and Brahmin blood, but it keeps the defenses from collapsing.";
} else if (this.loot_type === "psycho") {
title = "DIRTY PSYCHO";
desc = "Effect: Boosts DMG/Speed by 25% for 10s.\nInject this into the targeting relays and watch the lead fly. Go get 'em!";
} else if (this.loot_type === "cryomine") {
title = "CRYO-GRENADE";
desc = "Effect: Freezes Enemies in Radius.\nLiquid nitrogen payload. Stops charging Deathclaws dead in their tracks.";
} else if (this.loot_type === "capmine") {
title = "SHRAPNEL CAP MINE";
desc = "Effect: Massive AoE Damage + Drops Caps.\nTurns pocket change into high-velocity projectiles. Pick up the caps after the mist clears.";
} else {
title = "FACTION SUPPLY DROP";
desc = "Effect: Grants Faction Ultimate.\nPre-war tech salvaged for the current war.";
}
tooltip.innerHTML = "<strong style='color:#f2d57e; font-size:14px;'>" + title + "</strong><br><br><span style='color:#ccc; font-size:12px;'>" + desc.replace(/\n/g, "<br>") + "</span>";
tooltip.style.display = "block";
};
loot.onOut = function() {
var tooltip = document.getElementById("tower-tooltip");
if (tooltip) tooltip.style.display = "none";
};
loot._init(cfg);
return loot;
};
// NEW: Mr. Handy Loot Collector Object
TD.MrHandy = function (id, cfg) {
cfg.on_events = ["click", "enter", "out"]; // NEW: Make him clickable!
var handy = new TD.Element(id, cfg);
handy._init = function(cfg) {
this.map = cfg.map;
// NEW: Upgrade and Behavior Tracking
this.name = "Mr. Handy";
this.level = 1;
this.path1_tier = 0;
this.path2_tier = 0;
this.behavior = "normal"; // normal, defensive, aggressive
this.is_weapon = false; // Starts as non-combat
this.upgrades = {
path1: [
{ name: "Circular Saw", cost: 250, desc: "Deals melee damage. Unlocks 'Aggressive' behavior." },
{ name: "Laser Emitter", cost: 600, desc: "Fires a basic laser at nearby enemies while moving." },
{ name: "Flamer Jet", cost: 1200, desc: "Sprays short-range AoE fire that leaves a burn effect." },
{ name: "Military Grade", cost: 3000, desc: "Converts to a heavily armored combat bot. High damage boost." }
],
path2: [
{ name: "Reinforced Plating", cost: 300, desc: "Triples his maximum HP." },
{ name: "Thruster Overclock", cost: 700, desc: "+50% movement speed to cross the map faster." },
{ name: "Magnetic Coil", cost: 1500, desc: "Automatically sucks in loot from 1.5 squares away." },
{ name: "Scavenger Protocol", cost: 2500, desc: "Randomly 'finds' and generates loot while exploring." }
]
};
// Start at provided click location, otherwise fallback to exit/center
if (cfg.cx != null && cfg.cy != null) {
this.cx = cfg.cx; this.cy = cfg.cy;
} else {
var startGrid = this.map.exit || this.map.getGrid(Math.floor(this.map.grid_x/2), Math.floor(this.map.grid_y/2));
this.cx = startGrid.cx; this.cy = startGrid.cy;
}
this.r = (TD.grid_size * 0.9) / 2; // 90% of grid size
this.width = this.r * 2; this.height = this.r * 2; // FIXED: Canvas needs exact dimensions to render the image
this.caculatePos();
this.is_valid = true;
this.max_life = 500; // Fairly tanky
this.life = this.max_life;
this.base_speed = 10;
this.loot_speed = this.base_speed * 2.0; // 100% faster sprint
this.target_loot = null;
this.wander_target = null;
this.wander_timer = 0;
this.img = new Image();
this.img.src = "assets/images/mrhandy.png";
this.addToScene(this.map.scene, 1, 9); // Render level 9 so he floats above towers
};
handy.caculatePos = function() {
this.x = this.cx - this.r; this.y = this.cy - this.r;
this.x2 = this.cx + this.r; this.y2 = this.cy + this.r;
};
handy.step = function() {
if (!this.is_valid) return;
var _this = this;
var current_speed = this.base_speed * TD.global_speed;
// 1. MAGNETIC COIL (Tier 3 Utility)
if (this.magnetic_coil) {
if (this.map.loots && this.map.loots.length > 0) {
for (var i = 0; i < this.map.loots.length; i++) {
var l = this.map.loots[i];
if (l.is_valid && !l.is_collecting && l.fling_timer <= 0) {
var d = Math.sqrt(Math.pow(l.cx - this.cx, 2) + Math.pow(l.cy - this.cy, 2));
if (d <= TD.grid_size * 1.5) { // 1.5 square pull radius
l.onClick(); // Instantly loot it!
}
}
}
}
}
// 2. SCAVENGER PROTOCOL (Tier 4 Utility)
if (this.path2_tier >= 4) {
if (typeof this._scav_timer === 'undefined') this._scav_timer = TD.exp_fps * 10; // Every 10 seconds
this._scav_timer--;
if (this._scav_timer <= 0) {
this._scav_timer = TD.exp_fps * (8 + Math.random() * 4); // Random 8-12 seconds
new TD.Loot("scav-" + TD.lang.rndStr(), { cx: this.cx, cy: this.cy, map: this.map, monster_bounty: 25 });
new TD.FloatingText("ft-" + TD.lang.rndStr(), { cx: this.cx, cy: this.cy - 20, text: "Found something!", color: "#ffcc00", map: this.map });
}
}
// 3. COMBAT PROTOCOLS (Path 1)
var target_monster = null;
var closestDistM = 999999;
var is_bumping = false;
// Scan for enemies
TD.lang.each(this.map.monsters, function(m) {
if (m.is_valid) {
var dist = Math.sqrt(Math.pow(m.cx - _this.cx, 2) + Math.pow(m.cy - _this.cy, 2));
// Track closest for Aggressive tracking
if (dist < closestDistM) { closestDistM = dist; target_monster = m; }
// Physical collision damage (Enemy hits Handy)
if (dist < m.r + _this.r) {
is_bumping = true;
_this.life -= m.damage;
if (TD.iframe % 5 === 0) {
new TD.FloatingText("hdmg-" + TD.lang.rndStr(), { cx: _this.cx, cy: _this.cy - 10, text: "-" + m.damage, color: "#ff0000", map: _this.map, size: 10, life: 16 });
}
// Tier 1 Combat: Circular Saw
if (_this.path1_tier >= 1 && TD.iframe % 3 === 0) {
var sawDmg = _this.path1_tier >= 4 ? 25 : 5; // Much stronger if Military Grade
m.beHit({ killed: 0, gainXp: function(){} }, sawDmg);
TD.Explode("saw-" + TD.lang.rndStr(), { cx: m.cx, cy: m.cy, r: 8, step_level: 1, render_level: 9, color: "#ff5500", scene: _this.map.scene, time: 0.1 });
}
}
// Tier 2 Combat: Laser Emitter
if (_this.path1_tier >= 2 && dist < TD.grid_size * 3) {
if (typeof _this._laser_timer === 'undefined') _this._laser_timer = 0;
_this._laser_timer--;
var fireRate = _this.path1_tier >= 4 ? 6 : 15; // Faster if Military Grade
if (_this._laser_timer <= 0) {
_this._laser_timer = fireRate;
var laserDmg = _this.path1_tier >= 4 ? 50 : 15;
m.beHit({ killed: 0, gainXp: function(){} }, laserDmg);
// NEW: Laser Sound
TD.playSound("snd_laser_fire");
// Draw the laser beam
var ctx = TD.ctx;
ctx.lineWidth = 2 * _TD.retina; ctx.strokeStyle = "rgba(255, 0, 0, 0.8)";
ctx.beginPath(); ctx.moveTo(_this.cx, _this.cy); ctx.lineTo(m.cx, m.cy); ctx.stroke();
}
}
// Tier 3 Combat: Flamer
if (_this.path1_tier >= 3 && dist < TD.grid_size * 1.5) {
if (TD.iframe % 5 === 0) {
m.is_poisoned = true;
m.poison_timer = TD.exp_fps * 2;
m.poison_damage = _this.path1_tier >= 4 ? 10 : 3;
TD.Explode("flame-" + TD.lang.rndStr(), { cx: m.cx, cy: m.cy, r: 12, step_level: 1, render_level: 9, color: "#ff8800", scene: _this.map.scene, time: 0.2 });
// NEW: Flamer Sound (reusing the shotgun blast for a heavy spray noise)
if (TD.iframe % 15 === 0) TD.playSound("snd_shotgun");
}
}
}
});
if (this.life <= 0) {
TD.Explode("handy-explode", { cx: this.cx, cy: this.cy, r: this.r*2, step_level: 1, render_level: 9, color: "#ffffaa", scene: this.map.scene, time: 0.5 });
this.is_valid = false;
this.map.mr_handy_active = false;
return;
}
// 4. BEHAVIOR & MOVEMENT LOGIC
this.target_loot = null;
var closestDistL = 999999;
if (this.map.loots && this.map.loots.length > 0) {
for (var i = 0; i < this.map.loots.length; i++) {
var l = this.map.loots[i];
if (l.is_valid && !l.is_collecting && l.fling_timer <= 0) {
var d = Math.sqrt(Math.pow(l.cx - this.cx, 2) + Math.pow(l.cy - this.cy, 2));
if (d < closestDistL) { closestDistL = d; this.target_loot = l; }
}
}
}
var tcx = this.cx, tcy = this.cy;
var evade_multiplier = 0; // Default: No evasion
// BEHAVIOR ROUTING
if (this.behavior === "aggressive" && target_monster) {
// Aggressive: Chase the closest monster. Ignore loot unless it's extremely close.
if (this.target_loot && closestDistL <= TD.grid_size * 2.5) {
tcx = this.target_loot.cx; tcy = this.target_loot.cy;
current_speed = this.loot_speed * TD.global_speed;
if (closestDistL <= this.r) this.target_loot.onClick();
} else {
tcx = target_monster.cx; tcy = target_monster.cy;
}
} else if (this.behavior === "defensive") {
// Defensive: Highly evasive. Gets loot, but runs away very fast if a monster gets close.
evade_multiplier = 2.5; // Huge push away from monsters
if (this.target_loot) {
tcx = this.target_loot.cx; tcy = this.target_loot.cy;
current_speed = this.loot_speed * TD.global_speed;
if (closestDistL <= this.r) this.target_loot.onClick();
} else {
// Safe to wander
if (this.wander_timer <= 0 || !this.wander_target) {
this.wander_target = { cx: this.map.x + (Math.random() * this.map.width), cy: this.map.y + (Math.random() * this.map.height) };
this.wander_timer = TD.exp_fps * 3;
} else {
tcx = this.wander_target.cx; tcy = this.wander_target.cy;
this.wander_timer--;
}
}
} else {
// Normal: Balances loot and evasion.
evade_multiplier = 1.0; // Moderate push away from monsters
if (this.target_loot) {
tcx = this.target_loot.cx; tcy = this.target_loot.cy;
current_speed = this.loot_speed * TD.global_speed;
if (closestDistL <= this.r) this.target_loot.onClick();
} else {
if (this.wander_timer <= 0 || !this.wander_target) {
this.wander_target = { cx: this.map.x + (Math.random() * this.map.width), cy: this.map.y + (Math.random() * this.map.height) };
this.wander_timer = TD.exp_fps * 3;
} else {
tcx = this.wander_target.cx; tcy = this.wander_target.cy;
this.wander_timer--;
}
}
}
// --- Vector Flight & Obstacle Evasion ---
var dx = tcx - this.cx, dy = tcy - this.cy;
var c = Math.sqrt(dx*dx + dy*dy);
var move_x = 0, move_y = 0;
if (c > 0) {
move_x = (dx / c) * current_speed;
move_y = (dy / c) * current_speed;
}
// Apply Monster Avoidance if active
if (evade_multiplier > 0 && this.map.monsters) {
var evade_x = 0, evade_y = 0;
var avoid_radius = TD.grid_size * 1.5;
TD.lang.each(this.map.monsters, function(m) {
if (m.is_valid && m.life > 0) {
var mdx = _this.cx - m.cx;
var mdy = _this.cy - m.cy;
var dist = Math.sqrt(mdx*mdx + mdy*mdy);
if (dist > 0 && dist < avoid_radius) {
var force = Math.pow((avoid_radius - dist) / avoid_radius, 2);
evade_x += (mdx / dist) * force * current_speed * evade_multiplier;
evade_y += (mdy / dist) * force * current_speed * evade_multiplier;
}
}
});
move_x += evade_x; move_y += evade_y;
}
// Normalize final movement vector
var final_c = Math.sqrt(move_x*move_x + move_y*move_y);
if (final_c > 0 && final_c > current_speed) {
move_x = (move_x / final_c) * current_speed;
move_y = (move_y / final_c) * current_speed;
}
// Apply movement (snap perfectly to target if looting to prevent jitter)
if (c <= current_speed && this.target_loot && evade_multiplier === 0) {
this.cx = tcx; this.cy = tcy;
} else {
this.cx += move_x;
this.cy += move_y;
// Keep him on screen bounds
if (this.cx < this.map.x) this.cx = this.map.x;
if (this.cx > this.map.x2) this.cx = this.map.x2;
if (this.cy < this.map.y) this.cy = this.map.y;
if (this.cy > this.map.y2) this.cy = this.map.y2;
}
// Oscillating hover effect
this.hover_y = Math.sin(TD.iframe / 6) * 4 * _TD.retina;
this.caculatePos();
};
handy.render = function() {
if (!this.is_valid) return;
var ctx = TD.ctx;
// Draw the floating drop shadow on the ground
ctx.save();
ctx.translate(this.cx, this.cy + this.r); // Anchor shadow at his base
ctx.scale(1, 0.4); // Flatten into a perspective ellipse
ctx.beginPath();
ctx.arc(0, 0, this.r * 0.7, 0, Math.PI * 2, true);
ctx.fillStyle = "rgba(0,0,0,0.6)";
ctx.fill();
ctx.restore();
// Draw Image
if (this.img && this.img.complete) {
ctx.drawImage(this.img, this.x, this.y + this.hover_y, this.width, this.height);
} else {
// Fallback circle if image fails
ctx.fillStyle = "#aaa"; ctx.beginPath(); ctx.arc(this.cx, this.cy + this.hover_y, this.r, 0, Math.PI*2); ctx.fill();
}
// Health Bar
var hbw = 20 * _TD.retina, hbh = 3 * _TD.retina;
var hbx = this.cx - (hbw/2);
var hby = this.y + this.hover_y - (6 * _TD.retina);
ctx.fillStyle = "#000"; ctx.fillRect(hbx, hby, hbw, hbh);
ctx.fillStyle = "#0f0"; ctx.fillRect(hbx, hby, hbw * (this.life/this.max_life), hbh);
};
// --- NEW: MR HANDY HOVER & CLICK LOGIC ---
handy.onEnter = function () {
var tooltip = document.getElementById("tower-tooltip");
if (tooltip) {
var p1Name = this.path1_tier > 0 ? this.upgrades.path1[this.path1_tier - 1].name : "None";
var p2Name = this.path2_tier > 0 ? this.upgrades.path2[this.path2_tier - 1].name : "None";
var stats = "UNIT : " + this.name.toUpperCase() + "\n" +
"HP : " + Math.floor(this.life) + " / " + this.max_life + "\n" +
"MODE : " + this.behavior.toUpperCase() + "\n" +
"PATH 1: " + p1Name + "\n" +
"PATH 2: " + p2Name;
tooltip.innerText = stats;
tooltip.style.display = "block";
}
};
handy.onOut = function () {
var tooltip = document.getElementById("tower-tooltip");
if (tooltip) tooltip.style.display = "none";
};
handy.onClick = function () {
if (TD.is_paused || TD.admin_mode) return;
var tooltip = document.getElementById("tower-tooltip");
if (tooltip) tooltip.style.display = "none";
var overlay = document.getElementById("tower-modal-overlay");
if (!overlay) return;
document.getElementById("modal-tower-name").innerText = this.name.toUpperCase();
// NEW: Inject Mr. Handy's Image into the modal
var imgContainer = document.getElementById("modal-tower-img");
if (imgContainer) {
imgContainer.innerHTML = "<img src='assets/images/mrhandy.png' style='width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 0 5px #0f0);'>";
}
var p1Name = this.path1_tier > 0 ? this.upgrades.path1[this.path1_tier - 1].name : "None";
var p2Name = this.path2_tier > 0 ? this.upgrades.path2[this.path2_tier - 1].name : "None";
var statsHtml = "<b>Level:</b> " + this.level + "<br>" +
"<b>HP:</b> " + Math.floor(this.life) + " / " + this.max_life + "<br><br>" +
"<b>Behavior:</b> " + this.behavior.toUpperCase() + "<br><br>" +
"<b style='color:#ffcc00;'>Path 1:</b> " + p1Name + "<br>" +
"<b style='color:#ffcc00;'>Path 2:</b> " + p2Name;
document.getElementById("modal-tower-stats").innerHTML = statsHtml;
var _handy = this;
var btnClose = document.getElementById("modal-close-btn");
var btnSell = document.getElementById("modal-btn-sell");
var newClose = btnClose.cloneNode(true); btnClose.parentNode.replaceChild(newClose, btnClose);
var newSell = btnSell.cloneNode(true); btnSell.parentNode.replaceChild(newSell, btnSell);
newClose.onclick = function() { overlay.style.display = "none"; };
newSell.innerText = "SCRAP UNIT (250c)";
newSell.onclick = function() {
TD.money += 250;
_handy.is_valid = false;
_handy.map.mr_handy_active = false;
TD.Explode("scrap-" + TD.lang.rndStr(), { cx: _handy.cx, cy: _handy.cy, r: 20, step_level: 1, render_level: 9, color: "#ffffaa", scene: _handy.map.scene, time: 0.3 });
overlay.style.display = "none";
};
overlay.onclick = function(e) { if(e.target === overlay) overlay.style.display = "none"; };
// Override the Targeting Dropdown for Behaviors
var selTarget = document.getElementById("modal-target-mode");
if (selTarget) {
selTarget.innerHTML = '<option value="normal">Normal (Balanced)</option><option value="defensive">Defensive (Evade)</option>';
// Only show Aggressive if he has a weapon
if (_handy.is_weapon) selTarget.innerHTML += '<option value="aggressive">Aggressive (Combat)</option>';
selTarget.value = _handy.behavior;
selTarget.onchange = function() { _handy.behavior = this.value; };
}
// Upgrades UI Logic
var drawIndicators = function(containerId, currentTier) {
var container = document.getElementById(containerId);
container.innerHTML = "";
for (var i = 0; i < 4; i++) {
var box = document.createElement("div");
box.style.width = "12px"; box.style.height = "12px"; box.style.border = "1px solid #0f0";
box.style.background = (i < currentTier) ? "#0f0" : "transparent";
container.appendChild(box);
}
};
var updateUpgradeUI = function(pathNum, btnElement, currentTier, otherTier, pathData) {
var nameEl = btnElement.querySelector("#path" + pathNum + "-name");
var costEl = btnElement.querySelector("#path" + pathNum + "-cost");
var descEl = btnElement.querySelector("#path" + pathNum + "-desc");
drawIndicators("path" + pathNum + "-indicators", currentTier);
var isRestricted = (currentTier === 2 && otherTier > 2);
if (currentTier >= 4) {
nameEl.innerText = "MAX TIER REACHED"; costEl.innerText = ""; descEl.innerText = "";
btnElement.disabled = true; btnElement.style.backgroundColor = "#444"; btnElement.style.borderColor = "#555";
nameEl.style.color = "#888"; descEl.style.color = "#888";
btnElement.removeAttribute("data-cost");
} else if (isRestricted) {
nameEl.innerText = "PATH LOCKED"; costEl.innerText = ""; descEl.innerText = "Cannot upgrade past Tier 2 because the other path is Tier 3+.";
btnElement.disabled = true; btnElement.style.backgroundColor = "#400"; btnElement.style.borderColor = "#800";
nameEl.style.color = "#888"; descEl.style.color = "#888";
btnElement.removeAttribute("data-cost");
} else {
var nextUpgrade = pathData[currentTier];
nameEl.innerText = nextUpgrade.name; costEl.innerText = nextUpgrade.cost + "c"; descEl.innerText = nextUpgrade.desc;
var actualCost = nextUpgrade.cost;
if (TD.perks && TD.perks.C) actualCost = Math.floor(actualCost * 0.85);
if (TD.perks && TD.perks.C) costEl.innerText = actualCost + "c";
btnElement.setAttribute("data-cost", actualCost);
if (TD.money >= actualCost) {
btnElement.disabled = false; btnElement.style.backgroundColor = "#2a7a2a"; btnElement.style.borderColor = "#0f0";
nameEl.style.color = "#000"; descEl.style.color = "#111";
} else {
btnElement.disabled = true; btnElement.style.backgroundColor = "#444"; btnElement.style.borderColor = "#555";
nameEl.style.color = "#888"; descEl.style.color = "#888";
}
// ALWAYS assign the click handler!
btnElement.onclick = function() {
if (TD.money >= actualCost) {
TD.money -= actualCost;
if (pathNum === 1) _handy.path1_tier++; else _handy.path2_tier++;
// Immediately apply logic flags based on tier
if (pathNum === 1 && _handy.path1_tier === 1) _handy.is_weapon = true; // Unlocks Aggressive
if (pathNum === 2 && _handy.path2_tier === 1) { _handy.max_life *= 3; _handy.life = _handy.max_life; } // HP First
if (pathNum === 2 && _handy.path2_tier === 2) _handy.base_speed *= 1.5; // Speed Second
if (pathNum === 2 && _handy.path2_tier === 3) _handy.magnetic_coil = true;
TD.Explode("upg-" + TD.lang.rndStr(), { cx: _handy.cx, cy: _handy.cy, r: 20 * _TD.retina, step_level: 1, render_level: 9, color: "#00ff00", scene: _handy.map.scene, time: 0.3 });
_handy.onClick(); // Re-render UI
}
};
}
};
var btnPath1 = document.getElementById("modal-btn-path1");
var btnPath2 = document.getElementById("modal-btn-path2");
var newP1 = btnPath1.cloneNode(true); btnPath1.parentNode.replaceChild(newP1, btnPath1);
var newP2 = btnPath2.cloneNode(true); btnPath2.parentNode.replaceChild(newP2, btnPath2);
updateUpgradeUI(1, newP1, _handy.path1_tier, _handy.path2_tier, _handy.upgrades.path1);
updateUpgradeUI(2, newP2, _handy.path2_tier, _handy.path1_tier, _handy.upgrades.path2);
overlay.style.display = "flex";
};
handy._init(cfg);
return handy;
};
// NEW: Cryo Mine Engine Object
TD.CryoMine = function (id, cfg) {
cfg.on_events = ["click", "enter", "out"];
var mine = new TD.Element(id, cfg);
mine._init = function(cfg) {
this.grid = cfg.grid;
this.map = cfg.map;
this.cx = this.grid.cx;
this.cy = this.grid.cy;
var r = TD.grid_size * 0.3;
this.x = this.cx - r; this.y = this.cy - r;
this.width = r * 2; this.height = r * 2;
this.x2 = this.x + this.width; this.y2 = this.y + this.height;
this.is_valid = true;
this.pulse = 0;
this.blast_radius = TD.grid_size * 3.5;
this.addToScene(this.map.scene, 1, 4);
};
mine.onEnter = function() { this.map.scene.panel.balloontip.msg("CRYO MINE", this); };
mine.onOut = function() { this.map.scene.panel.balloontip.hide(); };
mine.detonate = function() {
if (!this.is_valid) return;
this.is_valid = false;
var ctx = TD.ctx;
var cx = this.cx;
var cy = this.cy;
var r2 = Math.pow(this.blast_radius, 2);
TD.Explode("explode-" + TD.lang.rndStr(), {
cx: cx, cy: cy, r: this.blast_radius / _TD.retina,
step_level: this.step_level, render_level: 9,
color: "#00ffff", scene: this.map.scene, time: 0.5
});
TD.lang.each(this.map.monsters, function (m) {
if (m.is_valid) {
var dist2 = Math.pow(m.cx - cx, 2) + Math.pow(m.cy - cy, 2);
if (dist2 <= r2) {
if (!m.is_frozen) {
m.is_frozen = true;
m.original_speed = m.speed;
}
m.speed = 0.1; // Almost 0 to stop movement without breaking math
m.freeze_timer = 10 * 24; // Doubled to 10 seconds (240 frames)
}
}
});
var d = document.getElementById("ui-action-desc");
if(d) d.innerText = "CRYO MINE DETONATED!";
};
mine.step = function () {
if (!this.is_valid) return;
this.pulse += 0.1;
var cx = this.cx, cy = this.cy;
var trigger_dist = Math.pow(TD.grid_size * 1.0, 2);
var triggered = TD.lang.any(this.map.monsters, function (m) {
return (Math.pow(m.cx - cx, 2) + Math.pow(m.cy - cy, 2) <= trigger_dist);
});
if (triggered) this.detonate();
};
mine.render = function () {
if (!this.is_valid) return;
var ctx = TD.ctx;
var glow = Math.abs(Math.sin(this.pulse));
ctx.shadowBlur = 10 * glow;
ctx.shadowColor = "#00ffff";
ctx.fillStyle = "#aaffff";
ctx.beginPath();
ctx.arc(this.cx, this.cy, 4 * _TD.retina, 0, Math.PI * 2, true);
ctx.closePath();
ctx.fill();
ctx.shadowBlur = 0;
ctx.strokeStyle = "#555";
ctx.lineWidth = 2 * _TD.retina;
ctx.beginPath();
ctx.arc(this.cx, this.cy, 6 * _TD.retina, 0, Math.PI * 2, true);
ctx.closePath();
ctx.stroke();
};
mine.onClick = function () {
if (!this.is_valid) return;
this.detonate();
};
mine._init(cfg);
return mine;
};
// NEW: Cap Mine Engine Object
TD.CapMine = function (id, cfg) {
cfg.on_events = ["click", "enter", "out"];
var mine = new TD.Element(id, cfg);
mine._init = function(cfg) {
this.grid = cfg.grid; this.map = cfg.map;
this.cx = this.grid.cx; this.cy = this.grid.cy;
var r = TD.grid_size * 0.3;
this.x = this.cx - r; this.y = this.cy - r;
this.width = r * 2; this.height = r * 2;
this.x2 = this.x + this.width; this.y2 = this.y + this.height;
this.is_valid = true; this.pulse = 0;
this.blast_radius = TD.grid_size * 3.0;
this.addToScene(this.map.scene, 1, 4);
};
mine.onEnter = function() { this.map.scene.panel.balloontip.msg("CAP MINE", this); };
mine.onOut = function() { this.map.scene.panel.balloontip.hide(); };
mine.detonate = function() {
if (!this.is_valid) return;
this.is_valid = false;
var cx = this.cx, cy = this.cy, r2 = Math.pow(this.blast_radius, 2);
TD.Explode("explode-" + TD.lang.rndStr(), { cx: cx, cy: cy, r: this.blast_radius / _TD.retina, step_level: this.step_level, render_level: 9, color: "#ffaa00", scene: this.map.scene, time: 0.5 });
var dummy_source = { killed: 0, gainXp: function(){} };
TD.lang.each(this.map.monsters, function (m) {
if (m.is_valid && (Math.pow(m.cx - cx, 2) + Math.pow(m.cy - cy, 2) <= r2)) {
m.beHit(dummy_source, 500);
}
});
// Spit out 3-5 coins worth 5-15 each
var coin_count = Math.floor(Math.random() * 3) + 3;
for(var i=0; i<coin_count; i++) {
var coin_val = Math.floor(Math.random() * 11) + 5;
var loot = new TD.Loot("loot-" + TD.lang.rndStr(), { cx: cx, cy: cy, map: this.map, monster_bounty: coin_val });
loot.loot_type = "money"; // Force it to be money
loot.value = coin_val;
}
var d = document.getElementById("ui-action-desc");
if(d) d.innerText = "CAP MINE DETONATED!";
};
mine.step = function () {
if (!this.is_valid) return;
this.pulse += 0.1;
var cx = this.cx, cy = this.cy, trigger_dist = Math.pow(TD.grid_size * 1.0, 2);
if (TD.lang.any(this.map.monsters, function (m) { return (Math.pow(m.cx - cx, 2) + Math.pow(m.cy - cy, 2) <= trigger_dist); })) this.detonate();
};
mine.render = function () {
if (!this.is_valid) return;
var ctx = TD.ctx, glow = Math.abs(Math.sin(this.pulse));
ctx.shadowBlur = 10 * glow; ctx.shadowColor = "#ffaa00";
ctx.fillStyle = "#ffcc00";
ctx.beginPath(); ctx.arc(this.cx, this.cy, 4 * _TD.retina, 0, Math.PI * 2, true); ctx.closePath(); ctx.fill(); ctx.shadowBlur = 0;
ctx.strokeStyle = "#555"; ctx.lineWidth = 2 * _TD.retina;
ctx.beginPath(); ctx.arc(this.cx, this.cy, 6 * _TD.retina, 0, Math.PI * 2, true); ctx.closePath(); ctx.stroke();
};
mine.onClick = function () { if (this.is_valid) this.detonate(); };
mine._init(cfg); return mine;
};
// NEW: Floating Text Engine Object
TD.FloatingText = function (id, cfg) {
var ft = new TD.Element(id, cfg);
ft._init = function(cfg) {
this.cx = cfg.cx; this.cy = cfg.cy; this.text = cfg.text;
this.color = cfg.color || "#fff"; this.map = cfg.map;
this.size = cfg.size || 16;
this.is_valid = true; this.life = cfg.life || 36; this.max_life = this.life;
this.addToScene(this.map.scene, 1, 9);
};
ft.step = function () {
if (!this.is_valid) return;
this.cy -= 1.0; this.life--;
if (this.life <= 0) this.is_valid = false;
};
ft.render = function () {
if (!this.is_valid) return;
var ctx = TD.ctx;
ctx.globalAlpha = Math.sin((this.life / this.max_life) * Math.PI);
ctx.fillStyle = this.color; ctx.font = "bold " + Math.floor(this.size * _TD.retina) + "px Arial";
ctx.textAlign = "center"; ctx.textBaseline = "middle";
ctx.shadowBlur = 4; ctx.shadowColor = "#000";
ctx.fillText(this.text, this.cx, this.cy);
ctx.globalAlpha = 1.0; ctx.shadowBlur = 0;
};
ft._init(cfg);
return ft;
};
// --- NEW: ULTIMATE ABILITY ELEMENTS ---
// 1. BOS Orbital Laser (Mouse Tracking)
TD.OrbitalLaser = function (id, cfg) {
var el = new TD.Element(id, cfg);
el._init = function(cfg) {
this.map = cfg.map; this.cx = cfg.cx; this.cy = cfg.cy;
this.life = 8 * 24; this.r = TD.grid_size * 1.5;
this.is_valid = true; this.addToScene(this.map.scene, 1, 9);
var _this = this;
this._mm = function(e) {
var rect = TD.canvas.getBoundingClientRect();
_this.cx = (e.clientX - rect.left) * (TD.canvas.width / rect.width);
_this.cy = (e.clientY - rect.top) * (TD.canvas.height / rect.height);
};
window.addEventListener("mousemove", this._mm);
};
el.step = function() {
if (!this.is_valid) return;
this.life--;
if (this.life <= 0) { this.is_valid = false; window.removeEventListener("mousemove", this._mm); return; }
var _this = this; var dummy = { killed: 0, gainXp: function(){} };
TD.lang.each(this.map.monsters, function(m) {
if (m.is_valid && Math.pow(m.cx - _this.cx, 2) + Math.pow(m.cy - _this.cy, 2) <= Math.pow(_this.r, 2)) m.beHit(dummy, 15); // 15 dmg per frame
});
if (Math.random() < 0.4) TD.Explode("orb-p-"+TD.lang.rndStr(), {cx: this.cx + (Math.random()*this.r - this.r/2), cy: this.cy + (Math.random()*this.r - this.r/2), r: 8, step_level:1, render_level:9, color: "#00aaff", scene: this.map.scene, time: 0.2});
};
el.render = function() {
if (!this.is_valid) return;
var ctx = TD.ctx; ctx.shadowBlur = 30; ctx.shadowColor = "#00aaff";
ctx.fillStyle = "rgba(100, 200, 255, 0.6)"; ctx.beginPath(); ctx.arc(this.cx, this.cy, this.r, 0, Math.PI*2); ctx.fill();
ctx.fillStyle = "#ffffff"; ctx.beginPath(); ctx.arc(this.cx, this.cy, this.r * 0.4, 0, Math.PI*2); ctx.fill(); ctx.shadowBlur = 0;
};
el._init(cfg); return el;
};
// 2. Minutemen Militia Blockade
TD.MilitiaBlockade = function(id, cfg) {
var el = new TD.Element(id, cfg);
el._init = function(cfg) {
this.map = cfg.map; this.cx = cfg.cx; this.cy = cfg.cy;
this.max_life = 1000; this.life = this.max_life;
this.r = TD.grid_size * 1.0; this.is_valid = true;
this.addToScene(this.map.scene, 1, 4);
};
el.step = function() {
if (!this.is_valid) return;
var _this = this; var dummy = { killed: 0, gainXp: function(){} }; var isAttacked = false;
TD.lang.each(this.map.monsters, function(m) {
if (m.is_valid && Math.pow(m.cx - _this.cx, 2) + Math.pow(m.cy - _this.cy, 2) <= Math.pow(_this.r * 1.5, 2)) {
m.speed = 0.1; m.is_frozen = true; m.freeze_timer = 5; // Halt monster
_this.life -= m.damage; isAttacked = true;
if (TD.iframe % 12 === 0) m.beHit(dummy, 30); // Shoot back
}
});
if (isAttacked) TD.Explode("m-hit-"+TD.lang.rndStr(), {cx: this.cx, cy: this.cy, r: 10, step_level:1, render_level:9, color:"#ff0000", scene:this.map.scene, time:0.1});
if (this.life <= 0) this.is_valid = false;
};
el.render = function() {
if (!this.is_valid) return;
var ctx = TD.ctx; ctx.fillStyle = "#4a6887";
ctx.beginPath(); ctx.arc(this.cx - 10, this.cy + 5, 8, 0, Math.PI*2); ctx.fill();
ctx.beginPath(); ctx.arc(this.cx + 10, this.cy + 5, 8, 0, Math.PI*2); ctx.fill();
ctx.beginPath(); ctx.arc(this.cx, this.cy - 12, 8, 0, Math.PI*2); ctx.fill();
ctx.fillStyle = "#000"; ctx.fillRect(this.cx - 15, this.cy - 25, 30, 4);
ctx.fillStyle = "#0f0"; ctx.fillRect(this.cx - 15, this.cy - 25, 30 * (this.life/this.max_life), 4);
};
el._init(cfg); return el;
};
// 3. Raider Nuka-Grenade (Radiation Zone)
TD.RadZone = function(id, cfg) {
var el = new TD.Element(id, cfg);
el._init = function(cfg) {
this.map = cfg.map; this.cx = cfg.cx; this.cy = cfg.cy;
this.life = 10 * 24; this.r = TD.grid_size * 3.5; this.is_valid = true;
this.addToScene(this.map.scene, 1, 3);
TD.Explode("nuka-blast", {cx: this.cx, cy: this.cy, r: this.r, step_level:1, render_level:9, color:"#ffcc00", scene:this.map.scene, time:1.0});
var dummy = { killed: 0, gainXp: function(){} }; var _this = this;
TD.lang.each(this.map.monsters, function(m) {
if (m.is_valid && Math.pow(m.cx - _this.cx, 2) + Math.pow(m.cy - _this.cy, 2) <= Math.pow(_this.r, 2)) m.beHit(dummy, 600);
});
};
el.step = function() {
if (!this.is_valid) return;
this.life--; if (this.life <= 0) { this.is_valid = false; return; }
var dummy = { killed: 0, gainXp: function(){} }; var _this = this;
TD.lang.each(this.map.monsters, function(m) {
if (m.is_valid && Math.pow(m.cx - _this.cx, 2) + Math.pow(m.cy - _this.cy, 2) <= Math.pow(_this.r, 2)) m.beHit(dummy, 6); // DoT
});
};
el.render = function() {
if (!this.is_valid) return;
var ctx = TD.ctx; ctx.shadowBlur = 15; ctx.shadowColor = "#00ff00";
ctx.fillStyle = "rgba(50, 255, 50, 0.25)"; ctx.beginPath(); ctx.arc(this.cx, this.cy, this.r, 0, Math.PI*2); ctx.fill(); ctx.shadowBlur = 0;
};
el._init(cfg); return el;
};
// NEW: Hard Reset / Cancel Build Mode function
var forceCancelBuild = function(e) {
if (typeof TD === 'undefined' || !TD.stage) return;
// Only prevent right-click menu if we are actually cancelling something
var isDeploying = TD.mode && TD.mode.indexOf("deploy_") === 0;
if (e && e.type === "contextmenu" && (TD.mode === "build" || isDeploying || (TD.stage.current_act && TD.stage.current_act.current_scene.map.selected_building) || TD.current_editor_asset)) {
e.preventDefault();
}
try {
var map = TD.stage.current_act.current_scene.map;
if (TD.mode === "build") map.cancelPreBuild();
if (isDeploying) {
TD.mode = "normal";
TD.mouseHand(false);
var d = document.getElementById("ui-intel-brief");
if (d) d.innerText = "DEPLOYMENT CANCELLED.";
}
if (map.selected_building) {
map.selected_building.is_selected = false;
map.selected_building = null;
}
if (map.select_hl) map.select_hl.hide();
if (map.scene && map.scene.panel && map.scene.panel.balloontip) {
map.scene.panel.balloontip.hide();
}
// NEW: Clear the asset brush safely
if (TD.current_editor_asset) {
TD.current_editor_asset = null;
TD.admin_brush = "clear";
var d = document.getElementById("ui-action-desc");
if (d) d.innerText = "Brush cleared.";
}
} catch(err) {}
};
// Listeners
document.addEventListener("keydown", function(e) {
if (e.key === "Escape") forceCancelBuild(e);
// --- NEW: DEV CHEAT WINDOW TOGGLE ---
if (e.key === "`" || e.key === "~") {
var w = document.getElementById("dev-cheat-window");
if (w) w.style.display = (w.style.display === "none") ? "block" : "none";
}
});
// Listeners
var btnVats = document.getElementById("btn-vats-activate");
if (btnVats) {
btnVats.onclick = function() {
if (typeof TD !== 'undefined') TD.startVats();
};
}
document.addEventListener("contextmenu", forceCancelBuild);
// --- NEW: DEV WINDOW LOGIC & DRAGGING ---
// Dragging Logic
var cheatWindow = document.getElementById("dev-cheat-window");
var cheatHeader = document.getElementById("dev-cheat-header");
if (cheatWindow && cheatHeader) {
var isDragging = false, offsetX, offsetY;
cheatHeader.addEventListener("mousedown", function(e) {
isDragging = true;
var rect = cheatWindow.getBoundingClientRect();
offsetX = e.clientX - rect.left;
offsetY = e.clientY - rect.top;
});
document.addEventListener("mousemove", function(e) {
if (!isDragging) return;
cheatWindow.style.left = (e.clientX - offsetX) + "px";
cheatWindow.style.top = (e.clientY - offsetY) + "px";
cheatWindow.style.right = "auto";
cheatWindow.style.bottom = "auto";
});
document.addEventListener("mouseup", function() { isDragging = false; });
}
// Button Logic
document.getElementById("dev-btn-caps").onclick = function() {
if (typeof TD === 'undefined') return;
var val = parseInt(document.getElementById("dev-input-caps").value) || 0;
TD.money += val;
};
document.getElementById("dev-btn-score").onclick = function() {
if (typeof TD === 'undefined') return;
var val = parseInt(document.getElementById("dev-input-score").value) || 0;
TD.score += val;
};
document.getElementById("dev-btn-health").onclick = function() {
if (typeof TD === 'undefined') return;
var val = parseInt(document.getElementById("dev-input-health").value) || 100;
if (TD.stage && TD.stage.current_act && TD.stage.current_act.current_scene.map.map_type === "siege") {
TD.base_health = val;
} else {
TD.life = val;
}
};
document.getElementById("dev-btn-vats").onclick = function() {
if (typeof TD === 'undefined' || typeof TD.vats_charge === 'undefined') return;
var val = parseInt(document.getElementById("dev-input-vats").value) || 0;
if (val < 0) val = 0;
if (val > 100) val = 100;
TD.vats_charge = (val / 100) * TD.vats_max_charge;
};
document.getElementById("dev-btn-wave").onclick = function() {
if (typeof TD === 'undefined' || !TD.stage || !TD.stage.current_act || !TD.stage.current_act.current_scene) return;
var val = parseInt(document.getElementById("dev-input-wave").value) || 1;
if (val < 1) val = 1;
var scene = TD.stage.current_act.current_scene;
var activeMap = scene.map;
// Wipe existing monsters so waves don't mix
if (activeMap) {
TD.lang.each(activeMap.monsters, function(m) { m.is_valid = false; });
activeMap.monsters = [];
activeMap._wait_add_monsters = 0;
activeMap._wait_add_monsters_arr = [];
}
// Set internal wave to 1 less than target, so it spawns perfectly on next wave start
scene.wave = val - 1;
// FIX: Clear the wave generation lock so the Intel script and spawner recognize the jump!
scene._wave_generated_for = -1;
scene._intel_chatter_generated = false;
TD.stage.wait_new_wave = TD.exp_fps * 5; // Reset 5 second spawn timer
// Push the update directly to the Intel text to overwrite whatever was there
if (typeof TD.logEvent === 'function') TD.logEvent("OVERSEER OVERRIDE: INITIATING JUMP TO WAVE " + val);
};
document.getElementById("dev-btn-spawn").onclick = function() {
if (typeof TD === 'undefined' || !TD.stage || !TD.stage.current_act || !TD.stage.current_act.current_scene) return;
var val = parseInt(document.getElementById("dev-sel-spawn").value) || 0;
var map = TD.stage.current_act.current_scene.map;
if (map) {
map.addMonster(val);
}
};
document.getElementById("dev-btn-tower").onclick = function() {
if (typeof TD === 'undefined' || !TD.factionData || !TD.current_faction) return;
var val = document.getElementById("dev-sel-tower").value;
var towers = TD.factionData[TD.current_faction];
if (val === "all") {
for (var i = 0; i < towers.length; i++) towers[i].is_unlocked = true;
} else {
var idx = parseInt(val.replace("t", "")) - 1;
if (towers[idx]) towers[idx].is_unlocked = true;
}
TD.loadFaction(TD.current_faction);
};
document.getElementById("dev-btn-item").onclick = function() {
if (typeof TD === 'undefined' || !TD.inventory) return;
var item = document.getElementById("dev-sel-item").value;
var val = parseInt(document.getElementById("dev-input-item").value) || 1;
TD.inventory[item] += val;
if (TD.inventory[item] > 10) TD.inventory[item] = 10;
TD.updateItemButton(item);
};
document.getElementById("dev-btn-drop").onclick = function() {
window.devForcedDrop = document.getElementById("dev-sel-drop").value;
var d = document.getElementById("ui-intel-brief");
if (d) d.innerText = "NEXT DROP FORCED: " + window.devForcedDrop.toUpperCase();
};
// --- NEW: ASSET MODAL LOGIC ---
TD.populateAssetModal = function() {
var themeSelect = document.getElementById("asset-theme-select");
var gridContainer = document.getElementById("asset-grid-container");
if (!themeSelect || !gridContainer) return;
// Populate Theme Dropdown if empty
if (themeSelect.options.length === 0) {
for (var theme in TD.assetLibrary) {
var opt = document.createElement("option");
opt.value = theme;
opt.innerHTML = theme;
themeSelect.appendChild(opt);
}
// Add listener to change grid when theme changes
themeSelect.onchange = function() { TD.populateAssetModal(); };
}
var currentTheme = themeSelect.value;
var assets = TD.assetLibrary[currentTheme] || [];
// Clear existing grid
gridContainer.innerHTML = "";
// Build thumbnail cards
TD.lang.each(assets, function(asset) {
var card = document.createElement("div");
card.style.background = "#222";
card.style.border = "1px solid #0f0";
card.style.padding = "5px";
card.style.cursor = "pointer";
card.style.textAlign = "center";
card.style.display = "flex";
card.style.flexDirection = "column";
card.style.justifyContent = "space-between";
// Hover effect
card.onmouseover = function() { card.style.background = "#050"; };
card.onmouseout = function() { card.style.background = "#222"; };
// Image Thumbnail
var img = document.createElement("img");
img.src = asset.src;
img.style.maxWidth = "100%";
img.style.maxHeight = "80px";
img.style.objectFit = "contain";
img.style.marginBottom = "5px";
// Error fallback if image doesn't exist
img.onerror = function() { this.src = 'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50"><rect width="50" height="50" fill="%23f00"/><text x="10" y="30" fill="white" font-family="sans-serif" font-size="20">?</text></svg>'; };
var label = document.createElement("div");
label.style.fontSize = "0.9em";
label.innerHTML = "<b>" + asset.name + "</b><br><span style='color:#aaa; font-size:0.8em;'>" + asset.grid_x + "x" + asset.grid_y + (asset.blocks_path ? " (Solid)" : "") + "</span>";
card.appendChild(img);
card.appendChild(label);
// Click to select
card.onclick = function() {
TD.current_editor_asset = asset;
TD.admin_brush = "asset"; // Set the engine brush mode to asset placing
// Close modal and set description
document.getElementById("asset-modal-overlay").style.display = "none";
var uiDesc = document.getElementById("ui-action-desc");
if (uiDesc) uiDesc.innerHTML = "ASSET BRUSH: Placing " + asset.name + " (" + asset.grid_x + "x" + asset.grid_y + "). Click map to drop.";
};
gridContainer.appendChild(card);
});
};
});
_TD.a.push(function (TD) {
// --- NEW: WAVE EDITOR LOGIC ---
TD.custom_wave_data = {};
for (var i = 1; i <= 15; i++) {
TD.custom_wave_data[i] = {
story_enable: false,
story_data: {
"ALL": { title: "", desc: "" },
"NCR": { title: "", desc: "" },
"BOS": { title: "", desc: "" },
"MINUTEMEN": { title: "", desc: "" },
"RAIDERS": { title: "", desc: "" }
},
towers: {}, // e.g. { "tower_1": "unlocked", "tower_2": "locked", "tower_3": "hidden" }
spawns: [] // e.g. [ { qty: 5, monster_idx: 0 } ]
};
}
TD.we_current_wave = 1;
TD.we_current_faction_tab = "ALL";
TD.we_refreshWaveList = function() {
var waveSelect = document.getElementById("wave-editor-select");
waveSelect.innerHTML = ""; // Clear existing options
var numWaves = Object.keys(TD.custom_wave_data).length;
if (numWaves === 0) {
// Failsafe
TD.custom_wave_data[1] = { story_enable: false, story_data: { "ALL": {title:"", desc:""}, "NCR": {title:"", desc:""}, "BOS": {title:"", desc:""}, "MINUTEMEN": {title:"", desc:""}, "RAIDERS": {title:"", desc:""} }, towers: {}, spawns: [] };
numWaves = 1;
}
for (var i = 1; i <= numWaves; i++) {
var opt = document.createElement("option");
opt.value = i;
opt.innerText = "WAVE " + i;
waveSelect.appendChild(opt);
}
if (TD.we_current_wave > numWaves) TD.we_current_wave = numWaves;
if (TD.we_current_wave < 1) TD.we_current_wave = 1;
waveSelect.value = TD.we_current_wave;
};
TD.populateWaveEditor = function() {
var waveSelect = document.getElementById("wave-editor-select");
if (!waveSelect.onchange) { // Only wire up events once
waveSelect.onchange = function() {
TD.we_saveCurrentWave();
TD.we_current_wave = parseInt(this.value);
TD.we_loadCurrentWave();
};
document.getElementById("we-btn-add-spawn").onclick = function() {
TD.custom_wave_data[TD.we_current_wave].spawns.push({ qty: 1, monster_idx: 0 });
TD.we_renderSpawns();
};
var facSelect = document.getElementById("we-story-faction");
if (facSelect) {
facSelect.onchange = function() {
TD.we_saveCurrentWave();
TD.we_current_faction_tab = this.value;
TD.we_loadCurrentWave();
};
}
// --- NEW: Add / Delete Wave Buttons ---
var btnAddWave = document.getElementById("we-btn-add-wave");
if (btnAddWave) {
btnAddWave.onclick = function() {
TD.we_saveCurrentWave();
var newWaveNum = Object.keys(TD.custom_wave_data).length + 1;
TD.custom_wave_data[newWaveNum] = {
story_enable: false,
story_data: { "ALL": {title:"", desc:""}, "NCR": {title:"", desc:""}, "BOS": {title:"", desc:""}, "MINUTEMEN": {title:"", desc:""}, "RAIDERS": {title:"", desc:""} },
towers: {}, spawns: []
};
TD.we_current_wave = newWaveNum;
TD.we_refreshWaveList();
TD.we_loadCurrentWave();
};
}
var btnDelWave = document.getElementById("we-btn-del-wave");
if (btnDelWave) {
btnDelWave.onclick = function() {
var numWaves = Object.keys(TD.custom_wave_data).length;
if (numWaves <= 1) {
alert("You cannot delete the last wave!");
return;
}
if (confirm("Are you sure you want to delete Wave " + TD.we_current_wave + "?")) {
// Shift all subsequent waves down by 1
for (var i = TD.we_current_wave; i < numWaves; i++) {
TD.custom_wave_data[i] = TD.custom_wave_data[i + 1];
}
// Delete the now-duplicate last element
delete TD.custom_wave_data[numWaves];
TD.we_refreshWaveList();
TD.we_loadCurrentWave();
}
};
}
// --- NEW: Copy Previous Wave Tower Settings ---
var btnCopyPrev = document.getElementById("we-btn-copy-prev");
if (btnCopyPrev) {
btnCopyPrev.onclick = function() {
if (TD.we_current_wave > 1) {
TD.we_saveCurrentWave(); // Save any story text first so we don't lose it!
var prevTowers = TD.custom_wave_data[TD.we_current_wave - 1].towers;
// Copy previous tower settings directly into the current wave's data
for (var t = 1; t <= 11; t++) {
TD.custom_wave_data[TD.we_current_wave].towers["tower_" + t] = prevTowers["tower_" + t] || "unlocked";
}
TD.we_loadCurrentWave(); // Instantly refresh UI to show the copied dropdowns
var d = document.getElementById("ui-action-desc");
if(d) d.innerText = "Tower settings copied from Wave " + (TD.we_current_wave - 1);
} else {
alert("There is no previous wave to copy from! (You are on Wave 1)");
}
};
}
}
TD.we_refreshWaveList();
// Build Tower List Framework (Only need to do this once)
var towerList = document.getElementById("we-tower-list");
if (towerList.children.length === 0) {
for (var t = 1; t <= 11; t++) {
var tName = "Tower " + t;
if (t === 11) tName = "Mr. Handy";
var row = document.createElement("div");
row.style.display = "flex"; row.style.justifyContent = "space-between"; row.style.alignItems = "center";
var lbl = document.createElement("label");
lbl.innerText = tName;
var sel = document.createElement("select");
sel.id = "we-tower-sel-" + t;
sel.style.background = "#222"; sel.style.color = "#0f0"; sel.style.border = "1px solid #0f0"; sel.style.padding = "2px";
sel.innerHTML = '<option value="unlocked">Unlocked</option><option value="locked">Locked</option><option value="hidden">Hidden</option>';
row.appendChild(lbl);
row.appendChild(sel);
towerList.appendChild(row);
}
}
TD.we_loadCurrentWave();
};
TD.we_loadCurrentWave = function() {
// Bulletproof safety fallback to prevent crashes if a map loaded incomplete data
if (!TD.custom_wave_data[TD.we_current_wave]) {
TD.custom_wave_data[TD.we_current_wave] = {
story_enable: false,
story_data: { "ALL": {title:"", desc:""}, "NCR": {title:"", desc:""}, "BOS": {title:"", desc:""}, "MINUTEMEN": {title:"", desc:""}, "RAIDERS": {title:"", desc:""} },
towers: {}, spawns: []
};
}
var data = TD.custom_wave_data[TD.we_current_wave];
// Backwards compatibility for data generated prior to the faction update
if (data.story_title !== undefined) {
data.story_data = {
"ALL": { title: data.story_title || "", desc: data.story_desc || "" },
"NCR": { title: "", desc: "" }, "BOS": { title: "", desc: "" }, "MINUTEMEN": { title: "", desc: "" }, "RAIDERS": { title: "", desc: "" }
};
delete data.story_title;
delete data.story_desc;
}
document.getElementById("we-story-enable").checked = data.story_enable;
var fData = data.story_data[TD.we_current_faction_tab] || { title: "", desc: "" };
document.getElementById("we-story-title").value = fData.title;
document.getElementById("we-story-desc").value = fData.desc;
for (var t = 1; t <= 11; t++) {
var sel = document.getElementById("we-tower-sel-" + t);
if (sel) sel.value = data.towers["tower_" + t] || "unlocked";
}
TD.we_renderSpawns();
};
TD.we_saveCurrentWave = function() {
var data = TD.custom_wave_data[TD.we_current_wave];
data.story_enable = document.getElementById("we-story-enable").checked;
// Save current faction tab text
if (!data.story_data) data.story_data = { "ALL": {title:"", desc:""}, "NCR": {title:"", desc:""}, "BOS": {title:"", desc:""}, "MINUTEMEN": {title:"", desc:""}, "RAIDERS": {title:"", desc:""} };
data.story_data[TD.we_current_faction_tab].title = document.getElementById("we-story-title").value;
data.story_data[TD.we_current_faction_tab].desc = document.getElementById("we-story-desc").value;
for (var t = 1; t <= 11; t++) {
var sel = document.getElementById("we-tower-sel-" + t);
if (sel) data.towers["tower_" + t] = sel.value;
}
};
TD.we_renderSpawns = function() {
var spawnList = document.getElementById("we-spawn-list");
spawnList.innerHTML = "";
var data = TD.custom_wave_data[TD.we_current_wave];
TD.lang.each(data.spawns, function(spawn, idx) {
var row = document.createElement("div");
row.style.display = "flex"; row.style.gap = "5px"; row.style.alignItems = "center"; row.style.background = "#222"; row.style.padding = "5px"; row.style.border = "1px solid #444";
var inpQty = document.createElement("input");
inpQty.type = "number"; inpQty.min = 1; inpQty.value = spawn.qty;
inpQty.style.width = "50px"; inpQty.style.background = "#111"; inpQty.style.color = "#0f0"; inpQty.style.border = "1px solid #0f0";
inpQty.onchange = function() { spawn.qty = parseInt(this.value); };
var selType = document.createElement("select");
selType.style.flex = 1; selType.style.background = "#111"; selType.style.color = "#0f0"; selType.style.border = "1px solid #0f0";
var totalMonsters = TD.getDefaultMonsterAttributes();
for (var m = 0; m < totalMonsters; m++) {
var mData = TD.getDefaultMonsterAttributes(m);
var opt = document.createElement("option");
opt.value = m; opt.innerText = mData.name;
selType.appendChild(opt);
}
selType.value = spawn.monster_idx;
selType.onchange = function() { spawn.monster_idx = parseInt(this.value); };
var btnDel = document.createElement("button");
btnDel.innerText = "X"; btnDel.style.background = "#500"; btnDel.style.color = "#f00"; btnDel.style.border = "1px solid #f00"; btnDel.style.cursor = "pointer";
btnDel.onclick = function() { data.spawns.splice(idx, 1); TD.we_renderSpawns(); };
row.appendChild(inpQty);
row.appendChild(document.createTextNode("x"));
row.appendChild(selType);
row.appendChild(btnDel);
spawnList.appendChild(row);
});
};
// --- END NEW LOGIC ---
// NEW: Floating Admin Cheat Window
// ==========================================
// NEW: ISOLATED SPECIAL EFFECTS MODULE
// ==========================================
TD.SpecialEffects = {
// Called once when an upgrade is purchased
onApply: function(building, effects) {
if (!effects) return;
building.has_special = true;
// Direct Stats
if (effects.damage_add) building.damage += effects.damage_add;
if (effects.range_add) {
building.range += effects.range_add;
building.range_px = building.range * TD.grid_size;
}
if (effects.damage_mult) building.damage = Math.floor(building.damage * effects.damage_mult);
if (effects.speed_mult) {
building.speed *= effects.speed_mult;
building._fire_wait2 = Math.floor(Math.max(TD.exp_fps / (building.speed * (TD.global_speed / 0.2)), 1));
}
// --- NEW: Flight Modifiers ---
if (effects.flight_speed_mult) building.flight_speed *= effects.flight_speed_mult;
if (effects.patrol_radius_add) building.flight_radius += (effects.patrol_radius_add * TD.grid_size);
if (effects.visual_type) {
// GAUSS RIFLE FIX: Keep the physical bullet logic but use a custom blue visual shot
if (effects.visual_type === "laser_gun" && effects.pierce) {
building.special_fire_pattern = "gauss";
} else {
building.visual_type = effects.visual_type;
}
}
// Combat Flags
if (effects.knockback) building.has_knockback = true;
if (effects.stun_chance) building.stun_chance = effects.stun_chance;
if (effects.pierce) building.pierce_count = effects.pierce;
if (effects.burst_count) building.burst_count = effects.burst_count;
if (effects.is_detector) building.is_detector = true;
// Firing Patterns
if (effects.fire_pattern) building.special_fire_pattern = effects.fire_pattern;
if (effects.pellet_count) building.special_pellet_count = effects.pellet_count;
// Special Active Abilities (Secondary weapons, Auras, etc.)
if (effects.secondary) { building.special_secondary = effects.secondary; building.special_secondary_cooldown = effects.secondary_cd || 5; }
if (effects.crit_req) { building.special_crit = true; building.special_crit_req = effects.crit_req; }
if (effects.dot_duration) { building.special_dot = true; building.special_dot_duration = effects.dot_duration; }
if (effects.chain_max) { building.special_chain = true; building.special_chain_max = effects.chain_max; }
// --- NEW: BONUS BOUNTY UPGRADE ---
if (effects.bonus_bounty) { building.bonus_bounty = true; }
// Dynamic Auras are now handled in TD.Building.prototype.step
if (effects.aura_type) {
building.aura_type = effects.aura_type;
}
// --- FIX: MISSING STAT MAPPINGS ---
if (effects.aura_vulnerability) building.aura_vulnerability = effects.aura_vulnerability;
if (effects.aura_slow) building.aura_slow = effects.aura_slow;
if (effects.aura_dot) building.aura_dot = effects.aura_dot;
if (effects.shatter_aoe) building.shatter_aoe = true;
if (effects.crit_chance) building.crit_chance = effects.crit_chance;
if (effects.crit_mult) building.crit_mult = effects.crit_mult;
if (effects.boss_damage_mult) building.boss_damage_mult = effects.boss_damage_mult;
},
// Called right before a bullet spawns
onFire: function(building) {
if (!building.special_fire_pattern) return false; // Use normal firing
var muzzle = building.muzzle || [building.cx, building.cy];
var cx = muzzle[0], cy = muzzle[1];
if (building.sound_type) TD.playSound(building.sound_type);
// GAUSS RIFLE: Fast physical blue bullet that tracks to target
if (building.special_fire_pattern === "gauss") {
new TD.Bullet(null, { building: building, damage: building.damage, target: building.target, speed: building.bullet_speed * 4.0, x: cx, y: cy, color: "#00aaff" });
return true;
}
if (building.special_fire_pattern === "flamer") {
var pellets = building.special_pellet_count || 5;
var spread = 45; // Wider cone spread
for (var p = 0; p < pellets; p++) {
var offset_x = (Math.random() * spread) - (spread / 2);
var offset_y = (Math.random() * spread) - (spread / 2);
var fake_target = {
cx: building.target.cx + offset_x,
cy: building.target.cy + offset_y,
is_valid: true,
is_fake: true
};
// Randomize speed and color for depth and texture
var rSpeed = building.bullet_speed * (0.5 + Math.random() * 0.7);
var colors = ["#ff5500", "#ffaa00", "#ff3300", "#ffff33"];
var rColor = colors[Math.floor(Math.random() * colors.length)];
new TD.Bullet(null, { building: building, damage: building.damage, target: fake_target, speed: rSpeed, x: cx, y: cy, color: rColor, is_flame: true, r: 4 });
}
return true;
}
if (building.special_fire_pattern === "shotgun") {
var pellets = building.special_pellet_count || 3;
// We create "fake" targets slightly offset from the real target to create a cone
var spread = 30; // Pixel spread
for (var p = 0; p < pellets; p++) {
var offset_x = (Math.random() * spread) - (spread / 2);
var offset_y = (Math.random() * spread) - (spread / 2);
var fake_target = {
cx: building.target.cx + offset_x,
cy: building.target.cy + offset_y,
is_valid: true,
is_fake: true
};
new TD.Bullet(null, { building: building, damage: building.damage, target: fake_target, speed: building.bullet_speed, x: cx, y: cy });
}
return true; // We handled the firing
}
if (building.special_fire_pattern === "twin") {
// Fire two bullets parallel to each other
var fake_target_1 = { cx: building.target.cx - 10, cy: building.target.cy - 10, is_valid: true, is_fake: true };
var fake_target_2 = { cx: building.target.cx + 10, cy: building.target.cy + 10, is_valid: true, is_fake: true };
new TD.Bullet(null, { building: building, damage: building.damage, target: fake_target_1, speed: building.bullet_speed, x: cx, y: cy });
new TD.Bullet(null, { building: building, damage: building.damage, target: fake_target_2, speed: building.bullet_speed, x: cx, y: cy });
return true;
}
if (building.special_fire_pattern === "mirv") {
// MIRV fires two mini-nukes
var fake_target_1 = { cx: building.target.cx - 30, cy: building.target.cy, is_valid: true, is_fake: true };
var fake_target_2 = { cx: building.target.cx + 30, cy: building.target.cy, is_valid: true, is_fake: true };
new TD.Bullet(null, { building: building, damage: building.damage, target: fake_target_1, speed: building.bullet_speed * 0.5, x: cx, y: cy });
new TD.Bullet(null, { building: building, damage: building.damage, target: fake_target_2, speed: building.bullet_speed * 0.5, x: cx, y: cy });
return true;
}
return false;
},
// Called every frame by the tower
onStep: function(building) {
if (!building || !building.is_valid || building.is_pre_building) return;
// Secondary Weapons (Grenades, Nukes, etc)
if (building.special_secondary) {
if (typeof building._sec_timer === 'undefined') building._sec_timer = 0;
building._sec_timer++;
var triggerTime = TD.exp_fps * (building.special_secondary_cooldown || 5);
// Some abilities trigger even without a target (like dropping napalm while flying)
var needsTarget = ["grenade", "nuke", "gas_grenade", "barricade_trap", "heavy_bomb"].includes(building.special_secondary);
var canFire = needsTarget ? (building.target && building.target.is_valid) : true;
if (building._sec_timer >= triggerTime && canFire) {
building._sec_timer = 0;
if (building.special_secondary === "grenade") {
var blast = TD.grid_size * 1.5;
TD.Explode("grenade-" + TD.lang.rndStr(), { cx: building.target.cx, cy: building.target.cy, r: blast / _TD.retina, step_level: 1, render_level: 9, color: "#ff8800", scene: building.map.scene, time: 0.3 });
var _b = building;
TD.lang.each(building.map.monsters, function(m) {
if (m.is_valid && Math.pow(m.cx - _b.target.cx, 2) + Math.pow(m.cy - _b.target.cy, 2) <= Math.pow(blast, 2)) m.beHit(_b, Math.floor(_b.damage * 0.5));
});
}
else if (building.special_secondary === "nuke") {
var blast = TD.grid_size * 5.0;
TD.Explode("mini-nuke-" + TD.lang.rndStr(), { cx: building.target.cx, cy: building.target.cy, r: blast / _TD.retina, step_level: 1, render_level: 9, color: "#ffff00", scene: building.map.scene, time: 1.0 });
var _b = building;
TD.lang.each(building.map.monsters, function(m) {
if (m.is_valid && Math.pow(m.cx - _b.target.cx, 2) + Math.pow(m.cy - _b.target.cy, 2) <= Math.pow(blast, 2)) m.beHit(_b, 1000);
});
}
else if (building.special_secondary === "liberty_laser") {
var _b = building;
TD.lang.each(building.map.monsters, function(m) {
if (m.is_valid && Math.pow(m.cx - _b.cx, 2) + Math.pow(m.cy - _b.cy, 2) <= Math.pow(_b.range_px, 2)) {
m.beHit(_b, 800);
TD.Explode("lib-hit-" + TD.lang.rndStr(), { cx: m.cx, cy: m.cy, r: 15 * _TD.retina, step_level: 1, render_level: 9, color: "#00aaff", scene: _b.map.scene, time: 0.2 });
}
});
}
else if (building.special_secondary === "emp") {
var _b = building;
TD.Explode("emp-pulse-" + TD.lang.rndStr(), { cx: _b.cx, cy: _b.cy, r: _b.range_px / _TD.retina, step_level: 1, render_level: 9, color: "#88ccff", scene: _b.map.scene, time: 0.5 });
TD.lang.each(building.map.monsters, function(m) {
if (m.is_valid && Math.pow(m.cx - _b.cx, 2) + Math.pow(m.cy - _b.cy, 2) <= Math.pow(_b.range_px, 2)) {
if (!m.is_frozen) m.original_speed = m.speed;
m.is_frozen = true;
m.speed = 0.1;
m.freeze_timer = TD.exp_fps * 1.0; // 1 second stun
}
});
}
else if (building.special_secondary === "scramble") {
var _b = building;
TD.Explode("scramble-pulse-" + TD.lang.rndStr(), { cx: _b.cx, cy: _b.cy, r: _b.range_px / _TD.retina, step_level: 1, render_level: 9, color: "#ff55ff", scene: _b.map.scene, time: 0.5 });
TD.lang.each(building.map.monsters, function(m) {
if (m.is_valid && Math.pow(m.cx - _b.cx, 2) + Math.pow(m.cy - _b.cy, 2) <= Math.pow(_b.range_px, 2)) {
// Invert their target grid logic so they walk backwards
var temp = m.grid;
m.grid = m.next_grid;
m.next_grid = temp;
m.freeze_timer = TD.exp_fps * 1.5; // Acts as a confusion timer before they recalculate
}
});
}
else if (building.special_secondary === "gas_grenade") {
var blast = TD.grid_size * 2.0;
TD.Explode("gas-" + TD.lang.rndStr(), { cx: building.target.cx, cy: building.target.cy, r: blast / _TD.retina, step_level: 1, render_level: 9, color: "#55ff55", scene: building.map.scene, time: 3.0 });
var _b = building;
TD.lang.each(building.map.monsters, function(m) {
if (m.is_valid && Math.pow(m.cx - _b.target.cx, 2) + Math.pow(m.cy - _b.target.cy, 2) <= Math.pow(blast, 2)) {
m.is_slowed = true;
m.slow_timer = TD.exp_fps * 3; // Slowed for 3 seconds
}
});
}
else if (building.special_secondary === "napalm_drop") {
// Drops fire directly beneath the flying Vertibird
new TD.RadZone("napalm-" + TD.lang.rndStr(), { map: building.map, cx: building.cx, cy: building.cy });
}
else if (building.special_secondary === "heavy_bomb") {
// Finds the leader and drops a nuke-sized explosion that only deals 300 damage
var leader = null;
var shortest_way = 999999;
TD.lang.each(building.map.monsters, function(m) {
if (m.is_valid && m.way.length < shortest_way) {
shortest_way = m.way.length;
leader = m;
}
});
if (leader) {
var blast = TD.grid_size * 3.0;
TD.playSound("snd_explosion");
TD.Explode("bomb-" + TD.lang.rndStr(), { cx: leader.cx, cy: leader.cy, r: blast / _TD.retina, step_level: 1, render_level: 9, color: "#ff5500", scene: building.map.scene, time: 0.6 });
var _b = building;
TD.lang.each(building.map.monsters, function(m) {
if (m.is_valid && Math.pow(m.cx - leader.cx, 2) + Math.pow(m.cy - leader.cy, 2) <= Math.pow(blast, 2)) m.beHit(_b, 300);
});
}
}
}
}
},
// Called when a bullet hits a monster. Returns 'false' if the bullet should keep flying (Pierce).
onHit: function(bullet, monster) {
var bld = bullet.building;
if (!bld || !bld.is_valid) return true;
// --- NEW: RNG Crits ---
if (bld.crit_chance && Math.random() <= bld.crit_chance) {
var mult = bld.crit_mult || 2.0;
bullet.damage = Math.floor(bullet.damage * mult);
new TD.FloatingText("crit-" + TD.lang.rndStr(), { cx: monster.cx, cy: monster.cy - 15, text: "CRIT!", color: "#ffaa00", map: bld.map, size: 12, life: 24 });
}
// --- NEW: Boss Damage Multiplier ---
if (bld.boss_damage_mult && monster.life0 >= 2000) {
bullet.damage = Math.floor(bullet.damage * bld.boss_damage_mult);
}
// 1. Stun Chance
if (bld.stun_chance) {
if (Math.random() <= bld.stun_chance) {
if (!monster.is_frozen) {
monster.is_frozen = true;
monster.original_speed = monster.speed;
monster.speed = 0.1;
}
monster.freeze_timer = TD.exp_fps * 1.5;
TD.Explode("stun-" + TD.lang.rndStr(), { cx: monster.cx, cy: monster.cy, r: 15 * _TD.retina, step_level: 1, render_level: 9, color: "#ffff00", scene: bld.map.scene, time: 0.2 });
}
}
// 2. Knockback (MULTIPLIER INCREASED TO 5.0)
if (bld.has_knockback && monster.life0 < 2000) {
monster.cx -= (bullet.vx * 5.0);
monster.cy -= (bullet.vy * 5.0);
monster.caculatePos();
}
// 3. Guaranteed Crits
if (bld.special_crit) {
if (typeof bld._shot_tracker === 'undefined') bld._shot_tracker = 0;
bld._shot_tracker++;
if (bld._shot_tracker >= bld.special_crit_req) {
bld._shot_tracker = 0;
bullet.damage *= 5;
new TD.FloatingText("crit-" + TD.lang.rndStr(), { cx: monster.cx, cy: monster.cy - 15, text: "CRIT!", color: "#ff0000", map: bld.map, size: 14, life: 24 });
TD.Explode("crit-blast-" + TD.lang.rndStr(), { cx: monster.cx, cy: monster.cy, r: 15 * _TD.retina, step_level: 1, render_level: 9, color: "#ff0000", scene: bld.map.scene, time: 0.2 });
}
}
// 4. DoTs
if (bld.special_dot) {
monster.is_poisoned = true;
monster.poison_timer = TD.exp_fps * (bld.special_dot_duration || 2);
monster.poison_damage = Math.floor(bullet.damage * 0.2); // 20% of bullet damage per tick
if (monster.poison_damage < 1) monster.poison_damage = 1;
TD.Explode("fire-" + TD.lang.rndStr(), { cx: monster.cx, cy: monster.cy, r: monster.r * 1.5, step_level: 1, render_level: 9, color: "#ff8800", scene: bld.map.scene, time: 0.2 });
}
// 5. Chain Lightning
if (bld.special_chain) {
var hit_count = 0;
TD.lang.each(bld.map.monsters, function(m) {
if (m.is_valid && m !== monster && hit_count < bld.special_chain_max) {
if (Math.pow(m.cx - monster.cx, 2) + Math.pow(m.cy - monster.cy, 2) <= Math.pow(TD.grid_size * 2.5, 2)) {
m.beHit(bld, Math.floor(bullet.damage * 0.5));
var ctx = TD.ctx;
ctx.lineWidth = 2 * _TD.retina; ctx.strokeStyle = "rgba(0, 255, 255, 0.8)";
ctx.beginPath(); ctx.moveTo(monster.cx, monster.cy); ctx.lineTo(m.cx, m.cy); ctx.stroke();
hit_count++;
}
}
});
}
// 6. Pierce Logic (Returns false so bullet doesn't die)
if (bullet.pierce_count && bullet.pierce_count > 1) {
bullet.pierce_count--;
return false;
}
return true;
}
};
});
// NEW: Global Tooltip Mouse Tracker
document.addEventListener("mousemove", function(e) {
var tooltip = document.getElementById("tower-tooltip");
if (tooltip && tooltip.style.display === "block") {
var x = e.pageX + 15;
var y = e.pageY + 15;
// Bounding Box Logic: Stop it from bleeding off the right or bottom edges
var tw = tooltip.offsetWidth;
var th = tooltip.offsetHeight;
if (x + tw > window.innerWidth) { x = e.pageX - tw - 15; }
if (y + th > window.innerHeight) { y = window.innerHeight - th - 5; }
tooltip.style.left = x + "px";
tooltip.style.top = y + "px";
}
});
// NEW: Reusable Panel Ignition Function
window.triggerPanelIgnition = function() {
document.getElementById("ui-money-container").innerHTML = "";
document.getElementById("ui-score-container").innerHTML = "";
document.getElementById("ui-life-container").innerHTML = "";
document.getElementById("ui-wave-container").innerHTML = "";
var btns = document.querySelectorAll(".cmd-btn, .sys-btn");
for (var i = 0; i < btns.length; i++) {
var btn = btns[i];
// Only ignite if the button is NOT locked or manually turned off
if (!btn.disabled && !btn.classList.contains("unlit")) {
btn.classList.remove("warm-up-1", "warm-up-2", "warm-up-3", "warm-up-4", "warm-up-5");
void btn.offsetWidth; // Force CSS reflow to restart the animation
btn.classList.add("warm-up-" + (Math.floor(Math.random() * 5) + 1));
}
}
};
window.onload = function () { // --- DEMO MODE INIT ---
var board = document.getElementById("td-board");
board.style.display = "block";
board.classList.add("demo-blur");
// Hide UI elements during demo
var controlPanel = document.getElementById("control-panel");
if (controlPanel) controlPanel.style.display = "none";
var topBar = document.getElementById("top-bar");
if (topBar) topBar.style.display = "none";
window.selectedLevelName = "demo_map_1";
window.is_demo_mode = true;
// Expose TD to the window so the start button can restart the engine
_TD.a.push(function(TD) { window.TD = TD; });
_TD.init("td-board", true);
// --- NEW MAIN MENU LOGIC ---
var gameTypeSelect = document.getElementById("gametype-select");
var mapGroup = document.getElementById("map-selection-group");
var specialGroup = document.getElementById("special-selection-group");
var updatePlayButtonLighting = function() {
var btnStart = document.getElementById("btn-start");
var isEndless = gameTypeSelect && gameTypeSelect.value === "endless";
var checkedCount = document.querySelectorAll(".special-chk:checked").length;
if (btnStart) {
if (isEndless || checkedCount === 3) {
btnStart.classList.add("btn-lit");
} else {
btnStart.classList.remove("btn-lit");
}
}
};
// 1. Define the isolated dynamic lighting logic
var updatePlayButtonLighting = function() {
var btnStart = document.getElementById("btn-start");
var isCampaign = gameTypeSelect && gameTypeSelect.value === "campaign";
var checkedCount = document.querySelectorAll(".special-chk:checked").length;
if (btnStart) {
// Unlock if NOT campaign, OR if campaign has 3 perks selected
if (!isCampaign || checkedCount === 3) {
if (!btnStart.classList.contains("menu-play-ready")) {
btnStart.classList.add("menu-play-ready");
btnStart.disabled = false;
btnStart.style.cursor = "pointer";
}
} else {
btnStart.classList.remove("menu-play-ready");
btnStart.disabled = true;
btnStart.style.cursor = "not-allowed";
}
}
};
// 2. Bind the dropdown change listener
if (gameTypeSelect) {
gameTypeSelect.addEventListener("change", function() {
if (this.value === "campaign") {
mapGroup.style.display = "none"; specialGroup.style.display = "block";
} else if (this.value === "custom") {
mapGroup.style.display = "none"; specialGroup.style.display = "none"; // Blank Slate
} else {
mapGroup.style.display = "block"; specialGroup.style.display = "none";
}
updatePlayButtonLighting();
});
}
// 3. Bind the S.P.E.C.I.A.L. checkbox listeners
var specialCheckboxes = document.querySelectorAll(".special-chk");
for (var i = 0; i < specialCheckboxes.length; i++) {
specialCheckboxes[i].addEventListener("change", function() {
var checkedCount = document.querySelectorAll(".special-chk:checked").length;
for (var j = 0; j < specialCheckboxes.length; j++) {
var box = specialCheckboxes[j];
if (checkedCount >= 3) {
if (!box.checked) box.disabled = true;
} else {
box.disabled = false;
}
}
updatePlayButtonLighting();
});
}
// 4. Set initial lighting state on load
updatePlayButtonLighting();
// --- NEW: Wasteland Guide Logic ---
var guideIcon = document.getElementById("guide-icon");
if (guideIcon) {
guideIcon.onclick = function() {
document.getElementById("guide-modal-overlay").style.display = "flex";
// Auto-populate the monster list on the right page
var listContainer = document.getElementById("guide-monster-list");
if (listContainer && TD.getDefaultMonsterAttributes) {
listContainer.innerHTML = ""; // clear it
var totalMonsters = TD.getDefaultMonsterAttributes(); // gets the count
for (var i = 0; i < totalMonsters; i++) {
var mData = TD.getDefaultMonsterAttributes(i);
var html = "<div style='margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px dashed rgba(0,0,0,0.2);'>";
var tags = [];
if (mData.is_flying) tags.push("<strong>[FLYING]</strong>");
if (mData.is_stealthed) tags.push("<strong>[STEALTH]</strong>");
if (mData.speed >= 15) tags.push("[FAST]");
if (mData.life >= 500) tags.push("<strong>[VERY STRONG]</strong>");
if (mData.life >= 2000) tags.push("<strong style='color:#800;'>[BOSS]</strong>");
html += "<h3>" + mData.name.toUpperCase() + "</h3> " + tags.join(" ") + "<br>";
html += "<strong>HP:</strong> " + mData.life + " | <strong>Speed:</strong> " + mData.speed + " | <strong>Dmg:</strong> " + mData.damage + "<br>";
html += "<em style='color: #444;'>" + (mData.desc || "A dangerous creature of the wastes.") + "</em>";
html += "</div>";
listContainer.innerHTML += html;
}
}
};
}
// --- END NEW MAIN MENU LOGIC ---
// 2. Bind the dropdown change listener
if (gameTypeSelect) {
gameTypeSelect.addEventListener("change", function() {
if (this.value === "campaign") {
mapGroup.style.display = "none";
specialGroup.style.display = "block";
} else {
mapGroup.style.display = "block";
specialGroup.style.display = "none";
}
updatePlayButtonLighting();
});
}
// 3. Bind the S.P.E.C.I.A.L. checkbox listeners
var specialCheckboxes = document.querySelectorAll(".special-chk");
for (var i = 0; i < specialCheckboxes.length; i++) {
specialCheckboxes[i].addEventListener("change", function() {
var checkedCount = document.querySelectorAll(".special-chk:checked").length;
for (var j = 0; j < specialCheckboxes.length; j++) {
var box = specialCheckboxes[j];
if (checkedCount >= 3) {
if (!box.checked) box.disabled = true;
} else {
box.disabled = false;
}
}
updatePlayButtonLighting();
});
}
// Dynamically generate the Admin Dropdown menu by reading the internal StageData
var populateAdminDropdown = function() {
var adminSelect = document.getElementById("admin-level-select");
if (!adminSelect) return;
// Scan the entire document's source code for the map definitions
var dummyData = document.documentElement.innerHTML;
// Look for scene_level, campaign_map, and demo_map strings
var sceneNames = dummyData.match(/scene_level_\d+/g) || [];
var campaignNames = dummyData.match(/campaign_map_\d+/g) || [];
var demoNames = dummyData.match(/demo_map_\d+/g) || [];
var levelNames = sceneNames.concat(campaignNames, demoNames);
// Force all 16 campaign maps to always exist in the dropdown so you can build and export them
for (var c = 1; c <= 16; c++) {
levelNames.push("campaign_map_" + c);
}
if (levelNames.length === 0) levelNames = ["scene_level_1", "scene_level_2"];
// Remove duplicates
levelNames = levelNames.filter(function(item, pos) { return levelNames.indexOf(item) == pos; });
adminSelect.innerHTML = "";
for(var i=0; i<levelNames.length; i++) {
var opt = document.createElement("option");
opt.value = levelNames[i];
opt.innerText = levelNames[i].toUpperCase();
adminSelect.appendChild(opt);
}
};
populateAdminDropdown(); // Run the scan when the page loads
var populateAdminTowers = function() {
var sel = document.getElementById("admin-tower-select");
if (!sel || !TD.factionData) return;
sel.innerHTML = "";
var grpAdap = document.createElement("optgroup");
grpAdap.label = "ADAPTIVE (Matches Player Faction)";
for (var i = 1; i <= 11; i++) {
var opt = document.createElement("option");
opt.value = "tower_" + i;
opt.innerText = "Slot " + i + (i === 11 ? " (Mr. Handy)" : "");
grpAdap.appendChild(opt);
}
sel.appendChild(grpAdap);
for (var f in TD.factionData) {
if (TD.factionData.hasOwnProperty(f)) {
var grp = document.createElement("optgroup");
grp.label = f + " SPECIFIC";
var list = TD.factionData[f];
for (var j = 0; j < list.length; j++) {
var t = list[j];
var opt = document.createElement("option");
opt.value = t.id;
opt.innerText = t.name;
grp.appendChild(opt);
}
sel.appendChild(grp);
}
}
};
populateAdminTowers();
// NEW: Reusable panel Ignition Function
window.triggerPanelIgnition = function() {
// Clear Nixie containers to force a rebuild
var containers = ["ui-money-container", "ui-score-container", "ui-life-container", "ui-wave-container"];
for (var i = 0; i < containers.length; i++) {
var c = document.getElementById(containers[i]);
if (c) c.innerHTML = "";
}
// Apply random flicker profiles to ENABLED buttons only
var buttons = document.querySelectorAll(".cmd-btn, .sys-btn");
for (var j = 0; j < buttons.length; j++) {
var btn = buttons[j];
// Clear memory on full system reboot
btn.removeAttribute("data-warmed-up");
// Strip out any old warm-up classes first
btn.className = btn.className.replace(/warm-up-[\w-]+/g, "").trim();
// Only ignite if the button is physically enabled and NOT locked
if (!btn.disabled && !btn.classList.contains("unlit")) {
void btn.offsetWidth; // Force CSS reflow
var roll = Math.random() * 100;
if (roll > 20) {
// 80%: Instant on
} else if (roll > 5) {
// 15%: Random jagged flicker
btn.classList.add("warm-up-" + (Math.floor(Math.random() * 5) + 1));
} else {
// 5%: Smooth fade
btn.classList.add("warm-up-fade");
}
btn.setAttribute("data-warmed-up", "true"); // Tag it
}
}
};
var btnDeploy = document.getElementById("campaign-btn-deploy");
if (btnDeploy) {
btnDeploy.addEventListener("click", function() {
document.getElementById("campaign-intro-modal-overlay").style.display = "none";
// Release the deep pause and JUMPSTART the engine loop
TD.is_paused = false;
if (typeof TD.step === 'function') TD.step(); // <--- This wakes the clock back up!
if (TD.stage && TD.stage.current_act && TD.stage.current_act.current_scene) {
TD.stage.current_act.current_scene.start();
}
});
}
// --- NEW: Watcher for buttons gaining/losing power ---
var origDisabled = Object.getOwnPropertyDescriptor(HTMLButtonElement.prototype, 'disabled');
if (origDisabled) {
Object.defineProperty(HTMLButtonElement.prototype, 'disabled', {
get: function() { return origDisabled.get.call(this); },
set: function(val) {
origDisabled.set.call(this, val);
if (val) this.setAttribute('disabled', 'disabled');
else this.removeAttribute('disabled');
}
});
}
var panelObserver = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
if (mutation.attributeName === "disabled") {
var btn = mutation.target;
if (btn.classList.contains("cmd-btn") || btn.classList.contains("sys-btn")) {
btn.className = btn.className.replace(/warm-up-[\w-]+/g, "").trim(); // Always clear old flickers
// If it just gained power, ignite it
if (!btn.disabled && !btn.classList.contains("unlit")) {
void btn.offsetWidth;
// Only run RNG if it hasn't warmed up yet!
if (!btn.getAttribute("data-warmed-up")) {
var roll = Math.random() * 100;
if (roll > 20) {
// 80%: Instant on
} else if (roll > 5) {
// 15%: Flicker
btn.classList.add("warm-up-" + (Math.floor(Math.random() * 5) + 1));
} else {
// 5%: Fade
btn.classList.add("warm-up-fade");
}
btn.setAttribute("data-warmed-up", "true");
}
}
}
}
});
});
panelObserver.observe(document.body, { attributes: true, subtree: true, attributeFilter: ['disabled'] });
// ------------------------------------------------
document.getElementById("btn-start").addEventListener("click", function() {
// Capture Game Type
var gameType = document.getElementById("gametype-select");
window.is_campaign_mode = (gameType && gameType.value === "campaign");
window.is_custom_mode = (gameType && gameType.value === "custom");
window.is_assault_mode = (gameType && gameType.value === "assault");
// Capture S.P.E.C.I.A.L. choices
window.selectedSPECIALs = [];
var checkedSpecials = document.querySelectorAll(".special-chk:checked");
for (var i = 0; i < checkedSpecials.length; i++) {
window.selectedSPECIALs.push(checkedSpecials[i].value);
}
// Map Selection Logic
if (window.is_campaign_mode) {
window.selectedLevelName = "campaign_map_1"; // Default start for campaign
window.campaign_map_index = 1; // Explicitly set the index!
} else {
window.selectedLevelName = document.getElementById("level-select").value;
}
window.selectedFaction = document.getElementById("faction-select").value;
window.customDifficulty = parseFloat(document.getElementById("difficulty-select").value);
document.getElementById("start-screen").style.display = "none";
document.getElementById("top-bar").style.display = "flex";
var board = document.getElementById("td-board");
board.style.display = "block";
board.style.transition = "filter 0.5s ease"; // Add fade transition only for un-blurring
board.classList.remove("demo-blur");
document.getElementById("control-panel").style.display = "flex";
// Stop demo and start real game
window.is_demo_mode = false;
TD.stage.clear();
window.triggerPanelIgnition();
TD.total_shots = 0; // Reset shots for new game
TD.start();
// Start the battle music!
if (typeof TD.playMusic === 'function') {
TD.playMusic("bgm_game");
}
// --- NEW: Global Starting Caps Doubler ---
if (typeof TD.money !== "undefined") {
TD.money = Math.floor(TD.money * 2.0);
}
// Apply Global Passives (Endurance, Agility Items)
if (TD.perks) {
if (TD.perks.E) { TD.life = Math.floor(TD.life * 1.5); TD.base_health = Math.floor(TD.base_health * 1.5); }
if (TD.perks.A) TD.getCooldownFrames = function() { var base = (TD.difficulty < 1) ? 24 : (TD.difficulty > 1) ? 288 : 120; return Math.floor(base * 0.85); };
}
});
// --- NEW: LOAD GAME LOGIC ---
var btnLoadGame = document.getElementById("btn-load-game");
var inputLoadGame = document.getElementById("input-load-game");
if (btnLoadGame && inputLoadGame) {
btnLoadGame.addEventListener("click", function() {
inputLoadGame.click(); // Trigger the hidden file input
});
inputLoadGame.addEventListener("change", function(e) {
var file = e.target.files[0];
if (!file) return;
var reader = new FileReader();
reader.onload = function(evt) {
try {
var saveData = JSON.parse(evt.target.result);
// 1. Transition UI
document.getElementById("start-screen").style.display = "none";
document.getElementById("top-bar").style.display = "flex";
var board = document.getElementById("td-board");
board.style.display = "block";
board.classList.remove("demo-blur");
document.getElementById("control-panel").style.display = "flex";
// 2. Set Global Configurations
window.is_demo_mode = false;
window.selectedSPECIALs = saveData.specials || [];
window.selectedFaction = saveData.faction || "NCR";
TD.current_faction = window.selectedFaction;
TD.difficulty = saveData.difficulty || 1.0;
// 3. Start Engine
TD.stage.clear();
window.triggerPanelIgnition();
TD.start();
// 4. Inject Saved Stats
TD.money = saveData.money || 0;
TD.score = saveData.score || 0;
if (TD.stage && TD.stage.current_act && TD.stage.current_act.current_scene) {
TD.stage.current_act.current_scene.wave = saveData.wave || 0;
}
// 5. Restore Unlocked Towers
if (TD.factionData && TD.factionData[TD.current_faction] && saveData.towers_unlocked) {
for (var i = 0; i < saveData.towers_unlocked.length; i++) {
if (TD.factionData[TD.current_faction][i]) {
TD.factionData[TD.current_faction][i].is_unlocked = saveData.towers_unlocked[i];
}
}
}
TD.loadFaction(TD.current_faction);
// Start the battle music!
if (typeof TD.playMusic === 'function') {
TD.playMusic("bgm_game");
}
} catch(err) {
alert("ERROR: Save file corrupted or invalid JSON.");
console.error(err);
}
};
reader.readAsText(file);
});
}
// --- NEW: CAMPAIGN PROCEED BUTTON LOGIC ---
var btnProceed = document.getElementById("campaign-btn-proceed");
if (btnProceed) {
btnProceed.addEventListener("click", function() {
if (window.campaign_map_index >= 16) {
window.location.reload(); // Game won, back to main menu
return;
}
// Chapter Finale Check
if (window.campaign_map_index % 4 === 0) {
// Save S.P.E.C.I.A.L. Perk
var chosenPerk = document.getElementById("campaign-special-select").value;
if (window.selectedSPECIALs.indexOf(chosenPerk) === -1) {
window.selectedSPECIALs.push(chosenPerk);
}
// Relock Towers (Keep first 4 base towers unlocked)
if (TD.factionData && TD.current_faction) {
var towers = TD.factionData[TD.current_faction];
for (var i = 0; i < towers.length; i++) {
towers[i].is_unlocked = (i < 4);
}
TD.loadFaction(TD.current_faction);
}
}
var m = TD.stage.current_act.current_scene.map;
// 1. Wipe the board
TD.lang.each(m.buildings, function(b) { b.grid.removeBuilding(); }); m.buildings = [];
TD.lang.each(m.monsters, function(mob) { mob.is_valid = false; }); m.monsters = [];
TD.lang.each(m.bullets, function(bul) { bul.is_valid = false; }); m.bullets = [];
m.has_weapon = false;
// 2. Load next map
window.campaign_map_index++;
var nextLevel = "campaign_map_" + window.campaign_map_index;
var cfg = TD.getDefaultStageData(nextLevel);
if (cfg && cfg.map) {
if (cfg.bg_image) document.getElementById("td-board").style.backgroundImage = "url('" + cfg.bg_image + "')";
m.map_type = cfg.map.map_type || "traditional";
// Reset grids
TD.lang.each(m.grids, function(g) { g.passable_flag = 1; g.build_flag = 1; g.is_entrance = false; g.is_exit = false; });
// Apply new grid config
if (cfg.map.grids_cfg) {
TD.lang.each(cfg.map.grids_cfg, function (obj) {
var grid = m.getGrid(obj.pos[0], obj.pos[1]);
if (grid) {
if (!isNaN(obj.passable_flag)) grid.passable_flag = obj.passable_flag;
if (!isNaN(obj.build_flag)) grid.build_flag = obj.build_flag;
if (obj.building) grid.addBuilding(obj.building);
}
});
}
if (cfg.map.entrance) { var eg = m.getGrid(cfg.map.entrance[0], cfg.map.entrance[1]); if(eg) { eg.is_entrance = true; eg.passable_flag = 1; eg.build_flag = 0; m.entrance = eg; } }
if (cfg.map.exit) { var xg = m.getGrid(cfg.map.exit[0], cfg.map.exit[1]); if(xg) { xg.is_exit = true; xg.passable_flag = 1; xg.build_flag = 0; m.exit = xg; } }
}
// 3. Reset Engine States
TD.stage.current_act.current_scene.wave = 0;
TD.stage.wait_new_wave = TD.exp_fps * 5; // 5-second start timer
document.getElementById("campaign-modal-overlay").style.display = "none";
TD.stage.current_act.current_scene.start(); // Unpause engine
});
}
};
</script>
<!-- ========================================== -->
<!-- NEW: TOWER TOOLTIP & MODAL SYSTEM -->
<!-- ========================================== -->
<!-- The Hover Tooltip -->
<div id="tower-tooltip" style="display: none; position: absolute; z-index: 9999; background: rgba(0,20,0,0.9); color: #0f0; padding: 10px; border: 1px solid #0f0; border-radius: 4px; pointer-events: none; font-family: 'Courier New', monospace; box-shadow: 0 0 10px rgba(0,255,0,0.2); font-size: 12px; white-space: pre-line;">
<!-- Data injected via JS -->
</div>
<!-- NEW: V.A.T.S. Targeting Box -->
<div id="vats-tooltip" style="display: none; position: absolute; z-index: 10000; width: 60px; height: 45px; background: rgba(0, 40, 0, 0.4); pointer-events: none; border: 1px solid rgba(0, 255, 0, 0.1);">
<!-- Full Brackets -->
<div style="position: absolute; top: -2px; bottom: -2px; left: -2px; width: 10px; border-top: 3px solid #0f0; border-bottom: 3px solid #0f0; border-left: 3px solid #0f0;"></div>
<div style="position: absolute; top: -2px; bottom: -2px; right: -2px; width: 10px; border-top: 3px solid #0f0; border-bottom: 3px solid #0f0; border-right: 3px solid #0f0;"></div>
<!-- Health Bar (Top) -->
<div style="position: absolute; top: 4px; left: 50%; transform: translateX(-50%); width: 80%; height: 10px; border: 1px solid #0f0; background: rgba(0,0,0,0.8);">
<div id="vats-tooltip-hp" style="width: 100%; height: 100%; background: #0f0; transition: width 0.1s;"></div>
</div>
<!-- Percentage (Bottom) -->
<div id="vats-tooltip-perc" style="position: absolute; bottom: 4px; width: 100%; text-align: center; color: #0f0; font-family: 'Courier New', monospace; font-weight: bold; font-size: 16px; text-shadow: 1px 1px 2px #000;">
100%
</div>
</div>
<!-- The Click Modal Overlay -->
<div id="tower-modal-overlay" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 99999; justify-content: center; align-items: center;">
<div id="tower-modal" style="background: #111; color: #0f0; padding: 20px; border: 2px solid #0f0; border-radius: 8px; width: 450px; font-family: 'Courier New', monospace; box-shadow: 0 0 20px rgba(0,255,0,0.4);">
<!-- Header -->
<div style="display: flex; justify-content: space-between; align-items: center; border-bottom: 1px dashed #0f0; padding-bottom: 10px; margin-bottom: 15px;">
<h2 id="modal-tower-name" style="margin: 0; font-size: 1.4em; text-transform: uppercase;">Tower Name</h2>
<button id="modal-close-btn" style="background: transparent; border: none; color: #0f0; font-size: 1.5em; cursor: pointer;">&times;</button>
</div>
<!-- Stats & Image -->
<div style="display: flex; gap: 15px; margin-bottom: 20px;">
<div style="width: 64px; height: 64px; border: 1px solid #333; background: #000; display: flex; justify-content: center; align-items: center; font-size: 24px;">
<div id="modal-tower-img" style="color: #fff;">T</div>
</div>
<div id="modal-tower-stats" style="font-size: 0.9em; line-height: 1.6; flex: 1;">
<!-- Stats injected via JS -->
</div>
</div>
<!-- Targeting Selection -->
<div style="margin-bottom: 15px; display: flex; align-items: center; justify-content: space-between;">
<label for="modal-target-mode" style="font-size: 0.9em; font-weight: bold;">TARGETING:</label>
<select id="modal-target-mode" style="background: #222; color: #0f0; border: 1px solid #0f0; padding: 5px; font-family: 'Courier New', monospace; flex: 0.8;">
<option value="closest">Closest</option>
<option value="leader">Leader</option>
<option value="strongest">Strongest</option>
<option value="weakest">Weakest</option>
</select>
</div>
<!-- NEW: UPGRADE PATHS (BTD5 Style) -->
<div style="border-top: 1px dashed #0f0; padding-top: 15px; margin-bottom: 15px;">
<!-- Path 1 -->
<div style="display: flex; flex-direction: column; margin-bottom: 10px;">
<div style="display: flex; justify-content: flex-end; gap: 4px; margin-bottom: 4px;" id="path1-indicators">
<!-- 4 boxes injected via JS -->
</div>
<button id="modal-btn-path1" class="cmd-btn" style="width: 100%; display: flex; flex-direction: column; align-items: flex-start; background-color: #2a7a2a !important; border: 2px solid #0f0 !important; cursor: pointer; padding: 10px; height: auto; text-align: left;">
<div style="display: flex; justify-content: space-between; width: 100%; font-size: 1.1em; font-weight: bold; margin-bottom: 5px; color: #000 !important; text-shadow: none !important;">
<span id="path1-name">Upgrade Name</span>
<span id="path1-cost" style="color: #000 !important; text-shadow: none !important;">0c</span>
</div>
<div id="path1-desc" style="font-size: 0.85em; font-weight: bold; white-space: normal; color: #111 !important; text-shadow: none !important;">
Upgrade description goes here.
</div>
</button>
</div>
<!-- Path 2 -->
<div style="display: flex; flex-direction: column;">
<div style="display: flex; justify-content: flex-end; gap: 4px; margin-bottom: 4px;" id="path2-indicators">
<!-- 4 boxes injected via JS -->
</div>
<button id="modal-btn-path2" class="cmd-btn" style="width: 100%; display: flex; flex-direction: column; align-items: flex-start; background-color: #2a7a2a !important; border: 2px solid #0f0 !important; cursor: pointer; padding: 10px; height: auto; text-align: left;">
<div style="display: flex; justify-content: space-between; width: 100%; font-size: 1.1em; font-weight: bold; margin-bottom: 5px; color: #000 !important; text-shadow: none !important;">
<span id="path2-name">Upgrade Name</span>
<span id="path2-cost" style="color: #000 !important; text-shadow: none !important;">0c</span>
</div>
<div id="path2-desc" style="font-size: 0.85em; font-weight: bold; white-space: normal; color: #111 !important; text-shadow: none !important;">
Upgrade description goes here.
</div>
</button>
</div>
</div>
<!-- Sell Button (Pushed to bottom) -->
<button id="modal-btn-sell" class="cmd-btn" style="width: 100%; background: #330000; color: #ff3333; border: 1px solid #ff3333; cursor: pointer; padding: 10px;">SELL TOWER (0c)</button>
</div>
</div>
<!-- Campaign Transition Modal -->
<div id="campaign-modal-overlay" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,20,0,0.9); z-index: 99999; justify-content: center; align-items: center; backdrop-filter: blur(4px);">
<div style="background: #111; color: #0f0; padding: 40px; border: 2px solid #0f0; border-radius: 8px; width: 450px; text-align: center; font-family: 'Courier New', monospace; box-shadow: 0 0 30px rgba(0,255,0,0.5);">
<h1 id="campaign-modal-title" style="margin-top: 0; font-size: 2.5em; text-transform: uppercase;">AREA CLEARED</h1>
<p id="campaign-modal-desc" style="font-size: 1.2em; margin-bottom: 20px;">Threat neutralized. Moving to the next sector.</p>
<!-- Hidden by default, shown at the end of a Chapter -->
<div id="campaign-special-reward" style="display: none; background: #0a220a; padding: 15px; border: 1px dashed #0f0; margin-bottom: 20px;">
<h3 style="margin-top: 0; color: #fff;">CHAPTER COMPLETE</h3>
<p style="font-size: 0.9em; margin-bottom: 10px;">Select a permanent S.P.E.C.I.A.L. perk:</p>
<select id="campaign-special-select" style="background: #222; color: #0f0; border: 1px solid #0f0; padding: 10px; font-size: 1.2em; font-family: 'Courier New', monospace; width: 100%;">
<option value="S">Strength</option>
<option value="P">Perception</option>
<option value="E">Endurance</option>
<option value="C">Charisma</option>
<option value="I">Intelligence</option>
<option value="A">Agility</option>
<option value="L">Luck</option>
</select>
</div>
<button id="campaign-btn-proceed" class="cmd-btn sys-btn" style="padding: 15px 30px; background: #2a7a2a; color: #fff; font-size: 1.5em; width: 100%; cursor: pointer;">PROCEED</button>
</div>
</div>
<!-- NEW: Campaign Story Intro Modal -->
<div id="campaign-intro-modal-overlay" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.95); z-index: 100000; justify-content: center; align-items: center; backdrop-filter: blur(5px);">
<div style="background: #1a1a1a; color: #0f0; padding: 40px; border: 2px solid #0f0; border-radius: 8px; width: 600px; max-width: 90%; text-align: center; font-family: 'Courier New', monospace; box-shadow: 0 0 30px rgba(0,255,0,0.4);">
<h1 id="campaign-intro-title" style="margin-top: 0; font-size: 2.2em; text-transform: uppercase; border-bottom: 2px dashed #0f0; padding-bottom: 10px;">INCOMING TRANSMISSION</h1>
<p id="campaign-intro-desc" style="font-size: 1.1em; line-height: 1.6; margin-bottom: 30px; text-align: left; color: #ccc;">
\[Story Text Here\]
</p>
<button id="campaign-btn-deploy" class="cmd-btn sys-btn" style="padding: 15px 30px; background: #2a7a2a; color: #fff; font-size: 1.5em; width: 100%; cursor: pointer; border: 2px solid #0f0 !important;">ACKNOWLEDGE</button>
</div>
</div>
<!-- --- NEW: Wasteland Guide Icon & Modal --- -->
<div id="guide-modal-overlay">
<div id="guide-book">
<span class="close-guide" onclick="document.getElementById('guide-modal-overlay').style.display='none';">&times;</span>
<!-- Left Page: Table of Contents -->
<div class="guide-page" style="border-right: 1px solid rgba(0,0,0,0.1);">
<h2>Table of Contents</h2>
<ul class="guide-toc" style="list-style-type: none; padding-left: 10px;">
<li>Chapter 1: Not Dying (Probably)</li>
<li>Chapter 2: Water & Rads</li>
<li>Chapter 3: Weapon Maintenance</li>
<li>Chapter 4: The 5-Year Rule</li>
<li>Chapter 5: Bartering Basics</li>
<li style="color: #500;">Chapter 6: Mutant Beast Field Guide</li>
</ul>
<div style="margin-top: 50px; text-align: center; opacity: 0.6;">
<img src="assets/images/guide.png" style="width: 120px; filter: grayscale(100%) contrast(200%);" onerror="this.style.display='none'" />
</div>
</div>
<!-- Right Page: Monster Guide -->
<div class="guide-page">
<h2>Mutant Field Guide</h2>
<div id="guide-monster-list">
<!-- Populated via JS -->
</div>
</div>
</div>
</div>
<!-- NEW: Asset Library Modal Overlay -->
<div id="asset-modal-overlay" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); z-index: 100000; justify-content: center; align-items: center;">
<div style="background: #1a1a1a; color: #0f0; padding: 20px; border: 2px solid #0f0; border-radius: 8px; width: 800px; max-width: 95vw; height: 80vh; display: flex; flex-direction: column; font-family: 'Courier New', monospace; box-shadow: 0 0 20px rgba(0,255,0,0.3);">
<div style="display: flex; justify-content: space-between; align-items: center; border-bottom: 2px dashed #0f0; padding-bottom: 10px; margin-bottom: 15px;">
<h2 style="margin: 0; font-size: 1.5em;">G.E.C.K. ASSET LIBRARY</h2>
<button onclick="document.getElementById('asset-modal-overlay').style.display='none';" style="background: transparent; border: none; color: #0f0; font-size: 2em; cursor: pointer; line-height: 0.5;">&times;</button>
</div>
<div style="display: flex; gap: 15px; margin-bottom: 15px;">
<label style="font-weight: bold; align-self: center;">THEME:</label>
<select id="asset-theme-select" style="background: #222; color: #0f0; border: 1px solid #0f0; padding: 8px; font-family: 'Courier New', monospace; flex: 1;">
<!-- Populated by JS -->
</select>
</div>
<!-- Asset Grid Container -->
<div id="asset-grid-container" style="flex: 1; overflow-y: auto; background: #111; border: 1px solid #333; padding: 10px; display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 15px; align-content: start;">
<!-- Populated by JS -->
</div>
</div>
</div>
<!-- NEW: Floating Admin Cheat Window -->
<div id="dev-cheat-window" style="display: none; position: absolute; top: 10%; left: 10%; width: 300px; background: rgba(0, 20, 0, 0.85); border: 2px solid #0f0; border-radius: 6px; font-family: 'Courier New', monospace; color: #0f0; z-index: 1000000; box-shadow: 0 0 15px rgba(0,255,0,0.3); backdrop-filter: blur(4px);">
<!-- Draggable Header -->
<div id="dev-cheat-header" style="background: rgba(0, 50, 0, 0.9); padding: 8px; cursor: move; border-bottom: 1px solid #0f0; display: flex; justify-content: space-between; align-items: center; border-radius: 4px 4px 0 0;">
<b style="font-size: 1.1em; letter-spacing: 1px;">OVERSEER CONSOLE</b>
<button onclick="document.getElementById('dev-cheat-window').style.display='none';" style="background: transparent; border: none; color: #0f0; font-size: 1.5em; cursor: pointer; line-height: 0.5;">&times;</button>
</div>
<!-- Tool Container -->
<div style="padding: 15px; display: flex; flex-direction: column; gap: 10px; font-size: 0.9em;">
<!-- Raw Stats -->
<div style="display: flex; gap: 5px; align-items: center;">
<label style="width: 60px;">CAPS:</label>
<input type="number" id="dev-input-caps" value="1000" style="flex: 1; background: #111; color: #0f0; border: 1px solid #0f0; padding: 3px;">
<button id="dev-btn-caps" class="cmd-btn" style="background: #050; border-color: #0f0; padding: 3px 10px;">GIVE</button>
</div>
<div style="display: flex; gap: 5px; align-items: center;">
<label style="width: 60px;">SCORE:</label>
<input type="number" id="dev-input-score" value="5000" style="flex: 1; background: #111; color: #0f0; border: 1px solid #0f0; padding: 3px;">
<button id="dev-btn-score" class="cmd-btn" style="background: #050; border-color: #0f0; padding: 3px 10px;">GIVE</button>
</div>
<div style="display: flex; gap: 5px; align-items: center;">
<label style="width: 60px;">HEALTH:</label>
<input type="number" id="dev-input-health" value="100" style="flex: 1; background: #111; color: #0f0; border: 1px solid #0f0; padding: 3px;">
<button id="dev-btn-health" class="cmd-btn" style="background: #050; border-color: #0f0; padding: 3px 10px;">SET</button>
</div>
<div style="display: flex; gap: 5px; align-items: center;">
<label style="width: 60px;">VATS %:</label>
<input type="number" id="dev-input-vats" value="100" min="0" max="100" style="width: 90px; flex-shrink: 0; background: #111; color: #0f0; border: 1px solid #0f0; padding: 3px;">
<button id="dev-btn-vats" class="cmd-btn" style="flex: 1; background: #050; border-color: #0f0; padding: 3px 10px;">SET</button>
</div>
<div style="display: flex; gap: 5px; align-items: center;">
<label style="width: 60px;">WAVE:</label>
<input type="number" id="dev-input-wave" value="15" min="1" style="width: 90px; flex-shrink: 0; background: #111; color: #0f0; border: 1px solid #0f0; padding: 3px;">
<button id="dev-btn-wave" class="cmd-btn" style="flex: 1; background: #050; border-color: #0f0; padding: 3px 10px;">JUMP</button>
</div>
<div style="display: flex; gap: 5px; align-items: center;">
<label style="width: 60px;">SPAWN:</label>
<select id="dev-sel-spawn" style="width: 90px; flex-shrink: 0; background: #111; color: #0f0; border: 1px solid #0f0; padding: 3px;">
<option value="0">Radroach</option>
<option value="1">Feral Ghoul</option>
<option value="2">Mole Rat</option>
<option value="3">Super Mutant</option>
<option value="4">Protectron</option>
<option value="5">Glowing One</option>
<option value="6">Deathclaw</option>
<option value="7">Sentry Bot</option>
<option value="8">Cazador (Fly)</option>
<option value="9">Stingwing (Fly)</option>
<option value="10">Scorchbeast (Fly)</option>
<option value="11">Nightkin (Stealth)</option>
</select>
<button id="dev-btn-spawn" class="cmd-btn" style="flex: 1; background: #050; border-color: #0f0; padding: 3px 10px;">DROP</button>
</div>
<hr style="border-color: #050; width: 100%; margin: 5px 0;">
<!-- Unlock Towers -->
<div style="display: flex; gap: 5px; align-items: center;">
<label style="width: 60px;">UNLOCK:</label>
<select id="dev-sel-tower" style="width: 90px; flex-shrink: 0; background: #111; color: #0f0; border: 1px solid #0f0; padding: 3px;">
<option value="all">ALL TOWERS</option>
<option value="t5">Tower 5</option>
<option value="t6">Tower 6</option>
<option value="t7">Tower 7</option>
<option value="t8">Tower 8</option>
<option value="t9">Tower 9</option>
<option value="t10">Tower 10</option>
</select>
<button id="dev-btn-tower" class="cmd-btn" style="flex: 1; background: #050; border-color: #0f0; padding: 3px 10px;">DO IT</button>
</div>
<!-- Items -->
<div style="display: flex; gap: 5px; align-items: center;">
<label style="width: 60px;">ITEM:</label>
<select id="dev-sel-item" style="width: 90px; flex-shrink: 0; background: #111; color: #0f0; border: 1px solid #0f0; padding: 3px;">
<option value="stimpak">Stimpak</option>
<option value="psycho">Psycho</option>
<option value="cryomine">Cryo Mine</option>
<option value="capmine">Cap Mine</option>
<option value="artillery">Artillery</option>
</select>
<input type="number" id="dev-input-item" value="1" min="1" max="10" style="width: 30px; flex-shrink: 0; background: #111; color: #0f0; border: 1px solid #0f0; padding: 3px; text-align: center;">
<button id="dev-btn-item" class="cmd-btn" style="flex: 1; background: #050; border-color: #0f0; padding: 3px 10px;">ADD</button>
</div>
<!-- Forced Drop -->
<div style="display: flex; gap: 5px; align-items: center;">
<label style="width: 60px; font-size: 0.8em;">FORCE DROP:</label>
<select id="dev-sel-drop" style="width: 90px; flex-shrink: 0; background: #111; color: #0f0; border: 1px solid #0f0; padding: 3px;">
<option value="none">Normal RNG</option>
<option value="money">Caps</option>
<option value="lunchbox">Lunchbox</option>
<option value="stimpak">Stimpak</option>
<option value="psycho">Psycho</option>
<option value="cryomine">Cryo Mine</option>
<option value="capmine">Cap Mine</option>
<option value="faction">Faction Ult</option>
</select>
<button id="dev-btn-drop" class="cmd-btn" style="flex: 1; background: #050; border-color: #0f0; padding: 3px 10px;">SET</button>
</div>
</div>
</div>
<!-- NEW: Custom Dropdown Logic -->
<script>
document.addEventListener("DOMContentLoaded", function() {
var selects = document.querySelectorAll("#start-screen select.menu-select");
selects.forEach(function(select) {
// Hide original select
select.style.display = "none";
// Create wrapper
var wrapper = document.createElement("div");
wrapper.className = "custom-select-wrapper";
select.parentNode.insertBefore(wrapper, select);
wrapper.appendChild(select);
// Create the visible 'closed' display
var display = document.createElement("div");
display.className = "menu-select";
display.style.marginBottom = "0";
display.style.width = "100%";
display.style.maxWidth = "100%";
// Override CSS to force a perfect flexbox center
display.style.display = "flex";
display.style.alignItems = "center";
display.style.justifyContent = "center";
display.style.padding = "10px 35px";
// Wrap the text in a span to protect it from line-break rendering bugs
var textSpan = document.createElement("span");
textSpan.style.textAlign = "center";
textSpan.style.lineHeight = "1.2";
textSpan.innerHTML = select.options[select.selectedIndex].innerHTML;
display.appendChild(textSpan);
// Transfer tooltip hover effects from original select
display.onmouseover = select.onmouseover;
display.onmouseout = select.onmouseout;
wrapper.appendChild(display);
// Create the dropdown options container
var optionsContainer = document.createElement("div");
optionsContainer.className = "custom-select-options";
wrapper.appendChild(optionsContainer);
// Populate options
Array.from(select.options).forEach(function(option) {
var optDiv = document.createElement("div");
optDiv.className = "custom-option";
optDiv.innerHTML = option.innerHTML;
// NEW: Mark the initially selected option so the arrow appears on load
if (option.selected) {
optDiv.classList.add("selected");
}
// Handle selecting an option
optDiv.addEventListener("click", function(e) {
e.stopPropagation();
textSpan.innerHTML = this.innerHTML; // Update the span, not the div
select.value = option.value;
// NEW: Remove the arrow from all options, then add it to the clicked one
Array.from(optionsContainer.children).forEach(function(sibling) {
sibling.classList.remove("selected");
});
this.classList.add("selected");
optionsContainer.classList.remove("open");
// Trigger the change event on the original select so game logic updates
var event = new Event('change');
select.dispatchEvent(event);
});
optionsContainer.appendChild(optDiv);
});
// Toggle dropdown open/close
display.addEventListener("click", function(e) {
e.stopPropagation();
// Close other open dropdowns
document.querySelectorAll(".custom-select-options").forEach(function(opt) {
if (opt !== optionsContainer) opt.classList.remove("open");
});
optionsContainer.classList.toggle("open");
});
});
// Close dropdowns when clicking outside
document.addEventListener("click", function() {
document.querySelectorAll(".custom-select-options").forEach(function(opt) {
opt.classList.remove("open");
});
});
});
</script>
<!-- Load External Map Data -->
<script src="assets/maps.js"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink