class Example extends Phaser.Scene { constructor() { super({ key: 'Example' }); } init() { // Button style configuration this.buttonStyle = { fontFamily: 'Georgia, "Times New Roman", serif', // Fallback to similar gothic fonts fontSize: '28px', color: '#ff0000', shadow: { offsetX: 2, offsetY: 2, color: '#000000', blur: 4, fill: true } }; } preload() { this.load.image('border', 'https://play.rosebud.ai/assets/red baroque-style border frame.png?RwtM'); this.load.image('title', 'https://play.rosebud.ai/assets/New Project (1).png?9ukj'); this.load.image('cardBody', 'https://play.rosebud.ai/assets/Card Body.png?Ored'); this.load.image('legendaryBase', 'https://play.rosebud.ai/assets/Legendary cards base.png?COrm'); } create() { // Start with fade in this.cameras.main.fadeIn(500, 0, 0, 0); // Set the background color to black this.cameras.main.setBackgroundColor('#000000'); // Create gradient effect const gradient = this.add.graphics(); gradient.fillGradientStyle(0xff0000, 0xff0000, 0x000000, 0x000000, 0.2, 0.2, 0, 0.1); gradient.fillRect(0, 0, 800, 600); // Add the border frame const border = this.add.image(400, 300, 'border'); border.setScale(0.8); // Adjust scale as needed // Add the title const title = this.add.image(400, 200, 'title'); title.setScale(0.4); // Reduced scale from 0.6 to 0.4 // Add smooth floating animation to title this.tweens.add({ targets: title, y: title.y - 10, // Move 10 pixels up from current position duration: 1500, ease: 'Sine.easeInOut', yoyo: true, repeat: -1 }); // Create buttons const buttonData = [{ text: 'Start Run', y: 350 }, { text: 'Settings', y: 420 }, { text: 'Gallery', y: 490 }]; buttonData.forEach(data => { const button = this.add.text(400, data.y, data.text, this.buttonStyle) .setOrigin(0.5) .setInteractive(); // Hover effects button.on('pointerover', () => { button.setScale(1.1); button.setColor('#ffffff'); button.setShadow(3, 3, '#ff0000', 6, true); }); button.on('pointerout', () => { button.setScale(1); button.setColor('#ff0000'); button.setShadow(2, 2, '#000000', 4, true); }); button.on('pointerdown', () => { if (data.text === 'Gallery') { this.scene.start('GalleryScene'); } else if (data.text === 'Start Run') { this.showDeckSelection(); } else { console.log(`${data.text} clicked`); } }); }); } showDeckSelection() { // Define the deck options const deckOptions = [{ name: 'Beast Deck', cards: ['stoat', 'goat', 'frog'], preview: ['Stoat (1/3)', 'Goat (2/2)', 'Frog (1/2)'] }, { name: 'Garden Deck', cards: ['carrot', 'carrot', 'beaver'], preview: ['Carrot (1/2)', 'Carrot (1/2)', 'Beaver (2/3)'] }, { name: 'Ant Colony', cards: ['ant', 'flyingant', 'queenant'], preview: ['Ant (1/1)', 'Flying Ant (1/1)', 'Queen Ant (3/3)'] }]; // Create semi-transparent black overlay const overlay = this.add.rectangle(0, 0, 800, 600, 0x000000, 0.8) .setOrigin(0) .setInteractive(); // Add selection title const title = this.add.text(400, 100, 'Choose Your Starting Deck', { fontSize: '36px', color: '#ff0000', fontFamily: 'Georgia', align: 'center' }).setOrigin(0.5); // Create deck selection buttons const deckButtons = deckOptions.map((deck, index) => { const yPos = 200 + (index * 120); // Deck name const nameText = this.add.text(400, yPos, deck.name, { fontSize: '28px', color: '#ff0000', fontFamily: 'Georgia' }).setOrigin(0.5); // Preview text const previewText = this.add.text(400, yPos + 30, deck.preview.join(' • '), { fontSize: '20px', color: '#888888', fontFamily: 'Courier' }).setOrigin(0.5); // Create clickable area const button = this.add.rectangle(400, yPos + 15, 600, 80, 0x000000, 0) .setInteractive() .setOrigin(0.5); // Hover effects button.on('pointerover', () => { nameText.setColor('#ffffff'); previewText.setColor('#ffffff'); }); button.on('pointerout', () => { nameText.setColor('#ff0000'); previewText.setColor('#888888'); }); // Click handler button.on('pointerdown', () => { this.selectDeck(deck.cards); // Cleanup overlay.destroy(); title.destroy(); deckButtons.forEach(btn => { btn.nameText.destroy(); btn.previewText.destroy(); btn.button.destroy(); }); }); return { nameText, previewText, button }; }); } selectDeck(cards) { // Store selected deck this.selectedDeck = cards; console.log('Selected deck:', cards); // Transition to map scene with the selected deck this.scene.start('MapScene', { deck: this.selectedDeck }); } } class Sigils { static DESCRIPTION_STYLE = { fontSize: '16px', color: '#ff0000', fontFamily: 'Courier', align: 'center', backgroundColor: '#000000', padding: { x: 10, y: 5 }, wordWrap: { width: 300 } }; static SIGILS = { boneSacrifice: { name: 'Bone Sacrifice', effect: 'Remove 2 bones to gain +1 attack', image: '🦴↗', onActivate: (card) => { return { removeBones: 2, addPower: 1 }; } }, brittle: { name: 'Brittle', effect: 'Dies after one turn', image: '⌛', onTurnEnd: (card) => { return { die: true }; } }, doubleStrike: { name: 'Double Strike', effect: 'Attacks twice per turn', image: '⚔⚔', onAttack: (card) => { return { attackTwice: true }; } }, bonusOnKill: { name: 'Strike Again', effect: 'If kills opposing card, strike again', image: '↣', onKill: (card) => { return { attackAgain: true }; } }, beeSpawner: { name: 'Bee Spawner', effect: 'When hit, add 1 bee to hand (5% chance for wasp)', image: '🐝+', onDamaged: (card) => { return { addToHand: Math.random() < 0.05 ? 'wasp' : 'bee' }; } }, creepMove: { name: 'Creep Movement', effect: 'Moves after turn, explodes in 2 turns', image: '↔💥', onTurnEnd: (card) => { return { move: ['left', 'right'], countdown: 2, explosion: true }; } }, vampiric: { name: 'Vampiric', effect: 'Gains +2 health per kill', image: '💗+', onKill: (card) => { return { addHealth: 2 }; } }, boneCollector: { name: 'Bone Provider', effect: 'Provides 4 bones on death', image: '🦴4', onDeath: (card) => { return { addBones: 4 }; } }, swim: { name: 'Swim', effect: 'Flips at end of owner\'s turn, allowing direct attacks', image: '~', onTurnEnd: (card) => { return { flip: true, allowDirectAttack: true }; } }, damBuilder: { name: 'Dam Builder', effect: 'Creates 0/2 dams in adjacent spaces', image: '🪵', onPlay: (card) => { return { createAdjacent: 'dam', damHealth: 2 }; } }, killGrowth: { name: 'Bloodthirsty', effect: 'Gains +1 attack for each kill', image: '⚔+', onKill: (card) => { return { addPower: 1 }; } }, dodge: { name: 'Dodge', effect: 'When attacked, leaves behind scales (0/3) to block the attack', image: '⟿', onDefend: (card) => { return { leaveBehind: 'scales', blockAttack: true }; } }, boneCollector: { name: 'Bone Collector', effect: 'Collect +1 bone when killing an opposing card', image: '🦴+', onKill: (card) => { return { addBones: 1 }; } }, antAttack: { name: 'Ant Attack', effect: 'Gains +1 attack for each friendly ant', image: '🐜', onBoard: (card, allCards) => { return { antBonus: true }; } }, antSpawner: { name: 'Ant Spawner', effect: 'When played, adds an ant card to your hand', image: '🐜+', onPlay: (card) => { return { addToHand: 'ant' }; } }, airborne: { name: 'Airborne', effect: 'Attacks directly, ignoring opposing creatures', image: '↑', onAttack: (card, target) => { return { bypassBlocking: true }; } }, bifurcatedStrike: { name: 'Bifurcated Strike', effect: 'Attacks two opposing spaces', image: '⇔', onAttack: (card, target) => { return { additionalTargets: ['left', 'right'] }; } }, trifurcatedStrike: { name: 'Trifurcated Strike', effect: 'Attacks three spaces in a row', image: '⇶', onAttack: (card, target) => { return { additionalTargets: ['left', 'center', 'right'] }; } }, touchOfDeath: { name: 'Touch of Death', effect: 'Instantly kills any creature it damages', image: '☠', onDamage: (card, target) => { return { instantKill: true }; } }, sharpQuills: { name: 'Sharp Quills', effect: 'Deals 1 damage when attacked', image: '✴', onReceiveAttack: (card, attacker) => { return { counterDamage: 1 }; } }, mightyLeap: { name: 'Mighty Leap', effect: 'Blocks Airborne attacks', image: '⤴', onDefend: (card, attacker) => { return { blockAirborne: true }; } }, unkillable: { name: 'Unkillable', effect: 'Returns to hand when killed', image: '↻', onDeath: (card) => { return { returnToHand: true }; } }, leader: { name: 'Leader', effect: 'Adjacent creatures gain +1/+1', image: '👑', onBoard: (card, adjacentCards) => { return { adjacentBonus: { power: 1, health: 1 } }; } }, stink: { name: 'Stink', effect: 'Opposing card deals 1 less damage', image: '≈☁', // Semi circle with wiggly lines onDefend: (card, attacker) => { return { reduceDamage: 1 }; } } } static getSigilEffect(sigilName) { return this.SIGILS[sigilName]?.effect || 'Unknown sigil'; } static getSigilImage(sigilName) { return this.SIGILS[sigilName]?.image || '?'; } } class GalleryScene extends Phaser.Scene { constructor() { super('GalleryScene'); } preload() { // Load all card images this.load.image('dam', 'https://play.rosebud.ai/assets/BLOCK OF WOOD.png?p1pO'); this.load.image('scales', 'https://play.rosebud.ai/assets/SCALES.png?93lg'); this.load.image('wasp', 'https://play.rosebud.ai/assets/Eldritch horror wasp.png?E0hb'); this.load.image('beehive', 'https://play.rosebud.ai/assets/Eldritch horror Beehive.png?jGJM'); this.load.image('bushcreature', 'https://play.rosebud.ai/assets/Eldritch horror Bush creature.png?jFYq'); this.load.image('creeper', 'https://play.rosebud.ai/assets/Eldritch horror creeper.png?uQX5'); this.load.image('vampirebat', 'https://play.rosebud.ai/assets/Eldritch horror vampire bat.png?o9O5'); this.load.image('frog', 'https://play.rosebud.ai/assets/Eldric horror Frog.png?pJZC'); this.load.image('goat', 'https://play.rosebud.ai/assets/eldritch horror Goat.png?zPbv'); this.load.image('dog', 'https://play.rosebud.ai/assets/eldritch horror Dog.png?d0zU'); this.load.image('crow', 'https://play.rosebud.ai/assets/eldritch horror Crow.png?A8u9'); this.load.image('bat', 'https://play.rosebud.ai/assets/eldritch horror bat.png?AjMW'); this.load.image('bee', 'https://play.rosebud.ai/assets/eldritch horror bee.png?qImG'); this.load.image('skunk', 'https://play.rosebud.ai/assets/eldritch horror skunk.png?49uI'); this.load.image('raccoon', 'https://play.rosebud.ai/assets/eldritch horror racoon.png?GtA5'); this.load.image('stoat', 'https://play.rosebud.ai/assets/eldritch horror stoat.png?IME3'); this.load.image('spider', 'https://play.rosebud.ai/assets/eldritch horror spider.png?YfrQ'); this.load.image('mantis', 'https://play.rosebud.ai/assets/eldritch horror Mantis.png?LEMS'); this.load.image('oroborous', 'https://play.rosebud.ai/assets/eldritch horror OROBOROUS.png?PuSi'); this.load.image('lizard', 'https://play.rosebud.ai/assets/eldritch horror LIZARD.png?zXY4'); this.load.image('carrot', 'https://play.rosebud.ai/assets/eldritch horror CARROT.png?kRqf'); this.load.image('ghost', 'https://play.rosebud.ai/assets/eldritch horror GHOST.png?uDln'); this.load.image('skeleton', 'https://play.rosebud.ai/assets/eldritch horror SKELETON.png?2yHA'); this.load.image('squirrel', 'https://play.rosebud.ai/assets/eldritch horror SQUIRREL.png?kXf9'); this.load.image('beaver', 'https://play.rosebud.ai/assets/eldritch horror BEAVER.png?oFW0'); this.load.image('justin', 'https://play.rosebud.ai/assets/eldritch horror JUSTIN BEIBER.png?Vhov'); this.load.image('alligator', 'https://play.rosebud.ai/assets/eldritch horror ALIGATOR.png?oowq'); this.load.image('cthulhu', 'https://play.rosebud.ai/assets/eldritch horror CHTHULU.png?xn40'); this.load.image('ant', 'https://play.rosebud.ai/assets/eldritch horror ANT.png?i4Vk'); this.load.image('queenant', 'https://play.rosebud.ai/assets/eldritch horror QUEEN ANT.png?WT3G'); this.load.image('flyingant', 'https://play.rosebud.ai/assets/eldritch horror FLYING ANT.png?meQL'); this.load.image('wizard', 'https://play.rosebud.ai/assets/eldritch horror wizard blob.png?dtpa'); this.load.image('phoenix', 'https://play.rosebud.ai/assets/eldritch horror phenoix.png?scWs'); this.load.image('treeman', 'https://play.rosebud.ai/assets/eldritch horror Tree man.png?uFSO'); } create() { // Start with fade in this.cameras.main.fadeIn(500, 0, 0, 0); // Set background this.cameras.main.setBackgroundColor('#000000'); // Add gradient effect const gradient = this.add.graphics(); gradient.fillGradientStyle(0xff0000, 0xff0000, 0x000000, 0x000000, 0.2, 0.2, 0, 0.1); gradient.fillRect(0, 0, 800, 600); // Add border const border = this.add.image(400, 300, 'border').setScale(0.8); // Initialize card display this.currentCardIndex = 0; this.cardData = { 'frog': { sigils: ['mightyLeap'], attack: 1, health: 2, cost: { type: 'blood', amount: 1 } }, 'goat': { sigils: [], attack: 2, health: 2, cost: { type: 'blood', amount: 2 } }, 'dog': { sigils: [], attack: 2, health: 1, cost: { type: 'bone', amount: 4 } }, 'crow': { sigils: ['airborne'], attack: 2, health: 3, cost: { type: 'blood', amount: 2 } }, 'bat': { sigils: ['airborne'], attack: 1, health: 1, cost: { type: 'bone', amount: 2 } }, 'bee': { sigils: ['airborne'], attack: 1, health: 1, cost: { type: 'blood', amount: 0 } }, 'skunk': { sigils: ['stink'], attack: 1, health: 3, cost: { type: 'blood', amount: 1 } }, 'raccoon': { sigils: ['boneCollector'], attack: 1, health: 2, cost: { type: 'blood', amount: 1 } }, 'stoat': { sigils: [], attack: 1, health: 3, cost: { type: 'blood', amount: 1 } }, 'spider': { sigils: [], attack: 1, health: 3, cost: { type: 'blood', amount: 1 } }, 'mantis': { sigils: ['bifurcatedStrike'], attack: 1, health: 1, cost: { type: 'blood', amount: 1 } }, 'oroborous': { sigils: ['unkillable'], attack: 1, health: 1, cost: { type: 'blood', amount: 2 } }, 'lizard': { sigils: ['dodge'], attack: 1, health: 3, cost: { type: 'blood', amount: 1 } }, 'carrot': { sigils: [], attack: 1, health: 2, cost: { type: 'blood', amount: 1 } }, 'ghost': { sigils: ['swim'], attack: 1, health: 3, cost: { type: 'blood', amount: 2 } }, 'skeleton': { sigils: ['unkillable'], attack: 1, health: 1, cost: { type: 'bone', amount: 4 } }, 'squirrel': { sigils: [], attack: 0, health: 1, cost: { type: 'blood', amount: 0 } }, 'beaver': { sigils: ['damBuilder'], attack: 2, health: 3, cost: { type: 'blood', amount: 2 } }, 'justin': { sigils: [], attack: 3, health: 3, cost: { type: 'blood', amount: 3 } }, 'alligator': { sigils: ['killGrowth'], attack: 2, health: 2, cost: { type: 'blood', amount: 3 } }, 'cthulhu': { sigils: ['boneSacrifice'], attack: 'Z', health: 15, cost: { type: 'bone', amount: 'Z' } }, 'ant': { sigils: ['leader', 'antAttack'], attack: 1, health: 1, cost: { type: 'blood', amount: 1 } }, 'queenant': { sigils: ['antSpawner', 'leader'], attack: 3, health: 3, cost: { type: 'blood', amount: 3 } }, 'flyingant': { sigils: ['airborne', 'antAttack'], attack: 1, health: 1, cost: { type: 'blood', amount: 2 } }, 'wizard': { sigils: ['brittle', 'unkillable'], attack: 3, health: 1, cost: { type: 'bone', amount: 'Q' } }, 'phoenix': { sigils: ['airborne', 'doubleStrike'], attack: 2, health: 2, cost: { type: 'blood', amount: 4 } }, 'treeman': { sigils: ['boneCollector'], attack: 0, health: 5, cost: { type: 'bone', amount: 1 } }, 'wasp': { sigils: ['bonusOnKill'], attack: 1, health: 2, cost: { type: 'blood', amount: 2 } }, 'beehive': { sigils: ['beeSpawner'], attack: 0, health: 2, cost: { type: 'blood', amount: 1 } }, 'bushcreature': { sigils: ['legendary'], attack: 7, health: 7, cost: { type: 'blood', amount: 4 } }, 'creeper': { sigils: ['creepMove'], attack: 0, health: 3, cost: { type: 'bone', amount: 1 } }, 'vampirebat': { sigils: ['vampiric'], attack: 1, health: 3, cost: { type: 'blood', amount: 2 } } }; this.cards = ['frog', 'goat', 'dog', 'crow', 'bat', 'bee', 'skunk', 'raccoon', 'stoat', 'spider', 'mantis', 'oroborous', 'lizard', 'carrot', 'ghost', 'skeleton', 'squirrel', 'beaver', 'justin', 'alligator', 'cthulhu', 'ant', 'queenant', 'flyingant', 'wizard', 'phoenix', 'treeman', 'wasp', 'beehive', 'bushcreature', 'creeper', 'vampirebat' ]; // Create container for all card elements this.cardContainer = this.add.container(400, 300); // Add card bases (regular and legendary) this.cardBody = this.add.image(0, 0, 'cardBody').setScale(0.5); this.legendaryBase = this.add.image(0, 0, 'legendaryBase').setScale(0.5); // Add card display (creature image) this.cardDisplay = this.add.image(0, 0, this.cards[0]).setScale(0.35); // Add all elements to container in proper order (base first, then creature) this.cardContainer.add([this.cardBody, this.legendaryBase, this.cardDisplay]); // Initially hide legendary base this.legendaryBase.setVisible(false); // Add stats text const statsStyle = { fontSize: '32px', color: '#ff0000', fontFamily: 'Courier', fontWeight: 'bold' }; this.attackText = this.add.text(350, 350, '', statsStyle); this.healthText = this.add.text(450, 350, '', statsStyle); // Add navigation arrows with pixelated style const arrowStyle = { fontSize: '48px', color: '#ff0000', fontFamily: 'Courier' }; const leftArrow = this.add.text(250, 300, '←', arrowStyle).setInteractive(); const rightArrow = this.add.text(550, 300, '→', arrowStyle).setInteractive(); // Add back button const backButton = this.add.text(50, 50, 'Back', { fontSize: '32px', color: '#ff0000', fontFamily: 'Courier' }).setInteractive(); // Add page counter this.pageCounter = this.add.text(400, 500, '', { fontSize: '24px', color: '#ff0000', fontFamily: 'Courier' }).setOrigin(0.5); // Navigation functionality leftArrow.on('pointerdown', () => { this.currentCardIndex = (this.currentCardIndex - 1 + this.cards.length) % this.cards.length; this.updateCardDisplay(); }); rightArrow.on('pointerdown', () => { this.currentCardIndex = (this.currentCardIndex + 1) % this.cards.length; this.updateCardDisplay(); }); backButton.on('pointerdown', () => { // Start fade out effect this.cameras.main.fadeOut(500, 0, 0, 0); this.cameras.main.once(Phaser.Cameras.Scene2D.Events.FADE_OUT_COMPLETE, () => { // Clean up current scene if (this.sigilDisplays) { this.sigilDisplays.forEach(display => display.destroy()); } if (this.sigilTooltip) { this.sigilTooltip.destroy(); } // Simply stop the current scene and start Example scene this.scene.stop('GalleryScene'); this.scene.start('Example'); }); }); // Hover effects [leftArrow, rightArrow, backButton].forEach(button => { button.on('pointerover', () => { button.setScale(1.2); button.setColor('#ffffff'); }); button.on('pointerout', () => { button.setScale(1); button.setColor('#ff0000'); }); }); this.updateCardDisplay(); } updateCardDisplay() { const currentCard = this.cardData[this.cards[this.currentCardIndex]]; // Update stats display if (currentCard) { // Handle ant attack calculation let attack = currentCard.attack || 0; let health = currentCard.health || 1; // Special ant attack display if (this.cards[this.currentCardIndex] === 'ant' || this.cards[this.currentCardIndex] === 'flyingant') { this.attackText.setText('🐜1'); } else if (this.cards[this.currentCardIndex] === 'cthulhu') { this.attackText.setText('Z'); } else if (this.cards[this.currentCardIndex] === 'wizard') { this.attackText.setText('3'); } else { this.attackText.setText(attack.toString()); } this.healthText.setText(health.toString()); // Position stats this.attackText.setPosition(350, 350); this.healthText.setPosition(450, 350); } // Flip animation this.tweens.add({ targets: this.cardDisplay, scaleX: 0, duration: 100, onComplete: () => { const currentCard = this.cardData[this.cards[this.currentCardIndex]]; this.cardDisplay.setTexture(this.cards[this.currentCardIndex]); // Show appropriate card base based on legendary status const isLegendary = ['cthulhu', 'bushcreature'].includes(this.cards[this.currentCardIndex]); this.legendaryBase.setVisible(isLegendary); this.cardBody.setVisible(!isLegendary); this.tweens.add({ targets: this.cardDisplay, scaleX: 0.35, duration: 100 }); // Update page counter this.pageCounter.setText(`Card ${this.currentCardIndex + 1}/${this.cards.length}`); // Clear existing sigil displays if (this.sigilDisplays) { this.sigilDisplays.forEach(display => display.destroy()); } if (this.sigilTooltip) { this.sigilTooltip.destroy(); } this.sigilDisplays = []; // Display sigils if the card has any if (this.cardData[this.cards[this.currentCardIndex]]) { const sigils = this.cardData[this.cards[this.currentCardIndex]].sigils; const spacing = 50; // Space between sigils const startX = 400 - ((sigils.length - 1) * spacing) / 2; // Create tooltip container this.sigilTooltip = this.add.text(400, 500, '', Sigils.DESCRIPTION_STYLE) .setOrigin(0.5) .setAlpha(0); sigils.forEach((sigil, index) => { const sigilContainer = this.add.container(startX + (index * spacing), 450); // Add sigil symbol const sigilText = this.add.text(0, 0, Sigils.getSigilImage(sigil), { fontSize: '32px', color: '#ff0000', fontFamily: 'Courier' }).setOrigin(0.5); // Add interactive background const hitArea = this.add.circle(0, 0, 25, 0xff0000, 0) .setInteractive(); sigilContainer.add([hitArea, sigilText]); // Hover effects hitArea.on('pointerover', () => { sigilText.setScale(1.2); sigilText.setColor('#ffffff'); // Show tooltip with description this.sigilTooltip.setText(Sigils.getSigilEffect(sigil)); this.sigilTooltip.setAlpha(1); // Add visual effect this.tweens.add({ targets: sigilContainer, y: 440, duration: 200, ease: 'Sine.easeOut' }); }); hitArea.on('pointerout', () => { sigilText.setScale(1); sigilText.setColor('#ff0000'); this.sigilTooltip.setAlpha(0); // Reset position this.tweens.add({ targets: sigilContainer, y: 450, duration: 200, ease: 'Sine.easeOut' }); }); this.sigilDisplays.push(sigilContainer); }); } } }); } } // Map node types const MAP_NODES = { START: { symbol: '👤', color: 0x00ff00 }, BATTLE: { symbol: '💀', color: 0xff0000 }, CARD: { symbol: '🎴', color: 0x0000ff }, SACRIFICE: { symbol: '✟', color: 0xff00ff }, BOSS: { symbol: '👑💀', color: 0xffff00 } }; class MapScene extends Phaser.Scene { constructor() { super('MapScene'); } init(data) { this.playerDeck = data.deck; } preload() { // Load node icons this.load.image('skeleton', 'https://play.rosebud.ai/assets/eldritch horror SKELETON.png?2yHA'); this.load.image('cardBody', 'https://play.rosebud.ai/assets/Card Body.png?Ored'); } create() { // Set black background this.cameras.main.setBackgroundColor('#000000'); // Add gradient effect const gradient = this.add.graphics(); gradient.fillGradientStyle(0xff0000, 0xff0000, 0x000000, 0x000000, 0.2, 0.2, 0, 0.1); gradient.fillRect(0, 0, 800, 600); // Initialize map data structure this.initializeMap(); } createNode(x, y, type) { const nodeConfig = MAP_NODES[type]; const container = this.add.container(x, y); // Create background circle const circle = this.add.circle(0, 0, 25, 0x000000); circle.setStrokeStyle(2, nodeConfig.color); // Add symbol text const symbol = this.add.text(0, 0, nodeConfig.symbol, { fontSize: '32px', color: '#ffffff' }).setOrigin(0.5); // Make container interactive container.add([circle, symbol]); container.setSize(50, 50); container.setInteractive(); // Add properties to track node state container.accessible = false; container.visited = false; container.nodeType = type; // Add hover effects container.on('pointerover', () => { if (container.accessible) { circle.setFillStyle(0x300000); symbol.setScale(1.2); } }); container.on('pointerout', () => { circle.setFillStyle(container.accessible ? 0x200000 : 0x000000); symbol.setScale(1); }); // Add click handler container.on('pointerdown', () => { if (container.accessible && !container.visited) { this.moveToNode(container); } }); return container; } initializeMap() { this.nodes = []; this.paths = []; // Constants for map layout const LAYERS = 8; // 0 to 7 const LAYER_SPACING = 60; // Reduced spacing to fit more layers const NODE_SPACING = 120; const BASE_Y = 500; // Generate nodes layer by layer for (let layer = 0; layer < LAYERS; layer++) { const y = BASE_Y - (layer * LAYER_SPACING); let nodes = []; if (layer === 0) { // Start node (player position) nodes.push(this.createNode(400, y, 'START')); } else if (layer === 1) { // First battle node (always single) nodes.push(this.createNode(400, y, 'BATTLE')); // Create path from start to first battle this.createPath(this.nodes[0][0], nodes[0]); nodes[0].accessible = true; // First battle is always accessible } else if (layer === LAYERS - 1) { // Boss node (final layer) nodes.push(this.createNode(400, y, 'BOSS')); // Connect all nodes from previous layer to boss this.nodes[layer - 1].forEach(prevNode => { this.createPath(prevNode, nodes[0]); }); } else { // Layers 2-4: Random between single path and branch const shouldBranch = Math.random() > 0.5; const prevLayerNodes = this.nodes[layer - 1]; if (shouldBranch && prevLayerNodes.length === 1) { // Create two nodes with random types const types = this.getRandomNodeTypes(2); nodes.push( this.createNode(400 - NODE_SPACING, y, types[0]), this.createNode(400 + NODE_SPACING, y, types[1]) ); // Connect previous node to both new nodes nodes.forEach(node => { this.createPath(prevLayerNodes[0], node); }); } else { // Single path const type = this.getRandomNodeTypes(1)[0]; nodes.push(this.createNode(400, y, type)); // Connect previous nodes to new node prevLayerNodes.forEach(prevNode => { this.createPath(prevNode, nodes[0]); }); } } this.nodes.push(nodes); } } getRandomNodeTypes(count) { const types = ['BATTLE', 'CARD', 'SACRIFICE']; const selected = []; for (let i = 0; i < count; i++) { selected.push(types[Math.floor(Math.random() * types.length)]); } return selected; } createPath(fromNode, toNode) { const line = this.add.graphics(); line.lineStyle(3, 0xff0000, 0.8); line.beginPath(); line.moveTo(fromNode.x, fromNode.y); line.lineTo(toNode.x, toNode.y); line.strokePath(); this.paths.push(line); } moveToNode(targetNode) { // Find current player position (last visited node or start node) let currentNode = this.nodes.flat().find(node => node.visited) || this.nodes[0][0]; // Create movement animation const playerMarker = this.add.text(currentNode.x, currentNode.y, '👤', { fontSize: '32px' }).setOrigin(0.5); this.tweens.add({ targets: playerMarker, x: targetNode.x, y: targetNode.y, duration: 500, ease: 'Power2', onComplete: () => { playerMarker.destroy(); // Mark the node as visited targetNode.visited = true; // Update accessibility of next nodes this.updateNodeAccessibility(); // Start the appropriate scene based on node type this.startNodeScene(targetNode); } }); } updateNodeAccessibility() { // Reset all nodes to inaccessible this.nodes.flat().forEach(node => { node.accessible = false; node.setAlpha(0.5); }); // Find the current layer (where the visited node is) const currentLayer = this.nodes.findIndex(layer => layer.some(node => node.visited) ); // Make next layer's connected nodes accessible if (currentLayer < this.nodes.length - 1) { const nextLayer = this.nodes[currentLayer + 1]; nextLayer.forEach(node => { node.accessible = true; node.setAlpha(1); }); } } startNodeScene(node) { switch (node.nodeType) { case 'BATTLE': this.scene.start('FightScene', { deck: this.playerDeck, returnScene: 'MapScene' }); break; case 'BOSS': this.scene.start('FightScene', { deck: this.playerDeck, isBoss: true, returnScene: 'MapScene' }); break; case 'CARD': // TODO: Implement card reward scene console.log('Card reward node clicked'); break; case 'SACRIFICE': // TODO: Implement sacrifice scene console.log('Sacrifice node clicked'); break; } } } class FightScene extends Phaser.Scene { constructor() { super('FightScene'); } init(data) { this.playerDeck = data.deck; this.squirrelDeck = Array(20).fill('squirrel'); this.playerHand = []; this.opponentBoard = Array(4).fill(null); this.playerBoard = Array(4).fill(null); this.damageScale = 0; this.sacrificeMode = false; this.selectedCard = null; this.markedForSacrifice = []; this.bones = 0; this.cardHealth = {}; // Track card health this.currentWave = 0; this.waves = [{ description: "Squirrel Wave", cards: ['squirrel', 'squirrel', null, 'squirrel'] }, { description: "Wolf Pack", cards: ['stoat', 'stoat', 'stoat', 'stoat'] }, { description: "Final Stand", cards: ['queenant', 'goat', 'goat', 'queenant'] }]; // Card costs lookup this.cardCosts = { 'squirrel': { type: 'blood', amount: 0 }, 'ant': { type: 'blood', amount: 1 }, 'stoat': { type: 'blood', amount: 1 }, 'goat': { type: 'blood', amount: 2 }, 'frog': { type: 'blood', amount: 1 }, 'beaver': { type: 'blood', amount: 2 }, 'carrot': { type: 'blood', amount: 1 }, 'flyingant': { type: 'blood', amount: 2 }, 'queenant': { type: 'blood', amount: 3 } }; } preload() { // Load UI elements this.load.image('bell', 'https://play.rosebud.ai/assets/red baroque-style border frame.png?RwtM'); this.load.image('cardBack', 'https://play.rosebud.ai/assets/Card Body.png?Ored'); this.load.image('cardBody', 'https://play.rosebud.ai/assets/Card Body.png?Ored'); // Load all card images this.load.image('stoat', 'https://play.rosebud.ai/assets/eldritch horror stoat.png?IME3'); this.load.image('goat', 'https://play.rosebud.ai/assets/eldritch horror Goat.png?zPbv'); this.load.image('frog', 'https://play.rosebud.ai/assets/Eldric horror Frog.png?pJZC'); this.load.image('squirrel', 'https://play.rosebud.ai/assets/eldritch horror SQUIRREL.png?kXf9'); this.load.image('beaver', 'https://play.rosebud.ai/assets/eldritch horror BEAVER.png?oFW0'); this.load.image('carrot', 'https://play.rosebud.ai/assets/eldritch horror CARROT.png?kRqf'); this.load.image('ant', 'https://play.rosebud.ai/assets/eldritch horror ANT.png?i4Vk'); this.load.image('flyingant', 'https://play.rosebud.ai/assets/eldritch horror FLYING ANT.png?meQL'); this.load.image('queenant', 'https://play.rosebud.ai/assets/eldritch horror QUEEN ANT.png?WT3G'); } create() { // Set black background with red gradient this.cameras.main.setBackgroundColor('#000000'); const gradient = this.add.graphics(); gradient.fillGradientStyle(0xff0000, 0xff0000, 0x000000, 0x000000, 0.2, 0.2, 0, 0.1); gradient.fillRect(0, 0, 800, 600); // Create game board grid this.createGameBoard(); // Create decks this.createDecks(); // Create UI elements this.createUI(); // Initial draw this.initialDraw(); } createGameBoard() { // Store grid dimensions as class properties for reference this.gridWidth = 80; this.gridHeight = 120; this.gridSpacing = 10; this.cardScale = 0.3; // Scale for cards to fit inside grid const startX = 200; const startY = 150; // Create opponent's row this.opponentSlots = []; for (let i = 0; i < 4; i++) { const x = startX + i * (this.gridWidth + this.gridSpacing); const slot = this.add.rectangle(x, startY, this.gridWidth, this.gridHeight); slot.setStrokeStyle(2, 0xff0000); slot.setFillStyle(0x000000, 0); this.opponentSlots.push(slot); } // Create player's row this.playerSlots = []; for (let i = 0; i < 4; i++) { const x = startX + i * (this.gridWidth + this.gridSpacing); const slot = this.add.rectangle(x, startY + this.gridHeight + this.gridSpacing, this.gridWidth, this.gridHeight); slot.setStrokeStyle(2, 0xff0000); slot.setFillStyle(0x000000, 0); slot.setInteractive(); this.playerSlots.push(slot); // Add hover effect and click handler slot.on('pointerover', () => { if (this.selectedCard) { slot.setFillStyle(0x300000, 0.5); } else { slot.setFillStyle(0x300000, 0.3); } }); slot.on('pointerout', () => { if (this.selectedCard) { slot.setFillStyle(0x300000, 0.2); } else { slot.setFillStyle(0x000000, 0); } }); slot.on('pointerdown', () => { if (this.selectedCard && !this.sacrificeMode && !this.playerBoard[i]) { this.placeCardInSlot(this.selectedCard, i); this.selectedCard = null; this.resetSlots(); } }); } } createDecks() { // Create deck covers (grey rectangles) const deckWidth = this.gridWidth; const deckHeight = this.gridHeight; // Main deck const mainDeckCover = this.add.rectangle(650, 500, deckWidth, deckHeight, 0x333333); mainDeckCover.setStrokeStyle(2, 0xff0000); mainDeckCover.setInteractive(); // Squirrel deck const squirrelDeckCover = this.add.rectangle(750, 500, deckWidth, deckHeight, 0x333333); squirrelDeckCover.setStrokeStyle(2, 0xff0000); squirrelDeckCover.setInteractive(); // Add counter texts this.mainDeckCount = this.add.text(650, 550, this.playerDeck.length.toString(), { fontSize: '24px', color: '#ff0000' }).setOrigin(0.5); this.squirrelDeckCount = this.add.text(750, 550, this.squirrelDeck.length.toString(), { fontSize: '24px', color: '#ff0000' }).setOrigin(0.5); // Store references this.mainDeck = mainDeckCover; this.squirrelDeckUI = squirrelDeckCover; } createUI() { // Create bell this.bell = this.add.image(100, 400, 'bell') .setScale(0.2) .setInteractive(); this.bell.on('pointerdown', () => { this.endTurn(); }); // Create damage scale this.createDamageScale(); } createDamageScale() { // Create scale container const scaleX = 100; const scaleY = 300; // Add bone counter this.boneCounter = this.add.text(50, 200, '🦴 0', { fontSize: '32px', color: '#ff0000' }); // Create scale background const scaleBg = this.add.graphics(); scaleBg.lineStyle(2, 0xff0000); scaleBg.strokeRect(scaleX - 20, scaleY - 100, 40, 200); // Create scale marker this.scaleMarker = this.add.graphics(); this.updateScaleMarker(); // Add scale labels this.add.text(scaleX, scaleY - 110, '+5', { fontSize: '16px', color: '#ff0000' }).setOrigin(0.5); this.add.text(scaleX, scaleY + 110, '-5', { fontSize: '16px', color: '#ff0000' }).setOrigin(0.5); // Add bell emoticon under the scale const bell = this.add.text(scaleX, scaleY + 140, '🔔', { fontSize: '32px', color: '#ff0000' }).setOrigin(0.5); // Add interactivity to bell bell.setInteractive(); bell.on('pointerover', () => { bell.setScale(1.2); }); bell.on('pointerout', () => { bell.setScale(1); }); bell.on('pointerdown', () => { this.endTurn(); }); } updateScaleMarker() { this.scaleMarker.clear(); this.scaleMarker.fillStyle(0xff0000); const y = 300 + (this.damageScale * -20); // 20 pixels per damage point this.scaleMarker.fillRect(70, y - 2, 60, 4); } initialDraw() { this.playerHandUI = []; // Store hand card UI elements // Draw 2 cards from main deck for (let i = 0; i < 2; i++) { if (this.playerDeck.length > 0) { const card = this.playerDeck.pop(); this.playerHand.push(card); this.createHandCard(card, this.playerHand.length - 1); } } // Draw 1 squirrel if (this.squirrelDeck.length > 0) { const squirrel = this.squirrelDeck.pop(); this.playerHand.push(squirrel); this.createHandCard(squirrel, this.playerHand.length - 1); } // Update deck counts this.mainDeckCount.setText(this.playerDeck.length.toString()); this.squirrelDeckCount.setText(this.squirrelDeck.length.toString()); } createHandCard(cardType, handPosition) { const cardSpacing = this.gridWidth + 10; const startX = 400 - ((this.playerHand.length - 1) * cardSpacing) / 2; const y = 550; // Create card container const cardContainer = this.add.container(startX + (handPosition * cardSpacing), y); // Store the card type cardContainer.cardType = cardType; // Create card background (smaller scale) const cardBg = this.add.image(0, 0, 'cardBody') .setScale(0.15) // Reduced from 0.3 .setTint(0xcccccc); // Slightly lighter than the deck // Create card image (proportionally smaller) const cardImage = this.add.image(0, -5, cardType) .setScale(0.12); // Reduced from 0.24 // Add to container cardContainer.add([cardBg, cardImage]); cardContainer.setSize(this.gridWidth * 0.5, this.gridHeight * 0.5); cardContainer.setInteractive(); // Add hover and click effects cardContainer.on('pointerover', () => { if (!this.sacrificeMode || cardContainer !== this.selectedCard) { cardContainer.setScale(1.1); } }); cardContainer.on('pointerout', () => { if (!this.sacrificeMode || cardContainer !== this.selectedCard) { cardContainer.setScale(1); } }); cardContainer.on('pointerdown', () => { if (!this.selectedCard) { // Select the card for potential sacrifice or placement this.selectedCard = cardContainer; cardContainer.setScale(1.2); // Show cancel button this.cancelButton = this.add.text(700, 50, '❌ Cancel', { fontSize: '24px', color: '#ff0000' }) .setInteractive() .on('pointerdown', () => { this.cancelSacrificeMode(); this.selectedCard = null; cardContainer.setScale(1); }); // Show info text const cost = this.cardCosts[cardType]?.amount || 0; this.sacrificeText = this.add.text(400, 50, `Select cards on the grid to mark for death`, { fontSize: '24px', color: '#ff0000' }).setOrigin(0.5); } }); // Store reference to card UI this.playerHandUI.push(cardContainer); } endTurn() { // Process player attacks this.playerBoard.forEach((cardType, index) => { if (cardType) { this.processAttack(cardType, index); } }); // Update damage scale this.updateScaleMarker(); // Process opponent's turn after a short delay this.time.delayedCall(1000, () => { this.processOpponentTurn(); }); } processOpponentTurn() { if (this.currentWave < this.waves.length) { // Show wave announcement const waveText = this.add.text(400, 100, `Wave ${this.currentWave + 1}: ${this.waves[this.currentWave].description}`, { fontSize: '32px', color: '#ff0000', align: 'center' }) .setOrigin(0.5); // Fade out announcement this.tweens.add({ targets: waveText, alpha: 0, duration: 2000, onComplete: () => { waveText.destroy(); } }); // Deploy wave cards with animation this.waves[this.currentWave].cards.forEach((cardType, index) => { if (cardType && !this.opponentBoard[index]) { this.deployOpponentCard(cardType, index); } }); // Process opponent attacks after card deployment this.time.delayedCall(1500, () => { this.opponentBoard.forEach((cardType, index) => { if (cardType) { this.processOpponentAttack(cardType, index); } }); }); this.currentWave++; } else { this.showVictoryScreen(); } } deployOpponentCard(cardType, index) { const slot = this.opponentSlots[index]; const card = this.add.container(slot.x, -100); const cardBg = this.add.image(0, 0, 'cardBody').setScale(0.15); const cardImage = this.add.image(0, -5, cardType).setScale(0.12); card.add([cardBg, cardImage]); this.tweens.add({ targets: card, y: slot.y, duration: 500, ease: 'Bounce.easeOut', onComplete: () => { this.opponentBoard[index] = cardType; } }); } processOpponentAttack(cardType, index) { const attackValue = this.getCardAttack(cardType); if (this.playerBoard[index]) { const targetCard = this.playerBoard[index]; // Initialize health if not set if (!this.cardHealth[`player_${index}`]) { this.cardHealth[`player_${index}`] = this.getCardHealth(targetCard); } // Create attack animation this.createAttackAnimation( this.opponentSlots[index].x, this.opponentSlots[index].y, this.playerSlots[index].x, this.playerSlots[index].y ); // Check for marked for death const cardContainer = this.children.list.find(child => child.type === 'Container' && child.x === this.playerSlots[index].x && child.y === this.playerSlots[index].y ); // Check if card is marked for death through multiple conditions const isMarkedForDeath = ( // Check if card is in markedForSacrifice array this.markedForSacrifice.includes(cardContainer) || // Check if card container has death mark cardContainer.list?.some(child => child.text === '💀') || // Check by position matching this.markedForSacrifice.some(marked => marked.x === cardContainer.x && marked.y === cardContainer.y ) ); if (isMarkedForDeath) { // Instant death for marked cards this.bones++; if (targetCard === 'squirrel') { this.bones++; // Extra bone for squirrel } this.boneCounter.setText(`🦴 ${this.bones}`); // Remove the card with visual effect this.cameras.main.flash(100, 255, 0, 0); // Clear all references delete this.cardHealth[`player_${index}`]; this.playerBoard[index] = null; // Remove from marked for sacrifice array this.markedForSacrifice = this.markedForSacrifice.filter( marked => marked !== cardContainer ); // Destroy the container cardContainer.destroy(); } else { // Normal damage processing this.cardHealth[`player_${index}`] -= attackValue; // Check for death if (this.cardHealth[`player_${index}`] <= 0) { // Add bone for death this.bones++; if (targetCard === 'squirrel') { this.bones++; // Extra bone for squirrel } this.boneCounter.setText(`🦴 ${this.bones}`); // Remove the card delete this.cardHealth[`player_${index}`]; this.playerBoard[index] = null; cardContainer.destroy(); } } } else { this.damageScale -= attackValue; this.createAttackAnimation( this.opponentSlots[index].x, this.opponentSlots[index].y, this.playerSlots[index].x, 550 ); } } showVictoryScreen() { const victoryText = this.add.text(400, 300, 'Victory!\nYou have survived all waves!', { fontSize: '48px', color: '#ff0000', align: 'center' }) .setOrigin(0.5); const returnButton = this.add.text(400, 400, 'Return to Map', { fontSize: '32px', color: '#ff0000', align: 'center' }) .setOrigin(0.5) .setInteractive() .on('pointerdown', () => { this.scene.start('MapScene'); }); } processAttack(cardType, index) { const attackValue = this.getCardAttack(cardType); if (this.opponentBoard[index]) { const targetCard = this.opponentBoard[index]; // Initialize health if not set if (!this.cardHealth[`opponent_${index}`]) { this.cardHealth[`opponent_${index}`] = this.getCardHealth(targetCard); } // Create attack animation this.createAttackAnimation( this.playerSlots[index].x, this.playerSlots[index].y, this.opponentSlots[index].x, this.opponentSlots[index].y ); // Reduce health this.cardHealth[`opponent_${index}`] -= attackValue; // Check for death if (this.cardHealth[`opponent_${index}`] <= 0) { // Add bone for kill this.bones++; if (targetCard === 'squirrel') { this.bones++; // Extra bone for squirrel } this.boneCounter.setText(`🦴 ${this.bones}`); // Remove the card delete this.cardHealth[`opponent_${index}`]; this.opponentBoard[index] = null; // Find and destroy the card container const cardContainers = this.children.list.filter(child => child.type === 'Container' && child.x === this.opponentSlots[index].x && child.y === this.opponentSlots[index].y ); cardContainers.forEach(container => container.destroy()); } } else { // Direct attack this.damageScale += attackValue; this.createAttackAnimation( this.playerSlots[index].x, this.playerSlots[index].y, this.opponentSlots[index].x, 50 ); } } getCardAttack(cardType) { // Define attack values for each card type const attackValues = { 'squirrel': 0, 'stoat': 1, 'goat': 2, 'frog': 1, 'beaver': 2, 'carrot': 1, 'ant': 1, 'flyingant': 1, 'queenant': 3 }; return attackValues[cardType] || 0; } createAttackAnimation(startX, startY, endX, endY) { // Create attack effect const attackEffect = this.add.text(startX, startY, '⚔️', { fontSize: '32px' }).setOrigin(0.5); // Animate the attack this.tweens.add({ targets: attackEffect, x: endX, y: endY, duration: 500, ease: 'Power2', onComplete: () => { // Flash effect at impact this.cameras.main.flash(100, 255, 0, 0); attackEffect.destroy(); } }); } startSacrificeMode(cardContainer, cardType) { this.sacrificeMode = true; this.selectedCard = cardContainer; this.markedForSacrifice = []; // Reset current amount to original amount this.cardCosts[cardType].currentAmount = this.cardCosts[cardType].amount; // Visual feedback for selected card cardContainer.setScale(1.2); // Add cancel button this.cancelButton = this.add.text(700, 50, '❌ Cancel', { fontSize: '24px', color: '#ff0000' }) .setInteractive() .on('pointerdown', () => this.cancelSacrificeMode()); // Add info text this.sacrificeText = this.add.text(400, 50, `Blood cost remaining: ${this.cardCosts[cardType].currentAmount}`, { fontSize: '24px', color: '#ff0000' }).setOrigin(0.5); } markForSacrifice(cardContainer) { // Only allow marking cards that are on the grid if (!cardContainer.isGridCard) { return; } if (!this.markedForSacrifice.includes(cardContainer)) { // Add the card to marked for sacrifice list this.markedForSacrifice.push(cardContainer); // Add death mark overlay const cross = this.add.text(0, 0, '💀', { fontSize: '32px', color: '#ff0000' }).setOrigin(0.5); cardContainer.add(cross); // Reduce the cost of the selected card const selectedCardType = this.selectedCard.cardType; const currentCost = this.cardCosts[selectedCardType]?.amount || 0; if (currentCost > 0) { this.cardCosts[selectedCardType].currentAmount = (this.cardCosts[selectedCardType].currentAmount || currentCost) - 1; // Update the sacrifice text if (this.sacrificeText) { const remainingCost = this.cardCosts[selectedCardType].currentAmount; this.sacrificeText.setText( remainingCost > 0 ? `Select creatures to mark for death (Cost: ${remainingCost})` : 'Click a slot to place the card' ); } // If cost is now 0, enable slot placement if (this.cardCosts[selectedCardType].currentAmount <= 0) { this.highlightAvailableSlots(); this.playerSlots.forEach((slot, index) => { if (!this.playerBoard[index]) { slot.once('pointerdown', () => { this.completeSacrifice(slot); }); } }); } } else { // For free cards like squirrels this.highlightAvailableSlots(); } } } completeSacrifice(targetSlot) { if (!this.selectedCard) return; // Guard clause const selectedCardType = this.selectedCard.cardType; if (!selectedCardType) return; // Guard clause // Store card information before destroying anything const cardToPlace = { type: selectedCardType, container: this.selectedCard }; // Instant death for marked cards this.markedForSacrifice.forEach(card => { if (!card) return; // Skip if card is null // Find and clear the board slot const index = this.playerBoard.indexOf(card.cardType); if (index > -1) { this.playerBoard[index] = null; } // Flash effect and destroy this.cameras.main.flash(100, 255, 0, 0); card.destroy(); }); // Place the selected card after a short delay this.time.delayedCall(600, () => { const slotIndex = this.playerSlots.indexOf(targetSlot); if (slotIndex > -1) { this.placeCardInSlot(cardToPlace.container, slotIndex); } // Clean up this.cancelSacrificeMode(); }); } cancelSacrificeMode() { this.sacrificeMode = false; // Reset selected card if (this.selectedCard) { this.selectedCard.setScale(1); this.selectedCard = null; } // Remove crosses from marked cards this.markedForSacrifice.forEach(card => { const cross = card.getAt(card.length - 1); if (cross) cross.destroy(); }); this.markedForSacrifice = []; // Remove UI elements if (this.cancelButton) this.cancelButton.destroy(); if (this.sacrificeText) this.sacrificeText.destroy(); // Reset slot interactivity this.playerSlots.forEach(slot => { slot.setFillStyle(0x000000, 0); slot.removeInteractive(); }); } placeCardInSlot(cardContainer, slotIndex) { const slot = this.playerSlots[slotIndex]; const cardType = this.playerHand[this.playerHandUI.indexOf(cardContainer)]; // Create new card in the slot const placedCard = this.add.container(slot.x, slot.y); placedCard.isGridCard = true; // Mark this as a grid card const cardBg = this.add.image(0, 0, 'cardBody').setScale(0.15); const cardImage = this.add.image(0, -5, cardType).setScale(0.12); placedCard.add([cardBg, cardImage]); // Make the placed card interactive placedCard.setSize(this.gridWidth, this.gridHeight); placedCard.setInteractive(); // Add hover effects for placed card placedCard.on('pointerover', () => { placedCard.setScale(1.1); }); placedCard.on('pointerout', () => { placedCard.setScale(1.0); }); placedCard.on('pointerdown', () => { if (this.selectedCard && placedCard.isGridCard) { // Only allow marking for death if it's a grid card this.markForSacrifice(placedCard); } }); // Store reference to the card container placedCard.cardType = cardType; // Update game state this.playerBoard[slotIndex] = cardType; // Remove card from hand const handIndex = this.playerHandUI.indexOf(cardContainer); this.playerHand.splice(handIndex, 1); cardContainer.destroy(); this.playerHandUI.splice(handIndex, 1); } resetSlots() { this.playerSlots.forEach(slot => { slot.setFillStyle(0x000000, 0); }); } highlightAvailableSlots() { this.playerSlots.forEach((slot, index) => { if (!this.playerBoard[index]) { slot.setFillStyle(0x300000, 0.3); slot.setInteractive(); } }); } getCardHealth(cardType) { // Define health values for each card type const healthValues = { 'squirrel': 1, 'stoat': 3, 'goat': 2, 'frog': 2, 'beaver': 3, 'carrot': 2, 'ant': 1, 'flyingant': 1, 'queenant': 3 }; return healthValues[cardType] || 1; } } const config = { type: Phaser.AUTO, parent: 'renderDiv', scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, }, width: 800, height: 600, scene: [Example, GalleryScene, MapScene, FightScene] }; window.phaserGame = new Phaser.Game(config);