4.2.5

Author: StopSign

KTL/.cursorrules

@@ -5,4 +5,6 @@ You are assisting with a vanilla JavaScript idle game. Follow these strict archi
 4. UI EVENTS: Click handlers and user interactions belong in `events.js`.
 5. HELPERS: Use `helper.js` for formatting and generic functions instead of writing new ones.
 6. HTML GENERATION: Menu UI generation happens dynamically in `menu.js`, `upgradeData.js` and `store.js`.
-7. SAVING: Any new global variable that tracks progress MUST be integrated into `saving.js`.
+7. SAVING: Any new global variable that tracks progress MUST be integrated into `saving.js`.
+
+The game is deployed both as a playable web version on github, as well as an electron.js build for steam.

KTL/MECHANICS.md

@@ -33,4 +33,19 @@ The game runs at 20 frames per second. **CRITICAL RULE: Game tick logic is stric
     * **NEVER** use `getElementById()` or modify the DOM directly inside game logic or tick calculations.
     * **Creation:** New HTML elements must use `queueCache("<newId>")`. The UI builder processes the cache and stores elements globally.
     * **Continuous Updates (Per Frame/Second):** Use `views.updateVal(id, newVal, type="textContent", sigFigs)`. This function references the cached element and validates if `newVal` is different from the current state before touching the DOM.
-    * **Event-Triggered Updates (During Ticks):** If game logic needs to update the UI instantly, use `views.ScheduleUpdate(id, newVal, type="textContent", sigFigs)`. This queues the update to be popped and rendered safely on the next UI frame.
+    * **Event-Triggered Updates (During Ticks):** If game logic needs to update the UI instantly, use `views.ScheduleUpdate(id, newVal, type="textContent", sigFigs)`. This queues the update to be popped and rendered safely on the next UI frame.
+
+## 5. Debug Playbook (Next Time)
+Use runtime evidence first, then fix only what logs prove.
+* Start with 3-5 concrete hypotheses (listeners, loops, scheduler bursts, DOM growth, heap growth).
+* Add minimal instrumentation (entry counts, loop duration, burst size, memory/DOM samples), then reproduce.
+* Read logs and mark each hypothesis: confirmed, rejected, or inconclusive.
+* Remove speculative/rejected changes; keep only proven fixes.
+* For slowdown under high `bonusSpeed`, inspect `helpers/interval2.js` first:
+    * Watch `totalTicksToRun` and loop duration.
+    * If burst size grows and loop time spikes, cap simulation work per loop.
+    * Scale bonus-time consumption to actual processed work (`processedRatio`) so capped loops stay consistent.
+
+## 6. Electron / Steam Packaging
+This game is built with Electron.js for Steam distribution.
+* `main.js`, `preload.js`, and `package.json` are located one folder up from this `KTL` project folder.

KTL/actionData.js

@@ -1160,14 +1160,7 @@ let actionData = {
         visible: false, unlocked: false, purchased: true, hasUpstream: false, keepParentAutomation:true,
         ignoreConsume:true,
         onLevelCustom: function () {
-            if(data.actions.hearAboutTheLich.level <= 1) {
-                data.ancientCoinMultKTL = 1
-            } else {
-                data.ancientCoinMultKTL = Math.pow(1.5, (data.actions.hearAboutTheLich.level - 1));
-            }
-            data.ancientCoinMultKTL *= Math.pow(1.05, data.upgrades.extraAncientCoins.upgradePower);
-            data.ancientCoinMultKTL *= Math.pow(1.5, data.shopUpgrades.extraAncientCoins.upgradePower);
-            data.ancientCoinMultKTL *= (data.shopUpgrades.currencyGainPotion.upgradePower > 0 ? 2 : 1)
+            recalculateKTLCurrencyMultipliers();
         },
         updateMults: function () {
             let actionObj = data.actions.hearAboutTheLich;

KTL/actionDataFunctions.js

@@ -547,6 +547,27 @@ function giveResourceTo(actionObj, downstreamObj, amount) {
     if(actionObj.resource < 0) { //NaN protection
         actionObj.resource = 0;
     }
+    if(Number.isNaN(actionObj.progress)) {
+        actionObj.progress = 0;
+    }
+    if(Number.isNaN(actionObj.progressGain)) {
+        actionObj.progressGain = 0;
+    }
+    if(Number.isNaN(actionObj.resource)) {
+        actionObj.resource = 0;
+    }
+    if(Number.isNaN(actionObj.resourceDecrease)) {
+        actionObj.resourceDecrease = 0;
+    }
+    if(Number.isNaN(actionObj.resourceDelta)) {
+        actionObj.resourceDelta = 0;
+    }
+    if(Number.isNaN(actionObj.resourceIncrease)) {
+        actionObj.resourceIncrease = 0;
+    }
+    if(Number.isNaN(actionObj.totalSend)) {
+        actionObj.totalSend = 0;
+    }
 }
 
 function addResourceTo(downstreamObj, amount) {

KTL/collectData.js

@@ -220,6 +220,7 @@ function hoverLog() {
     openLogButton.innerHTML = `Open Log`
 }
 
+//run on prestige
 function clearLog() {
     const logMessages = document.getElementById('logMessages');
     logMessages.replaceChildren();
@@ -228,8 +229,9 @@ function clearLog() {
     openLogButton.innerHTML = `Open Log`
 }
 
+//run once, on load
 function rebuildLog() {
-    clearLog();
+    // clearLog();
     const logContainer = document.getElementById('logContainer');
     const logMessages = document.getElementById('logMessages');
     for (let message of data.currentLog) {

KTL/data/globalsAndInitial.js

@@ -65,6 +65,7 @@ let mySecret = "test"
 data.gameSettings = {
     gameSpeed: 1,
     bonusSpeed: 1,
+    webZoomFactor: 1,
     stop: false,
     stopAll: false,
     fps: 20,

KTL/driver.js

@@ -1,7 +1,7 @@
 'use strict';
-function startGame() {
+async function startGame() {
     // load calls recalcInterval, which will start the callbacks
-    load();
+    await load();
     setScreenSize();
     setTimeout(initTimingSystem, 200);
 }
@@ -19,6 +19,7 @@ function checkOfflineProgress() {
             console.log(`Welcome back! Gained ${(offlineMilliseconds / 1000).toFixed(1)}s of bonus time.`);
             data.currentGameState.instantTimerCooldown -= offlineMilliseconds / 1000;
             data.currentGameState.dailyTimer -= offlineMilliseconds;
+            checkDailyTimer();
         }
     }
 }
@@ -212,23 +213,25 @@ function calcDeltas() {
         let actionObj = data.actions[actionVar];
         let dataObj = actionData[actionVar];
 
-        let totalDecrease = actionObj.totalSend || 0;
+        let sendDecrease = actionObj.totalSend || 0;
+        let consumeDecrease = 0;
 
         if (!dataObj.isGenerator) {
-            totalDecrease += actionObj.progressGain;
-        } else {
-            if (["makeMoney", "socialize"].includes(actionVar)) {
-                totalDecrease += (actionObj.resource * calcTierMult(dataObj.tier)) * actionObj.progressGain / actionObj.progressMax;
-            }
+            consumeDecrease = actionObj.progressGain;
+        } else if (["makeMoney", "socialize"].includes(actionVar)) {
+            consumeDecrease = (actionObj.resource * calcTierMult(dataObj.tier)) * actionObj.progressGain / actionObj.progressMax;
         }
-        if(dataObj.ignoreConsume) {
-            totalDecrease = 0;
+
+        if (dataObj.ignoreConsume) {
+            consumeDecrease = 0;
         }
-        if(actionVar === "tidalBurden") {
-            actionObj.resourceDecrease = totalDecrease
+
+        if (actionVar === "tidalBurden") {
+            actionObj.resourceDecrease = sendDecrease + consumeDecrease;
         } else {
             let consumptionReduction = Math.max(0, 1 - (data.shopUpgrades.focusBarsImproveEfficiency.upgradePower * .25 * actionObj.connectedLines));
-            actionObj.resourceDecrease = totalDecrease * (1-data.upgrades.reduceResourcesConsumed.upgradePower*.05) * consumptionReduction;
+            let consumeMult = (1 - data.upgrades.reduceResourcesConsumed.upgradePower * .05) * consumptionReduction;
+            actionObj.resourceDecrease = sendDecrease + (consumeDecrease * consumeMult);
         }
 
         // Calculate the final net change per second for display.

KTL/events.js

@@ -108,6 +108,7 @@ function toggleAllHundred(actionVar) {
     });
 }
 window.addEventListener('resize', () => {
+    updateZoomViewportVariables();
     resizeStatMenu();
     resizeCanvas();
     drawChart();
@@ -121,7 +122,7 @@ function resizeStatMenu() {
     }
 
     if(view.cached[`attDisplay`]) {
-        view.cached[`attDisplay`].style.maxHeight = window.innerHeight - reduction + "px";
+        view.cached[`attDisplay`].style.maxHeight = getViewportHeight() - reduction + "px";
     }
 }
 

KTL/helpers/interval2.js

@@ -37,8 +37,11 @@ function loop() {
         const effectiveSpeed = data.gameSettings.gameSpeed * data.gameSettings.bonusSpeed;
         const upgradeMultiplier = 1 + (data.shopUpgrades.extraGameSpeed.upgradePower * 0.1);
         const exactTicks = (ticksProcessed * effectiveSpeed * upgradeMultiplier) + (tickResidue || 0);
-        const totalTicksToRun = Math.floor(exactTicks);
-        tickResidue = exactTicks - totalTicksToRun;
+        const requestedTicksToRun = Math.floor(exactTicks);
+        tickResidue = exactTicks - requestedTicksToRun;
+        const maxSimTicksPerLoop = data.gameSettings.bonusSpeed >= 10 ? 40 : 120;
+        const totalTicksToRun = Math.min(requestedTicksToRun, maxSimTicksPerLoop);
+        const processedRatio = requestedTicksToRun > 0 ? (totalTicksToRun / requestedTicksToRun) : 1;
 
         if (!data.gameSettings.stop) {
             for (let i = 0; i < totalTicksToRun; i++) {
@@ -51,7 +54,7 @@ function loop() {
             }
             if (data.gameSettings.bonusSpeed > 1) {
                 const processedElapsed = ticksProcessed * tickInterval;
-                const bonusTimeConsumed = processedElapsed * data.gameSettings.gameSpeed * (data.gameSettings.bonusSpeed - 1);
+                const bonusTimeConsumed = processedElapsed * data.gameSettings.gameSpeed * (data.gameSettings.bonusSpeed - 1) * processedRatio;
                 data.currentGameState.bonusTime -= bonusTimeConsumed;
                 if (data.currentGameState.bonusTime <= 0) {
                     data.currentGameState.bonusTime = 0;

KTL/index.html

@@ -8,13 +8,13 @@
     <meta http-equiv="expires" content="0" />
     <meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
     <meta http-equiv="pragma" content="no-cache" />
-    <meta http-equiv="Content-Security-Policy" content="
-  default-src 'self';
-  script-src 'self' https://stopsign.github.io https://cdn.jsdelivr.net https://www.googletagmanager.com 'unsafe-inline';
-  style-src 'self' 'unsafe-inline';
-  connect-src 'self' https://steam-sc-proxy.jimkap09.workers.dev/ https://www.google-analytics.com https://cdn.jsdelivr.net;
-  img-src 'self' data: https://www.google-analytics.com;
-">
+<!--    <meta http-equiv="Content-Security-Policy" content="-->
+<!--  default-src 'self';-->
+<!--  script-src 'self' https://stopsign.github.io https://cdn.jsdelivr.net https://www.googletagmanager.com 'unsafe-inline';-->
+<!--  style-src 'self' 'unsafe-inline';-->
+<!--  connect-src 'self' https://steam-sc-proxy.jimkap09.workers.dev/ https://www.google-analytics.com https://cdn.jsdelivr.net;-->
+<!--  img-src 'self' data: https://www.google-analytics.com;-->
+<!--">-->
     <meta name="viewport" content="width=device-width, initial-scale=.8">
 
     <title>KTL</title>
@@ -120,7 +120,7 @@
     View Amulet Upgrades
 </span>
 
-<span id="currentVersion" style="position:fixed;top:1px;right:5px;color:var(--text-muted)">v3.2.4</span>
+<span id="currentVersion" style="position:fixed;top:1px;right:5px;color:var(--text-muted)">v3.2.5</span>
 
 
 <div id="bonusDisplayShowButton" class="button" onclick="bonusMenuHideButton()"
@@ -322,7 +322,7 @@
 
         <div class="menuSeparator"></div>
 
-        <div style="display:flex;height:calc(80vh - 100px);min-height:200px;position:relative;overflow:hidden;font-size:0;">
+        <div style="display:flex;height:calc(var(--app-vh, 1vh) * 80 - 100px);min-height:200px;position:relative;overflow:hidden;font-size:0;">
             <div class="menuOptionContainer">
                 <div id="uniqueUpgradeTab" onclick="clickUpgradeTab('unique')" class="menuTab">
                     Unique Upgrades (AC)
@@ -493,11 +493,18 @@
 <!--<script src="steamStuff.js"></script>-->
 <!--<script src="steamSecrets.js"></script>-->
 <!--<script src="soulCoinsSecrets.js"></script>-->
-<script async src="https://www.googletagmanager.com/gtag/js?id=G-E10C6H16MH"></script><script>
-    window.dataLayer = window.dataLayer || [];
-    function gtag(){dataLayer.push(arguments);}
-    gtag('js', new Date());
-    gtag('config', 'G-E10C6H16MH');
+<script>
+    if (!isSteam) {
+        const gaScript = document.createElement('script');
+        gaScript.async = true;
+        gaScript.src = 'https://www.googletagmanager.com/gtag/js?id=G-E10C6H16MH';
+        document.head.appendChild(gaScript);
+
+        window.dataLayer = window.dataLayer || [];
+        function gtag(){dataLayer.push(arguments);}
+        gtag('js', new Date());
+        gtag('config', 'G-E10C6H16MH');
+    }
 </script>
 <script>
     startGame();