Upit | Learn about creating the game Evolution Links: Planet Builder_A04 with gen AI
Play
game-community-background
game-pic

60

0

3mo

Playit
Alpha deployment, much to come including: Scry function, Event cards, scoring system and end of game, Multi player, more special rules, sound and music, custom pixel art assets, full tutorial and rules page, main menu options, bug fixes. Any feedback is appreciated :) what do you like what do you not like? have you found a bug? all the best :)
#EcosystemBuilder
#EvolutionStrategy
#PlanetBuilder
#cardgame
#turn based
# card game
# strategy
# relaxing
#evolving world
#solo
# single player
# light weight
#indie
# roguelike

Creation History

User prompt

The danger highlight stops flashing after 1 cycle because of a JavaScript closure bug (the `var` inside the for-loop gets overwritten before the tween's `onFinish` fires). The danger highlight is also too large, and the placement highlight for cards in hand is getting hidden behind the terrain. Please make these exact 2 changes: 1. FIX THE DANGER HALO SCALE AND ANIMATION LOOP: - Locate the `updateDangerHighlights()` function. - Look inside for the block where the halo is created (`if (!topCreature.dangerHalo) { ... }`). - Replace that ENTIRE halo creation and flashing block with this updated logic that attaches the pulse directly to the halo object and reduces the scale: ```javascript // Create halo AS A CHILD so it inherits placement movement and scaling if (!topCreature.dangerHalo) { var halo = LK.getAsset('terrainLandFlat', { anchorX: 0.5, anchorY: 0.5 }); halo.tint = 0xFF0000; halo.alpha = 0.2; // Reduced scale to 1.05 so it stays tight to the card and doesn't conflict halo.scaleX = 1.05; halo.scaleY = 1.05; halo.x = 0; halo.y = 0; topCreature.addChildAt(halo, 0); topCreature.dangerHalo = halo; // Attach the pulse function directly to the halo to avoid closure/scope bugs halo.pulse = function() { if (!this.parent) return; var currentHalo = this; tween(currentHalo, { alpha: 0.8 }, { duration: 400, easing: tween.easeInOut, onFinish: function() { if (!currentHalo.parent) return; tween(currentHalo, { alpha: 0.2 }, { duration: 400, easing: tween.easeInOut, onFinish: currentHalo.pulse.bind(currentHalo) }); } }); }; halo.pulse(); } FIX THE PLACEMENT HIGHLIGHT FOR CARDS IN HAND: Locate the PlanetSlot class near the top of the file. Inside it, find the self.highlight = function () { block. Replace that entire self.highlight function with this updated version to change it to Green, tighten its scale, and bring it to the absolute front of the screen: code JavaScript self.highlight = function () { if (!self.isHighlighted && self.terrainCard) { self.isHighlighted = true; if (!self.pinkBorder) { self.pinkBorder = LK.getAsset('terrainLandFlat', { anchorX: 0.5, anchorY: 0.5 }); // Changed to Bright Green and reduced alpha for a nice overlay effect self.pinkBorder.tint = 0x00FF00; self.pinkBorder.alpha = 0.4; // Tighter fit self.pinkBorder.scaleX = self.terrainCard.scaleX * 1.1; self.pinkBorder.scaleY = self.terrainCard.scaleY * 1.1; self.pinkBorder.x = self.terrainCard.x; self.pinkBorder.y = self.terrainCard.y; // Bring to the absolute front of the game instead of hiding behind the terrain game.addChild(self.pinkBorder); } } }; ↪💡 Consider importing and using the following plugins: @upit/tween.v1

User prompt

The logic for giving herbivores extinction markers during the Night phase is artificially capped. They currently only receive exactly 1 marker, and only if they have 0 markers. They need to receive 1 marker for EVERY excess link they have, every single Night. Please make this exact change: 1. FIX HERBIVORE NIGHT PHASE MATH: - Locate the `processNightPhase()` function. - Look inside the nested loops for the block that starts with `} else if (creature.creatureData.dietType === 'herbivore') {`. - Replace that ENTIRE `else if` block (down to the end of the herbivore check) with this exact, uncapped logic: ```javascript } else if (creature.creatureData.dietType === 'herbivore') { // Count links pointing to them AT THIS MOMENT ONLY var linksToThisHerbivore = 0; for (var j = 0; j < linkLines.length; j++) { if (linkLines[j].herbivore === creature) { linksToThisHerbivore++; } } // Add extinction markers equal to the number of excess links var excessLinks = linksToThisHerbivore - creature.safeLinks; if (excessLinks > 0) { // No cap! Add exactly as many markers as there are excess links creature.extinctionMarkers += excessLinks; creature.updateExtinctionMarkers(); } }

User prompt

The UI text elements for the Round and Phase are rendering off-screen because they are attached to `LK.gui.top`. I need to delete all the old messy text variables, create a single unified gameStatusText attached directly to `game`, and add logic for a 3rd blue link line for the "Fatty" rule. Please make these exact 3 changes: 1. DELETE THE OLD TEXT VARIABLES AND CREATE A NEW ONE: - Search the global variables section for `var roundPhaseText`, `var phaseText`, and `var gameStatusText`. - COMPLETELY DELETE the declarations and setup blocks for ALL THREE of those variables. - Replace them with this single, correctly anchored text block: ```javascript var gameStatusText = new Text2("Round: 1 | Phase: DAWN | Turn: 1", { size: 40, fill: 0xFFFF00 }); gameStatusText.anchor.set(0.5, 0); gameStatusText.x = 1024; gameStatusText.y = 60; // Safely positioned right above the red danger text game.addChild(gameStatusText); CLEAN UP THE UPDATE LOOP: Locate the game.update = function () { loop. Look inside it for any lines using .setText for roundPhaseText or phaseText. DELETE those lines if they exist. Ensure there is ONLY ONE line updating the phase text in the update loop: gameStatusText.setText("Round: " + currentRound + " | Phase: " + gamePhase.toUpperCase() + " | Turn: " + turnNumber); ADD THE 3RD BLUE LINK LINE: Locate the createLinkLine function. Find the block of code that calculates the offset for the second link (it starts with if (existingLinkCount === 1) {). Replace that ENTIRE if (existingLinkCount === 1) block (including the X2 text indicator logic right below it) with this new block that handles both 2nd and 3rd links: code JavaScript // Calculate perpendicular offset for multiple links to avoid stacking if (existingLinkCount >= 1) { // 2nd link goes one way (+90 deg), 3rd link goes the opposite way (-90 deg) var perpendicularAngle = (existingLinkCount === 1) ? (angle + Math.PI / 2) : (angle - Math.PI / 2); var offsetDistance = 30; // Offset distance in pixels var offsetX = Math.cos(perpendicularAngle) * offsetDistance; var offsetY = Math.sin(perpendicularAngle) * offsetDistance; // Apply offset to line position line.x += offsetX; line.y += offsetY; // Change line color and create indicator based on link number var indicatorString = ""; if (existingLinkCount === 1) { line.tint = 0xFF00FF; // Magenta for 2nd link indicatorString = "X2"; } else { line.tint = 0x00BFFF; // Deep Sky Blue for 3rd link indicatorString = "X3"; } // Add the text indicator var linkIndicator = new Text2(indicatorString, { size: 20, fill: 0xFFFFFF }); linkIndicator.anchor.set(0.5, 0.5); linkIndicator.x = 0; linkIndicator.y = 0; line.addChild(linkIndicator); linkIndicator.lineOwner = line; }

User prompt

please add a new special: Name = "Dominant DNA". Card inheriting = 'AH11'. Effect = this card may be played onto a Basic Carnivore if terrain and climate requirements are met as well as being able to be played on a Basic Herbivore as normal. Card info text in UI = "Dominant DNA. Can evolve from Basic Carnivores or Basic Herbivores!". Text on card = "Dominant DNA"

User prompt

change the color 1. MAKE SEA-BOUND AN ABSOLUTE VETO: - Locate the `isValidLinkTarget(carnivore, herbivore)` function. - Find the "Sea-bound" check block that is currently near the bottom of the function. It looks like this: ```javascript if (carnivore.creatureData.seaBound) { if (herbivore.creatureData.subtype !== 'water') { return false; } } ``` - CUT that block of code from the bottom, and PASTE it at the VERY TOP of the function, immediately below the `if (!carnivore || !herbivore) { return false; }` line. - This ensures the Sea-bound restriction processes as an absolute veto before the Bully logic can return true. 2. CHANGE THE HUNTER-HUNTER TEXT COLOR: - Locate the `CreatureCard` class. - Scroll down to the cascading text section and find the block where the `hunterHunterText` (or similar Hunter-Hunter text) is created. - Change its `fill` color property to `0x00FFFF` (which is a bright Cyan that will stand out perfectly against the Basic Carnivore background).

User prompt

The Scry mechanic is firing every turn and ignoring the graveyard penalty because `processDawnPhase` (which runs every turn) is incorrectly handling round-based Scry logic and prematurely resetting the `scryDeniedNextRound` boolean. Please make these exact 2 changes: 1. REMOVE SCRY LOGIC FROM THE TURN LOOP: - Locate the `processDawnPhase()` function. - Completely delete all the `if` statements and boolean resets inside it so it ONLY contains the phase transition. It should look exactly like this: ```javascript function processDawnPhase() { // Show visual cue that dawn phase is processing showPhaseTransition("Dawn Phase - Processing...", function () { gamePhase = 'draw'; processDrawPhase(); // Auto-progress to draw phase }); } ``` 2. TIE THE PENALTY DIRECTLY TO THE GRAVEYARD: - Locate the `CreatureCard` class. - Find the `self.die = function () {` block inside that class. - Look for the line that says `graveyard.push(self.creatureData);` - Immediately below that line, add this exact code to ensure ANY death triggers the penalty: ```javascript scryDeniedNextRound = true; // Deny scry for next round because a creature entered the graveyard ```

User prompt

I need to adjust the UI positioning, size, and formatting for the Scry text and the Danger Warning text. Please make these exact 3 changes: 1. FIX THE SCRY HEADER CREATION: - Locate the `activateScry()` function. - Find the block of code where `scryHeaderText` is created (near the bottom of the function). - Replace that entire `scryHeaderText` creation block with this: ```javascript scryHeaderText = new Text2("SCRY: Select 1 card to put on the\nBOTTOM of the main deck", { size: 56, // Doubled size fill: 0xFFFF00, // Changed to Yellow align: 'center' }); scryHeaderText.anchor.set(0.5, 0); scryHeaderText.x = 1024; scryHeaderText.y = 120; // Moved to the top of the UI game.addChild(scryHeaderText); ``` 2. FIX THE SCRY HEADER UPDATE TEXT: - Locate the `processScrySelection(selectedCard)` function. - Look inside the `if (scryStep === 1)` block for the line where `scryHeaderText.setText(...)` is called. - Replace that line with this updated 2-line string: ```javascript scryHeaderText.setText("SCRY: Select 1 card to DISCARD.\nThe last card goes on TOP of the deck."); ``` 3. FIX THE DANGER WARNING TEXT: - Locate the `updateDangerHighlights()` function. - Scroll down to the `if (gamePhase === 'noon' && inDangerList.length > 0)` block. - Find where `var warningText = new Text2(...)` is defined and positioned. - Replace the creation and positioning of that warning text with this: ```javascript var warningText = new Text2("Warning! Creature/s are in danger!", { size: 64, // Doubled size fill: 0xFF0000 }); warningText.anchor.set(0.5, 0); warningText.x = 1024; warningText.y = 130; // Moved up by 2 lines game.addChild(warningText); game.dangerWarningText = warningText; ```

User prompt

The "Sea-bound" special rule is broken because while the property is on the card, it was never actually programmed into the link-targeting logic, and it is missing from the UI info text. Please make these exact 2 changes: 1. ENFORCE THE RULE IN LINK TARGETING: - Locate the `isValidLinkTarget(carnivore, herbivore)` function. - Look near the very bottom of that function, right before the final `return true;` line. - Insert this block of code there: ```javascript if (carnivore.creatureData.seaBound) { if (herbivore.creatureData.subtype !== 'water') { return false; // Sea-bound creatures can only link to water creatures } } ``` 2. ADD THE UI INFORMATION TEXT: - Locate the `showCardInfo(card)` function. - Find the list of `if` checks that append strings to `infoString` (where we just added the "Fatty" rule). - Add this block to that list: ```javascript if (creature && creature.seaBound) { infoString += " | Sea-bound: This creature can only create links to other Water creatures!"; } ```

User prompt

Card AC04 cannot be placed on land because it has `landType: 'any'`, but the `canPlaceCreatureOnTerrain` function does not recognize 'any' as a valid wildcard and fails the exact-match check. Please make this exact change: 1. FIX THE PLACEMENT WILDCARD LOGIC: - Locate the `canPlaceCreatureOnTerrain(creatureCard, terrainCard)` function. - Look for the block of code that checks `if (creature.subtype === 'water')` and `else if (creature.subtype === 'land')`. - Replace that entire subtype checking block (down to the `if (!creature.subtype)` line) with this corrected logic: ```javascript // Check terrain type matching based on creature's subtype if (creature.subtype === 'water') { // Creature requires water terrain if (terrain.subtype !== 'water') { return false; } // Check specific water type matching - allow 'any' as wildcard if (creature.waterType && creature.waterType !== 'any' && terrain.waterType && creature.waterType !== terrain.waterType) { return false; } } else if (creature.subtype === 'land') { // Creature requires land terrain if (terrain.subtype !== 'land') { return false; } // Check specific land type matching - allow 'any' as wildcard if (creature.landType && creature.landType !== 'any' && terrain.landType && creature.landType !== terrain.landType) { return false; } } ↪💡 Consider importing and using the following plugins: @upit/tween.v1

User prompt

I need to add a new special rule called "Fatty" specifically for card AC03 (Whale). Please make these exact 4 changes: 1. ADD THE PROPERTY TO THE DECK GENERATOR: - Locate the `createInitialDeck()` function. - Find the loop where Advanced Carnivores are pushed to the `mainDeck` (around the line `isWhale: config.id === 'AC03' ? true : false,`). - Add this new line directly below the `isWhale` property inside that same `mainDeck.push` block: `fatty: config.id === 'AC03' ? true : false,` 2. OVERRIDE THE LINK REQUIREMENT: - Locate the `CreatureCard` class. - Find the section where `self.linkRequirement` is set: ```javascript if (self.creatureData.dietType === 'carnivore') { if (self.creatureData.level === 'Basic') { self.linkRequirement = 1; } else if (self.creatureData.level === 'Advanced') { self.linkRequirement = 2; } } ``` - Immediately AFTER that block, insert this override: ```javascript if (self.creatureData.fatty) { self.linkRequirement = 3; } ``` 3. ADD THE VISUAL "FATTY" TEXT TO THE CARD: - Further down in the `CreatureCard` class, locate the long section that adds cascading text (e.g., "Tough", "Squishy", "Stinky"). - Pick a spot in that chain (for example, right after the "Squishy" block) and add this exact block to display the Fatty text: ```javascript if (self.creatureData && self.creatureData.fatty) { self.fattyText = new Text2("Fatty", { size: 24, fill: 0xFF8C00, // Dark Orange color font: "'Arial Black', 'Impact', 'Tahoma', sans-serif", fontWeight: "bold" }); self.fattyText.anchor.set(0.5, 0.5); self.fattyText.x = 0; self.fattyText.y = nextYOffset; self.addChild(self.fattyText); nextYOffset = nextYOffset + 40; } ``` 4. ADD THE UI INFORMATION TEXT: - Locate the `showCardInfo(card)` function. - Find the list of `if` checks that append strings to `infoString` (like `if (creature && creature.tough)`). - Add this block to that list: ```javascript if (creature && creature.fatty) { infoString += " | Fatty! Requires 3 links to support it and gives x2 the normal advanced carnivore score at end of game!"; } ```

User prompt

The `nextPhaseButton` has a massive logic flaw. When players click it to skip their turn while holding playable cards, it calls `showNoPlayableCardsNotification()`, which incorrectly discards their hand and forces a redraw! Additionally, the button should be completely dead/unclickable if Event cards are in the hand. Please make this exact change: 1. FIX THE NEXT PHASE BUTTON CLICK LOGIC: - Locate the `nextPhaseButton.down = function () {` block. - Look just inside that function (below the warning box/adjust links hiding code). Find this specific block of code: ```javascript // Prevent skipping card play after draw: if player has not played a card after drawing, do not allow phase advance if (gamePhase === 'draw' || gamePhase === 'noon' && (mustPlayCard || playerHand.length > 0 && hasValidPlacements(playerHand))) { // If in draw phase, or in noon phase and must play a card, do not allow skipping // Show a notification to the player if (!game.noPlayableNotification) { showNoPlayableCardsNotification(); } return; } COMPLETELY DELETE that block of code, and replace it with this safe logic: code JavaScript // Disable button completely if events must be played if (gamePhase === 'noon' && hasEventCardsInHand) { return; } // Prevent skipping card play if the player holds valid normal cards if (gamePhase === 'draw' || (gamePhase === 'noon' && playerHand.length > 0 && hasValidPlacements(playerHand))) { // Show a safe, harmless fading text warning instead of the destructive discard loop if (!game.safeSkipWarning) { var safeWarning = new Text2("You have playable cards! You must play one.", { size: 40, fill: 0xFF0000 }); safeWarning.anchor.set(0.5, 0.5); safeWarning.x = 1024; safeWarning.y = 1366; game.addChild(safeWarning); game.safeSkipWarning = safeWarning; tween(safeWarning, { alpha: 0 }, { duration: 2000, onFinish: function() { if (safeWarning.parent) safeWarning.parent.removeChild(safeWarning); game.safeSkipWarning = null; } }); } return; } ↪💡 Consider importing and using the following plugins: @upit/tween.v1

User prompt

The "Efficient" special rule is bugged because `getAdjacentTerrains` only checks orthogonal directions. Because it doesn't see diagonal targets, it refuses to turn the link markers yellow (draggable) unless an orthogonal target accidentally unlocks it first. Please make these exact 3 changes: 1/ UPDATE THE ADJACENT TERRAINS FUNCTION: - Locate the `function getAdjacentTerrains(gridX, gridY)` function. - Replace it entirely from top to bottom with this logic: ```javascript function getAdjacentTerrains(gridX, gridY, includeDiagonals) { var neighbors = []; var directions = [ {x: -1, y: 0}, {x: 1, y: 0}, {x: 0, y: -1}, {x: 0, y: 1} ]; // Add diagonals if the creature is Efficient if (includeDiagonals) { directions.push({x: -1, y: -1}, {x: 1, y: -1}, {x: -1, y: 1}, {x: 1, y: 1}); } for (var i = 0; i < directions.length; i++) { var newX = gridX + directions[i].x; var newY = gridY + directions[i].y; if (newX >= 0 && newX < planetWidth && newY >= 0 && newY < planetHeight) { neighbors.push(planetBoard[newY][newX]); } } return neighbors; } 2/ FIX THE MARKER UNLOCK LOGIC: Locate the updateLinkMarkerStates() function. Inside it, find this exact line: var adjacentTerrains = getAdjacentTerrains(gridX, gridY); Replace that single line with these two lines: code JavaScript var isEfficient = creature.creatureData && creature.creatureData.efficient; var adjacentTerrains = getAdjacentTerrains(gridX, gridY, isEfficient); 3/ FIX THE AUTO-CREATE LINKS LOGIC: Locate the autoCreateLinks() function. Inside it, find this exact line: var adjacentTerrains = getAdjacentTerrains(gridX, gridY); Replace that single line with these two lines: code JavaScript var isEfficient = carnivore.creatureData && carnivore.creatureData.efficient; var adjacentTerrains = getAdjacentTerrains(gridX, gridY, isEfficient);

User prompt

The UI currently has duplicated and messy text variables for the Round and Phase information, and they are overlapping. We need to unify this into one single element at the top of the screen and clean up the old references to prevent crashes. Please make these exact 4 changes: 1. DELETE OLD TEXT VARIABLES: - Locate the declarations for `var roundPhaseText` and `var phaseText` (near the bottom of the script, right above "Link adjustment system variables"). - COMPLETELY DELETE both of those variable blocks, including their `new Text2`, `anchor`, `x`, `y`, and `addChild` lines. 2. CREATE THE UNIFIED TEXT: - In the exact place where you just deleted those variables, insert this single clean text block: ```javascript var gameStatusText = new Text2("Round: 1 | Phase: DAWN | Turn: 1", { size: 32, fill: 0xFFFF00 }); gameStatusText.anchor.set(0.5, 0); gameStatusText.x = 1024; gameStatusText.y = 68; LK.gui.top.addChild(gameStatusText); UPDATE THE EVENT CARD CLASS: Locate the EventCard class at the top of the file. Inside its self.down = function block, find the line that says: phaseText.setText("Phase: " + gamePhase.toUpperCase() + " | Turn: " + turnNumber); Replace that line with: gameStatusText.setText("Round: " + currentRound + " | Phase: " + gamePhase.toUpperCase() + " | Turn: " + turnNumber); FIX THE GAME UPDATE LOOP: Locate the game.update = function () { loop at the bottom of the file. Find the lines that update the old texts: roundPhaseText.setText(...) and phaseText.setText(...). Delete BOTH of those old lines and replace them with this single line: gameStatusText.setText("Round: " + currentRound + " | Phase: " + gamePhase.toUpperCase() + " | Turn: " + turnNumber); code Code *** ### Why this works: 1. It deletes the ghosts. If we didn't explicitly delete the `phaseText.setText` from inside the `EventCard` class, the game would crash the instant you clicked an event card because the `phaseText` object would no longer exist. 2. It combines "Round", "Phase", and "Turn" into one highly-visible yellow string at `y: 68` (safely tucked at the top of the screen).

User prompt

The danger highlight is failing on newly placed creatures because the highlight is being created globally during the placement scaling animation (locking it at 0.1 scale), and the constant tween loop is conflicting with the card's movement tweens. Please locate the `updateDangerHighlights()` function. Replace the ENTIRE function from top to bottom with this exact logic: function updateDangerHighlights() { var inDangerList = []; if (gamePhase === 'noon' || gamePhase === 'dusk') { inDangerList = getCreaturesInDanger(); } for (var gridY = 0; gridY < planetHeight; gridY++) { for (var gridX = 0; gridX < planetWidth; gridX++) { var terrain = planetBoard[gridY][gridX]; if (terrain && terrain.creatureStack && terrain.creatureStack.length > 0) { var topCreature = terrain.creatureStack[terrain.creatureStack.length - 1]; var isInDanger = false; for (var i = 0; i < inDangerList.length; i++) { if (inDangerList[i] === topCreature) { isInDanger = true; break; } } if (isInDanger) { // Only trigger the highlight creation once if (!topCreature.isDangerFlashing) { topCreature.isDangerFlashing = true; // Create halo AS A CHILD so it inherits placement movement and scaling if (!topCreature.dangerHalo) { var halo = LK.getAsset('terrainLandFlat', { anchorX: 0.5, anchorY: 0.5 }); halo.tint = 0xFF0000; halo.alpha = 0.2; // Scale relative to the card size halo.scaleX = 1.15; halo.scaleY = 1.15; halo.x = 0; halo.y = 0; // Add behind the card graphics topCreature.addChildAt(halo, 0); topCreature.dangerHalo = halo; } // Safely pulse the halo's alpha recursively without touching the card's tint function flashHalo() { if (!topCreature.isDangerFlashing || !topCreature.dangerHalo) return; tween(topCreature.dangerHalo, { alpha: 0.8 }, { duration: 400, easing: tween.easeInOut, onFinish: function() { if (!topCreature.isDangerFlashing || !topCreature.dangerHalo) return; tween(topCreature.dangerHalo, { alpha: 0.2 }, { duration: 400, easing: tween.easeInOut, onFinish: flashHalo }); } }); } flashHalo(); } } else { if (topCreature.isDangerFlashing) { topCreature.isDangerFlashing = false; if (topCreature.dangerHalo && topCreature.dangerHalo.parent) { tween.stop(topCreature.dangerHalo); topCreature.dangerHalo.parent.removeChild(topCreature.dangerHalo); topCreature.dangerHalo = null; } } } } } } // Process global warning text safely if (gamePhase === 'noon' && inDangerList.length > 0) { if (!game.dangerWarningText || !game.dangerWarningText.parent) { var warningText = new Text2("Warning! Creature/s are in danger!", { size: 32, fill: 0xFF0000 }); warningText.anchor.set(0.5, 0.5); warningText.x = 1024; warningText.y = 200; game.addChild(warningText); game.dangerWarningText = warningText; function flashText() { if (!game.dangerWarningText || !game.dangerWarningText.parent) return; tween(game.dangerWarningText, { alpha: 0.3 }, { duration: 400, easing: tween.easeInOut, onFinish: function() { if (!game.dangerWarningText || !game.dangerWarningText.parent) return; tween(game.dangerWarningText, { alpha: 1 }, { duration: 400, easing: tween.easeInOut, onFinish: flashText }); } }); } flashText(); } } else { if (game.dangerWarningText && game.dangerWarningText.parent) { tween.stop(game.dangerWarningText); game.dangerWarningText.parent.removeChild(game.dangerWarningText); game.dangerWarningText = null; } } } ↪💡 Consider importing and using the following plugins: @upit/tween.v1

User prompt

The Event card debug logic is causing the game to discard the hand and trigger a "No playable cards" loop. This happens because the debug box forces a phase change, and because `hasValidPlacements` doesn't recognize Event cards as playable. Please make these exact 3 changes: 1. FIX 'hasValidPlacements' SO IT RECOGNIZES EVENTS: - Locate the `function hasValidPlacements(cards)` function. - Inside the loop, it currently checks `if (card.creatureData) { ... } else if (card.terrainData) { ... }`. - Add a third condition right below that: ```javascript else if (card.eventData) { return true; // Event cards are always valid to play } ``` 2. REMOVE CLICKABILITY FROM THE DEBUG BOX: - Locate the `showEventCardDebugBox()` function. - Change the `debugText` string to: `"Event card/s in hand! Click the cards to resolve them."` - Completely DELETE the `eventDebugBox.down = function () { ... };` block so the box is no longer clickable. - At the very bottom of the `showEventCardDebugBox()` function, add this line so we can track the box globally: `game.eventDebugBox = eventDebugBox;` 3. AUTO-CLEANUP THE DEBUG BOX WHEN EVENTS ARE RESOLVED: - Locate the `EventCard` class, and find its `self.down` function. - Inside `self.down`, find the `if (!moreEventCards) {` block. - Add this cleanup code inside that `if (!moreEventCards)` block so the debug box disappears when the last event is played: ```javascript if (game.eventDebugBox && game.eventDebugBox.parent) { game.eventDebugBox.parent.removeChild(game.eventDebugBox); game.eventDebugBox = null; } ```

User prompt

The central `onMouseMove` logic is working perfectly for the hand and the board, but it is currently ignoring special event cards (like Scry cards and AT18 selectable cards) because they aren't in the `playerHand` or `planetBoard` arrays. Please locate the `onMouseMove(x, y)` function. Inside that function, look for the `playerHand` checking loop. Right BELOW the `playerHand` loop, and right BEFORE the `// Check board` section, please INSERT this exact block of code to check for special event cards: // Check Scry Cards if (!cardUnderMouse && typeof scryCards !== 'undefined' && scryCards.length > 0) { for (var i = scryCards.length - 1; i >= 0; i--) { var card = scryCards[i]; var hw = (card.terrainData ? 126 : 80) * card.scaleX; var hh = (card.terrainData ? 168 : 110) * card.scaleY; if (Math.abs(card.x - x) < hw && Math.abs(card.y - y) < hh) { cardUnderMouse = card; break; } } } // Check AT18 Special Selection Cards if (!cardUnderMouse && typeof at18Active !== 'undefined' && at18Active) { for (var i = game.children.length - 1; i >= 0; i--) { var child = game.children[i]; if (child.at18Selectable) { var hw = (child.terrainData ? 126 : 80) * child.scaleX; var hh = (child.terrainData ? 168 : 110) * child.scaleY; if (Math.abs(child.x - x) < hw && Math.abs(child.y - y) < hh) { cardUnderMouse = child; break; } } } }

User prompt

The recent change broke the zoom and highlight logic because the interactive cards are swallowing the pointer events, preventing `onMouseMove` from firing. Furthermore, the hitboxes need to calculate the dynamic `scaleX` and `scaleY` of the cards. Please make these exact 3 changes: 1. ADD A PASSTHROUGH MOVE FUNCTION TO ALL CARDS: - Inside `CreatureCard`, `TerrainCard`, and `EventCard`, add this exact function right above their `self.down` functions: ```javascript self.move = function(x, y, obj) { var globalX = self.x + (x * self.scaleX); var globalY = self.y + (y * self.scaleY); onMouseMove(globalX, globalY); }; 2. FIX THE DESTRUCTIVE HIGHLIGHT LOGIC IN game.move: Locate game.move = function (x, y, obj) { Scroll to the bottom of that function and completely DELETE this entire else block: code JavaScript } else { // Check if mouse is over hand area, if not, hide card info var handY = 2400; var inHandArea = y > handY - 150 && y < handY + 150; if (!inHandArea) { hideCardInfo(); hidePossibleMoves(); } } (Delete it entirely so the function ends after the draggedLinkMarker block). 3. REPLACE onMouseMove WITH SCALE-ACCURATE LOGIC: Replace the entire function onMouseMove(x, y) from top to bottom with this exact code: code JavaScript function onMouseMove(x, y) { var cardUnderMouse = null; // Check hand (reverse order so top cards are checked first) for (var i = playerHand.length - 1; i >= 0; i--) { var card = playerHand[i]; var hw = (card.terrainData ? 126 : 80) * card.scaleX; var hh = (card.terrainData ? 168 : 110) * card.scaleY; if (Math.abs(card.x - x) < hw && Math.abs(card.y - y) < hh) { cardUnderMouse = card; break; } } // Check board if (!cardUnderMouse) { for (var gridY = 0; gridY < planetHeight; gridY++) { for (var gridX = 0; gridX < planetWidth; gridX++) { var terrain = planetBoard[gridY][gridX]; if (terrain) { // 1. Check TOP creature if (terrain.creatureStack && terrain.creatureStack.length > 0) { var topIndex = terrain.creatureStack.length - 1; var topCreature = terrain.creatureStack[topIndex]; var cHW = 80 * topCreature.scaleX; var cHH = 110 * topCreature.scaleY; if (Math.abs(topCreature.x - x) < cHW && Math.abs(topCreature.y - y) < cHH) { cardUnderMouse = topCreature; } // 2. Check LOWER creatures if (!cardUnderMouse && topIndex > 0) { for (var c = topIndex - 1; c >= 0; c--) { var lowerC = terrain.creatureStack[c]; var lHW = 80 * lowerC.scaleX; var lHH = 110 * lowerC.scaleY; var cardBottom = lowerC.y + lHH; if (Math.abs(lowerC.x - x) < lHW && y <= cardBottom && y >= cardBottom - (45 * lowerC.scaleY)) { cardUnderMouse = lowerC; break; } } } } // 3. Check Terrain if (!cardUnderMouse) { var tHW = 126 * terrain.scaleX; var tHH = 168 * terrain.scaleY; if (Math.abs(terrain.x - x) < tHW && Math.abs(terrain.y - y) < tHH) { cardUnderMouse = terrain; } } } if (cardUnderMouse) break; } if (cardUnderMouse) break; } } // Process state changes if (cardUnderMouse && cardUnderMouse !== currentlyHoveredCard) { if (currentlyHoveredCard) clearZoom(); zoomCard(cardUnderMouse); showCardInfo(cardUnderMouse); if (!cardUnderMouse.isInPlay) { showPossibleMoves(cardUnderMouse); } currentlyHoveredCard = cardUnderMouse; } else if (!cardUnderMouse && currentlyHoveredCard) { clearZoom(); hideCardInfo(); hidePossibleMoves(); currentlyHoveredCard = null; } }

User prompt

The zoom and hover logic is still broken because the individual card classes have their own `self.move` events that are overriding the centralized `onMouseMove` global logic. Furthermore, the hitboxes inside `onMouseMove` are too small for the board cards. Please make these exact explicit changes: 1. DELETE INDIVIDUAL HOVER EVENTS: - Go to the `CreatureCard` class and COMPLETELY DELETE the `self.move = function (x, y, obj) { ... }` block. - Go to the `EventCard` class and COMPLETELY DELETE the `self.move = function (x, y, obj) { ... }` block. - Go to the `TerrainCard` class and COMPLETELY DELETE the `self.move = function (x, y, obj) { ... }` block. (Do not delete `self.down`, only delete `self.move`). 2. FIX THE HITBOX MATH IN `onMouseMove`: - Locate the `onMouseMove` function. - Leave the `playerHand` checking loop exactly as it is (cards in hand are smaller). - Find the section that checks the board starting with `if (!cardUnderMouse) { for (var gridY = 0;...` - Replace that entire board-checking nested loop section with this exact logic: if (!cardUnderMouse) { for (var gridY = 0; gridY < planetHeight; gridY++) { for (var gridX = 0; gridX < planetWidth; gridX++) { var terrain = planetBoard[gridY][gridX]; if (terrain) { // Cards on the board are larger. Half-width is 126, half-height is 168. var boardHalfWidth = 126; var boardHalfHeight = 168; // 1. Check TOP creature first if (terrain.creatureStack && terrain.creatureStack.length > 0) { var topIndex = terrain.creatureStack.length - 1; var topCreature = terrain.creatureStack[topIndex]; if (Math.abs(topCreature.x - x) < boardHalfWidth && Math.abs(topCreature.y - y) < boardHalfHeight) { cardUnderMouse = topCreature; } // 2. Check LOWER creatures (only the bottom 45px color band) if (!cardUnderMouse && topIndex > 0) { for (var c = topIndex - 1; c >= 0; c--) { var lowerCreature = terrain.creatureStack[c]; var cardBottom = lowerCreature.y + boardHalfHeight; if (Math.abs(lowerCreature.x - x) < boardHalfWidth && y <= cardBottom && y >= cardBottom - 45) { cardUnderMouse = lowerCreature; break; } } } } // 3. Check Terrain ONLY if no creature was hovered if (!cardUnderMouse) { if (Math.abs(terrain.x - x) < boardHalfWidth && Math.abs(terrain.y - y) < boardHalfHeight) { cardUnderMouse = terrain; } } } if (cardUnderMouse) { break; } } if (cardUnderMouse) { break; } } }

User prompt

The hit-detection inside `onMouseMove` is selecting the terrain instead of the top creature, and it is struggling with the creature stack overlap. I have written the exact spatial math needed to fix this. Please locate the `onMouseMove` function. Inside that function, find the section that begins with `if (!cardUnderMouse) { for (var gridY = 0; ...` Replace that entire board-checking nested loop section with this exact logic: if (!cardUnderMouse) { for (var gridY = 0; gridY < planetHeight; gridY++) { for (var gridX = 0; gridX < planetWidth; gridX++) { var terrain = planetBoard[gridY][gridX]; if (terrain) { // 1. Check TOP creature first if (terrain.creatureStack && terrain.creatureStack.length > 0) { var topIndex = terrain.creatureStack.length - 1; var topCreature = terrain.creatureStack[topIndex]; if (Math.abs(topCreature.x - x) < 80 && Math.abs(topCreature.y - y) < 110) { cardUnderMouse = topCreature; } // 2. Check LOWER creatures (only the bottom 40px color band) if (!cardUnderMouse && topIndex > 0) { for (var c = topIndex - 1; c >= 0; c--) { var lowerCreature = terrain.creatureStack[c]; var cardBottom = lowerCreature.y + 110; if (Math.abs(lowerCreature.x - x) < 80 && y <= cardBottom && y >= cardBottom - 40) { cardUnderMouse = lowerCreature; break; } } } } // 3. Check Terrain ONLY if no creature was hovered if (!cardUnderMouse) { if (Math.abs(terrain.x - x) < 75 && Math.abs(terrain.y - y) < 100) { cardUnderMouse = terrain; } } } if (cardUnderMouse) { break; } } if (cardUnderMouse) { break; } } }

User prompt

Rewrite board-checking logic in onMouseMove to prioritize top creatures, check lower creatures' color bands only, then fallback to terrain

User prompt

I need to adjust the position of the zoomed/cloned cards again, this time back down by 200 pixels. Also please add a yellow text information line at the top of the UI which displays 'Round:' and 'Phase:' information.

User prompt

I need to adjust the position of the zoomed/cloned cards so they stop blocking the card information text at the bottom of the screen. I also need to move the new Scry header text to match that card info text location. Please make these exact explicit changes: 1. MOVE THE ZOOMED CARDS UP: - Locate the `zoomCard(card)` function. - Find the line where the Y position is set for the cloned card (it currently says `clonedCard.y = 680;`). - Change that line to `clonedCard.y = 380;` (subtracting 300 pixels to shift it safely upward and out of the way of the bottom UI). 2. REPOSITION THE SCRY HEADER TEXT: - Locate the `activateScry()` function where we create `scryHeaderText`. - Update its position and anchor properties to exactly match the `cardInfoText` at the bottom of the screen. - Set its properties to: `scryHeaderText.x = 1024;` `scryHeaderText.y = 2700;` `scryHeaderText.anchor.set(0.5, 1);`

User prompt

Please fix the bug: 'roundText is not defined' in or related to this line: 'roundText.setText("Round: " + currentRound);' Line Number: 4701

User prompt

Please fix the bug: 'roundText is not defined' in or related to this line: 'roundText.setText("Round: " + currentRound);' Line Number: 4701

User prompt

I need to refactor the UI text elements for the Round, Phase, and Turn information. AI had trouble with this previously, so please follow these exact explicit steps: 1. REMOVE OLD ROUND TEXT: - Completely delete the variables `roundText` and `roundDisplayText` (around line 600). - Search the entire codebase for `roundText.setText` and `roundDisplayText.setText` (specifically in the `endRound()` and `processDrawPhase()` functions) and delete those lines so the game doesn't crash. 2. UPDATE AND MOVE PHASE TEXT: - Locate the `phaseText` variable declaration. - Change its color to yellow: `fill: 0xFFFF00` - Move it to the top of the UI where the old round text used to be, but 1 line higher. Set its `y = 68` (which is 100 minus its font size of 32). - Ensure it is added to the top UI layer by changing `game.addChild(phaseText);` to `LK.gui.top.addChild(phaseText);` 3. UPDATE THE STRING LOGIC: - Locate the `game.update` function. - Change the text update line to include the round information. It should look exactly like this: `phaseText.setText("Phase: " + gamePhase.toUpperCase() + " | Turn: " + turnNumber + " | Round: " + currentRound);` 4. UPDATE THE RED WARNING TEXT: - Find the red warning text I added (this might be inside `showNextPhaseWarning()` where the fill is red, or the event warning text). - Increase its `size` property by exactly 2 points. - Move it up by 1 line by subtracting 32 from its current `y` position value. Finally, please increase the size of the card information text by 50% and make sure that it can flow into a second line below the 1st rather than disappear from view because it is too long

===================================================================
--- original.js
+++ change.js
@@ -751,15 +751,15 @@
 
 /**** 
 * Game Code
 ****/ 
-// Zoom container for magnified card view
-// Terrain card assets - Land types with green strip
-// Terrain card assets - Water types with blue/grey strip
-// Climate indicator strips
-// Creature card assets
-// Event card asset
 // UI elements
+// Event card asset
+// Creature card assets
+// Climate indicator strips
+// Terrain card assets - Water types with blue/grey strip
+// Terrain card assets - Land types with green strip
+// Zoom container for magnified card view
 var zoomContainer = new Container();
 zoomContainer.x = 0;
 zoomContainer.y = 0;
 LK.gui.center.addChild(zoomContainer);
@@ -3157,36 +3157,39 @@
 	line.scaleY = 0.08; // Thicker line (8% of original height)
 	line.carnivore = carnivore;
 	line.herbivore = herbivore;
 	line.linkIndex = existingLinkCount; // Track which link number this is
-	// Calculate perpendicular offset for second link to avoid stacking
-	var offsetDistance = 0;
-	if (existingLinkCount === 1) {
-		// Second link: offset perpendicular to link direction
-		// Perpendicular direction is 90 degrees from the link angle
-		var perpendicularAngle = angle + Math.PI / 2;
-		offsetDistance = 30; // Offset distance in pixels
+	// Calculate perpendicular offset for multiple links to avoid stacking
+	if (existingLinkCount >= 1) {
+		// 2nd link goes one way (+90 deg), 3rd link goes the opposite way (-90 deg)
+		var perpendicularAngle = existingLinkCount === 1 ? angle + Math.PI / 2 : angle - Math.PI / 2;
+		var offsetDistance = 30; // Offset distance in pixels
 		var offsetX = Math.cos(perpendicularAngle) * offsetDistance;
 		var offsetY = Math.sin(perpendicularAngle) * offsetDistance;
 		// Apply offset to line position
 		line.x += offsetX;
 		line.y += offsetY;
-		// Change second link line to a different color for visualization
-		line.tint = 0xFF00FF; // Magenta/pink for second link
-	}
-	game.addChild(line);
-	// Add X2 indicator if this is the second link
-	if (existingLinkCount === 1) {
-		var x2Indicator = new Text2("X2", {
+		// Change line color and create indicator based on link number
+		var indicatorString = "";
+		if (existingLinkCount === 1) {
+			line.tint = 0xFF00FF; // Magenta for 2nd link
+			indicatorString = "X2";
+		} else {
+			line.tint = 0x00BFFF; // Deep Sky Blue for 3rd link
+			indicatorString = "X3";
+		}
+		// Add the text indicator
+		var linkIndicator = new Text2(indicatorString, {
 			size: 20,
 			fill: 0xFFFFFF
-		}); //{e4_x2}
-		x2Indicator.anchor.set(0.5, 0.5);
-		x2Indicator.x = 0;
-		x2Indicator.y = 0;
-		line.addChild(x2Indicator);
-		x2Indicator.lineOwner = line;
-	} //{e4_x2_end}
+		});
+		linkIndicator.anchor.set(0.5, 0.5);
+		linkIndicator.x = 0;
+		linkIndicator.y = 0;
+		line.addChild(linkIndicator);
+		linkIndicator.lineOwner = line;
+	}
+	game.addChild(line);
 	linkLines.push(line);
 }
 function removeLinkLine(carnivore, herbivore) {
 	for (var i = linkLines.length - 1; i >= 0; i--) {
@@ -4193,15 +4196,15 @@
 		}
 	}
 }
 var gameStatusText = new Text2("Round: 1 | Phase: DAWN | Turn: 1", {
-	size: 32,
+	size: 40,
 	fill: 0xFFFF00
 });
 gameStatusText.anchor.set(0.5, 0);
 gameStatusText.x = 1024;
-gameStatusText.y = 68;
-LK.gui.top.addChild(gameStatusText);
+gameStatusText.y = 60;
+game.addChild(gameStatusText);
 // Link adjustment system variables
 var linkAdjustmentMode = false;
 var adjustLinkButton = null;
 var cardsWithAdjustableLinks = [];
Showing 76 to 100 of 352
1234567...15

Used plugins

@upit/tween
Home
Discover
Play
Profile