//main v0.47 // Updated with combat v0.65 and crisis radar v0.5 // Restored music to the placeholder combat scene // Credits: //Interface graphics in the Bridge scene (mercenary selection screen) were based on assets by SunGraphica. // Check out Sungraphica's itch.io site at: https://sungraphica.itch.io/ // All other GUI graphics and portraits hand drawn by the game author. // All sprites hand drawn and animated manually by the game author. // Static backgrounds partially based on assets generated using Midjourney (to be replaced with fully // original graphics eventually!). // Sample face animation made from a hand drawn sprite using Nero (before I discovered Tokkingheads!). // Music generated using Suno. // Sounds generated using MyEdit. class TitleScreen extends Phaser.Scene { constructor() { super('TitleScreen'); this.particles = null; this.curve = null; this.emitter = null; this.curveProgress = 0; } preload() { this.load.image('mask_title', `https://play.rosebud.ai/assets/mask.png.png?1sAD`); this.load.image('title', `https://play.rosebud.ai/assets/title_320x240.png.png?NCEC`); this.load.image('red', `https://play.rosebud.ai/assets/particle.png.png?XDuT`); this.load.image('newgamebtn', `https://play.rosebud.ai/assets/320x240_button_newgame.png.png?mQKo`); this.load.image('newgamebtnHover', `https://play.rosebud.ai/assets/320x240_button_newgame_overlay.png.png?h8JE`); this.load.image('loadgamebtn', `https://play.rosebud.ai/assets/320x240_button_loadgame.png.png?njHM`); this.load.image('loadgamebtnHover', `https://play.rosebud.ai/assets/320x240_button_loadgame_overlay.png.png?MYZH`); this.load.audio('music_title', `https://play.rosebud.ai/assets/title.mp3.mp3?kJI1`); } create() { this.add.image(160, 120, 'title'); let music = this.sound.add('music_title', { loop: true }); music.play(); // Create buttons const btn_newgame = this.add.image(72, 213, 'newgamebtn').setInteractive(); const btn_loadgame = this.add.image(242, 213, 'loadgamebtn').setInteractive(); // Add hover effect to buttons btn_newgame.on('pointerover', () => btn_newgame.setTexture('newgamebtnHover')); btn_newgame.on('pointerout', () => btn_newgame.setTexture('newgamebtn')); btn_newgame.on('pointerup', () => { // music.fadeOut(2000); music.stop(); this.scene.start('HomeScreen') console.log('Button clicked'); }); btn_loadgame.on('pointerover', () => btn_loadgame.setTexture('loadgamebtnHover')); btn_loadgame.on('pointerout', () => btn_loadgame.setTexture('loadgamebtn')); btn_loadgame.on('pointerup', () => { music.stop(); // Add your button click logic here console.log('Button clicked'); }); // Create the mask const maskImage = this.make.image({ x: 160, y: 50, key: 'mask_title', add: false }); const mask = maskImage.createBitmapMask(); this.particles = this.add.particles('red'); // Apply the mask to the particles this.particles.setMask(mask); // Create a new bezier path this.curve = new Phaser.Curves.CubicBezier(new Phaser.Math.Vector2(13, 110), new Phaser.Math.Vector2(163, 10), new Phaser.Math.Vector2(163, 10), new Phaser.Math.Vector2(313, 110)); this.emitter = this.particles.createEmitter({ speed: 30, lifespan: 9000, // in milliseconds, adjust for desired arc duration scale: { start: 0.03, end: 0 }, blendMode: 'EXCLUSION', onParticleUpdate: (particle) => { const point = this.curve.getPoint(this.curveProgress); particle.setPosition(point.x, point.y); } }); } update() { // Increment the curve progress this.curveProgress += 0.01; // Ensure curveProgress stays between 0 and 1 if (this.curveProgress > 1) { this.curveProgress = 0; } } } class Mercenary { constructor(ctype, name, archetype, portrait_bio, portrait_bridge, portrait_roster0, portrait_roster1, portrait_roster2, portrait_roster3, willpower, maxWillpower, anxiety, perception, brilliance, empathy, integrity, courage, description, mstatus, ID, bodyProtection, headProtection, rangedWeapon, meleeWeapon, extraItem, hiredNumber, portrait_combat, sprite_combat) { this.ctype = ctype; this.name = name; this.archetype = archetype; // bridge portraits this.portrait_bio = portrait_bio; this.portrait_bridge = portrait_bridge; this.portrait_roster0 = portrait_roster0; this.portrait_roster1 = portrait_roster1; this.portrait_roster2 = portrait_roster2; this.portrait_roster3 = portrait_roster3; //stats this.willpower = willpower; this.maxWillpower = maxWillpower; this.anxiety = anxiety; this.perception = perception; this.brilliance = brilliance; this.empathy = empathy; this.integrity = integrity; this.courage = courage; this.description = description; this.mstatus = mstatus; this.ID = ID; // equipment this.bodyProtection = bodyProtection; this.headProtection = headProtection; this.rangedWeapon = rangedWeapon; this.meleeWeapon = meleeWeapon; this.extraItem = extraItem; //home roster this.hiredNumber = hiredNumber; this.rosterNumber = null; //combat this.portrait_combat = portrait_combat; this.sprite_combat = sprite_combat; } } function AssetURL(text) { const assets = { 'portrait_combat01': `https://play.rosebud.ai/assets/menu_portrait_merc01.png.png?tL0w`, 'portrait_combat02': `https://play.rosebud.ai/assets/menu_portrait_merc02.png.png?3spV`, 'portrait_combat03': `https://play.rosebud.ai/assets/menu_portrait_background.png.png?r20f`, 'portrait_combat04': `https://play.rosebud.ai/assets/menu_portrait_merc04.png.png?ECst`, 'portrait_combat05': `https://play.rosebud.ai/assets/menu_portrait_merc05.png.png?OO8Y`, 'sprite_combat01' : `https://play.rosebud.ai/assets/sprite sheet template-merc01.png.png?tMK7`, 'sprite_combat02' : `https://play.rosebud.ai/assets/sprite sheet template-merc02.png.png?bl1h`, 'sprite_combat03' : `https://play.rosebud.ai/assets/sprite sheet template-assassin.png.png?q9ZP`, 'sprite_combat04' : `https://play.rosebud.ai/assets/sprite sheet template-merc04.png.png?K36I`, 'sprite_combat05' : `https://play.rosebud.ai/assets/sprite sheet template-merc05.png.png?UJC5`, 'Night Terror' : `https://play.rosebud.ai/assets/sprite sheet monster01.png.png?YZpH`, 'Scream Siren' : `https://play.rosebud.ai/assets/sprite sheet monster01.png.png?EHJR`, 'Shade Anomaly' : `https://play.rosebud.ai/assets/sprite sheet monster01.png.png?EHJR`, 'Mistchild' : `https://play.rosebud.ai/assets/sprite sheet monster01.png.png?EHJR`, 'Decayling' : `https://play.rosebud.ai/assets/sprite sheet monster01.png.png?EHJR`, 'item_dream-dust' : `https://play.rosebud.ai/assets/items_dreamdust.png.png?CsBC`, 'item_dream-gun' : `https://play.rosebud.ai/assets/items_randomgun.png.png?XMPu`, 'item_dream-ammo' : `https://play.rosebud.ai/assets/items_randomammo.png.png?3wmA`, }; return assets[text]; } class Roster { constructor() { this.mercenaries = []; } addMercenary(mercenary) { this.mercenaries.push(mercenary); } removeMercenary(mercenary) { const index = this.mercenaries.findIndex(m => m.name === mercenary.name); if (index > -1) { this.mercenaries.splice(index, 1); } } countHiredMercenaries() { let hiredMercenariesCount = 0; for (let i = 0; i < this.mercenaries.length; i++) { if (this.mercenaries[i].mstatus === 'hired') { hiredMercenariesCount++; } } return hiredMercenariesCount; } } // Global Roster instance const roster = new Roster(); console.log(roster.countHiredMercenaries()); // Create mercenary instances and add them to the roster const Mercenary01 = new Mercenary('playable', 'Lucid Darkness', 'Labirynthian', '01portrait_bio', '01portrait_bridge', '01portrait_roster0', '01portrait_roster1', '01portrait_roster2', '01portrait_roster3', 70, 70, 5, 47, 21, 12, 45, 5, 'Guest appearance of the operative from Sanguine Syndicate.', 'hireable', 1, 'hooded cloak', 'hood', 'nightmare gun', 'nightmare blade', 'dream grenade', null, 'portrait_combat01', 'sprite_combat01'); roster.addMercenary(Mercenary01); const Mercenary02 = new Mercenary('playable', 'Umbral Prince', 'Labirynthian', '02portrait_bio', '02portrait_bridge', '02portrait_roster0', '02portrait_roster1', '02portrait_roster2', '02portrait_roster3', 90, 90, 5, 74, 92, 8, 11, 8, 'Guest appearance of the overseer from Sanguine Syndicate.', 'negotiable', 2, 'hooded cloak', 'hood', 'nightmare gun', 'nightmare blade', 'dream grenade', null, 'portrait_combat02', 'sprite_combat02'); roster.addMercenary(Mercenary02); const Mercenary03 = new Mercenary('playable', 'Void Engineer', 'Technomage', '03portrait_bio', '03portrait_bridge', '03portrait_roster0', '03portrait_roster1', '03portrait_roster2', '03portrait_roster3', 35, 35, 4, 31, 71, 52, 70, 7, 'Guest appearance of a Void Engineer from Project: Hybrid.', 'deceased', 3, 'hooded cloak', 'hood', 'nightmare gun', 'nightmare blade', 'dream grenade', null, 'portrait_combat03', 'sprite_combat03'); roster.addMercenary(Mercenary03); const Mercenary04 = new Mercenary('playable', 'Mystic Healer', 'Beholder', '04portrait_bio', '04portrait_bridge', '04portrait_roster0', '04portrait_roster1', '04portrait_roster2', '04portrait_roster3', 50, 50, 11, 72, 55, 87, 66, 5, 'Guest appearance of a Bone Covenant priest from Sanguine Syndicate.', 'hireable', 4, 'hooded cloak', 'hood', 'nightmare gun', 'nightmare blade', 'dream grenade', null, 'portrait_combat04', 'sprite_combat04'); roster.addMercenary(Mercenary04); const Mercenary05 = new Mercenary('playable', 'Unnamed Scholar', 'Beholder', '05portrait_bio', '05portrait_bridge', '05portrait_roster0', '05portrait_roster1', '05portrait_roster2', '05portrait_roster3', 40, 40, 22, 46, 60, 66, 40, 2, 'Guest appearance of a Bone Covenant acolyte from Sanguine Syndicate.', 'hireable', 5, 'hooded cloak', 'hood', 'nightmare gun', 'nightmare blade', 'dream grenade', null, 'portrait_combat05', 'sprite_combat05'); roster.addMercenary(Mercenary05); //Create an array containing possible enemy races const enemyRaces = ['Night Terror', 'Scream Siren', 'Mistchild', 'Anxiety Horror']; //Basic stats for enemy characters class Enemy { constructor(ctype, ID, race, willpower, maxWillpower, perception, enemy_sprite_combat, enemy_x, enemy_y, status, loot) { this.ctype = ctype; this.ID = ID; this.race = race; this.willpower = willpower; this.maxWillpower = maxWillpower; this.perception = perception; this.enemy_sprite_combat = enemy_sprite_combat; this.enemy_x = enemy_x; this.enemy_y = enemy_y; this.status = status; this.loot = loot; } } //Pick race for a procedurally generated enemy function getRandomString() { const randomIndex = Phaser.Math.Between(0, enemyRaces.length - 1); // Access enemyRaces as a global variable return enemyRaces[randomIndex]; } //Procedurally generated enemies function createRandomEnemy(id) { let ctype = 'enemy'; let ID = id; // let race = getRandomString(); let race = 'Night Terror'; let maxWillpower = Math.floor(Math.random() * 50) + 10; // Random health between 50 and 100 let willpower = maxWillpower; let perception = Math.floor(Math.random() * 5) + 5; // Random speed between 5 and 10 let enemy_sprite_combat = race; // Placeholder sprite // Random position between 100 and 400 for both x and y let enemy_x = Math.floor(Math.random() * 300) + 100; let enemy_y = Math.floor(Math.random() * 300) + 100; let status = 'alive'; let loot = generateRandomLoot(); return new Enemy(ctype, ID, race, willpower, maxWillpower, perception, enemy_sprite_combat, enemy_x, enemy_y, status, loot); } function generateRandomLoot() { let possibleLoot = [ { id: 1, name: 'Dream Dust', sprite: 'item_dream-dust' }, { id: 2, name: 'Dream Gun', sprite: 'item_dream-gun' }, { id: 3, name: 'Dream Ammo', sprite: 'item_dream-ammo' } // add more possible loot items here... ]; let loot = possibleLoot.map(item => ({ id: item.id, name: item.name, sprite: item.sprite, amount: Math.floor(Math.random() * 3) +1 // random amount between 0 and 5 })); return loot; } class Enemies { constructor() { this.enemies = []; } addEnemy(enemy) { this.enemies.push(enemy); } removeEnemy(enemy) { const index = this.enemies.findIndex(e => e.name === enemy.name); if (index > -1) { this.enemies.splice(index, 1); } } } // Global Enemies instance const enemies = new Enemies(); // Create enemy instances and add them to the enemies //const Enemy00 = new Enemy('enemy', 0, 'Night Terror', 30, 30, 5, 'Night Terror', 240, 80, null, 'alive'); const Enemy00 = createRandomEnemy(0); enemies.addEnemy(Enemy00); const Enemy01 = createRandomEnemy(1); enemies.addEnemy(Enemy01); const Enemy02 = createRandomEnemy(2); enemies.addEnemy(Enemy02); class Combat extends Phaser.Scene { constructor() { super('Combat'); this.playerTurn = true; //If player can interact with the game. If false, it means enemy turn - interaction paused until all enemy characters take their actions this.moving = false; //If player is moving. If true, all other actions are blocked this.cellWidth = 32; //map grid square size this.cellHeight = 32; //map grid square size this.path = []; //array to store the path from initial to destination square this.pathIndex = 0; //initial square this.pendingSquare = null; //for movement, to flag a grid square as clicked once and waiting for movement confirmation this.highlight = null; //to display the overlay on pendingSquare this.movePointsText = null; //to display the movement point cost on pendingSquare this.pathDots = []; //array to store the overlay dots showing visual trail over path this.movementCostText = null; //??? this.playerLastIndex = -1; //?? this.cursors = null; //?? this.panDelay = 2000; // Delay in milliseconds for panning the screen when the cursor is moved to the edge this.lastPanTime = { left: 0, right: 0, up: 0, down: 0 }; this.mapWidth = 479; //For test map, the native game resolution remains the same regardless of the map size this.mapHeight = 479; //For test map, the native game resolution remains the same regardless of the map size this.initialFrame = true; //??? // Additional changes this.selectedCharacterIndex = 0; // Index of the currently selected character this.selectedEnemyIndex = null; // Index of the currently selected enemy this.characters = []; // Array of player characters this.enemies = []; // Array of enemy characters this.portraits = []; // Array to hold portrait game objects this.bars = []; // Array to hold both willpower and anxiety bar game objects this.initialload = true; // To initially highlight the portrait of the active character when the map loads this.lootSprites = []; // Array to hold loot item sprites this.lootTexts = []; // Array to hold loot amount objects this.overlayImages = []; // This array will hold the overlay images for the portraits this.endTurnButtonOverlay = null; // This will hold the overlay for the end turn button this.enemyTurnIndex = 0; // Index of the current enemy during the enemy turn this.enemyTurnActive = false; // Flag to indicate if the enemy turn is currently active } //Solid vs passable squares mapArray = [ [0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0], [0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0], [0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0], [0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0], [0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0], [0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0], [0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0], [0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0], [0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0], [0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0], [0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0], [0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0], [0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0], [0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0], [0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0], ]; //Fog of war - concealed vs cleared squares. All concealed by default when the map loads fogOfWarArray = [ [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], ]; //Array to track the position of each enemy enemyArray = [ [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], ]; preload() { // Load sprite sheets for each mercenary for(let i = 0; i < roster.mercenaries.length; i++) { const mercenary = roster.mercenaries[i]; this.load.spritesheet(`player${mercenary.ID}`, AssetURL(mercenary.sprite_combat), { frameWidth: 32, frameHeight: 32 }); } // Load sprite sheets for each enemy for(let i = 0; i < enemies.enemies.length; i++) { const enemy = enemies.enemies[i]; console.log(enemy); this.load.spritesheet(`enemy${enemy.ID}`, AssetURL(enemy.race), { frameWidth: 32, frameHeight: 32 }); } this.load.image('background', `https://play.rosebud.ai/assets/background_ruins.png.png?2Euh`); this.load.image('obstacle', `https://play.rosebud.ai/assets/obstacle.png.png?PPFe`); this.load.image('highlight', `https://play.rosebud.ai/assets/movement_green.png.png?GjyJ`); this.load.image('highlightRed', `https://play.rosebud.ai/assets/movement_red.png.png?tQR7`); this.load.image('dotOverlay', `https://play.rosebud.ai/assets/movement_green-inter.png.png?K640`); this.load.image('dotOverlayRed', `https://play.rosebud.ai/assets/movement_red-inter.png.png?cXYt`); this.load.image('endTurnButton', `https://play.rosebud.ai/assets/button-end_turn.png.png?Fwow`); this.load.image('target', `https://play.rosebud.ai/assets/target3-alpha4.png.png?Qbgd`); this.load.image('pickup', `https://play.rosebud.ai/assets/pick up.png.png?B5gL`); this.load.image('lootOverlay', `https://play.rosebud.ai/assets/loot.png.png?GDiv`); this.load.image('lootFrame', `https://play.rosebud.ai/assets/loot_frame.png.png?0LGv`); this.load.image('currentCharacterAura', `https://play.rosebud.ai/assets/current-character.png.png?AKGw`); // Items this.load.image('item_dream-dust', AssetURL('item_dream-dust')); this.load.image('item_dream-gun', AssetURL('item_dream-gun')); this.load.image('item_dream-ammo', AssetURL('item_dream-ammo')); //mercenary resource indicators this.load.image('willpower_bar', `https://play.rosebud.ai/assets/indicator-hp.png.png?Q5Pn`) this.load.image('anxiety_bar', `https://play.rosebud.ai/assets/indicator-energy.png.png?skxz`) // Preload the portrait overlay image this.load.image('overlay', `https://play.rosebud.ai/assets/menu_portrait_highlight.png.png?piVG`); this.load.image('overlay_dotted', `https://play.rosebud.ai/assets/portrait_overlay.png.png?Dacz`); for (let i = 0; i < roster.mercenaries.length; i++) { const mercenary = roster.mercenaries[i]; this.load.image(mercenary.ID, AssetURL(mercenary.portrait_combat)); } } addDebugLabel(text) { // this.addDebugLabel(`Character index: ${roster.mercenaries[i].hiredNumber}`); if (this.debugLabel) {this.debugLabel.destroy();} this.debugLabel = this.add.text(60, 20, text, { fontSize: '16px', fill: '#ffffff' }); this.debugLabel.setScrollFactor(0); } createPortraits() { let portraitY = 30; let barYSpacing = 22; // The vertical spacing between portraits and bars let barXStart = 5; // The x-coordinate where the bars start let barImageWidth = 2; // The width of a single bar image this.portraits = []; // Clear portraits from previous render this.bars = []; // Clear bars from previous render // Loop through the roster of mercenaries for (let i = 0; i < roster.mercenaries.length; i++) { // If the mercenary is hired if (roster.mercenaries[i].mstatus === 'hired') { // Create their portrait at specified coordinates and set it to not scroll with the camera let portrait = this.add.image(25, portraitY, roster.mercenaries[i].ID).setScrollFactor(0); this.portraits.push(portrait); // Store the portrait game object in the array // Calculate the number of 'willpower_bar' images to display let willpowerBars = Math.round((roster.mercenaries[i].willpower / 100) * 22); let anxietyBars = Math.round((roster.mercenaries[i].anxiety / 100) * 22); // Create the willpower bar for (let j = 0; j < willpowerBars; j++) { let bar = this.add.image(barXStart + j * barImageWidth, portraitY + barYSpacing, 'willpower_bar').setScrollFactor(0); bar.setDepth(1000); this.bars.push(bar); // Store the bar game object in the array } // Create the anxiety bar for (let j = 0; j < anxietyBars; j++) { let bar = this.add.image((barXStart - 1) + j * barImageWidth, portraitY + barYSpacing + 4, 'anxiety_bar').setScrollFactor(0); bar.setDepth(1000); this.bars.push(bar); // Store the bar game object in the array } // Make the portrait interactive and handle click events portrait.setInteractive(); portrait.setDepth(800); portrait.on('pointerdown', (pointer) => { this.portraitClicked = true; // If another portrait was previously selected, remove its overlay if ((this.selectedPortrait || this.initialload) && this.selectedPortraitOverlay) { this.selectedPortraitOverlay.destroy(); this.initialload = false; } // Update the selected portrait and create a new overlay this.selectedPortrait = portrait; this.selectedPortraitOverlay = this.add.image(portrait.x, portrait.y, 'overlay').setScrollFactor(0); this.selectedPortraitOverlay.setDepth(1200); // Set the depth of the overlay to a higher value this.selectedCharacterIndex = roster.mercenaries[i].hiredNumber; this.updateCharacterAura(this.characters[this.selectedCharacterIndex]) this.cameras.main.startFollow(this.characters[this.selectedCharacterIndex]); this.cameras.main.stopFollow(); }); // Increment the y-coordinate for the next portrait portraitY += 60; } } //Draw the initial overlay over the first portrait if (!this.selectedPortraitOverlay && this.initialload) { this.selectedPortraitOverlay = this.add.image(25, 30, 'overlay').setScrollFactor(0); this.selectedPortraitOverlay.setDepth(1200); } } updatePortraits() { // Clear all existing portraits and bars for (let i = 0; i < this.portraits.length; i++) { this.portraits[i].destroy(); } for (let i = 0; i < this.bars.length; i++) { this.bars[i].destroy(); } // Recreate the portraits and bars this.createPortraits(); } updatePortraitsFromSprite(portrait) { // Clear all existing portraits and bars this.selectedPortraitOverlay.destroy(); this.selectedPortraitOverlay = this.add.image(portrait.x, portrait.y, 'overlay').setScrollFactor(0); this.selectedPortraitOverlay.setDepth(1); } updateCharacterAura(character) { if (this.characterAura) { this.characterAura.destroy() } this.highlight.visible = false; this.highlightRed.visible = false; this.characterAura = this.add.image(character.x, character.y, 'currentCharacterAura'); } create() { this.background = this.add.image(0, 0, 'background'); this.background.setOrigin(0, 0); // Add a grid overlay var graphics = this.add.graphics({ lineStyle: { color: 0xffffff, width: 1, alpha: 0.3 } }); for (var x = 0; x <= this.mapWidth; x += this.cellWidth) { for (var y = 0; y <= this.mapHeight; y += this.cellHeight) { graphics.strokeRect(x, y, this.cellWidth, this.cellHeight); } } // Initialize enemy array this.enemyArray = []; for (let i = 0; i < this.mapArray.length; i++) { this.enemyArray[i] = []; for (let j = 0; j < this.mapArray[i].length; j++) { this.enemyArray[i][j] = 0; // Initialize all cells as empty } } // Add highlight this.highlight = this.add.image(0, 0, 'highlight'); this.highlight.visible = false; // Add red highlight this.highlightRed = this.add.image(0, 0, 'highlightRed'); this.highlightRed.visible = false; // Create sprites for each enemy for(let i = 0; i < enemies.enemies.length; i++) { let enemy = enemies.enemies[i]; // Transform enemy's initial x and y into grid's x and y let gridX = Math.floor(enemy.enemy_x / this.cellWidth) * this.cellWidth + this.cellWidth / 2; let gridY = Math.floor(enemy.enemy_y / this.cellHeight) * this.cellHeight + this.cellHeight / 2; let enemySprite = this.add.sprite(gridX, gridY, `enemy${enemy.ID}`); enemySprite.setInteractive(); enemySprite.on('pointerdown', () => { this.selectedEnemyIndex = enemy.ID; }); enemy.enemy_x = gridX; enemy.enemy_y = gridY; let cellX = Math.floor(gridX / this.cellWidth); let cellY = Math.floor(gridY / this.cellHeight); this.updateEnemyArray(enemy.ID, cellX, cellY, true); // this.enemyArray[x][y] = enemy.ID; this.enemies.push(enemySprite); const animations = ['walk-down', 'walk-up', 'walk-right', 'walk-left', 'death-down', 'death-up', 'death-right', 'death-left']; //Create animations for enemy for(let j = 0; j < animations.length; j++) { this.anims.create({ key: `enemy${enemy.ID}_${animations[j]}`, frames: this.anims.generateFrameNumbers(`enemy${enemy.ID}`, { start: j*8, end: j*8+7 }), frameRate: 10, repeat: 0 }); } } // Create player characters for each hired mercenary let startX = Math.floor(209 / this.cellWidth) * this.cellWidth + this.cellWidth / 2; let startY = Math.floor(430 / this.cellHeight) * this.cellHeight + this.cellHeight / 2; for(let i = 0; i < roster.mercenaries.length; i++) { if(roster.mercenaries[i].mstatus === 'hired') { let character = this.add.sprite(startX + i * this.cellWidth, startY, `player${roster.mercenaries[i].ID}`); character.setInteractive(); character.on('pointerdown', () => { this.selectedCharacterIndex = roster.mercenaries[i].hiredNumber; this.selectedPortrait = this.portraits[this.selectedCharacterIndex]; // Update selectedPortrait this.updatePortraitsFromSprite(this.selectedPortrait); this.updateCharacterAura(character); this.cameras.main.startFollow(this.characters[this.selectedCharacterIndex]); this.cameras.main.stopFollow(); }); this.characters.push(character); } /* const animationsMercenary = ['walk-down', 'walk-up', 'walk-right', 'walk-left', 'shoot-down', 'shoot-up', 'shoot-right', 'shoot-left']; //Create animations for mercaries for(let j = 0; j < animationsMercenary.length; j++) { this.anims.create({ key: `player${roster.mercenaries[i].ID}_${animationsMercenary[j]}`, frames: this.anims.generateFrameNumbers(`player${roster.mercenaries[i].ID}`, { start: j*8, end: j*8+7 }), frameRate: 10, repeat: 0 }); } */ } for(let i = 0; i < roster.mercenaries.length; i++) { if(roster.mercenaries[i].mstatus === 'hired') { // Create animations this.anims.create({ key: `player${roster.mercenaries[i].ID}-walk-down`, frames: this.anims.generateFrameNumbers(`player${roster.mercenaries[i].ID}`, { start: 0, end: 7 }), frameRate: 10, repeat: -1 }); this.anims.create({ key: `player${roster.mercenaries[i].ID}-walk-up`, frames: this.anims.generateFrameNumbers(`player${roster.mercenaries[i].ID}`, { start: 8, end: 15 }), frameRate: 10, repeat: -1 }); this.anims.create({ key: `player${roster.mercenaries[i].ID}-walk-right`, frames: this.anims.generateFrameNumbers(`player${roster.mercenaries[i].ID}`, { start: 16, end: 23 }), frameRate: 10, repeat: -1 }); this.anims.create({ key: `player${roster.mercenaries[i].ID}-walk-left`, frames: this.anims.generateFrameNumbers(`player${roster.mercenaries[i].ID}`, { start: 24, end: 31 }), frameRate: 10, repeat: -1 }); this.anims.create({ key: `player${roster.mercenaries[i].ID}-shoot-down`, frames: this.anims.generateFrameNumbers(`player${roster.mercenaries[i].ID}`, { start: 32, end: 39 }), frameRate: 10, repeat: 0 }); this.anims.create({ key: `player${roster.mercenaries[i].ID}-shoot-up`, frames: this.anims.generateFrameNumbers(`player${roster.mercenaries[i].ID}`, { start: 40, end: 47 }), frameRate: 10, repeat: 0 }); this.anims.create({ key: `player${roster.mercenaries[i].ID}-shoot-right`, frames: this.anims.generateFrameNumbers(`player${roster.mercenaries[i].ID}`, { start: 48, end: 55 }), frameRate: 10, repeat: 0 }); this.anims.create({ key: `player${roster.mercenaries[i].ID}-shoot-left`, frames: this.anims.generateFrameNumbers(`player${roster.mercenaries[i].ID}`, { start: 56, end: 63 }), frameRate: 10, repeat: 0 }); } } // Set up input this.input.on('pointerdown', this.handleClick, this); this.cursors = this.input.keyboard.createCursorKeys(); // Set camera to follow player if (this.characters.length > 0) { this.cameras.main.startFollow(this.characters[this.selectedCharacterIndex]); } else { console.warn("No characters available"); } // Set camera bounds to map size this.cameras.main.setBounds(0, 0, this.mapWidth, this.mapHeight); // Add 'End turn' button this.endTurnButton = this.add.sprite(this.cameras.main.width - 8, this.cameras.main.height - 8, 'endTurnButton').setInteractive(); this.endTurnButton.setDepth(1000); // set a high value to ensure the image always appears on top this.endTurnButton.on('pointerdown', () => { this.guiClicked = true; this.endTurn(); }); // Fixed to camera this.endTurnButton.setScrollFactor(0); // Initialize fog of war array for (let i = 0; i < this.mapArray.length; i++) { this.fogOfWarArray[i] = []; for (let j = 0; j < this.mapArray[i].length; j++) { this.fogOfWarArray[i][j] = 0; // Initialize all cells as fogged } } // Create a fog layer this.fogLayer = this.add.graphics(); this.fogLayer.fillStyle(0x000000, 1); for (let i = 0; i < this.fogOfWarArray.length; i++) { for (let j = 0; j < this.fogOfWarArray[i].length; j++) { this.fogLayer.fillRect(i * this.cellWidth, j * this.cellHeight, this.cellWidth, this.cellHeight); } } for (let i = 0; i < roster.mercenaries.length; i++) { if (roster.mercenaries[i].mstatus === 'hired') { this.revealFog(roster.mercenaries[i]); } } // Call the createPortraits method at the end of create() this.createPortraits(); } revealFog(mercenary) { let range = Math.floor(mercenary.perception / 20); let characterSprite = this.characters[mercenary.hiredNumber]; // Assuming the characters array has mercenaries at their hiredNumber index let centerX = Math.floor(characterSprite.x / this.cellWidth); let centerY = Math.floor(characterSprite.y / this.cellHeight); for (let x = centerX - range; x <= centerX + range; x++) { for (let y = centerY - range; y <= centerY + range; y++) { if (x >= 0 && x < this.fogOfWarArray.length && y >= 0 && y < this.fogOfWarArray[0].length) { let manhattanDistance = Math.abs(x - centerX) + Math.abs(y - centerY); if (manhattanDistance <= range) { this.fogOfWarArray[x][y] = 1; // this.addDebugLabel(this.enemyArray[x]); // Check if an enemy is in the revealed cell if (this.enemyArray[x][y] > 0) { // this.addDebugLabel('spotted'); console.log("Enemy spotted at (" + x + ", " + y + ")"); } // Check if the revealed cell matches a predefined coordinate // if (x == predefinedX && y == predefinedY) { // console.log("Predefined coordinate (" + x + ", " + y + ") revealed."); // } } } } } this.fogLayer.clear(); this.fogLayer.fillStyle(0x000000, 0.5); for (let i = 0; i < this.fogOfWarArray.length; i++) { for (let j = 0; j < this.fogOfWarArray[i].length; j++) { if (!this.fogOfWarArray[i][j]) { this.fogLayer.fillRect(i * this.cellWidth, j * this.cellHeight, this.cellWidth, this.cellHeight); } } } } showPathDots(path) { // Remove previous path dots this.pathDots.forEach(dot => dot.destroy()); this.pathDots = []; // Create new path dots path.forEach((point, index) => { if (index < path.length - 1) { // Skip the last point const dot = this.add.image(point.x, point.y, 'dotOverlay'); this.pathDots.push(dot); } }); } showPathDotsWithColors(path, possible) { // Remove previous path dots this.pathDots.forEach(dot => dot.destroy()); this.pathDots = []; // Create new path dots let dotAsset = possible ? 'dotOverlay' : 'dotOverlayRed'; path.forEach((point, index) => { if (index < path.length - 1) { // Skip the last point const dot = this.add.image(point.x, point.y, dotAsset); this.pathDots.push(dot); } }); } destroyOverlays(overlays) { overlays.forEach(overlay => { if (this[overlay]) { this[overlay].destroy(); this[overlay] = null; } }); } destroyLootSprites() { this.lootSprites.forEach(sprite => sprite.destroy()); this.lootTexts.forEach(text => text.destroy()); this.lootSprites = []; // Clear the sprites array this.lootTexts = []; // Clear the text objects array } handleClick(pointer) { let currentMercenary = roster.mercenaries.find(m => m.hiredNumber == this.selectedCharacterIndex); // If a GUI element has been clicked, reset the portraitClicked property and return early if (this.portraitClicked) { this.portraitClicked = false; return; } if (this.guiClicked) { this.guiClicked = false; return; } // If it's the enemy turn, or any character is moving, or there's no merc selected, do nothing if (!this.playerTurn || this.moving || !currentMercenary) { return; } this.destroyOverlays(['hitChanceText', 'lootOverlay', 'lootFrame']); this.destroyLootSprites(); // Use worldX and worldY instead of x and y let clickedX = Math.floor(pointer.worldX / this.cellWidth) * this.cellWidth + this.cellWidth / 2; let clickedY = Math.floor(pointer.worldY / this.cellHeight) * this.cellHeight + this.cellHeight / 2; // Calculate movement point cost let dx = Math.abs(clickedX - this.characters[this.selectedCharacterIndex].x); let dy = Math.abs(clickedY - this.characters[this.selectedCharacterIndex].y); let moveCost = Math.ceil(dx / this.cellWidth) + Math.ceil(dy / this.cellHeight); if(this.selectedEnemyIndex !== null && clickedX === enemies.enemies[this.selectedEnemyIndex].enemy_x && clickedY === enemies.enemies[this.selectedEnemyIndex].enemy_y) { if (enemies.enemies[this.selectedEnemyIndex].status === 'alive') { if(this.enemySquare) { this.enemySquare.destroy(); // Destroy the previous enemySquare if it exists } // Remove previous path dots this.pathDots.forEach(dot => dot.destroy()); this.pathDots = []; if (this.movementCostText) { this.movementCostText.destroy(); } this.highlight.visible = false; this.highlightRed.visible = false; let currentMercenary = roster.mercenaries.find(m => m.hiredNumber == this.selectedCharacterIndex); let currentEnemy = enemies.enemies.find(e => e.ID === this.selectedEnemyIndex); // Function to calculate the distance between two points function calculateDistance(x1, y1, x2, y2) { return Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2)); } currentMercenary.x = this.characters[this.selectedCharacterIndex].x currentMercenary.y = this.characters[this.selectedCharacterIndex].y // Calculate the distance between the mercenary and the enemy let distance = (calculateDistance(currentMercenary.x, currentMercenary.y, currentEnemy.enemy_x, currentEnemy.enemy_y))/32; // Decrease the hit chance linearly with the distance let hitChance = currentMercenary.brilliance / (currentMercenary.brilliance + currentEnemy.perception); hitChance = hitChance - (0.01 * distance); // Decrease 1% per unit of distance // Ensure hitChance is between 0 and 1 if (hitChance < 0) hitChance = 0; if (hitChance > 1) hitChance = 1; // Calculate the hit chance in percentages let hitChancePercentage = Math.floor(hitChance * 100); if(this.lastClickedSquare && this.lastClickedSquare.x === clickedX && this.lastClickedSquare.y === clickedY) { this.shootEnemy(hitChance); this.lastClickedSquare = null; // Reset last clicked square after shooting } else { this.lastClickedSquare = {x: clickedX, y: clickedY}; // Save last clicked square this.enemySquare = this.add.image(clickedX, clickedY, 'target'); // Create new enemySquare with enemy graphics this.hitChanceText = this.add.text(clickedX - 9, clickedY -5, hitChancePercentage.toString() + '%', { fontSize: '10px', fill: '#ff0000' }); } this.selectedEnemyIndex = null; return; // Return early to avoid creating pendingSquare } else if (enemies.enemies[this.selectedEnemyIndex].status === 'dead_lootable') { if (this.lootOverlay) { this.lootOverlay.destroy(); // If loot overlay already exists, destroy it before creating a new one } this.lootOverlay = this.add.image(clickedX, clickedY, 'lootOverlay'); // Create new loot overlay with asset 'lootOverlay' this.calculateMovementAndShowPath(clickedX, clickedY, currentMercenary, moveCost + 5); // Use the new function here this.lootEnemy(this.selectedEnemyIndex); return; // Return early to avoid creating movement overlay and other subsequent actions } } this.calculateMovementAndShowPath(clickedX, clickedY, currentMercenary, moveCost); } calculateMovementAndShowPath(clickedX, clickedY, currentMercenary, moveCost) { if (this.pendingSquare && this.pendingSquare.x == clickedX && this.pendingSquare.y == clickedY) { this.lastClickedSquare = null; // Reset last clicked square when a new square is clicked // If the clicked square is the pending square, move the player // Only if the moveCost is within the available playerMovePoints if (moveCost <= currentMercenary.willpower) { if(this.enemySquare) { this.enemySquare.destroy(); // Destroy the previous enemySquare if it exists } this.path = this.calculatePath(this.characters[this.selectedCharacterIndex].x, this.characters[this.selectedCharacterIndex].y, clickedX, clickedY); this.pathIndex = 0; // Reset pathIndex to 0 here this.movePlayer(); this.highlight.visible = false; this.highlightRed.visible = false; this.pendingSquare = null; if (this.movementCostText) { this.movementCostText.destroy(); this.movementCostText = null; } } } else { // If a different square is clicked, set it as the pending square this.lastClickedSquare = null; // Reset last clicked square when a new square is clicked // If a different square is clicked, set it as the pending square if(this.enemySquare) { this.enemySquare.destroy(); // Destroy the previous enemySquare if it exists } this.pendingSquare = { x: clickedX, y: clickedY }; this.path = this.calculatePath(this.characters[this.selectedCharacterIndex].x, this.characters[this.selectedCharacterIndex].y, clickedX, clickedY); this.pathIndex = 0; // Reset pathIndex to 0 here } if (moveCost <= currentMercenary.willpower && moveCost > 0) { this.highlight.x = clickedX; this.highlight.y = clickedY; this.highlight.visible = true; this.highlightRed.visible = false; if (this.pendingSquare) { this.showPathDots(this.path); } } else if (moveCost > 0) { this.highlightRed.x = clickedX; this.highlightRed.y = clickedY; this.highlightRed.visible = true; this.highlight.visible = false; if (this.pendingSquare) { this.showPathDotsWithColors(this.path, false); } } // Set color of procedurally generated number based on remaining move points let color = moveCost <= currentMercenary.willpower ? '#00ff00' : '#ff0000'; if (this.movementCostText) { this.movementCostText.destroy(); } if (moveCost > 0) { this.movementCostText = this.add.text(clickedX, clickedY, `${moveCost}`, { fontSize: '16px', fill: color }); this.movementCostText.setOrigin(0.5); this.movementCostText.setDepth(1); } } shootEnemy(hitChance) { this.lastClickedSquare = null; let currentMercenary = roster.mercenaries.find(m => m.hiredNumber == this.selectedCharacterIndex); let currentEnemy = enemies.enemies.find(e => e.ID === this.selectedEnemyIndex); if(!currentMercenary || !currentEnemy || currentMercenary.willpower < 20) { return; } // Play the shooting animation let shootingAnimKey = `player${currentMercenary.ID}-shoot-up`; this.characters[this.selectedCharacterIndex].anims.play(shootingAnimKey, true); // Subtract the shooting cost currentMercenary.willpower -= 20; this.updatePortraits(); // Assign this.enemies[this.selectedEnemyIndex] to a variable let enemySprite = this.enemies[this.selectedEnemyIndex]; // Add animation complete event listener this.characters[this.selectedCharacterIndex].once('animationcomplete', (animation, frame) => { // Check if the completed animation is the shooting animation if(animation.key === shootingAnimKey) { // Check if the mercenary hit the target let hit = Math.random() < hitChance; if(hit) { //Show floating text this.showFloatingText(currentEnemy.enemy_x, currentEnemy.enemy_y, 20) // Reduce enemy's willpower and maxWillpower currentEnemy.willpower -= 20; currentEnemy.maxWillpower -= 20; console.log(currentEnemy.willpower); // Check if the enemy is dead if(currentEnemy.maxWillpower <= 0) { // Use the variable here enemySprite.play(`enemy${currentEnemy.ID}_death-down`); currentEnemy.status = 'dead_lootable'; // roll for loot if(currentEnemy.loot.length > 0 && Math.random() < 0.5) { let lootIndex = Phaser.Math.Between(0, currentEnemy.loot.length - 1); console.log(`Enemy dropped ${currentEnemy.loot[lootIndex]}!`); } } } else { this.showFloatingText(currentEnemy.enemy_x, currentEnemy.enemy_y, 'MISS') } // Check if any living enemies remain let livingEnemies = enemies.enemies.filter(e => e.status !== 'dead_lootable' && e.status !== 'dead_looted'); if(livingEnemies.length === 0) { console.log("Mission complete!"); } } }); } showFloatingText(targetx, targety, hitnumber) { if (hitnumber != 'MISS') { // Show the number as negative let text = this.add.text(targetx, targety, '-' + hitnumber, { fontSize: '12px', fill: '#ff0000' }); this.tweens.add({ targets: text, alpha: 0, duration: 2000, onComplete: () => text.destroy() }); } else{ let text = this.add.text(targetx, targety, hitnumber, { fontSize: '12px', fill: '#ff0000' }); this.tweens.add({ targets: text, alpha: 0, duration: 2000, onComplete: () => text.destroy() }); } } lootEnemy(enemyId) { let enemy = enemies.enemies.find(e => e.ID === enemyId); // Retrieve enemy by ID this.lootFrame = this.add.image(enemy.enemy_x + 49, enemy.enemy_y + 2, 'lootFrame'); // Loop through the loot items enemy.loot.forEach((item, index) => { // Display the item sprite let itemSprite = this.add.sprite((enemy.enemy_x + 32) + index * 17, enemy.enemy_y, item.sprite); this.lootSprites.push(itemSprite); // Add newly created sprite to the lootSprites array // Add interactive property, so it can be clicked itemSprite.setInteractive(); // When the item sprite is clicked, add the item to the selected mercenary's inventory itemSprite.on('pointerdown', () => { this.guiClicked = true; roster.addToInventory(this.selectedCharacterIndex, item.id); itemSprite.destroy(); // Remove the item from the scene }); // Display the amount of the item let itemAmountText = this.add.text((enemy.enemy_x + 33) + index * 17, enemy.enemy_y, `${item.amount}`, { fontSize: '10px', fill: '#ffffff' }); this.lootTexts.push(itemAmountText); // Add newly created text object to the lootTexts array if(item.amount <= 0) { itemSprite.destroy(); // Remove the item from the scene itemAmountText.destroy(); // Remove the amount text } }); } calculatePath(startX, startY, targetX, targetY, isAttack = false) { let startCellX = Math.floor((startX - this.cellWidth / 2) / this.cellWidth); let startCellY = Math.floor((startY - this.cellHeight / 2) / this.cellHeight); let targetCellX = Math.floor((targetX - this.cellWidth / 2) / this.cellWidth); let targetCellY = Math.floor((targetY - this.cellHeight / 2) / this.cellHeight); if (isAttack) { // Adjust the target cell so that it is one step before the actual target let dx = targetCellX - startCellX; let dy = targetCellY - startCellY; if (Math.abs(dx) > Math.abs(dy)) { targetCellX -= Math.sign(dx); } else { targetCellY -= Math.sign(dy); } } let dx = targetCellX - startCellX; let dy = targetCellY - startCellY; let path = []; let xDir = dx > 0 ? 1 : -1; let yDir = dy > 0 ? 1 : -1; dx = Math.abs(dx); dy = Math.abs(dy); let x = startCellX; let y = startCellY; // Horizontal movement for (let i = 0; i < dx; i++) { x += xDir; path.push({ x: (x * this.cellWidth + this.cellWidth / 2), y: (y * this.cellHeight + this.cellHeight / 2) }); } // Vertical movement for (let i = 0; i < dy; i++) { y += yDir; path.push({ x: (x * this.cellWidth + this.cellWidth / 2), y: (y * this.cellHeight + this.cellHeight / 2) }); } return path; } movePlayer() { let currentMercenary = roster.mercenaries.find(m => m.hiredNumber == this.selectedCharacterIndex); if(!currentMercenary) { return; } // Destroy the path visualization as soon as player starts to move this.pathDots.forEach(dot => dot.destroy()); this.pathDots = []; if (this.pathIndex < this.path.length) { let target = this.path[this.pathIndex]; let dx = target.x - this.characters[this.selectedCharacterIndex].x; let dy = target.y - this.characters[this.selectedCharacterIndex].y; let direction; if (Math.abs(dx) > Math.abs(dy)) { direction = dx > 0 ? 'right' : 'left'; } else { direction = dy > 0 ? 'down' : 'up'; } this.tweens.add({ targets: this.characters[this.selectedCharacterIndex], x: target.x, y: target.y, duration: 600, ease: 'Power2', onStart: () => { this.characters[this.selectedCharacterIndex].anims.play(`player${currentMercenary.ID}-walk-${direction}`, true); this.revealFog(currentMercenary) this.destroyOverlays(['hitChanceText', 'lootOverlay','movementCostText', 'characterAura']); this.moving = true; }, onComplete: () => { currentMercenary.willpower--; this.updatePortraits(); // this.movePointsText.text = `Move Points: ${this.playerMovePoints}`; this.pathIndex++; if (this.pathIndex < this.path.length) { // If there are more points in the path, continue moving this.selectedPortraitOverlay.setDepth(1); // Set the depth of the overlay to a higher value this.revealFog(currentMercenary) this.movePlayer(); } else { // If we've reached the end of the path, stop the animation this.characters[this.selectedCharacterIndex].anims.stop(); this.moving = false; this.destroyOverlays(['hitChanceText', 'lootOverlay','movementCostText']); this.highlight.visible = false; this.highlightRed.visible = false; this.updateCharacterAura(this.characters[this.selectedCharacterIndex]) } } }); } } async moveEnemyAsync(enemyID) { let currentEnemy = this.enemies[enemyID]; if (!currentEnemy) { return; } while (this.pathIndex < this.path.length) { let startSquareX = Math.floor(currentEnemy.x / this.cellWidth); let startSquareY = Math.floor(currentEnemy.y / this.cellHeight); let target = this.path[this.pathIndex]; let destinationSquareX = Math.floor(target.x / this.cellWidth); let destinationSquareY = Math.floor(target.y / this.cellHeight); let startRevealed = this.fogOfWarArray[startSquareX][startSquareY] == 1; let destinationRevealed = this.fogOfWarArray[destinationSquareX][destinationSquareY] == 1; if (startRevealed || destinationRevealed) { // Normal movement with tweens and animations let dx = target.x - currentEnemy.x; let dy = target.y - currentEnemy.y; let direction; if (Math.abs(dx) > Math.abs(dy)) { direction = dx > 0 ? 'right' : 'left'; } else { direction = dy > 0 ? 'down' : 'up'; } const duration = 600; this.tweens.add({ targets: currentEnemy, x: target.x, y: target.y, duration: duration, ease: 'Power2', onStart: () => { console.log('Starting animation for enemy ' + enemyID); // Debug line currentEnemy.anims.play(`enemy${enemies.enemies[enemyID].ID}-walk-${direction}`, true); this.updateEnemyArray(enemyID, startSquareX, startSquareY, false); this.updateEnemyArray(enemyID, destinationSquareX, destinationSquareY, true); }, onUpdate: () => { console.log('Updated position for enemy ' + enemyID + ': ', currentEnemy.x, currentEnemy.y); // Debug line }, }); await new Promise(resolve => setTimeout(resolve, duration)); } else { // Instantly move the enemy currentEnemy.setPosition(target.x, target.y); this.updateEnemyArray(enemyID, startSquareX, startSquareY, false); this.updateEnemyArray(enemyID, destinationSquareX, destinationSquareY, true); } this.pathIndex++; } } updateEnemyArray(enemyID, x, y, isOccupied) { if (isOccupied) { this.enemyArray[x][y] = enemyID; } else { this.enemyArray[x][y] = 0; } } async handleEnemyTurn() { this.isEnemyTurnInProgress = true; let enemiesExhausted = true; // Assume all enemies are exhausted initially for (let i = 0; i < this.enemies.length; i++) { let enemy = enemies.enemies[i]; let enemySprite = this.enemies[i]; let closestPlayer = null; let closestDistance = Infinity; let closestPlayerIndex = -1; for(let j = 0; j < this.characters.length; j++) { let character = this.characters[j]; let dx = Math.abs(character.x - enemySprite.x); let dy = Math.abs(character.y - enemySprite.y); let distance = dx + dy; if(distance < closestDistance && distance <= enemy.perception * this.cellWidth) { closestPlayer = character; closestDistance = distance; closestPlayerIndex = j; } } if(closestPlayer) { if(closestDistance <= this.cellWidth) { // If the enemy has enough willpower to attack if (enemy.willpower >= 10) { console.log(`Enemy ${i} has ${enemy.willpower} willpower, and attacks player ${roster.mercenaries[closestPlayerIndex].ID}`); enemy.willpower -= 10; enemiesExhausted = false; // At least one enemy took an action } } else { // If the enemy has enough willpower to move if (enemy.willpower >= closestDistance / this.cellWidth) { console.log("Enemy " + i + " will move towards player " + roster.mercenaries[closestPlayerIndex].ID); this.path = this.calculatePath(enemySprite.x, enemySprite.y, closestPlayer.x, closestPlayer.y, true); console.log("Path calculated: " + JSON.stringify(this.path)); this.pathIndex = 0; await this.moveEnemyAsync(i); enemy.willpower -= closestDistance / this.cellWidth; enemiesExhausted = false; // At least one enemy took an action } } } else { // If no player is within perception range, call the handleNoPlayerInRange function this.handleNoPlayerInRange(enemy.race); } // Check for exhaustion if (enemy.willpower < 1) { console.log(`Enemy ${i} is exhausted at willpower ${enemy.willpower}`); enemy.willpower = 0; // Prevent willpower going below 0 } } // If all enemies are exhausted, end the enemy turn if (enemiesExhausted) { this.enemyTurnActive = false; this.endTurn(); // Call endTurn() to switch to player's turn console.log("Enemy turn ended due to exhaustion"); } this.isEnemyTurnInProgress = false; } handleNoPlayerInRange(enemyRace, enemySprite, enemyIndex) { // Define the behavior for each enemy race when no players are in range switch (enemyRace) { case 'Night Terror': this.handleOrcPatrol(enemySprite, enemyIndex); break; case 'goblin': this.handleGoblinScavenge(enemySprite, enemyIndex); break; // Add more cases for other enemy races and their respective behaviors default: console.log('Enemy is idle'); // Add idle behavior code here } } async handleOrcPatrol(enemySprite, enemyIndex) { console.log("Starting Night Terror patrol logic"); let enemy = enemies.enemies[enemyIndex]; let maxPatrolSteps = 5; let patrolSteps = 0; let patrolDirection = this.getRandomDirection(); while (enemy.willpower > 0 && patrolSteps < maxPatrolSteps) { let patrolTarget = this.getPatrolTarget(enemySprite.x, enemySprite.y, patrolDirection); this.path = this.calculatePath(enemySprite.x, enemySprite.y, patrolTarget.x, patrolTarget.y, false); this.pathIndex = 0; await this.moveEnemyAsync(enemyIndex); enemy.willpower--; patrolSteps++; // Check for players in perception range after each patrol step let closestPlayer = null; let closestDistance = Infinity; for (let j = 0; j < this.characters.length; j++) { let character = this.characters[j]; let dx = Math.abs(character.x - enemySprite.x); let dy = Math.abs(character.y - enemySprite.y); let distance = dx + dy; if (distance < closestDistance && distance <= enemy.perception * this.cellWidth) { closestPlayer = character; closestDistance = distance; } } if (closestPlayer) { // If a player is found within perception range, revert to normal behavior console.log("Orc enemy spotted a player, reverting to normal behavior"); this.path = this.calculatePath(enemySprite.x, enemySprite.y, closestPlayer.x, closestPlayer.y, true); this.pathIndex = 0; await this.moveEnemyAsync(enemyIndex); enemy.willpower -= closestDistance / this.cellWidth; break; } } } async handleGoblinScavenge(enemySprite, enemyIndex) { let enemy = enemies.enemies[enemyIndex]; let closestEnemy = null; let closestDistance = Infinity; // Find the closest enemy to scavenge for (let i = 0; i < this.enemies.length; i++) { if (i !== enemyIndex) { let otherEnemy = this.enemies[i]; let dx = Math.abs(otherEnemy.x - enemySprite.x); let dy = Math.abs(otherEnemy.y - enemySprite.y); let distance = dx + dy; if (distance < closestDistance) { closestEnemy = otherEnemy; closestDistance = distance; } } } if (closestEnemy) { // Move towards the closest enemy this.path = this.calculatePath(enemySprite.x, enemySprite.y, closestEnemy.x, closestEnemy.y, false); this.pathIndex = 0; await this.moveEnemyAsync(enemyIndex); enemy.willpower -= closestDistance / this.cellWidth; // Check for players in perception range after moving let closestPlayer = null; let closestPlayerDistance = Infinity; for (let j = 0; j < this.characters.length; j++) { let character = this.characters[j]; let dx = Math.abs(character.x - enemySprite.x); let dy = Math.abs(character.y - enemySprite.y); let distance = dx + dy; if (distance < closestPlayerDistance && distance <= enemy.perception * this.cellWidth) { closestPlayer = character; closestPlayerDistance = distance; } } if (closestPlayer) { // If a player is found within perception range, revert to normal behavior console.log("Goblin enemy spotted a player, reverting to normal behavior"); this.path = this.calculatePath(enemySprite.x, enemySprite.y, closestPlayer.x, closestPlayer.y, true); this.pathIndex = 0; await this.moveEnemyAsync(enemyIndex); enemy.willpower -= closestPlayerDistance / this.cellWidth; } } } getRandomDirection() { const directions = ['up', 'down', 'left', 'right']; return directions[Math.floor(Math.random() * directions.length)]; } getPatrolTarget(x, y, direction) { let targetX = x; let targetY = y; switch (direction) { case 'up': targetY -= this.cellHeight; break; case 'down': targetY += this.cellHeight; break; case 'left': targetX -= this.cellWidth; break; case 'right': targetX += this.cellWidth; break; } return { x: targetX, y: targetY }; } endTurn() { this.playerTurn = !this.playerTurn; if (this.playerTurn) { this.addDebugLabel("Player turn activated"); // Reset willpower for all the hired mercenaries for(let i = 0; i < roster.mercenaries.length; i++) { if(roster.mercenaries[i].mstatus === 'hired') { roster.mercenaries[i].willpower = roster.mercenaries[i].maxWillpower - roster.mercenaries[i].anxiety; } } this.updatePortraits(); // Remove the overlay image from portraits and the end turn button if(this.overlayImages) { this.overlayImages.forEach((overlayImage) => { overlayImage.destroy(); }); this.overlayImages = []; } if(this.endTurnButtonOverlay) { // Check if the overlay exists before destroying it this.endTurnButtonOverlay.destroy(); this.endTurnButtonOverlay = null; } } else { this.addDebugLabel("Enemy turn activated"); this.handleEnemyTurn(); /// Add the overlay image to portraits and the end turn button for (let i = 0; i < this.portraits.length; i++) { const overlayImage = this.add.image(this.portraits[i].x, this.portraits[i].y, 'overlay_dotted').setScrollFactor(0); overlayImage.setDepth(1000); this.overlayImages.push(overlayImage); } this.endTurnButtonOverlay = this.add.image(this.endTurnButton.x, this.endTurnButton.y, 'overlay_dotted').setScrollFactor(0); this.endTurnButtonOverlay.setDepth(1000); } } update() { const cameraSpeed = 4; const edgeMargin = 20; //keyboard control if (this.cursors.left.isDown) { this.cameras.main.scrollX -= cameraSpeed; } else if (this.cursors.right.isDown) { this.cameras.main.scrollX += cameraSpeed; } if (this.cursors.up.isDown) { this.cameras.main.scrollY -= cameraSpeed; } else if (this.cursors.down.isDown) { this.cameras.main.scrollY += cameraSpeed; } // mouse edge scrolling let pointer = this.input.activePointer; let currentTime = this.time.now; // Left edge if (pointer.x < edgeMargin) { if (currentTime - this.lastPanTime.left > this.panDelay && this.cameras.main.scrollX > 0) { this.cameras.main.scrollX -= cameraSpeed; } } else { this.lastPanTime.left = currentTime; } // Right edge if (pointer.x > this.game.config.width - edgeMargin) { if (currentTime - this.lastPanTime.right > this.panDelay && this.cameras.main.scrollX < this.mapWidth - this.game.config.width) { this.cameras.main.scrollX += cameraSpeed; } } else { this.lastPanTime.right = currentTime; } // Top edge if (pointer.y < edgeMargin) { if (currentTime - this.lastPanTime.up > this.panDelay && this.cameras.main.scrollY > 0) { this.cameras.main.scrollY -= cameraSpeed; } } else { this.lastPanTime.up = currentTime; } // Bottom edge if (pointer.y > this.game.config.height - edgeMargin) { if (currentTime - this.lastPanTime.down > this.panDelay && this.cameras.main.scrollY < this.mapHeight - this.game.config.height) { this.cameras.main.scrollY += cameraSpeed; } } else { this.lastPanTime.down = currentTime; } // Stop following the player after the first frame if (this.initialFrame) { this.cameras.main.stopFollow(); this.initialFrame = false; } if (!this.playerTurn && this.enemies.length > 0) { if (!this.enemyTurnActive) { this.enemyTurnActive = true; this.enemyTurnIndex = 0; } if (this.enemyTurnActive && !this.isEnemyTurnInProgress) { this.handleEnemyTurn(); } } } } class MercenariesScene extends Phaser.Scene { constructor() { super('MercenariesScene'); this.selectedMercenary = null; } preload() { this.load.bitmapFont('font', 'https://storage.googleapis.com/rosebud_assets_storage/c8d03966-f346-42b9-af0d-31a15d130ecb.png', 'https://storage.googleapis.com/rosebud_assets_storage/32d44b84-5d5c-4a61-bfe0-9a625b329f82.fnt'); this.load.image('bridge_background', `https://play.rosebud.ai/assets/bridge_background.png.png?4l2P`); // Load the mercenary portraits this.load.image('01portrait_bio', `https://play.rosebud.ai/assets/mercenary01_portrait_L.png.png?Mh2p`); this.load.image('01portrait_bridge', 'https://i.ibb.co/7KZp322/mercenary01-portrait-S.png'); this.load.image('02portrait_bio', 'https://i.ibb.co/9Z3GyTC/mercenary02-portrait-L.png'); this.load.image('02portrait_bridge', 'https://i.ibb.co/WzhD714/mercenary02-portrait-S.png'); this.load.image('03portrait_bio', 'https://i.ibb.co/gzdGqK7/mercenary03-portrait-L.png'); this.load.image('03portrait_bridge', 'https://i.ibb.co/hD1h3nS/mercenary03-portrait-S.png'); this.load.image('04portrait_bio', 'https://i.ibb.co/wSX4Pjq/mercenary04-portrait-L.png'); this.load.image('04portrait_bridge', 'https://i.ibb.co/41wDGyY/mercenary04-portrait-S.png'); this.load.image('05portrait_bio', 'https://i.ibb.co/L01m02B/mercenary05-portrait-L.png'); this.load.image('05portrait_bridge', 'https://i.ibb.co/gg2KHNv/mercenary05-portrait-S.png'); this.load.image('01portrait_roster0', 'https://i.ibb.co/5xqBy0g/mercenary01-portrait-MA.png'); this.load.image('01portrait_roster1', 'https://i.ibb.co/BwrbyQr/mercenary01-portrait-MB.png'); this.load.image('01portrait_roster2', 'https://i.ibb.co/kDwZTqm/mercenary01-portrait-MC.png'); this.load.image('01portrait_roster3', 'https://i.ibb.co/WPVjfbq/mercenary01-portrait-MD.png'); this.load.image('02portrait_roster0', 'https://i.ibb.co/XD4Fyzy/mercenary02-portrait-MA.png'); this.load.image('02portrait_roster1', 'https://i.ibb.co/zVdkmCV/mercenary02-portrait-MB.png'); this.load.image('02portrait_roster2', 'https://i.ibb.co/Jv8qybf/mercenary02-portrait-MC.png'); this.load.image('02portrait_roster3', 'https://i.ibb.co/LQzxj4y/mercenary02-portrait-MD.png'); this.load.image('03portrait_roster0', 'https://i.ibb.co/xgdY3mc/mercenary03-portrait-MA.png'); this.load.image('03portrait_roster1', 'https://i.ibb.co/bJjGrb3/mercenary03-portrait-MB.png'); this.load.image('03portrait_roster2', 'https://i.ibb.co/Y8mKDfq/mercenary03-portrait-MD.png'); this.load.image('03portrait_roster3', 'https://i.ibb.co/MMq7GVt/mercenary03-portrait-MC.png'); this.load.image('04portrait_roster0', 'https://i.ibb.co/jb0hxQR/mercenary04-portrait-MA.png'); this.load.image('04portrait_roster1', 'https://i.ibb.co/dcqF1n1/mercenary04-portrait-MB.png'); this.load.image('04portrait_roster2', 'https://i.ibb.co/5j5GVd4/mercenary04-portrait-MD.png'); this.load.image('04portrait_roster3', 'https://i.ibb.co/D8DRwKQ/mercenary04-portrait-MC.png'); this.load.image('05portrait_roster0', 'https://i.ibb.co/kGQPjPx/mercenary05-portrait-MA.png'); this.load.image('05portrait_roster1', 'https://i.ibb.co/Zfn2mWd/mercenary05-portrait-MB.png'); this.load.image('05portrait_roster2', 'https://i.ibb.co/mG2NWvS/mercenary05-portrait-MC.png'); this.load.image('05portrait_roster3', 'https://i.ibb.co/nL5fYcs/mercenary05-portrait-MD.png'); this.load.image('06portrait_bridge', 'https://i.ibb.co/GRqK0RW/mercenary06-portrait-S.png'); this.load.image('07portrait_bridge', 'https://i.ibb.co/515SMtG/mercenary07-portrait-S.png'); this.load.image('08portrait_bridge', 'https://i.ibb.co/1Kr5nnQ/mercenary08-portrait-S.png'); this.load.image('09portrait_bridge', 'https://i.ibb.co/zJyTVHb/mercenary09-portrait-S.png'); this.load.image('10portrait_bridge', 'https://i.ibb.co/wBzQczK/mercenary10-portrait-S.png'); this.load.image('11portrait_bridge', 'https://i.ibb.co/RBs5DY4/mercenary11-portrait-S.png'); this.load.image('12portrait_bridge', 'https://i.ibb.co/BC23Xtm/mercenary12-portrait-S.png'); // Load the arrow buttons for scrolling through the roster this.load.image('arrow_left', `https://play.rosebud.ai/assets/arrow_left.png.png?GDYZ`); this.load.image('arrow_right', `https://play.rosebud.ai/assets/arrow_right.png.png?vKfj`); // Load the stats background image this.load.image('stats_bg', `https://play.rosebud.ai/assets/mercenary_data-information.png.png?kEUu`); this.load.image('equip_bg', `https://play.rosebud.ai/assets/mercenary_data-equipment.png.png?ZYi6`); // Load the mercenary data type buttons this.load.image('Data_info', `https://play.rosebud.ai/assets/merc_data_buttons-I.png.png?ZFpM`); this.load.image('Data_equipment', `https://play.rosebud.ai/assets/merc_data_buttons-E.png.png?q9T4`); this.load.image('Data_description', `https://play.rosebud.ai/assets/merc_data_buttons-D.png.png?rBNk`); // Load the exit button this.load.image('exit', `https://play.rosebud.ai/assets/exit.png.png?5E86`); // Load the talk and hire button this.load.image('hire', `https://play.rosebud.ai/assets/hire.png.png?iOkC`); this.load.image('talk', `https://play.rosebud.ai/assets/talk.png.png?esut`); // Load the overlay images for different statuses // this.load.image('overlay_hireable', AssetURL('overlay_hireable')); this.load.image('overlay_hired', `https://play.rosebud.ai/assets/mercenary_portrait_L_hired.png.png?ecV9`); this.load.image('overlay_deceased', `https://play.rosebud.ai/assets/mercenary_portrait_L_deceased.png.png?nC3p`); //Load talk interface buttons this.load.image('talk-bg', 'https://i.ibb.co/6JpRW6Q/talk-textbg.png'); this.load.image('talk-negotiate', 'https://i.ibb.co/7QMGhn1/talk-negotiate.png'); this.load.image('talk-others', 'https://i.ibb.co/N7MQXxm/talk-others.png'); this.load.image('talk-advice', 'https://i.ibb.co/t3ZNk02/talk-advice.png'); //Animations //Noise overlay // this.load.spritesheet('anim-noise', `https://play.rosebud.ai/assets/noise.png.png?km8i`, { frameWidth: 188, frameHeight: 88 }); // this.load.atlas('anim-Merc02-1', 'https://storage.googleapis.com/rosebud_assets_storage/51aa5977-47f6-47a8-a1e5-398695791c3b.png', `https://play.rosebud.ai/assets/beliard_face01.json.json?a6Sy`); this.load.spritesheet('anim-Merc02-1', `https://play.rosebud.ai/assets/beliard_face02.png.png?ulTW`, { frameWidth: 149, frameHeight: 83 }); } hireMercenary(m) { m.mstatus = 'hired'; m.hiredNumber = roster.countHiredMercenaries() - 1; // Assign a home roster number to the mercenary m.rosterNumber = roster.countHiredMercenaries() this.displayMercenaryInfo(m); this.updateRosterHomeButtons(); /* if (this.debugLabel) this.debugLabel.destroy(); this.debugLabel = this.add.text(20, 20, `Character index: ${m.hiredNumber}`, { fontSize: '16px', fill: '#ffffff' }); */ } updateRosterHomeButtons() { for (let i = 0; i < this.rosterHomeButtons.length; i++) { const button = this.rosterHomeButtons[i]; const mercenary = roster.mercenaries.find(m => m.rosterNumber === i+1); if (mercenary) { button.setTexture(`0${mercenary.ID}portrait_roster${i}`); button.visible = true; } else { button.visible = false; } } } create() { // this.add.bitmapText(200, 300, 'font', 'Mercenaries Scene', 10); // this.add.text(200, 300, 'Mercenaries Scene', { font: '10px Verdana', fill: '#ffffff' }); // this.input.on('pointerdown', () => this.scene.start('Example')); this.add.image(160, 120, 'bridge_background'); this.rosterStartIndex = 0; //Create animations /* this.anims.create({ key: 'play', frames: this.anims.generateFrameNumbers('anim-noise', { start: 0, end: 10 }), frameRate: 10, repeat: -1 }); */ this.anims.create({ key: 'play', frames: this.anims.generateFrameNumbers('anim-Merc02-1', { start: 29, end: 7 }), frameRate: 10, repeat: 0 }); this.anims.create({ key: 'play', frames: this.anims.generateFrameNumbers('anim-Merc02-2', { start: 7, end: 7 }), frameRate: 10, repeat: 0 }); // Create the home roster buttons this.rosterHomeButtons = [ this.add.image(236, 155, null).setInteractive(), this.add.image(289, 155, null).setInteractive(), this.add.image(236, 206, null).setInteractive(), this.add.image(288, 207, null).setInteractive() ]; // Initially, hide all the roster home buttons this.rosterHomeButtons.forEach(button => button.visible = false); // Show the home roster buttons for hired mercenaries this.updateRosterHomeButtons(); // Create the exit button const exitButton = this.add.image(295, 12, 'exit').setInteractive(); exitButton.on('pointerdown', () => this.scene.start('HomeScreen')); // Create the scrollable mercenary roster const rosterSize = { width: 4, height: 2 }; const portraitSize = { width: 40, height: 39 }; const topLeftCorner = { x: 42, y: 154 }; // Draw the roster and make portraits interactive for (let x = 0; x < rosterSize.width; x++) { for (let y = 0; y < rosterSize.height; y++) { if (roster.mercenaries[x + y * rosterSize.width]) { const mercenary = roster.mercenaries[x + y * rosterSize.width]; const portrait = this.add.image(topLeftCorner.x + x * portraitSize.width, topLeftCorner.y + y * portraitSize.height, mercenary.portrait_bridge); portrait.setInteractive(); // On portrait click, display the mercenary's information portrait.on('pointerdown', () => this.displayMercenaryInfo(mercenary)); } } } // Create the scrolling buttons const arrowLeft = this.add.image(10, 174, 'arrow_left').setInteractive(); const arrowRight = this.add.image(195, 174, 'arrow_right').setInteractive(); // When the left arrow button is clicked, shift the roster left arrowLeft.on('pointerdown', () => this.shiftRoster(-1)); // When the right arrow button is clicked, shift the roster right arrowRight.on('pointerdown', () => this.shiftRoster(1)); // Create the mercenary data type buttons const dataInfoButton = this.add.image(204, 15, 'Data_info').setInteractive(); const dataEquipmentButton = this.add.image(217, 15, 'Data_equipment').setInteractive(); const dataDescriptionButton = this.add.image(231, 15, 'Data_description').setInteractive(); // 'Information' button click event dataInfoButton.on('pointerdown', () => { this.showInformation(); }); // 'Equipment' button click event dataEquipmentButton.on('pointerdown', () => { this.showEquipment(); }); // 'Description' button click event dataDescriptionButton.on('pointerdown', () => { this.showDescription(); }); // Initially, display the mercenary's information this.showInformation(); // Create the hire button and set it interactive const hireButton = this.add.image(31, 115, 'hire').setInteractive(); // Define what happens when the hire button is clicked hireButton.on('pointerdown', () => { if (this.selectedMercenary && this.selectedMercenary.mstatus == 'hireable' && roster.countHiredMercenaries() < 4) { this.hireMercenary(this.selectedMercenary); } else if (this.selectedMercenary && this.selectedMercenary.mstatus == 'deceased') { const fullRosterLabel = this.add.text(7, 223, 'This mercenary has been killed.', { font: '9px Verdana', fill: '#ffffff' }).setAlpha(0.5); setTimeout(() => { fullRosterLabel.destroy(); }, 3000); } else if (this.selectedMercenary && this.selectedMercenary.mstatus == 'negotiable') { const fullRosterLabel = this.add.text(7, 223, 'You need to negotiate with this mercenary.', { font: '9px Verdana', fill: '#ffffff' }).setAlpha(0.5); setTimeout(() => { fullRosterLabel.destroy(); }, 3000); } else if (this.selectedMercenary && this.selectedMercenary.mstatus == 'hired') { const fullRosterLabel = this.add.text(7, 223, 'This mercenary is already on your team.', { font: '9px Verdana', fill: '#ffffff' }).setAlpha(0.5); setTimeout(() => { fullRosterLabel.destroy(); }, 3000); } else if (this.selectedMercenary && roster.countHiredMercenaries() === 4) { const fullRosterLabel = this.add.text(7, 223, 'Your roster is full.', { font: '9px Verdana', fill: '#ffffff' }).setAlpha(0.5); setTimeout(() => { fullRosterLabel.destroy(); }, 3000); } }); const talkButton = this.add.image(82, 115, 'talk').setInteractive(); talkButton.on('pointerdown', () => { if ( this.selectedMercenary && this.selectedMercenary.mstatus !== 'hired' && this.selectedMercenary.mstatus !== 'hireable' && this.selectedMercenary.mstatus !== 'deceased' ) { this.startTalkingSequence(); } }); } startTalkingSequence() { if (this.equipmentInfo) { this.equipmentInfo.destroy(); } if (this.mercenaryInfo) { this.mercenaryInfo.destroy(); } if (this.descriptionLabel) { this.descriptionLabel.destroy(); } if (this.statsBackground) { this.statsBackground.destroy(); } // this.add.sprite(208, 64, 'anim-noise').play('play'); this.add.sprite(218, 64, 'anim-Merc02-2').play('play'); const talkBgButton = this.add.image(231, 109, 'talk-bg'); const talkNegotiateButton = this.add.image(278, 44, 'talk-negotiate').setInteractive(); const talkOthersButton = this.add.image(278, 69, 'talk-others').setInteractive(); const talkAdviceButton = this.add.image(278, 91, 'talk-advice').setInteractive(); talkNegotiateButton.on('pointerdown', () => { const txtNegotiate = this.add.text(146, 104, 'Sure... I will join you.', { font: '9px Verdana', fill: '#ffffff' }).setAlpha(1); setTimeout(() => { txtNegotiate.destroy(); }, 3000); this.add.sprite(218, 64, 'anim-Merc02-1').play('play'); const talkBgButton = this.add.image(231, 109, 'talk-bg'); const talkNegotiateButton = this.add.image(278, 44, 'talk-negotiate').setInteractive(); const talkOthersButton = this.add.image(278, 69, 'talk-others').setInteractive(); const talkAdviceButton = this.add.image(278, 91, 'talk-advice').setInteractive(); this.selectedMercenary.mstatus = 'hireable'; console.log('Negotiate'); }); talkOthersButton.on('pointerdown', () => { // Add code to handle 'Others' action console.log('Others'); }); talkAdviceButton.on('pointerdown', () => { // Add code to handle 'Advice' action console.log('Advice'); }); console.log('Start talking sequence'); } shiftRoster(direction) { // Shift the roster start index according to the direction this.rosterStartIndex += direction; // Clamp the roster start index to the valid range this.rosterStartIndex = Phaser.Math.Clamp(this.rosterStartIndex, 0, Math.max(roster.mercenaries.length - 8, 0)); // Redraw the roster this.drawRoster(); } displayMercenaryInfo(mercenary) { // Clear the previous mercenary's information if (this.mercenaryInfo) { this.mercenaryInfo.destroy(); } // Display the mercenary's information this.portrait = this.add.image(4, 11, mercenary.portrait_bio).setOrigin(0, 0); this.statsBackground = this.add.image(113, 20, 'stats_bg').setOrigin(0, 0); this.mercenaryInfo = this.add.text(174, 25, ` ${mercenary.archetype}\n ${mercenary.willpower}/${mercenary.maxWillpower}\n ${mercenary.perception}\n ${mercenary.brilliance}\n ${mercenary.empathy}\n ${mercenary.integrity}\n ${mercenary.courage}`, { font: '8.5px Verdana', fill: '#ffffff', wordWrap: { width: 300, useAdvancedWrap: true } }).setOrigin(0, 0); this.selectedMercenary = mercenary; // Add an overlay depending on the mercenary's mstatus switch (mercenary.mstatus) { /* case 'hireable': this.overlay = this.add.image(4, 11, 'overlay_hireable').setOrigin(0, 0); break; */ case 'hired': this.overlay = this.add.image(4, 11, 'overlay_hired').setOrigin(0, 0); break; case 'deceased': this.overlay = this.add.image(4, 11, 'overlay_deceased').setOrigin(0, 0); break; } } drawRoster() { // Remove the existing roster display if (this.rosterDisplay) { this.rosterDisplay.forEach(portrait => portrait.destroy()); this.rosterDisplay = []; // reset the roster display array } // Create a new roster display starting from the roster start index this.rosterDisplay = []; for (let i = 0; i < 8; i++) { // change condition to 8 (4 columns * 2 rows) if (roster.mercenaries[i + this.rosterStartIndex]) { const mercenary = roster.mercenaries[i + this.rosterStartIndex]; const portrait = this.add.image(41 + (i % 4) * 42, 154 + Math.floor(i / 4) * 39, mercenary.portrait_bridge); portrait.setInteractive(); portrait.on('pointerdown', () => this.displayMercenaryInfo(mercenary)); this.rosterDisplay.push(portrait); } } } showInformation() { if (this.selectedMercenary) { this.displayMercenaryInfo(this.selectedMercenary) } // TODO: Hide the mercenary's equipment and description } // Show the mercenary's equipment and hide information and description showEquipment() { if (this.selectedMercenary) { // Clear the previous information if (this.equipmentInfo) { this.equipmentInfo.destroy(); } // Display the mercenary's equipment this.add.image(216, 67, 'equip_bg'); this.equipmentInfo = this.add.text(169, 25, `Body Protection: ${this.selectedMercenary.bodyProtection}\nHead Protection: ${this.selectedMercenary.headProtection}\nRanged Weapon: ${this.selectedMercenary.rangedWeapon}\nMelee Weapon: ${this.selectedMercenary.meleeWeapon}\nExtra Item: ${this.selectedMercenary.extraItem}`, { font: '8px Verdana', fill: '#ffffff', wordWrap: { width: 300, useAdvancedWrap: true } }).setOrigin(0, 0); } } // Show the mercenary's description and hide information and equipment showDescription() { if (this.selectedMercenary) { // Clear the previous information if (this.equipmentInfo) { this.equipmentInfo.destroy(); } if (this.mercenaryInfo) { this.mercenaryInfo.destroy(); } if (this.statsBackground) { this.statsBackground.destroy(); } // Display the mercenary's description this.descriptionLabel = this.add.text(121, 27, this.selectedMercenary.description, { font: '8px Verdana', fill: '#ffffff', wordWrap: { width: 200, useAdvancedWrap: true }, backgroundColor: 'rgba(0,0,0,0)' }).setOrigin(0, 0); } } } class CrisisRadar extends Phaser.Scene { static savedDots = []; // Static property to store dots between scenes constructor () { super('CrisisRadar'); this.dotID = 0; // Initialize dot ID this.crisisSpots = {}; // Stores information about each crisis spot this.radarRadius = 120; this.radarOmega = 0.72; this.radarScanLine = { angle: 0 }; this.masks = ['Australia-and-Oceania', 'Carribean', 'Central-Africa', 'Central-America', 'Central-Asia', 'Eastern-Africa', 'Eastern-Asia', 'Eastern-Europe', 'North-America', 'Northern-Africa', 'Northern-Asia-and-Siberia', 'Northern-Europe', 'South-America', 'South-Eastern-Asia', 'Southern-Africa', 'Southern-Asia', 'Southern-Europe', 'Western-Africa', 'Western-Asia', 'Western-Europe'] // Create the ChatManager instance here this.aiCharacter01 = new ChatManager(this.getCharacterDescription()); this.detailsArray = []; // Array to store the details generated from ChatManager } preload () { this.load.image('worldmap', `https://play.rosebud.ai/assets/radar.png.png?uZAy`); this.load.image('radar', `https://play.rosebud.ai/assets/radar_overlay.png.png?rWCk`); this.load.image('mask', `https://play.rosebud.ai/assets/mask_overlay2.png.png?2Ev8`); this.load.image('button1', `https://play.rosebud.ai/assets/SEARCH.png.png?1jDB`); this.load.image('button1_hover', `https://play.rosebud.ai/assets/search_highlight.png.png?Vyr8`); this.load.image('button2', `https://play.rosebud.ai/assets/DISPATCH.png.png?Sgh5`); this.load.image('button2_hover', `https://play.rosebud.ai/assets/dispatch_highlight.png.png?BOvC`); this.load.image('radar_button_back', `https://play.rosebud.ai/assets/back.png.png?1Zz4`); this.load.image('radar_button_back_hover', `https://play.rosebud.ai/assets/back_highlight.png.png?RxJ2`); this.load.image('collecting_data', `https://play.rosebud.ai/assets/collecting_data.png.png?O8dU`); this.load.image('Australia-and-Oceania', 'https://i.ibb.co/MZWNqqz/Australia-and-Oceania.png'); this.load.image('Carribean', 'https://i.ibb.co/7Ww350y/Carribean.png'); this.load.image('Central-Africa', 'https://i.ibb.co/J3wWnD1/Central-Africa.png'); this.load.image('Central-America', 'https://i.ibb.co/XCkzSdL/Central-America.png'); this.load.image('Central-Asia', 'https://i.ibb.co/5R8MSjb/Central-Asia.png'); this.load.image('Eastern-Africa', 'https://i.ibb.co/y5ddhVv/Eastern-Africa.png'); this.load.image('Eastern-Asia', 'https://i.ibb.co/hVjnrS3/Eastern-Asia.png'); this.load.image('Eastern-Europe', 'https://i.ibb.co/Cw6DLpY/Eastern-Europe.png'); this.load.image('North-America', 'https://i.ibb.co/f2MQMLZ/North-America.png'); this.load.image('Northern-Africa', 'https://i.ibb.co/V3c09x3/Northern-Africa.png'); this.load.image('Northern-Asia-and-Siberia', 'https://i.ibb.co/j6ZLYRK/northern-Asia-and-Siberia.png'); this.load.image('Northern-Europe', 'https://i.ibb.co/ZXDMtCs/Northern-Europe.png'); this.load.image('South-America', 'https://i.ibb.co/443ZHx4/South-America.png'); this.load.image('South-Eastern-Asia', 'https://i.ibb.co/XxMSvPc/South-Eastern-Asia.png'); this.load.image('Southern-Africa', 'https://i.ibb.co/z5tz6cG/Southern-Africa.png'); this.load.image('Southern-Asia', 'https://i.ibb.co/52L1VC3/Southern-Asia.png'); this.load.image('Southern-Europe', 'https://i.ibb.co/PcjyT2W/Southern-Europe.png'); this.load.image('Western-Africa', 'https://i.ibb.co/fQ3HmmJ/Western-Africa.png'); this.load.image('Western-Asia', 'https://i.ibb.co/j31GVWY/Western-Asia.png'); this.load.image('Western-Europe', 'https://i.ibb.co/PYGXHw2/Western-Europe.png'); } create () { this.registry.set('dotDetails', {}); this.waitingForResponse = false; this.add.image(160, 120, 'worldmap'); this.maskLayer = this.add.image(166,119, 'mask'); this.pathGraphics = this.add.graphics(); // Create a Graphics object for the path // Add the text object for the coordinates and set the font size to 8 this.coordText = this.add.text(108, 183, '').setFontSize(10); this.coordCursor = this.add.text(108, 183, '|').setFontSize(10); // Add two buttons let map_button_search = this.add.image(295, 30, 'button1').setInteractive(); map_button_search.on('pointerover', function () { this.setTexture('button1_hover'); }); map_button_search.on('pointerout', function () { this.setTexture('button1'); }); map_button_search.on('pointerdown', () => { this.animateRadar(); }); let map_button_dispatch = this.add.image(295, 55, 'button2').setInteractive(); map_button_dispatch.on('pointerover', function () { this.setTexture('button2_hover'); }); map_button_dispatch.on('pointerout', function () { this.setTexture('button2'); }); map_button_dispatch.on('pointerdown', () => { this.scene.start('MapScene'); }); let map_button_back = this.add.image(295, 105, 'radar_button_back').setInteractive(); map_button_back.on('pointerover', function () { this.setTexture('radar_button_back_hover'); }); map_button_back.on('pointerout', function () { this.setTexture('radar_button_back'); }); map_button_back.on('pointerdown', () => { this.scene.start('HomeScreen'); }); // Create the radar grid this.rotatingRadar = this.add.graphics(); this.createRadarGrid(); // Create the radar scan line and add a tween to rotate it this.scanCone = this.add.graphics(); this.tweens.add({ targets: this.radarScanLine, angle: 360, duration: 2000 / this.radarOmega, repeat: -1, yoyo: false, ease: 'Linear', onUpdate: () => { this.createScanCone(); } }); // Reset the scan line angle this.radarScanLine.angle = 0; // Initialize the timer for the blinking cursor this.blinkTimer = this.time.addEvent({ delay: 500, // ms callback: this.blinkCursor, callbackScope: this, loop: true }); // Create the mask sprites and store them in an array this.maskSprites = []; for (const mask of this.masks) { let maskSprite = this.add.sprite(166, 119, mask); maskSprite.setVisible(false); this.maskSprites.push(maskSprite); } this.dotContainer = this.add.container(); // Recreate saved dots CrisisRadar.savedDots.forEach(dot => { const newDot = this.add.circle(dot.x, dot.y, 4, 0xff0000).setInteractive(); this.dotContainer.add(newDot); // Add the dot to the container // Initialize the dot animation this.tweens.add({ targets: newDot, scaleX: 2, scaleY: 2, alpha: 0, yoyo: true, // Make it pulse by returning to its original state repeat: -1, // Repeat indefinitely duration: 500 }); // Assign the saved ID to the dot newDot.id = dot.id; // Store the sectorData with the dot's id this.crisisSpots[newDot.id] = dot.details; // Save the crisis spots to the 'dotDetails' in the registry this.registry.set('dotDetails', this.crisisSpots); newDot.on('pointerdown', () => this.crisisSpotDetails(newDot.id, newDot.x, newDot.y)); // Trigger the crisisSpotDetails function on click }); } getCharacterDescription() { return ` You are a dream crisis radar, in service of ARCON, a classified intergovernemntal agency that deals with parallel dimensions. Your job is to find places in the world where the veil between the dimensions grows thin and invasion is imminent. When prompted, you search for a place in the world where the first symptoms of danger are occurring. Then, you return the basic details of the place and the mission. The place name should be more or less relevant to the area that you will be provided with in the prompt. The format in which to return the answer is: Area: [enter the area from the prompt here, but with spaces instead of "-"] Location codename: [enter location name here, in a local language of one of the countries in that area. should primarily be towns or cities, with a small chance of a more picturesque area.] Description: [enter a few words long description of what is happening. The emphasis should be on a psychological horror and mental disturbance. Possible problems may include people dying in their sleep, falling into coma, sleepwalking permanently, hallucinating. the problem could be related to the realm type. The description should be very brief, maximum 5-6 words long.] Objective: [enter a few words long mission objective for the response team. Objectives shouldn't be too much fantasy styled. on a high level, it should be a variation of one of the following: clear all enemies; rescue civilians, destroy key infrastructure, destroy a specific enemy, escort an NPC out.] Realm: [either "reality" or "parallel dreamscape", depending on the nature of the mission to be accomplished] `; } async sendMessageToCharacter(message, characterChatManager, area) { if (message && !this.waitingForResponse) { this.waitingForResponse = true; this.toggleCollectingDataOverlay(); // Show the overlay when waiting for a response characterChatManager.addMessage('user', area); const characterResponse = await characterChatManager.getCharacterResponse(); // This adds the character's own response to its history so // they know what they have said in the past. characterChatManager.addMessage('assistant', characterResponse); this.waitingForResponse = false; this.toggleCollectingDataOverlay(); // Hide the overlay when the response is received return characterResponse; } } toggleCollectingDataOverlay() { if (this.waitingForResponse) { // Create the overlay and set it to blink this.overlay = this.add.image(160, 120, 'collecting_data'); this.tweens.add({ targets: this.overlay, alpha: 0.6, duration: 500, yoyo: true, repeat: -1 }); } else { // Remove the overlay if (this.overlay) { this.overlay.destroy(); } } } blinkCursor() { // Toggle the visibility of the cursor this.coordCursor.visible = !this.coordCursor.visible; } createRadarGrid() { this.rotatingRadar.clear(); this.rotatingRadar.lineStyle(1, 0xff0000, 0.3); // Draw the radar circles and spokes const centerX = 160; const centerY = 120; const numSpokes = 8; const angleStep = (2 * Math.PI) / numSpokes; for (let i = 0; i <= this.radarRadius; i += this.radarRadius / 4) { this.rotatingRadar.strokeCircle(centerX, centerY, i); } for (let i = 0; i < numSpokes; i++) { const angle = angleStep * i; const x = centerX + Math.cos(angle) * this.radarRadius; const y = centerY + Math.sin(angle) * this.radarRadius; this.rotatingRadar.lineBetween(centerX, centerY, x, y); } } createScanCone() { this.scanCone.clear(); this.scanCone.lineStyle(1, 0xff0000, 0.7); this.scanCone.fillStyle(0xff0000, 0.2); // Semi-transparent fill const centerX = 160; const centerY = 120; const angle = Phaser.Math.DegToRad(this.radarScanLine.angle); // Draw a sector (part of a circle) at the radar angle this.scanCone.beginPath(); this.scanCone.moveTo(centerX, centerY); this.scanCone.arc(centerX, centerY, this.radarRadius, angle - Math.PI / 8, angle + Math.PI / 8); this.scanCone.closePath(); this.scanCone.fillPath(); this.scanCone.strokePath(); } async animateRadar() { if (this.waitingForResponse) return; // Block clicks while waiting for a response if (this.radar) {this.radar.destroy();} this.radar = this.add.image(160,120, 'radar'); // Rotate the radar this.tweens.add({ targets: this.radar, angle: 120, duration: 300, yoyo: true, // Alternates between rotation to the left and right onComplete: async () => { // Get a random spot within the mask layer let newX, newY, pixel, maskName; do { newX = Phaser.Math.Between(this.maskLayer.x - this.maskLayer.width / 2, this.maskLayer.x + this.maskLayer.width / 2); newY = Phaser.Math.Between(this.maskLayer.y - this.maskLayer.height / 2, this.maskLayer.y + this.maskLayer.height / 2); pixel = null; for (const maskSprite of this.maskSprites) { let tempPixel = this.textures.getPixel(newX - maskSprite.x + maskSprite.width / 2, newY - maskSprite.y + maskSprite.height / 2, maskSprite.texture.key); if (tempPixel.alpha !== 0) { pixel = tempPixel; maskName = maskSprite.texture.key; // Save the mask name break; } } } while (!pixel || pixel.alpha === 0); // Create a pulsating red dot at the radar's new location let dot = this.add.circle(newX, newY, 4, 0xff0000).setInteractive(); this.dotContainer.add(dot); // Add the dot to the container // Initialize the dot animation this.tweens.add({ targets: dot, scaleX: 2, scaleY: 2, alpha: 0, yoyo: true, // Make it pulse by returning to its original state repeat: -1, // Repeat indefinitely duration: 500 }); this.tweens.add({ targets: this.radar, x: newX, y: newY, duration: 700, onComplete: async () => { // Shrink the radar by 70% this.tweens.add({ targets: this.radar, scaleX: 0.3, scaleY: 0.3, duration: 700, onComplete: async () => { dot.id = ++this.dotID; // Assign a unique ID to the dot const sectorData = await this.generateCrisisDetails(maskName); // Store the sectorData with the dot's id this.crisisSpots[dot.id] = sectorData; dot.on('pointerdown', () => this.crisisSpotDetails(dot.id, newX, newY)); // Trigger the crisisSpotDetails function on click // Add the dot to the saved dots CrisisRadar.savedDots.push({ x: newX, y: newY, id: dot.id, details: sectorData }); } }); } }); } }); } crisisSpotDetails(id, x, y) { if (this.waitingForResponse) return; const details = this.detailsArray[id]; // Retrieve the details from the array // Move the radar to the clicked dot this.radar.x = x; this.radar.y = y; // Draw a path from the clicked dot to (100, 182) this.pathGraphics.clear(); this.pathGraphics.lineStyle(2, 0xff0000); this.pathGraphics.beginPath(); this.pathGraphics.moveTo(x, y); this.pathGraphics.lineTo(x, 182); this.pathGraphics.lineTo(100, 182); this.pathGraphics.strokePath(); // Update the coordinate text to show the dot's coordinates as latitude and longitude this.updateCoordText(this.formatCoordinates(x, y)); // Display the AI generated text this.displayBigText(details); } updateCoordText(newText) { // Reset the text and cursor position this.coordText.setText(''); this.coordCursor.x = this.coordText.x; // Initialize the index for the upcoming loop let i = 0; // Remove any existing text update timer if (this.textTimer) { this.textTimer.remove(); } // Add a new text update timer this.textTimer = this.time.addEvent({ delay: 100, // ms callback: () => { // Add the next character to the text this.coordText.setText(this.coordText.text + newText[i]); // Move the cursor to the end of the text this.coordCursor.x = this.coordText.x + this.coordText.width; // Increment the index for the next loop i++; // If we've reached the end of the string, stop the timer if (i >= newText.length) { this.textTimer.remove(); } }, callbackScope: this, loop: true }); } displayBigText(message) { // Ensure previous message is destroyed before displaying a new one if (this.displayedText) { this.displayedText.destroy(); } this.displayedText = this.add.text(108, 193, '', { font: '8px Franklin Gothic', fill: '#ffffff', align: 'left', wordWrap: { width: this.cameras.main.width - 50 } }).setOrigin(0, 0); // Initialize the index for the upcoming loop let i = 0; // Remove any existing text update timer if (this.bigTextTimer) { this.bigTextTimer.remove(); } // Add a new text update timer this.bigTextTimer = this.time.addEvent({ delay: 20, // ms callback: () => { // Add the next character to the text this.displayedText.setText(this.displayedText.text + message[i]); // Increment the index for the next loop i++; // If we've reached the end of the string, stop the timer if (i >= message.length) { this.bigTextTimer.remove(); } }, callbackScope: this, loop: true }); } blinkBigCursor() { // Move the cursor to the end of the text and toggle the visibility this.bigTextCursor.x = this.displayedText.width + 108; this.bigTextCursor.visible = !this.bigTextCursor.visible; } formatCoordinates(x, y) { // Convert the Phaser x and y coordinates to something that looks like latitude and longitude let lat = 90 - (y / this.scale.height) * 180; let lon = -180 + (x / this.scale.width) * 360; // Use '\u00B0' for the degree symbol to avoid encoding issues lat = `${Math.abs(lat.toFixed(4))}\u00B0 ${lat >= 0 ? 'N' : 'S'}`; lon = `${Math.abs(lon.toFixed(4))}\u00B0 ${lon >= 0 ? 'E' : 'W'}`; return `${lat}, ${lon}`; } async generateCrisisDetails(maskName) { const sectorData = await this.sendMessageToCharacter("Generate a place name and a short description of the problem.", this.aiCharacter01, maskName); this.detailsArray[this.dotID] = sectorData; // Store the details in the array with the dotID as the index } } class ResearchScene extends Phaser.Scene { constructor() { super('ResearchScene'); } create() { this.add.text(200, 300, 'Research Scene', { font: '48px Arial', fill: '#ffffff' }); this.input.on('pointerdown', () => this.scene.start('HomeScreen')); } } class RosterScene extends Phaser.Scene { constructor() { super('RosterScene'); } create() { this.add.text(200, 300, 'Roster Scene', { font: '10px Verdana', fill: '#ffffff' }); this.input.on('pointerdown', () => this.scene.start('HomeScreen')); } } class HomeScreen extends Phaser.Scene { constructor() { super('HomeScreen'); this.lightningArray = ['lightning01', 'lightning02', 'lightning03', 'lightning04', 'lightning05', 'none', 'none', 'none', 'none', 'none', 'none', 'none', 'none']; this.lightningSoundArray = ['sound01', 'sound02', 'sound03']; } preload() { this.load.image('sky', `https://play.rosebud.ai/assets/home_background.png.png?r10o`); this.load.image('home_button1', "https://i.ibb.co/x36cDmJ/home-button-map.png"); this.load.image('home_button1_hover', "https://i.ibb.co/qg0dGxt/home-button-map-mouseover.png"); this.load.image('home_button2', "https://i.ibb.co/k5tyLCr/home-button-mercenaries.png"); this.load.image('home_button2_hover', "https://i.ibb.co/y6brPxV/home-button-mercenaries-mouseover.png"); this.load.image('home_button3', "https://i.ibb.co/tZVtgd4/home-button-research.png"); this.load.image('home_button3_hover', "https://i.ibb.co/RpCtLYV/home-button-research-mouseover.png"); this.load.image('home_button4', `https://play.rosebud.ai/assets/home_button_roster.png.png?Q9WZ`); this.load.image('home_button4_hover', "https://i.ibb.co/KV8n6wb/home-button-roster-mouseover.png"); this.load.image('lightning01', `https://play.rosebud.ai/assets/lightning01v2.png.png?cTgO`); this.load.image('lightning02', `https://play.rosebud.ai/assets/lightning02v2.png.png?izQc`); this.load.image('lightning03', `https://play.rosebud.ai/assets/lightning03v2.png.png?lJEi`); this.load.image('lightning04', `https://play.rosebud.ai/assets/lightning04v2.png.png?H7Zk`); this.load.image('lightning05', `https://play.rosebud.ai/assets/lightning05v2.png.png?8ttn`); this.load.audio('music_home', `https://play.rosebud.ai/assets/home dark2.mp3.mp3?uJFf`); this.load.audio('sound01', `https://play.rosebud.ai/assets/lightning_nodelay.mp3.mp3?dsfd`); this.load.audio('sound02', `https://play.rosebud.ai/assets/lightning_nodelay2.mp3.mp3?qYrW`); this.load.audio('sound03', `https://play.rosebud.ai/assets/lightning_nodelay3.mp3.mp3?lont`); } create() { this.add.image(160, 120, 'sky'); let music = this.sound.add('music_home', { loop: true }); music.play(); this.lightning_overlay = this.add.image(249, 58, 'lightning01').setInteractive(); this.lightning_overlay.disableInteractive(); this.changeLightningGraphics(); // Create a label const label = this.add.text(3, 203, '', { font: '9px Verdana', fill: '#41527d' }); // Create Button1 and set it interactive const home_button1 = this.add.image(108, 97, 'home_button1').setInteractive(); home_button1.on('pointerdown', () => this.scene.start('CrisisRadar')); home_button1.on('pointerover', () => { home_button1.setTexture('home_button1_hover'); label.text = 'CRISIS RADAR\nSend field operatives to attack nightmare-controlled areas.'; }); home_button1.on('pointerout', () => { home_button1.setTexture('home_button1'); label.text = ''; }); // Create Button2 and set it interactive const home_button2 = this.add.image(208, 101, 'home_button2').setInteractive(); home_button2.on('pointerdown', () => this.scene.start('MercenariesScene')); home_button2.on('pointerover', () => { home_button2.setTexture('home_button2_hover'); label.text = 'SHADOWBRIDGE\nContact the Shadowbridge to check for available operatives.'; }); home_button2.on('pointerout', () => { home_button2.setTexture('home_button2'); label.text = ''; }); // Create Button3 and set it interactive const home_button3 = this.add.image(39, 72, 'home_button3').setInteractive(); home_button3.on('pointerdown', () => this.scene.start('ResearchScene')); home_button3.on('pointerover', () => { home_button3.setTexture('home_button3_hover'); label.text = 'LABORATORY\nResearch new technologies and investigate acquired artifacts.'; }); home_button3.on('pointerout', () => { home_button3.setTexture('home_button3'); label.text = ''; }); // Create Button4 and set it interactive const home_button4 = this.add.image(143, 92, 'home_button4').setInteractive(); home_button4.on('pointerdown', () => this.scene.start('RosterScene')); home_button4.on('pointerover', () => { home_button4.setTexture('home_button4_hover'); label.text = 'NIGHTMARE RESPONSE TEAM\nManage your squad of field and stationary operatives.'; }); home_button4.on('pointerout', () => { home_button4.setTexture('home_button4'); label.text = ''; }); } changeLightningGraphics() { const randomIndex = Phaser.Math.Between(0, this.lightningArray.length - 1); const assetKey = this.lightningArray[randomIndex]; if (assetKey !== 'none') { this.lightning_overlay.setTexture(assetKey); this.lightning_overlay.setVisible(true); // Set random semi-transparent alpha this.lightning_overlay.setAlpha(Math.random() * 0.6 + 0.1); // Play a random sound const randomSoundIndex = Phaser.Math.Between(0, this.lightningSoundArray.length - 1); const soundKey = this.lightningSoundArray[randomSoundIndex]; this.sound.play(soundKey); // Create a blink effect if(Math.random() > 0.5) { for(let i = 0; i < 5; i++) { this.time.delayedCall(i * 100, () => this.lightning_overlay.setVisible(!this.lightning_overlay.visible)); } } // Ensure the graphics stay on screen for a maximum of 500 milliseconds this.time.delayedCall(500, () => this.lightning_overlay.setVisible(false)); } else { this.lightning_overlay.setVisible(false); } const delay = Phaser.Math.Between(500, 3000); this.time.delayedCall(delay, () => this.changeLightningGraphics()); } } class MapScene extends Phaser.Scene { constructor() { super('MapScene'); } preload() { this.load.image('map_background', `https://play.rosebud.ai/assets/map.png.png?XeNx`); this.load.image('hostile', `https://play.rosebud.ai/assets/sector_hostile.png.png?kSSI`); this.load.image('attackable', `https://play.rosebud.ai/assets/sector_attackable.png.png?N24m`); this.load.image('liberated', `https://play.rosebud.ai/assets/sector_liberated.png.png?eWmN`); this.load.image('btn_begin', `https://play.rosebud.ai/assets/btn_begin.png.png?2WO5`); this.load.image('btn_team', `https://play.rosebud.ai/assets/btn_team.png.png?ydw7`); this.load.image('btn_defenses', `https://play.rosebud.ai/assets/btn_defenses.png.png?K7HK`); } create() { // Add the map background image this.add.image(160, 120, 'map_background'); // Create a button to return to the main menu const backButton = this.add.text(20, 20, 'Back to menu', { font: '8px Verdana', fill: '#ffffff' }).setInteractive(); backButton.on('pointerdown', () => this.scene.start('HomeScreen')); // Create the buttons but make them initially invisible const btn_begin = this.add.image(268, 33, 'btn_begin').setInteractive().setVisible(false); const btn_team = this.add.image(268, 63, 'btn_team').setInteractive().setVisible(false); const btn_defenses = this.add.image(268, 93, 'btn_defenses').setInteractive().setVisible(false); // Add the functionality when the buttons are clicked btn_begin.on('pointerdown', () => { if (roster.countHiredMercenaries() > 0) { this.sound.stopAll(); this.scene.start('Combat'); } }); btn_team.on('pointerdown', () => console.log('Team button clicked')); btn_defenses.on('pointerdown', () => console.log('Defenses button clicked')); // Create a 9x6 grid for the map const mapSize = { width: 9, height: 6 }; const sectorSize = { width: 25, height: 25 }; const topLeftCorner = { x: 29, y: 67 }; // Define the clickable sectors const clickableSectors = ['A1','A2','A3','A4','A5','B1','B2','B3','B4','B5','C1','C4','C5','C6','D1','D4','D5','D6','E1','E4','E5','E6','F1','F2','F3','F4','F5','G1','G2','G3','G4','G5','H2','H3']; // Initialize the grid const grid = []; for (let x = 0; x < mapSize.width; x++) { grid[x] = []; for (let y = 0; y < mapSize.height; y++) { const sectorId = String.fromCharCode(65 + x) + (y + 1); // 'A1', 'A2', etc. if (sectorId === 'G5') { grid[x][y] = { state: 'liberated', x: x, y: y, id: sectorId, description: 'This is a liberated sector.', difficulty: 0, specialObjective: 'Set up and maintain your defenses.', capturingBenefit: 'None' }; } else if (sectorId === 'F5') { grid[x][y] = { state: 'attackable', x: x, y: y, id: sectorId, description: 'A mainland sector. Anxiety horrors have been reported there.', difficulty: 1, specialObjective: 'Clear all enemies', capturingBenefit: 'Gain access to the bordering sectors.' }; } else if (sectorId === 'G4') { grid[x][y] = { state: 'attackable', x: x, y: y, id: sectorId, description: 'A mainland sector. Depression horrors have been reported there.', difficulty: 1, specialObjective: 'Clear all enemies', capturingBenefit: 'Gain access to the bordering sectors.' }; } else { grid[x][y] = { state: clickableSectors.includes(sectorId) ? 'hostile' : null, x: x, y: y, id: sectorId, // Add extra data for each sector description: `Description for sector ${sectorId}`, // Placeholder description difficulty: Math.ceil(Math.random() * 10), // Random difficulty for demonstration, rounded up to natural number specialObjective: Math.random() > 0.5 ? 'Special objective here' : null, // 50% chance to have a special objective capturingBenefit: `Benefit for capturing sector ${sectorId}` // Placeholder benefit }; } } } // Set the initial sector to 'liberated' and bordering sectors to 'attackable' // grid[3][4].state = 'attackable'; // grid[5][4].state = 'attackable'; // grid[4][3].state = 'attackable'; // grid[4][5].state = 'attackable'; // Draw the grid and make sectors interactive for (let x = 0; x < mapSize.width; x++) { for (let y = 0; y < mapSize.height; y++) { const sector = grid[x][y]; if (sector.state) { const sectorImage = this.add.image(topLeftCorner.x + x * sectorSize.width, topLeftCorner.y + y * sectorSize.height, sector.state); sectorImage.setInteractive(); // On sector click, display a mission summary in the status bar sectorImage.on('pointerdown', () => { statusBarText.text = `Sector ${sector.id} (Difficulty: ${sector.difficulty})\nDescription: ${sector.description}\nObjectives: ${sector.specialObjective ? sector.specialObjective : 'None'}\nCapturing Benefit: ${sector.capturingBenefit}`; btn_begin.setVisible(true); btn_team.setVisible(true); btn_defenses.setVisible(true); }); } } } // Status bar const statusBar = this.add.rectangle(2, 200, 320, 40, 0x000000).setOrigin(0, 0).setAlpha(0.8); const statusBarText = this.add.text(4, 202, 'Click a sector to view the mission summary.', { font: '8px Verdana', fill: '#ffffff', wordWrap: { width: 314, useAdvancedWrap: true } }).setOrigin(0, 0); } } const container = document.getElementById('renderDiv'); const config = { type: Phaser.AUTO, parent: 'renderDiv', scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, }, width: 320, height: 240, scene: [TitleScreen, HomeScreen, MapScene, MercenariesScene, ResearchScene, RosterScene, Combat, CrisisRadar], antialias: false // Disable anti-aliasing }; window.phaserGame = new Phaser.Game(config); // Save game data function saveGame() { const gameData = { roster: roster.mercenaries, // add any other data you want to save here }; localStorage.setItem('gameData', JSON.stringify(gameData)); } // Load game data function loadGame() { const gameData = JSON.parse(localStorage.getItem('gameData')); if (gameData) { roster.mercenaries = gameData.roster; // load any other data here } } // Call these functions when appropriate //saveGame(); //loadGame();