class Example extends Phaser.Scene { constructor() { super({ key: 'Example' }); this.popup = null; } preload() { // No assets to load for this specific popup design } create() { // Set the background color to black // this.cameras.main.setBackgroundColor('#000000'); // Add developer button const developerButton = this.add.text(Number(this.sys.game.config.width) - 10, 10, 'Developer', { font: '16px Arial', fill: '#ffffff' }) .setOrigin(1, 0) // Anchor to the top right .setInteractive({ useHandCursor: true }); developerButton.on('pointerdown', () => { this.showPopup(); }); // Create popup (initially hidden) this.createPopup(); } createPopup() { this.popup = this.add.container(Number(this.sys.game.config.width) / 2, Number(this.sys.game.config.height) / 2); this.popup.setVisible(false); // Hidden by default const popupBackground = this.add.graphics(); popupBackground.fillStyle(0x555555, 0.9); // Greyish background with some transparency popupBackground.fillRect(-200, -150, 400, 300); // Made popup larger this.popup.add(popupBackground); const popupText = this.add.text(0, -125, 'Developer Menu', { // Adjusted Y position for title font: '28px Arial', // Slightly larger title font fill: '#ffffff', align: 'center' }).setOrigin(0.5); this.popup.add(popupText); const buttonStyle = { font: '20px Arial', // Slightly larger button font fill: '#ffffff', backgroundColor: '#444444', padding: { x: 10, // Larger padding y: 6 // Larger padding } }; let buttonYPosition = -80; // Initial Y position for the first button const buttonSpacing = 40; // Spacing between buttons const screenSelectionButton = this.add.text(0, buttonYPosition, 'Screen Selection', buttonStyle) .setOrigin(0.5) .setInteractive({ useHandCursor: true }); screenSelectionButton.on('pointerdown', () => { console.log('Screen Selection clicked'); this.hidePopup(); }); this.popup.add(screenSelectionButton); buttonYPosition += buttonSpacing; const levelDesignButton = this.add.text(0, buttonYPosition, 'Level Design', buttonStyle) .setOrigin(0.5) .setInteractive({ useHandCursor: true }); levelDesignButton.on('pointerdown', () => { console.log('Level Design clicked'); this.hidePopup(); }); this.popup.add(levelDesignButton); buttonYPosition += buttonSpacing; const mapOverviewButton = this.add.text(0, buttonYPosition, 'Map Overview', buttonStyle) .setOrigin(0.5) .setInteractive({ useHandCursor: true }); mapOverviewButton.on('pointerdown', () => { console.log('Map Overview clicked'); this.hidePopup(); }); this.popup.add(mapOverviewButton); buttonYPosition += buttonSpacing; const skillManagerButton = this.add.text(0, buttonYPosition, 'Skill Manager', buttonStyle) .setOrigin(0.5) .setInteractive({ useHandCursor: true }); skillManagerButton.on('pointerdown', () => { console.log('Skill Manager clicked'); this.hidePopup(); }); this.popup.add(skillManagerButton); buttonYPosition += buttonSpacing; const testRoomButton = this.add.text(0, buttonYPosition, 'Test Room', buttonStyle) .setOrigin(0.5) .setInteractive({ useHandCursor: true }); testRoomButton.on('pointerdown', () => { console.log('Test Room clicked'); this.hidePopup(); this.scene.start('TestRoomScene'); }); this.popup.add(testRoomButton); buttonYPosition += buttonSpacing; const attackButton = this.add.text(0, buttonYPosition, 'Attack Button', buttonStyle) .setOrigin(0.5) .setInteractive({ useHandCursor: true }); attackButton.on('pointerdown', () => { console.log('Attack Button clicked'); this.hidePopup(); // Implement attack functionality here }); this.popup.add(attackButton); const closeButton = this.add.text(0, buttonYPosition + buttonSpacing + 10, 'Close', { // Adjusted y position for close button font: '22px Arial', // Slightly larger close button font fill: '#00ff00', backgroundColor: '#333333', padding: { x: 12, // Larger padding y: 7 // Larger padding } }).setOrigin(0.5).setInteractive({ useHandCursor: true }); closeButton.on('pointerdown', () => { this.hidePopup(); }); this.popup.add(closeButton); } showPopup() { if (this.popup) { this.popup.setVisible(true); } } hidePopup() { if (this.popup) { this.popup.setVisible(false); } } } class TestRoomScene extends Phaser.Scene { constructor() { super({ key: 'TestRoomScene' }); this.player = null; // Player object this.staff = null; // Staff object this.joystick = null; // Joystick container this.joystickBase = null; // Joystick base graphic this.joystickStick = null; // Joystick stick graphic this.joystickActive = false; this.joystickPointerId = null; this.joystickForce = 0; this.joystickAngle = 0; this.staffHoverAmplitude = 5; // Pixels this.staffHoverSpeed = 0.002; // Radians per millisecond (adjust for desired speed) this.attackButton = null; this.blueButton = null; // New blue button this.attackButtonActive = false; this.playerHealth = 100; // Max health this.playerMaxHealth = 100; this.healthBar = null; this.healthBarBackground = null; this.projectiles = null; this.footstepSound = null; this.isPlayingFootstep = false; this.skillsMenu = null; // Container for the skills menu this.skillsMenuVisible = false; // Tracks visibility of the skills menu this.skillsScrollOffset = 0; // For scrolling in the skills menu this.skillButtonObjects = []; // To store skill button text objects for scrolling this.attackSkills = {}; // To store different attack configurations this.currentAttackKey = 'default_attack'; // Default attack on start this.isDashing = false; this.dashCooldown = 750; // Cooldown for dodge roll in milliseconds this.lastDashTime = 0; // Time when the last dash was performed this.playerBaseSpeed = 200; // Base speed of the player this.playerCurrentSpeed = 200; // Current speed, can be modified by buffs this.targetDummy = null; this.targetDummyHealth = 200; this.targetDummyMaxHealth = 200; this.targetDummyHealthBar = null; this.targetDummyHealthBarBackground = null; } preload() { this.load.image('idle1', 'https://play.rosebud.ai/assets/Idle1.png?P3Pm'); this.load.image('idle2', 'https://play.rosebud.ai/assets/Idle2.png?DQ3h'); this.load.image('idle3', 'https://play.rosebud.ai/assets/Idle3.png?3jL2'); this.load.image('idle4', 'https://play.rosebud.ai/assets/Idle4.png?pdUZ'); this.load.image('idle5', 'https://play.rosebud.ai/assets/Idle5.png?1hIH'); this.load.image('idle6', 'https://play.rosebud.ai/assets/Idle6.png?CRYN'); this.load.image('run1', 'https://play.rosebud.ai/assets/Run1.png?khNT'); this.load.image('run2', 'https://play.rosebud.ai/assets/Run2.png?5ysS'); this.load.image('run3', 'https://play.rosebud.ai/assets/Run3.png?sS99'); this.load.image('run4', 'https://play.rosebud.ai/assets/Run4.png?8cq6'); this.load.image('run5', 'https://play.rosebud.ai/assets/Run5.png?yJEb'); this.load.image('run6', 'https://play.rosebud.ai/assets/Run6.png?6p7v'); this.load.image('staff_mighty', 'https://play.rosebud.ai/assets/staff_mighty.png?DhZB'); this.load.image('ice_projectile_1', 'https://play.rosebud.ai/assets/I5050-1.png?lrSx'); this.load.image('ice_projectile_2', 'https://play.rosebud.ai/assets/I5050-2.png?yaKj'); this.load.image('ice_projectile_3', 'https://play.rosebud.ai/assets/I5050-3.png?fRPT'); this.load.image('ice_projectile_4', 'https://play.rosebud.ai/assets/I5050-4.png?Z9L6'); this.load.image('ice_projectile_5', 'https://play.rosebud.ai/assets/I5050-5.png?QoaH'); this.load.image('ice_projectile_6', 'https://play.rosebud.ai/assets/I5050-6.png?ncNd'); this.load.image('ice_projectile_7', 'https://play.rosebud.ai/assets/I5050-7.png?dUmA'); this.load.image('ice_projectile_8', 'https://play.rosebud.ai/assets/I5050-8.png?h5wc'); // Assuming I5050-10 and I5050-11 are part of this sequence. If not, adjust accordingly. this.load.image('ice_projectile_10', 'https://play.rosebud.ai/assets/I5050-10.png?bgFc'); this.load.image('ice_projectile_11', 'https://play.rosebud.ai/assets/I5050-11.png?zARl'); this.load.audio('footstep_grass', 'https://play.rosebud.ai/assets/403163__fallujahqc__footstep_grass.wav?g247'); this.load.audio('icy_magic_cast', 'https://play.rosebud.ai/assets/691005__dustywind__icy-magic-cast.wav?1jKn'); this.load.spritesheet('energy_ball_sprite', 'https://play.rosebud.ai/assets/EnergyBall.png?EOS8', { frameWidth: 128, frameHeight: 128 }); // Example for default attack this.load.audio('blast2_sound', 'https://play.rosebud.ai/assets/31327__mchladil__blast2.wav?PXoi'); this.load.image('role1', 'https://play.rosebud.ai/assets/Role1.png?ricB'); this.load.image('role2', 'https://play.rosebud.ai/assets/Role2.png?tVEc'); this.load.image('role3', 'https://play.rosebud.ai/assets/Role3.png?0oGx'); this.load.image('role4', 'https://play.rosebud.ai/assets/Role4.png?O8ye'); this.load.image('role5', 'https://play.rosebud.ai/assets/Role5.png?OT2Z'); this.load.audio('jump_asphalt_sound', 'https://play.rosebud.ai/assets/792765__m7med807__jump_asphalt_01-footstep.wav?N6vV'); this.load.spritesheet('frost_glaive_sheet', 'https://play.rosebud.ai/assets/Spin1.png?iBpx', { frameWidth: 64, // 1216px width / 19 frames per row = 64px frameHeight: 64 // 192px height / 3 rows = 64px }); this.load.audio('glaive_sound', 'https://play.rosebud.ai/assets/Glaive sound effect.wav?gKPV'); this.load.spritesheet('swords_sheet', 'https://play.rosebud.ai/assets/Swords.png?Gk4M', { frameWidth: 32, // Assuming each sword icon is 32x32 frameHeight: 32 }); this.load.audio('clone_sound', 'https://play.rosebud.ai/assets/clone sound.ogg?PJ54'); this.load.spritesheet('haste_effect_sheet', 'https://play.rosebud.ai/assets/Area.png?dV4b', { frameWidth: 64, // 704px width / 11 frames per row = 64px frameHeight: 64 // 576px height / 9 rows = 64px }); this.load.audio('haste_sound', 'https://play.rosebud.ai/assets/Haste sound.wav?Grff'); this.load.spritesheet('stealth_effect_sheet', 'https://play.rosebud.ai/assets/Stealth.png?0dDA', { frameWidth: 72, // 576px width / 8 frames (assuming 7 animation frames + 1 if needed, or adjust if 7 total) frameHeight: 72 // Assuming square frames from 576x72 for 8 frames. If it's 7 frames in one row, frameWidth would be 576/7. }); this.load.audio('stealth_sound', 'https://play.rosebud.ai/assets/Stealth sound.wav?apPy'); this.load.audio('sword_fire_sound', 'https://play.rosebud.ai/assets/649361__sonofxaudio__sword_fire01.wav?GcSg'); this.load.spritesheet('heal_circle_sheet', 'https://play.rosebud.ai/assets/Heal circle.png?yFMl', { frameWidth: 192, // 960px width / 5 frames per row frameHeight: 192 // 576px height / 3 rows }); this.load.audio('heal_circle_sound', 'https://play.rosebud.ai/assets/heal circle.wav?t38A'); this.load.spritesheet('energy_explosion_effect_sheet', 'https://play.rosebud.ai/assets/Energy explosion.png?2O1G', { frameWidth: 256, frameHeight: 256 }); // Assuming 11 frames fit, e.g. 4x3 grid this.load.audio('hitting_wall_sound', 'https://play.rosebud.ai/assets/249814__spookymodem__hitting-wall.wav?arnS'); this.load.spritesheet('gust_blast_sheet', 'https://play.rosebud.ai/assets/Gust blast.png?MaOx', { frameWidth: 256, frameHeight: 256 }); // Assuming 256x256 frames, adjust if needed } create() { this.cameras.main.setBackgroundColor('#888888'); // Changed to gray background // Add title this.add.text(Number(this.sys.game.config.width) / 2, 20, 'Test Room', { font: '32px Arial', fill: '#ffffff' }).setOrigin(0.5, 0); // Add Skills button const skillsButton = this.add.text(Number(this.sys.game.config.width) / 2, 60, 'Skills', { // Positioned below the title font: '24px Arial', fill: '#ffffff', backgroundColor: '#333333', padding: { x: 10, y: 5 } }) .setOrigin(0.5, 0) // Anchor to its top-center .setInteractive({ useHandCursor: true }); skillsButton.on('pointerdown', () => { console.log('Skills button clicked'); this.showSkillsMenu(); }); this.createSkillsMenu(); // Initialize the skills menu const gridSize = 32; // Size of each grid cell const gridWidth = Number(this.sys.game.config.width); const gridHeight = Number(this.sys.game.config.height); const graphics = this.add.graphics({ lineStyle: { width: 1, color: 0x444444 } }); // Draw vertical lines for (let x = 0; x < gridWidth; x += gridSize) { graphics.lineBetween(x, 0, x, gridHeight); } // Draw horizontal lines for (let y = 0; y < gridHeight; y += gridSize) { graphics.lineBetween(0, y, gridWidth, y); } // Add a back button to return to the main menu const backButton = this.add.text(Number(this.sys.game.config.width) - 10, 10, 'Back to Menu', { font: '16px Arial', fill: '#ffffff', backgroundColor: '#000000' }) .setOrigin(1, 0) .setInteractive({ useHandCursor: true }) .setPadding(10, 5); backButton.on('pointerdown', () => { this.scene.start('Example'); // Assuming your main scene key is 'Example' or default }); // Create player animation this.anims.create({ key: 'player_idle', frames: [{ key: 'idle1' }, { key: 'idle2' }, { key: 'idle3' }, { key: 'idle4' }, { key: 'idle5' }, { key: 'idle6' }], frameRate: 6, // Adjust frame rate as needed for smooth animation repeat: -1 // Loop indefinitely }); this.anims.create({ key: 'player_run', frames: [{ key: 'run1' }, { key: 'run2' }, { key: 'run3' }, { key: 'run4' }, { key: 'run5' }, { key: 'run6' }], frameRate: 10, // Adjust frame rate as needed for smooth animation repeat: -1 // Loop indefinitely }); this.anims.create({ key: 'player_roll', frames: [{ key: 'role1' }, { key: 'role2' }, { key: 'role3' }, { key: 'role4' }, { key: 'role5' }], frameRate: 10, // Adjusted to 10 fps for a 500ms animation (5 frames / 10fps = 0.5s) repeat: 0 // Play once }); // Create player sprite this.player = this.add.sprite(0, 0, 'idle1'); // Start with the first frame this.player.play('player_idle'); // Play the idle animation // Optionally scale the player if 16x16 is too small this.player.setScale(6); // Example: makes player 96x96 // Position player in the center of the screen initially // The update method will keep it centered relative to the camera this.player.x = Number(this.sys.game.config.width) / 2; this.player.y = Number(this.sys.game.config.height) / 2; // Add the staff this.staff = this.add.sprite(this.player.x + 50, this.player.y, 'staff_mighty'); this.staff.setScale(5); // Increased scale from 4 to 5 this.createVirtualJoystick(); this.createAttackButton(); this.createBlueButton(); // Call to create the new button this.createHealthBar(); this.projectiles = this.add.group(); // Define attack skills as modules this.attackSkills.default_attack = { name: 'Energy Ball', config: { projectileKey: 'energy_ball_sprite', animationKey: 'energy_ball_fly', impactAnimationKey: 'energy_ball_impact', soundKey: 'blast2_sound', soundConfig: { rate: 1.5 // Play sound 50% faster }, speed: 800, // Increased speed from 400 to 800 scale: 0.8, damage: 10 }, onFire: function(scene, staff, player) { const config = this.config; if (config.soundKey) scene.sound.play(config.soundKey, config.soundConfig || {}); const projectile = scene.add.sprite(staff.x, staff.y, config.projectileKey); projectile.setScale(config.scale); projectile.setData('isProjectile', true); projectile.setData('isImpacting', false); projectile.setData('attackKey', 'default_attack'); scene.projectiles.add(projectile); if (config.animationKey) projectile.play(config.animationKey); let velocityX = config.speed; if (player.flipX) { velocityX = -config.speed; projectile.setFlipX(true); } else { projectile.setFlipX(false); } projectile.setData('velocityX', velocityX); projectile.setData('velocityY', 0); return projectile; }, onProjectileUpdate: function(scene, projectile, delta) { // Generic update, can be overridden if needed if (!projectile.getData('isImpacting')) { const velocityX = projectile.getData('velocityX'); const velocityY = projectile.getData('velocityY'); projectile.x += velocityX * (delta / 1000); projectile.y += velocityY * (delta / 1000); // Store the predicted next position for more accurate collision checks if needed elsewhere projectile.setData('nextX', projectile.x + (velocityX * (delta / 1000)) * 5); // Predict a bit ahead for collision projectile.setData('nextY', projectile.y + (velocityY * (delta / 1000)) * 5); } }, onImpactBoundary: function(scene, projectile) { const config = this.config; projectile.setData('isImpacting', true); projectile.setData('velocityX', 0); projectile.setData('velocityY', 0); const wallHitSound = scene.sound.add('hitting_wall_sound'); wallHitSound.play({ volume: 0.5 }); scene.time.delayedCall(200, () => { // Stop sound after 200ms if (wallHitSound && wallHitSound.isPlaying) { wallHitSound.stop(); } }); if (config.impactAnimationKey) { // projectile.play(config.impactAnimationKey); // Original impact animation // projectile.on(`animationcomplete-${config.impactAnimationKey}`, () => { // projectile.destroy(); // }, scene); const explosion = scene.add.sprite(projectile.x, projectile.y, 'energy_explosion_effect_sheet'); explosion.setScale(config.scale * 1.5); // Make explosion a bit larger than projectile explosion.play('energy_explosion_effect'); explosion.on('animationcomplete', () => { explosion.destroy(); }); projectile.destroy(); // Destroy projectile immediately } else { projectile.destroy(); } } }; this.attackSkills.ice_shard = { name: 'Ice Shard', config: { projectileKey: 'ice_projectile_1', animationKey: 'ice_projectile_fly', impactAnimationKey: 'ice_projectile_impact', soundKey: 'icy_magic_cast', soundConfig: { volume: 0.7, rate: 1.5 }, speed: 600, scale: 0.3, damage: 20 }, onFire: function(scene, staff, player) { const config = this.config; scene.sound.play(config.soundKey, config.soundConfig || {}); const projectile = scene.add.sprite(staff.x, staff.y, config.projectileKey); projectile.setScale(config.scale); projectile.setData('isProjectile', true); projectile.setData('isImpacting', false); projectile.setData('attackKey', 'ice_shard'); scene.projectiles.add(projectile); if (config.animationKey) { projectile.play(config.animationKey); projectile.on(`animationcomplete-${config.animationKey}`, () => { if (projectile.active && !projectile.getData('isImpacting')) { projectile.setTexture('ice_projectile_7'); // Last frame of flight } }, scene); } let velocityX = config.speed; if (player.flipX) { velocityX = -config.speed; projectile.setFlipX(false); // Inverted: if player is flipped (facing left), projectile is not flipped (assuming asset faces left) } else { projectile.setFlipX(true); // Inverted: if player is not flipped (facing right), projectile is flipped } projectile.setData('velocityX', velocityX); projectile.setData('velocityY', 0); return projectile; }, onProjectileUpdate: function(scene, projectile, delta) { // Generic update, can be overridden if needed if (!projectile.getData('isImpacting')) { projectile.x += projectile.getData('velocityX') * (delta / 1000); projectile.y += projectile.getData('velocityY') * (delta / 1000); } }, onImpactBoundary: function(scene, projectile) { const config = this.config; projectile.setData('isImpacting', true); projectile.setData('velocityX', 0); projectile.setData('velocityY', 0); const wallHitSound = scene.sound.add('hitting_wall_sound'); wallHitSound.play({ volume: 0.5 }); // scene.time.delayedCall(200, () => { // Stop sound after 200ms - REMOVED to play full sound // if (wallHitSound && wallHitSound.isPlaying) { // wallHitSound.stop(); // } // }); if (config.impactAnimationKey) { // Clear any specific flying animation listeners first if (config.animationKey === 'ice_projectile_fly') { projectile.off(`animationcomplete-${config.animationKey}`); } // Ensure impact animation is also flipped consistently with how it was fired if (projectile.getData('velocityX') < 0) { // Moving left, so player was facing left projectile.setFlipX(false); // Asset faces left, don't flip } else { // Moving right projectile.setFlipX(true); // Asset faces left, flip it to face right } projectile.play(config.impactAnimationKey); projectile.on(`animationcomplete-${config.impactAnimationKey}`, () => { projectile.destroy(); }, scene); } else { projectile.destroy(); } } }; // Create animation for the default attack (Energy Ball) this.anims.create({ key: this.attackSkills.default_attack.config.animationKey, // 'energy_ball_fly', frames: this.anims.generateFrameNumbers(this.attackSkills.default_attack.config.projectileKey, { // 'energy_ball_sprite' start: 0, end: 7 }), // Assuming 0-7 are flying frames frameRate: 10, repeat: -1 // Loop flying animation }); this.anims.create({ key: this.attackSkills.default_attack.config.impactAnimationKey, // 'energy_ball_impact', frames: this.anims.generateFrameNumbers(this.attackSkills.default_attack.config.projectileKey, { // 'energy_ball_sprite' start: 8, end: 8 }), // Assuming frame 8 is an impact frame or just use the last flying frame frameRate: 10, repeat: 0 }); // Create projectile animations for Ice Shard this.anims.create({ key: this.attackSkills.ice_shard.config.animationKey, // 'ice_projectile_fly', frames: [{ key: 'ice_projectile_1' }, { key: 'ice_projectile_2' }, { key: 'ice_projectile_3' }, { key: 'ice_projectile_4' }, { key: 'ice_projectile_5' }, { key: 'ice_projectile_6' }, { key: 'ice_projectile_7' } // Last frame of flight sequence ], frameRate: 25, repeat: 0 }); this.anims.create({ key: this.attackSkills.ice_shard.config.impactAnimationKey, // 'ice_projectile_impact', frames: [{ key: 'ice_projectile_8' }, { key: 'ice_projectile_10' }, { key: 'ice_projectile_11' }], frameRate: 15, repeat: 0 }); // Create animations for Frost Glaive this.anims.create({ key: 'frost_glaive_fly', frames: this.anims.generateFrameNumbers('frost_glaive_sheet', { start: 38, // Third row (0-18 is row 1, 19-37 is row 2, 38-56 is row 3) end: 56 // End of the third row }), frameRate: 20, // Adjust for desired spin speed repeat: -1 // Loop the spin }); this.anims.create({ key: 'frost_glaive_impact', // For simplicity, let's make impact a quick play of the animation frames: this.anims.generateFrameNumbers('frost_glaive_sheet', { start: 38, end: 56 }), frameRate: 30, // Play faster for impact repeat: 0 // Play once }); // Define Frost Glaive skill this.attackSkills.frost_glaive = { name: 'Frost Glaive', config: { projectileKey: 'frost_glaive_sheet', // Use the sheet, as animation sets the frames animationKey: 'frost_glaive_fly', impactAnimationKey: 'frost_glaive_impact', soundKey: 'glaive_sound', // Added glaive sound soundConfig: { // Optional: adjust volume/rate if needed volume: 0.7, rate: 1.5 // Play 50% faster }, speed: 500, scale: 2.5, // Increased scale from 1.5 to 2.5 damage: 25, rotationSpeed: 360 // Degrees per second for spinning effect // angularVelocity: 360 // Degrees per second for rotation, if not covered by sprite animation - already handled by sprite anim }, onFire: function(scene, staff, player) { const config = this.config; if (config.soundKey) scene.sound.play(config.soundKey, config.soundConfig || {}); // We use the projectileKey for the sprite, but the animationKey will define what it looks like const projectile = scene.add.sprite(staff.x, staff.y, config.projectileKey); projectile.setScale(config.scale); projectile.setData('isProjectile', true); projectile.setData('isImpacting', false); projectile.setData('attackKey', 'frost_glaive'); scene.projectiles.add(projectile); if (config.animationKey) projectile.play(config.animationKey); let velocityX = config.speed; if (player.flipX) { velocityX = -config.speed; // Glaive sprite might not need flipping if it's a symmetrical spin // projectile.setFlipX(true); } else { // projectile.setFlipX(false); } projectile.setData('velocityX', velocityX); projectile.setData('velocityY', 0); // If the sprite animation itself doesn't handle rotation, we can add it // projectile.setAngularVelocity(config.angularVelocity * (player.flipX ? -1 : 1)); return projectile; }, onProjectileUpdate: function(scene, projectile, delta) { if (!projectile.getData('isImpacting')) { projectile.x += projectile.getData('velocityX') * (delta / 1000); projectile.y += projectile.getData('velocityY') * (delta / 1000); const config = scene.attackSkills.frost_glaive.config; // Access config if (config.rotationSpeed) { projectile.angle += config.rotationSpeed * (delta / 1000); // Rotate based on delta time } } }, onImpactBoundary: function(scene, projectile) { const config = this.config; projectile.setData('isImpacting', true); projectile.setData('velocityX', 0); projectile.setData('velocityY', 0); const wallHitSound = scene.sound.add('hitting_wall_sound'); wallHitSound.play({ volume: 0.5 }); scene.time.delayedCall(200, () => { // Stop sound after 200ms if (wallHitSound && wallHitSound.isPlaying) { wallHitSound.stop(); } }); // projectile.setAngularVelocity(0); // Removed: Sprites don't have this, rotation is by animation if (config.impactAnimationKey) { projectile.play(config.impactAnimationKey); projectile.once(`animationcomplete-${config.impactAnimationKey}`, () => { projectile.destroy(); }); } else { projectile.destroy(); } } }; this.attackSkills.clone_skill = { name: 'Clone Decoy', config: { soundKey: 'clone_sound', soundConfig: { volume: 0.7, rate: 1.0 }, // Adjust volume/rate as needed cloneDuration: 5000 // Milliseconds before clone fades and is destroyed }, onFire: function(scene, staff, player) { const config = this.config; if (config.soundKey) scene.sound.play(config.soundKey, config.soundConfig || {}); // Create the visual clone const clone = scene.add.sprite(player.x, player.y, player.texture.key, player.frame.name); clone.setFlipX(player.flipX); clone.setScale(player.scaleX, player.scaleY); // Use individual scales if player has non-uniform scale clone.setDepth(player.depth - 1); // Render slightly behind player if needed, or same depth // Create a static health bar for the clone const barWidth = 50; const barHeight = 8; const healthPercentage = scene.playerHealth / scene.playerMaxHealth; const healthBarOffsetY = -player.displayHeight / 2 - 10; const cloneHealthBarBg = scene.add.graphics(); cloneHealthBarBg.fillStyle(0x000000, 1); // Border cloneHealthBarBg.fillRect(clone.x - barWidth / 2 - 1, clone.y + healthBarOffsetY - barHeight / 2 - 1, barWidth + 2, barHeight + 2); cloneHealthBarBg.fillStyle(0xff0000, 1); // Background fill cloneHealthBarBg.fillRect(clone.x - barWidth / 2, clone.y + healthBarOffsetY - barHeight / 2, barWidth, barHeight); const cloneHealthFill = scene.add.graphics(); cloneHealthFill.fillStyle(0x00ff00, 1); // Health fill cloneHealthFill.fillRect(clone.x - barWidth / 2, clone.y + healthBarOffsetY - barHeight / 2, barWidth * healthPercentage, barHeight); // Make clone fade out and destroy itself scene.tweens.add({ targets: [clone, cloneHealthBarBg, cloneHealthFill], alpha: 0, duration: 500, // Fade duration delay: config.cloneDuration - 500, // Start fading 500ms before end of life onComplete: () => { clone.destroy(); cloneHealthBarBg.destroy(); cloneHealthFill.destroy(); } }); return null; // No projectile involved }, // No onProjectileUpdate or onImpactBoundary needed for this skill }; this.attackSkills.haste_skill = { name: 'Haste', config: { animationKey: 'haste_effect_animation', soundKey: 'haste_sound', soundConfig: { rate: 2.0 }, // Play sound at double speed scale: 4, duration: 1500, // Visual effect duration speedBoostDuration: 5000, // 5 seconds for speed boost speedMultiplier: 3 // Triple speed (200% increase) }, onFire: function(scene, staff, player) { const config = this.config; if (config.soundKey) scene.sound.play(config.soundKey, config.soundConfig || {}); const effectSprite = scene.add.sprite(player.x, player.y + player.displayHeight / 2 - (64 * config.scale / 4), 'haste_effect_sheet'); effectSprite.setScale(config.scale); effectSprite.setDepth(player.depth - 1); effectSprite.play(config.animationKey); effectSprite.on(`animationcomplete-${config.animationKey}`, () => { effectSprite.destroy(); }, scene); // Apply speed buff if (!player.getData('hasteActive')) { // Check if haste is not already active to prevent stacking issues with base speed player.setData('originalSpeed', scene.playerCurrentSpeed); // Store current speed before buffing } scene.playerCurrentSpeed = player.getData('originalSpeed') * config.speedMultiplier; player.setData('hasteActive', true); // Clear any existing haste timer if (player.getData('hasteTimer')) { player.getData('hasteTimer').remove(false); } const hasteTimer = scene.time.delayedCall(config.speedBoostDuration, () => { scene.playerCurrentSpeed = player.getData('originalSpeed'); // Revert to original speed player.setData('hasteActive', false); player.setData('hasteTimer', null); if (scene.isPlayingFootstep) { // If footstep sound is playing, revert its rate scene.footstepSound.setRate(1.5); // Default rate } console.log('Haste expired, speed reverted, footstep rate normal.'); }, [], scene); player.setData('hasteTimer', hasteTimer); if (scene.isPlayingFootstep) { // If footstep sound is already playing, update its rate scene.footstepSound.setRate(3.0); // Double the default rate (1.5 * 2) } console.log(`Haste activated! Speed increased to ${scene.playerCurrentSpeed} for ${config.speedBoostDuration / 1000}s. Footstep rate increased if moving.`); return null; // No projectile } // No onProjectileUpdate or onImpactBoundary needed for buff skills without projectiles }; this.attackSkills.stealth_skill = { name: 'Stealth', config: { animationKey: 'stealth_effect_animation', soundKey: 'stealth_sound', soundDelay: 100, // Delay in milliseconds before playing the sound scale: 3, // Adjust as needed for the visual effect sprite effectDuration: 700, // Duration of the visual effect animation stealthAlpha: 0.5, // Player's transparency when stealthed stealthDuration: 5000, // How long the player stays stealthed (ms) speedModifier: 0.5 // Player speed is multiplied by this while stealthed (50% speed) }, onFire: function(scene, staff, player) { const config = this.config; if (config.soundKey) { scene.time.delayedCall(config.soundDelay || 0, () => { scene.sound.play(config.soundKey); }, [], scene); } // Play visual effect animation const effectSprite = scene.add.sprite(player.x, player.y, 'stealth_effect_sheet'); effectSprite.setScale(config.scale); effectSprite.setDepth(player.depth + 1); // Play on top of player effectSprite.play(config.animationKey); effectSprite.on(`animationcomplete-${config.animationKey}`, () => { effectSprite.destroy(); }, scene); // Apply stealth effect to player and staff if (player.getData('stealthTimer')) { // Clear existing stealth timer if any const existingTimer = player.getData('stealthTimer'); // Restore previous speed before applying new stealth effect if (player.getData('speedBeforeStealth') !== undefined) { scene.playerCurrentSpeed = player.getData('speedBeforeStealth'); } existingTimer.remove(false); } player.setAlpha(config.stealthAlpha); if (staff) staff.setAlpha(config.stealthAlpha); player.setData('isStealthed', true); player.setData('isStealthedForOthers', true); // For multiplayer logic // Store current speed and apply modifier player.setData('speedBeforeStealth', scene.playerCurrentSpeed); scene.playerCurrentSpeed *= config.speedModifier; console.log(`Stealth skill activated: Player alpha and staff alpha to ${config.stealthAlpha}. Speed reduced to ${scene.playerCurrentSpeed}.`); const stealthTimer = scene.time.delayedCall(config.stealthDuration, () => { player.setAlpha(1.0); // Restore full opacity if (staff) staff.setAlpha(1.0); player.setData('isStealthed', false); player.setData('isStealthedForOthers', false); // For multiplayer logic // Restore speed if (player.getData('speedBeforeStealth') !== undefined) { scene.playerCurrentSpeed = player.getData('speedBeforeStealth'); player.setData('speedBeforeStealth', undefined); // Clear stored speed } player.setData('stealthTimer', null); console.log(`Stealth skill expired: Player and staff alpha restored. Speed restored to ${scene.playerCurrentSpeed}.`); }, [], scene); player.setData('stealthTimer', stealthTimer); return null; // No projectile } // No onProjectileUpdate or onImpactBoundary needed }; this.attackSkills.fire_strike = { name: 'Fire Strike', // currentAngleOffset: 0, // Removed: No longer needed for a jab config: { swordAssetKey: 'swords_sheet', swordFrame: 0, // First sword in the sheet animationKey: 'fire_strike_jab_anim', // A dummy animation for the sprite, actual motion by tween soundKey: 'sword_fire_sound', soundConfig: { volume: 0.7, rate: 1.0 }, damage: 30, jabDuration: 100, // Duration of the jab forward motion retractDuration: 150, // Duration of the retraction jabDistance: 80, // How far the sword jabs forward from its starting point spawnOffset: 20, // How far in front of the staff the sword initially spawns scale: 3.5 // Scale of the sword }, onFire: function(scene, staff, player) { const config = this.config; if (config.soundKey) scene.sound.play(config.soundKey, config.soundConfig || {}); const initialXOffset = player.flipX ? -config.spawnOffset : config.spawnOffset; const swordStartX = staff.x + initialXOffset; const swordStartY = staff.y; const sword = scene.add.sprite(swordStartX, swordStartY, config.swordAssetKey, config.swordFrame); sword.setScale(config.scale); sword.setOrigin(0.5, 0.5); // Origin at center for rotation sword.setDepth(player.depth); if (player.flipX) { sword.setAngle(270); // Sword points left // sword.setFlipY(true); // Removed, angle should suffice if asset points up/down } else { sword.setAngle(90); // Sword points straight up sword.setFlipY(false); // Normal orientation when facing right } const jabEndX = player.flipX ? swordStartX - config.jabDistance : swordStartX + config.jabDistance; scene.tweens.add({ targets: sword, x: jabEndX, duration: config.jabDuration, ease: 'Power1', // Or 'Linear' for a very direct jab onComplete: () => { // Damage check when jab is fully extended if (sword.active && scene.targetDummy && Phaser.Geom.Intersects.RectangleToRectangle(sword.getBounds(), scene.targetDummy.getBounds())) { scene.targetDummyHealth = Math.max(0, scene.targetDummyHealth - config.damage); scene.updateTargetDummyHealthBar(); scene.triggerDamageFlash(scene.targetDummy); console.log(`Fire Strike (Jab) hit target dummy for ${config.damage} damage. Health: ${scene.targetDummyHealth}`); } // Retract the sword scene.tweens.add({ targets: sword, x: swordStartX, // Return to original X duration: config.retractDuration, ease: 'Power1', onComplete: () => { sword.destroy(); } }); } }); return null; // No projectile to track } // No onProjectileUpdate or onImpactBoundary needed for this type of melee skill }; this.attackSkills.rejuvenate_skill = { name: 'Rejuvenate', config: { animationKey: 'rejuvenate_effect_animation', soundKey: 'heal_circle_sound', soundConfig: { rate: 0.6 }, scale: 2, duration: 3000, // Total duration of the healing effect in ms (matches animation: 15 frames / 15fps * 3 plays = 3s) healAmount: 5, // Amount of health to heal per tick healInterval: 500, // Heal every 500ms healRadius: 150 // Radius around the player where healing applies (adjust based on visual effect size) }, onFire: function(scene, staff, player) { const config = this.config; if (config.soundKey) scene.sound.play(config.soundKey, config.soundConfig || {}); const effectSprite = scene.add.sprite(player.x, player.y, 'heal_circle_sheet'); effectSprite.setScale(config.scale); effectSprite.setDepth(player.depth - 1); effectSprite.play(config.animationKey); effectSprite.on(`animationcomplete-${config.animationKey}`, () => { effectSprite.destroy(); }, scene); let healTicks = 0; const maxHealTicks = Math.floor(config.duration / config.healInterval); const healingTimer = scene.time.addEvent({ delay: config.healInterval, callback: () => { if (healTicks >= maxHealTicks) { healingTimer.remove(); console.log('Rejuvenate healing effect finished.'); return; } // For now, heal the target dummy if it's within range of the player (center of the effect) if (scene.targetDummy) { const distanceToDummy = Phaser.Math.Distance.Between(player.x, player.y, scene.targetDummy.x, scene.targetDummy.y); if (distanceToDummy <= config.healRadius) { scene.targetDummyHealth = Math.min(scene.targetDummyMaxHealth, scene.targetDummyHealth + config.healAmount); scene.updateTargetDummyHealthBar(); console.log(`Target dummy healed by Rejuvenate for ${config.healAmount}. Health: ${scene.targetDummyHealth}`); } } healTicks++; }, callbackScope: scene, loop: true }); // Ensure the visual effect sprite is destroyed even if the scene changes or player dies, etc. // This might need more robust handling depending on game structure. // For now, the animationcomplete handles its destruction. // The timer will also stop if max ticks are reached. console.log('Rejuvenate used, healing over time initiated.'); return null; } }; this.attackSkills.venom_strike = { name: 'Venom Strike', // currentAngleOffset: 0, // Removed: No longer needed for fixed angle config: { swordAssetKey: 'swords_sheet', swordFrame: 2, // Third sword from the first row (0-indexed) animationKey: 'venom_strike_jab_anim', // Dummy animation key soundKey: 'glaive_sound', // Reusing glaive sound for now, can be changed soundConfig: { volume: 0.6, rate: 1.2 }, damage: 18, jabDuration: 150, // Duration of the jab out retractDuration: 200, // Duration of the jab retract jabDistance: 70, // How far the sword jabs forward reach: 40, // How far the sword spawns initially from the staff scale: 3.0 // Scale of the sword }, onFire: function(scene, staff, player) { const config = this.config; // this.currentAngleOffset = (this.currentAngleOffset + 5) % 360; // Removed: Angle should be fixed based on direction if (config.soundKey) scene.sound.play(config.soundKey, config.soundConfig || {}); const spawnOffsetX = player.flipX ? -config.reach : config.reach; const swordStartX = staff.x + spawnOffsetX; const swordY = staff.y; const sword = scene.add.sprite(swordStartX, swordY, config.swordAssetKey, config.swordFrame); sword.setScale(config.scale); sword.setOrigin(0.5, 0.5); sword.setDepth(player.depth); // let baseAngle = this.currentAngleOffset; // Removed if (player.flipX) { sword.setAngle(270); // Sword points left sword.setFlipY(false); } else { sword.setAngle(90); // Sword points straight up sword.setFlipY(false); // Normal orientation when facing right } const jabEndX = player.flipX ? swordStartX - config.jabDistance : swordStartX + config.jabDistance; scene.tweens.add({ targets: sword, x: jabEndX, angle: sword.angle, // Angle remains consistent during jab duration: config.jabDuration, ease: 'Power2', onStart: () => { // Damage check can happen at the start or during the jab. // For a quick jab, checking at the end of the jab motion (before retract) might be good. }, onComplete: () => { // Damage check when jab is fully extended if (sword.active && scene.targetDummy && Phaser.Geom.Intersects.RectangleToRectangle(sword.getBounds(), scene.targetDummy.getBounds())) { scene.targetDummyHealth = Math.max(0, scene.targetDummyHealth - config.damage); scene.updateTargetDummyHealthBar(); scene.triggerDamageFlash(scene.targetDummy); console.log(`Venom Strike hit target dummy for ${config.damage} damage. Health: ${scene.targetDummyHealth}`); } // Retract the sword scene.tweens.add({ targets: sword, x: swordStartX, // Return to original X angle: sword.angle, // Angle remains the same duration: config.retractDuration, // Duration of retraction ease: 'Power1', onComplete: () => { sword.destroy(); } }); } }); return null; // No projectile to track } }; this.attackSkills.blink_skill = { name: 'Blink', config: { blinkDistance: 300, // Distance to teleport soundKey: 'clone_sound', // Placeholder sound soundConfig: { volume: 0.7, rate: 1.5 } }, onFire: function(scene, staff, player) { const config = this.config; if (config.soundKey) scene.sound.play(config.soundKey, config.soundConfig || {}); let blinkAngle = player.flipX ? Math.PI : 0; // Blink left if flipX is true, else right // If joystick is active and has a significant force, use joystick angle for blinking if (scene.joystickActive && scene.joystickForce > 0.2) { blinkAngle = scene.joystickAngle; } let targetX = player.x + Math.cos(blinkAngle) * config.blinkDistance; let targetY = player.y + Math.sin(blinkAngle) * config.blinkDistance; // Keep player within screen bounds const playerHalfWidth = player.displayWidth / 2; const playerHalfHeight = player.displayHeight / 2; targetX = Phaser.Math.Clamp(targetX, playerHalfWidth, Number(scene.sys.game.config.width) - playerHalfWidth); targetY = Phaser.Math.Clamp(targetY, playerHalfHeight, Number(scene.sys.game.config.height) - playerHalfHeight); player.x = targetX; player.y = targetY; // Optionally add a quick visual effect, like a fade out/in or particles // For simplicity, we'll just teleport instantly. console.log(`Player blinked to X: ${targetX.toFixed(0)}, Y: ${targetY.toFixed(0)}`); return null; // No projectile } }; this.attackSkills.gust_skill = { name: 'Gust', config: { animationKey: 'gust_blast_effect', soundKey: 'blast2_sound', // Placeholder sound soundConfig: { volume: 0.6, rate: 0.8 }, scale: 2.0, // Scale of the gust effect effectDuration: 500, // Duration of the visual effect animation (approx) knockbackRadius: 200, // Radius to check for enemies to knock back knockbackDistance: 150, // How far enemies are knocked back knockbackDuration: 250 // Duration of the knockback tween }, onFire: function(scene, staff, player) { const config = this.config; if (config.soundKey) scene.sound.play(config.soundKey, config.soundConfig || {}); const effectSprite = scene.add.sprite(player.x, player.y, 'gust_blast_sheet'); effectSprite.setScale(config.scale); effectSprite.setDepth(player.depth + 1); // Play on top of player effectSprite.play(config.animationKey); effectSprite.on(`animationcomplete-${config.animationKey}`, () => { effectSprite.destroy(); }); // Knockback target dummy if (scene.targetDummy) { const distanceToDummy = Phaser.Math.Distance.Between(player.x, player.y, scene.targetDummy.x, scene.targetDummy.y); if (distanceToDummy <= config.knockbackRadius) { const angleToDummy = Phaser.Math.Angle.Between(player.x, player.y, scene.targetDummy.x, scene.targetDummy.y); let targetKnockbackX = scene.targetDummy.x + Math.cos(angleToDummy) * config.knockbackDistance; let targetKnockbackY = scene.targetDummy.y + Math.sin(angleToDummy) * config.knockbackDistance; // Clamp knockback within screen bounds (accounting for dummy size) const dummyHalfWidth = scene.targetDummy.width / 2; const dummyHalfHeight = scene.targetDummy.height / 2; targetKnockbackX = Phaser.Math.Clamp(targetKnockbackX, dummyHalfWidth, Number(scene.sys.game.config.width) - dummyHalfWidth); targetKnockbackY = Phaser.Math.Clamp(targetKnockbackY, dummyHalfHeight, Number(scene.sys.game.config.height) - dummyHalfHeight); scene.tweens.add({ targets: [scene.targetDummy, scene.targetDummyHealthBar, scene.targetDummyHealthBarBackground], x: targetKnockbackX, y: targetKnockbackY, duration: config.knockbackDuration, ease: 'Power2', onUpdate: () => { // Keep health bar graphics positioned correctly during tween scene.updateTargetDummyHealthBar(); // This will use targetDummy's new x/y } }); console.log(`Gust knocked back target dummy.`); } } return null; // No projectile } }; this.footstepSound = this.sound.add('footstep_grass', { loop: true, volume: 0.5, rate: 1.5 }); // Spawn the first sword from the swords_sheet - REMOVED // const firstSword = this.add.sprite(Number(this.sys.game.config.width) / 2 - 100, Number(this.sys.game.config.height) / 2, 'swords_sheet', 0); // Frame 0 is the first sword // firstSword.setScale(2); // Optional: Scale it up if it's too small // Define sword chopping animation - REMOVED // this.anims.create({ // key: 'chop', // frames: [{ // key: 'swords_sheet', // frame: 0 // } // Use the first frame of the swords_sheet for the animation // ], // frameRate: 10, // repeat: -1 // }); // this.tweens.add({ // targets: firstSword, // angle: { // from: -135, // Start angled further back // to: 45 // End angled forward, completing the swing // }, // duration: 350, // Slightly longer duration for a wider swing // ease: 'Sine.easeInOut', // Smoother easing for a swing // yoyo: true, // repeat: -1, // onUpdate: () => { // // Ensure origin is set for proper rotation if not already // if (firstSword.originX !== 0.5 || firstSword.originY !== 1) { // firstSword.setOrigin(0.5, 1); // Origin at the hilt (bottom-center) // } // } // }); // firstSword.play('chop'); // Spawn the second sword from the swords_sheet (frame 1) - REMOVED // const secondSword = this.add.sprite(Number(this.sys.game.config.width) / 2 - 50, Number(this.sys.game.config.height) / 2, 'swords_sheet', 1); // Frame 1 is the second sword // secondSword.setScale(2); // Optional: Scale it up if it's too small // secondSword.setOrigin(0.5, 1); // Set origin for potential animation consistency // Add swinging animation to the second sword - REMOVED // this.tweens.add({ // targets: secondSword, // angle: { // from: 0, // Start horizontal, pointing right (or left if origin is hilt and it's a backhand prep) // to: 180 // Swing to horizontal, pointing left (completing a full 180-degree arc) // }, // duration: 450, // Slightly different duration for variety // ease: 'Expo.easeInOut', // A different easing function for a different feel // yoyo: true, // repeat: -1, // onUpdate: () => { // // Ensure origin is set for proper rotation if not already // if (secondSword.originX !== 0.5 || secondSword.originY !== 0.5) { // For a side-to-side swing, origin at center might be better // secondSword.setOrigin(0.5, 0.5); // } // } // }); // Spawn the third sword from the swords_sheet (frame 2) - REMOVED // const thirdSwordX = Number(this.sys.game.config.width) / 2 + 50; // Adjusted initial X for clarity // const thirdSword = this.add.sprite(thirdSwordX, Number(this.sys.game.config.height) / 2, 'swords_sheet', 2); // Frame 2 is the third sword // thirdSword.setScale(2); // thirdSword.setAngle(-90); // Make it horizontal, pointing to the right (assuming original sprite points up) // thirdSword.setOrigin(0, 0.5); // Origin at the hilt (left-center, assuming it points right after rotation) // Add "jab" animation to the third sword - REMOVED // const jabDistance = 50; // How far the sword pokes out // this.tweens.add({ // targets: thirdSword, // x: { // from: thirdSwordX, // to: thirdSwordX + jabDistance // }, // Jab to the right // duration: 200, // Quick jab // ease: 'Power2', // yoyo: true, // Retract // repeat: -1 // // No onUpdate needed for origin for this type of animation if set correctly initially // }); // Create animation for Haste skill this.anims.create({ key: this.attackSkills.haste_skill.config.animationKey, // 'haste_effect_animation' frames: this.anims.generateFrameNumbers('haste_effect_sheet', { start: 0, // First row end: 10 // 11 frames in the first row (0-10) }), frameRate: 10, // Adjust for desired animation speed repeat: 0 // Play once }); // Create animation for Stealth skill this.anims.create({ key: this.attackSkills.stealth_skill.config.animationKey, // 'stealth_effect_animation' frames: this.anims.generateFrameNumbers('stealth_effect_sheet', { start: 0, end: 6 // Play 7 frames (0-6) }), frameRate: 10, // (7 frames / 0.7s = 10fps) repeat: 0 // Play once }); // A dummy animation for the fire_strike sword sprite, if needed for other effects (not strictly for the chop motion here) this.anims.create({ key: this.attackSkills.fire_strike.config.animationKey, // 'fire_strike_jab_anim' frames: [{ key: this.attackSkills.fire_strike.config.swordAssetKey, frame: this.attackSkills.fire_strike.config.swordFrame }], frameRate: 1, // Not really used for animation, but required repeat: 0 }); // Create animation for Rejuvenate skill this.anims.create({ key: this.attackSkills.rejuvenate_skill.config.animationKey, // 'rejuvenate_effect_animation' frames: this.anims.generateFrameNumbers('heal_circle_sheet', { start: 0, end: 14 // 3 rows * 5 frames/row = 15 frames (0-14) }), frameRate: 15, // 15 frames / 1s duration = 15fps (adjust as needed) repeat: 2 // Play once and repeat 2 more times for a total of 3 plays }); // Create dummy animation for Venom Strike sword this.anims.create({ key: this.attackSkills.venom_strike.config.animationKey, frames: [{ key: this.attackSkills.venom_strike.config.swordAssetKey, frame: this.attackSkills.venom_strike.config.swordFrame }], frameRate: 1, repeat: 0 }); // Create animation for Energy Explosion this.anims.create({ key: 'energy_explosion_effect', frames: this.anims.generateFrameNumbers('energy_explosion_effect_sheet', { start: 0, end: 10 }), // 11 frames frameRate: 30, // Adjust as needed repeat: 0 // Play once }); // Create animation for Gust Blast this.anims.create({ key: this.attackSkills.gust_skill.config.animationKey, // 'gust_blast_effect' frames: this.anims.generateFrameNumbers('gust_blast_sheet', { start: 0, end: 15 }), // Assuming 16 frames for the gust animation frameRate: 30, // (16 frames / 0.5s approx) repeat: 0 // Play once }); this.createTargetDummy(); } createSkillsMenu() { this.skillsMenu = this.add.container(Number(this.sys.game.config.width) / 2, Number(this.sys.game.config.height) / 2); this.skillsMenu.setVisible(false); // Hidden by default const menuBackground = this.add.graphics(); menuBackground.fillStyle(0x222222, 0.95); // Darker background const menuWidth = Number(this.sys.game.config.width) * 0.9; // 90% of screen width const menuHeight = Number(this.sys.game.config.height) * 0.9; // 90% of screen height menuBackground.fillRect(-menuWidth / 2, -menuHeight / 2, menuWidth, menuHeight); // Menu dimensions this.skillsMenu.add(menuBackground); this.skillButtonObjects = []; // Clear previous buttons before recreating const menuTitle = this.add.text(0, -menuHeight / 2 + 30, 'Skills', { font: '32px Arial', fill: '#ffffff', align: 'center' }).setOrigin(0.5); this.skillsMenu.add(menuTitle); let initialSkillButtonY = -menuHeight / 2 + 80; // Initial Y position for the first skill, below title const skillButtonSpacing = 50; // Increased spacing for larger menu // Add skill item const skillTextStyle = { font: '24px Arial', // Slightly larger font for skills fill: '#ffffff', align: 'center' }; let currentSkillButtonY = initialSkillButtonY; const createSkillButton = (skillKey, skillName) => { const skillText = this.add.text(0, currentSkillButtonY + this.skillsScrollOffset, skillName, skillTextStyle) .setOrigin(0.5) .setInteractive({ useHandCursor: true }); skillText.on('pointerdown', () => { this.currentAttackKey = skillKey; console.log(`Selected skill: ${skillName}`); this.hideSkillsMenu(); }); this.skillsMenu.add(skillText); this.skillButtonObjects.push({ text: skillText, originalY: currentSkillButtonY }); currentSkillButtonY += skillButtonSpacing; }; createSkillButton('ice_shard', 'Ice Shard'); createSkillButton('default_attack', 'Energy Ball'); createSkillButton('frost_glaive', 'Frost Glaive'); createSkillButton('clone_skill', 'Clone Decoy'); createSkillButton('haste_skill', 'Haste'); createSkillButton('stealth_skill', 'Stealth'); createSkillButton('fire_strike', 'Fire Strike'); createSkillButton('rejuvenate_skill', 'Rejuvenate'); createSkillButton('venom_strike', 'Venom Strike'); createSkillButton('blink_skill', 'Blink'); createSkillButton('gust_skill', 'Gust'); // Add 10 placeholder skills for (let i = 1; i <= 10; i++) { const placeholderSkillKey = `placeholder_skill_${i}`; const placeholderSkillName = `Placeholder Skill ${i}`; const skillText = this.add.text(0, currentSkillButtonY + this.skillsScrollOffset, placeholderSkillName, skillTextStyle) .setOrigin(0.5) .setInteractive({ useHandCursor: true }); skillText.on('pointerdown', () => { console.log(`Selected skill: ${placeholderSkillName}`); // this.currentAttackKey = placeholderSkillKey; // If you want to assign a key this.hideSkillsMenu(); }); this.skillsMenu.add(skillText); this.skillButtonObjects.push({ text: skillText, originalY: currentSkillButtonY }); currentSkillButtonY += skillButtonSpacing; } const scrollButtonTextStyle = { font: '20px Arial', fill: '#00ff00', backgroundColor: '#333333', padding: { x: 8, y: 4 } }; const scrollUpButton = this.add.text(menuWidth / 2 - 40, -menuHeight / 2 + 40, 'Up', scrollButtonTextStyle) .setOrigin(0.5) .setInteractive({ useHandCursor: true }); scrollUpButton.on('pointerdown', () => { this.skillsScrollOffset += skillButtonSpacing; // Scroll up by one item height this.updateSkillButtonPositions(); }); this.skillsMenu.add(scrollUpButton); const scrollDownButton = this.add.text(menuWidth / 2 - 40, -menuHeight / 2 + 80, 'Down', scrollButtonTextStyle) .setOrigin(0.5) .setInteractive({ useHandCursor: true }); scrollDownButton.on('pointerdown', () => { this.skillsScrollOffset -= skillButtonSpacing; // Scroll down by one item height this.updateSkillButtonPositions(); }); this.skillsMenu.add(scrollDownButton); // Adjust Y position of close button to be near the bottom of the new menu const closeButtonYPos = menuHeight / 2 - 50; // Position near the bottom, adjusted for larger menu // Close button for skills menu const closeButton = this.add.text(0, closeButtonYPos, 'Close', { font: '24px Arial', // Larger close button font fill: '#00ff00', backgroundColor: '#333333', padding: { x: 12, // Slightly larger padding y: 8 // Slightly larger padding } }).setOrigin(0.5).setInteractive({ useHandCursor: true }); closeButton.on('pointerdown', () => { this.hideSkillsMenu(); }); this.skillsMenu.add(closeButton); this.skillsMenu.setDepth(1); // Ensure it's on top of other UI elements if any this.updateSkillButtonPositions(); // Initial positioning based on scroll offset } updateSkillButtonPositions() { const menuHeight = Number(this.sys.game.config.height) * 0.9; const topVisibleY = -menuHeight / 2 + 80; // Where first skill button appears const bottomVisibleY = menuHeight / 2 - 80; // Approximate bottom for skill buttons before close button let minPossibleOffset = 0; if (this.skillButtonObjects.length > 0) { const lastButtonOriginalY = this.skillButtonObjects[this.skillButtonObjects.length - 1].originalY; // Calculate how much the last button needs to shift up to be visible at bottomVisibleY minPossibleOffset = bottomVisibleY - lastButtonOriginalY; } // Prevent scrolling too far down (content moves up too much) if (this.skillsScrollOffset < minPossibleOffset && this.skillButtonObjects.length * 50 > (bottomVisibleY - topVisibleY)) { // 50 is skillButtonSpacing this.skillsScrollOffset = minPossibleOffset; } // Prevent scrolling too far up (content moves down too much) if (this.skillsScrollOffset > 0) { this.skillsScrollOffset = 0; } this.skillButtonObjects.forEach(skillButton => { skillButton.text.y = skillButton.originalY + this.skillsScrollOffset; // Optional: Hide buttons that are scrolled out of view if (skillButton.text.y < topVisibleY - 20 || skillButton.text.y > bottomVisibleY + 20) { skillButton.text.setVisible(false); } else { skillButton.text.setVisible(true); } }); } showSkillsMenu() { if (this.skillsMenu) { this.skillsScrollOffset = 0; // Reset scroll on open this.updateSkillButtonPositions(); this.skillsMenu.setVisible(true); this.skillsMenuVisible = true; } } hideSkillsMenu() { if (this.skillsMenu) { this.skillsMenu.setVisible(false); this.skillsMenuVisible = false; } } triggerDamageFlash(target) { if (!target || !target.active) return; // For Graphics objects (like the target dummy rectangle) if (target instanceof Phaser.GameObjects.Rectangle) { const originalFillColor = target.fillColor; target.setFillStyle(0xffffff, 1); // White flash this.time.delayedCall(50, () => { // Duration of the flash if (target.active) { target.setFillStyle(originalFillColor, 1); // Restore original color } }); } else if (target.setTint && typeof target.clearTint === 'function') { // For Sprites or other objects that support tint target.setTintFill(0xffffff); // White flash this.time.delayedCall(50, () => { // Duration of the flash if (target.active) { target.clearTint(); // Restore original color } }); } } createTargetDummy() { const dummyWidth = 60; const dummyHeight = 100; const dummyX = Number(this.sys.game.config.width) * 0.75; const dummyY = Number(this.sys.game.config.height) / 2; this.targetDummy = this.add.rectangle(dummyX, dummyY, dummyWidth, dummyHeight, 0x996633); this.targetDummy.setData('isTarget', true); // For projectile collision const barWidth = 80; const barHeight = 10; const healthBarOffsetY = -dummyHeight / 2 - 15; // Position above dummy this.targetDummyHealthBarBackground = this.add.graphics(); this.targetDummyHealthBarBackground.fillStyle(0x000000, 1); // Border this.targetDummyHealthBarBackground.fillRect(dummyX - barWidth / 2 - 1, dummyY + healthBarOffsetY - barHeight / 2 - 1, barWidth + 2, barHeight + 2); this.targetDummyHealthBarBackground.fillStyle(0xff0000, 1); // Background fill this.targetDummyHealthBarBackground.fillRect(dummyX - barWidth / 2, dummyY + healthBarOffsetY - barHeight / 2, barWidth, barHeight); this.targetDummyHealthBar = this.add.graphics(); this.targetDummyHealthBar.fillStyle(0x00ff00, 1); // Health fill this.targetDummyHealthBar.fillRect(dummyX - barWidth / 2, dummyY + healthBarOffsetY - barHeight / 2, barWidth, barHeight); // Initial full health } updateTargetDummyHealthBar() { if (!this.targetDummyHealthBar || !this.targetDummyHealthBarBackground || !this.targetDummy) return; const barWidth = 80; const barHeight = 10; const healthPercentage = Math.max(0, this.targetDummyHealth / this.targetDummyMaxHealth); // Clear previous drawing for health fill and redraw this.targetDummyHealthBar.clear(); this.targetDummyHealthBar.fillStyle(0x00ff00, 1); // Green this.targetDummyHealthBar.fillRect(this.targetDummy.x - barWidth / 2, this.targetDummy.y - this.targetDummy.height / 2 - 15 - barHeight / 2, barWidth * healthPercentage, barHeight); // Ensure health bars stay with the dummy if it were to move (though it's static now) const healthBarOffsetY = -this.targetDummy.height / 2 - 15; // For Graphics objects, their x/y is their origin. We draw relative to that. // To position the health bar graphics correctly with the dummy, we set their x/y to the dummy's x/y. // Then, when drawing thefillRects, we use offsets from this (0,0) local origin. this.targetDummyHealthBarBackground.x = this.targetDummy.x; this.targetDummyHealthBarBackground.y = this.targetDummy.y + healthBarOffsetY; this.targetDummyHealthBar.x = this.targetDummy.x; this.targetDummyHealthBar.y = this.targetDummy.y + healthBarOffsetY; // Redraw background and border for health bar background this.targetDummyHealthBarBackground.clear(); this.targetDummyHealthBarBackground.fillStyle(0x000000, 1); // Border this.targetDummyHealthBarBackground.fillRect(-barWidth / 2 - 1, -barHeight / 2 - 1, barWidth + 2, barHeight + 2); this.targetDummyHealthBarBackground.fillStyle(0xff0000, 1); // Background fill this.targetDummyHealthBarBackground.fillRect(-barWidth / 2, -barHeight / 2, barWidth, barHeight); // Redraw health fill this.targetDummyHealthBar.clear(); this.targetDummyHealthBar.fillStyle(0x00ff00, 1); // Green this.targetDummyHealthBar.fillRect(-barWidth / 2, -barHeight / 2, barWidth * healthPercentage, barHeight); } createVirtualJoystick() { const joystickSize = 100; // Diameter of the joystick base const stickSize = 40; // Diameter of the stick const baseAlpha = 0.5; const stickAlpha = 0.8; // Position joystick at bottom-left, with some padding const joystickX = joystickSize / 2 + 20; const joystickY = Number(this.sys.game.config.height) - joystickSize / 2 - 20; this.joystickBase = this.add.graphics(); this.joystickBase.fillStyle(0x888888, baseAlpha); this.joystickBase.fillCircle(0, 0, joystickSize / 2); this.joystickBase.x = joystickX; this.joystickBase.y = joystickY; this.joystickBase.setScrollFactor(0); // Keep it fixed on screen if camera moves this.joystickStick = this.add.graphics(); this.joystickStick.fillStyle(0xcccccc, stickAlpha); this.joystickStick.fillCircle(0, 0, stickSize / 2); this.joystickStick.x = joystickX; this.joystickStick.y = joystickY; this.joystickStick.setScrollFactor(0); // Make the joystick base interactive (the touch area) // We'll use a larger invisible circle for easier interaction const touchAreaRadius = joystickSize; // Make touch area larger than visual base this.joystickBase.setInteractive(new Phaser.Geom.Circle(0, 0, touchAreaRadius / 2), Phaser.Geom.Circle.Contains); this.joystickBase.on('pointerdown', (pointer) => { if (!this.joystickActive) { this.joystickActive = true; this.joystickPointerId = pointer.id; this.updateJoystickStick(pointer.x, pointer.y); } }); // Listen for pointer move and up globally to handle dragging and release this.input.on('pointermove', (pointer) => { if (this.joystickActive && pointer.id === this.joystickPointerId) { this.updateJoystickStick(pointer.x, pointer.y); } }); this.input.on('pointerup', (pointer) => { if (this.joystickActive && pointer.id === this.joystickPointerId) { this.joystickActive = false; this.joystickPointerId = null; this.joystickStick.x = this.joystickBase.x; this.joystickStick.y = this.joystickBase.y; this.joystickForce = 0; this.joystickAngle = 0; } }); } createAttackButton() { const buttonSize = 60; // Diameter of the attack button const buttonAlpha = 0.7; // Position attack button slightly above and to the right of the joystick base // It's good to base its position relative to the joystick's position for consistency const joystickX = (100 / 2) + 20; // joystickSize / 2 + padding const joystickY = Number(this.sys.game.config.height) - (100 / 2) - 20; const attackButtonX = joystickX + 100 + buttonSize / 2; // Joystick + its size + button radius + some offset const attackButtonY = joystickY - buttonSize / 2 - 10; // Slightly above the joystick center this.attackButton = this.add.graphics(); this.attackButton.fillStyle(0xff0000, buttonAlpha); // Red color for attack this.attackButton.fillCircle(0, 0, buttonSize / 2); this.attackButton.x = attackButtonX; this.attackButton.y = attackButtonY; this.attackButton.setScrollFactor(0); // Keep it fixed on screen this.attackButton.setInteractive(new Phaser.Geom.Circle(0, 0, buttonSize / 2), Phaser.Geom.Circle.Contains); this.attackButton.on('pointerdown', () => { console.log('Attack button pressed'); this.attackButtonActive = true; // Add a visual feedback, e.g., slightly change color or scale this.attackButton.setAlpha(1.0); this.fireProjectile(); }); this.attackButton.on('pointerup', () => { this.attackButtonActive = false; this.attackButton.setAlpha(buttonAlpha); }); this.attackButton.on('pointerout', () => { // Reset if pointer moves out while pressed if (this.attackButtonActive) { this.attackButtonActive = false; this.attackButton.setAlpha(buttonAlpha); } }); } createBlueButton() { const buttonSize = 60; // Diameter of the blue button, increased from 50 const buttonAlpha = 0.7; // Position blue button above the joystick base const joystickBaseRadius = 100 / 2; const joystickX = joystickBaseRadius + 20; // joystickSize / 2 + padding const joystickY = Number(this.sys.game.config.height) - joystickBaseRadius - 20; // Position above the joystick, centered horizontally with it const blueButtonX = joystickX; // Adjusted Y position: joystickY - joystickRadius - buttonRadius - increased padding const blueButtonY = joystickY - joystickBaseRadius - (buttonSize / 2) - 20; this.blueButton = this.add.graphics(); this.blueButton.fillStyle(0x0000ff, buttonAlpha); // Blue color this.blueButton.fillCircle(0, 0, buttonSize / 2); this.blueButton.x = blueButtonX; this.blueButton.y = blueButtonY; this.blueButton.setScrollFactor(0); // Keep it fixed on screen this.blueButton.setInteractive(new Phaser.Geom.Circle(0, 0, buttonSize / 2), Phaser.Geom.Circle.Contains); this.blueButton.on('pointerdown', () => { console.log('Blue button pressed'); this.performDodgeRoll(); // Call the dodge roll method // Add a visual feedback, e.g., slightly change color or scale this.blueButton.setAlpha(1.0); // Implement action for blue button here }); this.blueButton.on('pointerup', () => { this.blueButton.setAlpha(buttonAlpha); }); this.blueButton.on('pointerout', () => { // Reset if pointer moves out while pressed this.blueButton.setAlpha(buttonAlpha); }); } createHealthBar() { const barWidth = 50; // Width of the health bar const barHeight = 8; // Height of the health bar const borderColor = 0x000000; // Black border const healthColor = 0x00ff00; // Green for health const backgroundColor = 0xff0000; // Red for background/empty health // Create background/border this.healthBarBackground = this.add.graphics(); this.healthBarBackground.fillStyle(borderColor, 1); this.healthBarBackground.fillRect(-barWidth / 2 - 1, -barHeight / 2 - 1, barWidth + 2, barHeight + 2); // Border this.healthBarBackground.fillStyle(backgroundColor, 1); this.healthBarBackground.fillRect(-barWidth / 2, -barHeight / 2, barWidth, barHeight); // Background fill // Create health fill this.healthBar = this.add.graphics(); this.healthBar.fillStyle(healthColor, 1); this.healthBar.fillRect(-barWidth / 2, -barHeight / 2, barWidth, barHeight); // Initial full health // We'll position it in the update method relative to the player } updateJoystickStick(pointerX, pointerY) { const maxDistance = (100 / 2) - (40 / 2); // joystickSize/2 - stickSize/2 let dx = pointerX - this.joystickBase.x; let dy = pointerY - this.joystickBase.y; const distance = Math.sqrt(dx * dx + dy * dy); if (distance > maxDistance) { dx = (dx / distance) * maxDistance; dy = (dy / distance) * maxDistance; } this.joystickStick.x = this.joystickBase.x + dx; this.joystickStick.y = this.joystickBase.y + dy; this.joystickForce = Math.min(distance / maxDistance, 1.0); this.joystickAngle = Phaser.Math.Angle.Between(this.joystickBase.x, this.joystickBase.y, this.joystickStick.x, this.joystickStick.y); // For debugging: // console.log(`Joystick Force: ${this.joystickForce.toFixed(2)}, Angle: ${Phaser.Math.RadToDeg(this.joystickAngle).toFixed(2)}`); } updateHealthBarVisuals() { if (!this.healthBar || !this.healthBarBackground) return; const barWidth = 50; const barHeight = 8; const healthPercentage = this.playerHealth / this.playerMaxHealth; // Clear previous drawing for health fill and redraw this.healthBar.clear(); this.healthBar.fillStyle(0x00ff00, 1); // Green this.healthBar.fillRect(-barWidth / 2, -barHeight / 2, barWidth * healthPercentage, barHeight); } performDodgeRoll() { const now = this.time.now; if (this.isDashing || (now - this.lastDashTime < this.dashCooldown)) { return; // Already dashing or in cooldown } this.isDashing = true; this.lastDashTime = now; const dashDistance = 150; // Distance of the dash const dashDuration = 500; // Increased from 200ms to 500ms to match animation let dashAngle; if (this.joystickActive && this.joystickForce > 0.1) { dashAngle = this.joystickAngle; // Dash in joystick direction } else { dashAngle = this.player.flipX ? Math.PI : 0; // Dash in facing direction (Left: PI, Right: 0) } const targetX = this.player.x + Math.cos(dashAngle) * dashDistance; const targetY = this.player.y + Math.sin(dashAngle) * dashDistance; this.sound.play('jump_asphalt_sound', { volume: 0.7, rate: 1.5 // Play 50% faster }); // Play dodge roll sound this.player.play('player_roll', true); // Play the roll animation // Stop footstep sound if it was playing during the roll if (this.isPlayingFootstep) { this.footstepSound.stop(); this.isPlayingFootstep = false; } this.tweens.add({ targets: this.player, x: targetX, y: targetY, duration: dashDuration, ease: 'Power1', onUpdate: () => { // Keep staff and health bar locked to player during tween if (this.staff) { const staffOffsetX = 50; const staffOffsetY = 0; // You can adjust this if needed for roll anim if (this.player.flipX) { this.staff.x = this.player.x - staffOffsetX; this.staff.setFlipX(true); } else { this.staff.x = this.player.x + staffOffsetX; this.staff.setFlipX(false); } // No hover effect during dash, or a simplified one this.staff.y = this.player.y + staffOffsetY; } if (this.healthBar && this.healthBarBackground) { const healthBarOffsetY = -this.player.displayHeight / 2 - 10; this.healthBarBackground.x = this.player.x; this.healthBarBackground.y = this.player.y + healthBarOffsetY; this.healthBar.x = this.player.x; this.healthBar.y = this.player.y + healthBarOffsetY; } }, onComplete: () => { this.isDashing = false; // After roll, decide animation based on joystick input if (this.joystickActive && this.joystickForce > 0.1) { this.player.play('player_run', true); if (!this.isPlayingFootstep) { // Resume footstep if moving this.footstepSound.play(); this.isPlayingFootstep = true; } } else { this.player.play('player_idle', true); } // Ensure final staff position includes hover after dash if (this.staff) { const staffOffsetY = 0; const hoverOffset = Math.sin(this.time.now * this.staffHoverSpeed) * this.staffHoverAmplitude; this.staff.y = this.player.y + staffOffsetY + hoverOffset; } } }); } fireProjectile() { if (!this.staff || !this.player) return; const currentSkill = this.attackSkills[this.currentAttackKey]; if (!currentSkill || typeof currentSkill.onFire !== 'function') { console.error('Current skill or its onFire method not found:', this.currentAttackKey); return; } currentSkill.onFire(this, this.staff, this.player); // The onFire method of the skill module now handles projectile creation, sound, and initial setup. // No need for the previous generic logic here. } update(time, delta) { if (!this.player) return; // Do nothing if player doesn't exist // const playerSpeed = 200; // Pixels per second - Now using this.playerCurrentSpeed if (this.skillsMenuVisible) { // If skills menu is open, don't process player movement or attacks if (this.joystickActive) { // Reset joystick if menu opened while moving this.joystickActive = false; this.joystickPointerId = null; this.joystickStick.x = this.joystickBase.x; this.joystickStick.y = this.joystickBase.y; this.joystickForce = 0; this.joystickAngle = 0; if (this.player.anims.currentAnim.key !== 'player_idle') { this.player.play('player_idle'); } if (this.isPlayingFootstep) { this.footstepSound.stop(); this.isPlayingFootstep = false; } } return; // Skip game updates while menu is open } if (this.isDashing) { // If dashing, prevent joystick input from moving player until dash completes if (this.isPlayingFootstep) { // Stop footstep sound if it was playing this.footstepSound.stop(); this.isPlayingFootstep = false; } // Optionally, ensure dash animation is playing here // this.player.play('player_dash_animation_if_any', true); // Example: if you had a specific dash anim // The 'player_roll' animation is handled by performDodgeRoll and its tween's onComplete return; // Skip normal movement updates while dashing } if (this.joystickActive && this.joystickForce > 0.1) { // Added a threshold for force // Player is moving if (this.player.anims.currentAnim.key !== 'player_run') { this.player.play('player_run'); if (!this.isPlayingFootstep) { let currentFootstepRate = 1.5; // Default rate if (this.player.getData('hasteActive')) { currentFootstepRate = 3.0; // Double rate if haste is active } this.footstepSound.setRate(currentFootstepRate); this.footstepSound.play(); this.isPlayingFootstep = true; } } const moveX = Math.cos(this.joystickAngle) * this.joystickForce * this.playerCurrentSpeed * (delta / 1000); const moveY = Math.sin(this.joystickAngle) * this.joystickForce * this.playerCurrentSpeed * (delta / 1000); let newPlayerX = this.player.x + moveX; let newPlayerY = this.player.y + moveY; // Flip sprite based on horizontal direction of movement if (Math.abs(this.joystickAngle) > Math.PI / 2) { // Moving left this.player.setFlipX(true); } else { // Moving right (or mostly vertical) this.player.setFlipX(false); } // Optional: Keep player within screen bounds const playerHalfWidth = this.player.displayWidth / 2; const playerHalfHeight = this.player.displayHeight / 2; newPlayerX = Phaser.Math.Clamp(newPlayerX, playerHalfWidth, Number(this.sys.game.config.width) - playerHalfWidth); newPlayerY = Phaser.Math.Clamp(newPlayerY, playerHalfHeight, Number(this.sys.game.config.height) - playerHalfHeight); // Collision with Target Dummy if (this.targetDummy) { const playerBounds = new Phaser.Geom.Rectangle( newPlayerX - playerHalfWidth, newPlayerY - playerHalfHeight, this.player.displayWidth, this.player.displayHeight ); const dummyBounds = new Phaser.Geom.Rectangle( this.targetDummy.x - this.targetDummy.width / 2, this.targetDummy.y - this.targetDummy.height / 2, this.targetDummy.width, this.targetDummy.height ); // Check for future X collision const futurePlayerXBounds = new Phaser.Geom.Rectangle( newPlayerX - playerHalfWidth, this.player.y - playerHalfHeight, // current Y this.player.displayWidth, this.player.displayHeight ); if (Phaser.Geom.Intersects.RectangleToRectangle(futurePlayerXBounds, dummyBounds)) { // Collision on X-axis, stop X movement if (moveX > 0) { // Moving right newPlayerX = dummyBounds.left - playerHalfWidth - 1; // Adjust to be just to the left } else if (moveX < 0) { // Moving left newPlayerX = dummyBounds.right + playerHalfWidth + 1; // Adjust to be just to the right } } // Check for future Y collision const futurePlayerYBounds = new Phaser.Geom.Rectangle( this.player.x - playerHalfWidth, // current X (or newPlayerX if X collision happened, but simpler to use current for this check) newPlayerY - playerHalfHeight, this.player.displayWidth, this.player.displayHeight ); if (Phaser.Geom.Intersects.RectangleToRectangle(futurePlayerYBounds, dummyBounds)) { // Collision on Y-axis, stop Y movement if (moveY > 0) { // Moving down newPlayerY = dummyBounds.top - playerHalfHeight - 1; // Adjust to be just above } else if (moveY < 0) { // Moving up newPlayerY = dummyBounds.bottom + playerHalfHeight + 1; // Adjust to be just below } } } this.player.x = newPlayerX; this.player.y = newPlayerY; } else { // Player is idle if (this.player.anims.currentAnim.key !== 'player_idle') { this.player.play('player_idle'); if (this.isPlayingFootstep) { this.footstepSound.stop(); this.isPlayingFootstep = false; } } } if (this.player && this.staff) { const staffOffsetX = 50; // Base offset from player center const staffOffsetY = 0; // Vertical offset from player center (can be adjusted) if (this.player.flipX) { // Player is facing left this.staff.x = this.player.x - staffOffsetX; this.staff.setFlipX(true); // Flip staff to also face left } else { // Player is facing right this.staff.x = this.player.x + staffOffsetX; this.staff.setFlipX(false); // Staff faces right } // Apply hover effect to Y position const hoverOffset = Math.sin(time * this.staffHoverSpeed) * this.staffHoverAmplitude; this.staff.y = this.player.y + staffOffsetY + hoverOffset; } if (this.healthBar && this.healthBarBackground && this.player) { const healthBarOffsetY = -this.player.displayHeight / 2 - 10; // Position above player this.healthBarBackground.x = this.player.x; this.healthBarBackground.y = this.player.y + healthBarOffsetY; this.healthBar.x = this.player.x; this.healthBar.y = this.player.y + healthBarOffsetY; this.updateHealthBarVisuals(); // Update the fill based on current health } // Update projectiles this.projectiles.getChildren().forEach(projectile => { if (projectile.getData('isProjectile') && projectile.active) { const attackKey = projectile.getData('attackKey'); const skillModule = this.attackSkills[attackKey]; if (!skillModule) { projectile.destroy(); return; // Use continue if in a loop, but forEach needs return } if (skillModule.onProjectileUpdate && typeof skillModule.onProjectileUpdate === 'function') { skillModule.onProjectileUpdate(this, projectile, delta); } // Check for boundary collision if (!projectile.getData('isImpacting')) { // Check collision with target dummy let collisionCheckX = projectile.getData('nextX') !== undefined ? projectile.getData('nextX') : projectile.x; let collisionCheckY = projectile.getData('nextY') !== undefined ? projectile.getData('nextY') : projectile.y; if (this.targetDummy) { const dummyBounds = new Phaser.Geom.Rectangle( this.targetDummy.x - this.targetDummy.width / 2, this.targetDummy.y - this.targetDummy.height / 2, this.targetDummy.width, this.targetDummy.height ); if (dummyBounds.contains(collisionCheckX, collisionCheckY)) { projectile.setData('isImpacting', true); const damage = skillModule.config.damage || 0; this.targetDummyHealth = Math.max(0, this.targetDummyHealth - damage); this.updateTargetDummyHealthBar(); this.triggerDamageFlash(this.targetDummy); this.targetDummyHealth = Math.max(0, this.targetDummyHealth - damage); this.updateTargetDummyHealthBar(); this.triggerDamageFlash(this.targetDummy); console.log(`Target dummy hit for ${damage} damage. Health: ${this.targetDummyHealth}`); if (attackKey === 'default_attack') { const targetHitSound = this.sound.add('hitting_wall_sound'); targetHitSound.play({ volume: 0.5 }); this.time.delayedCall(200, () => { if (targetHitSound && targetHitSound.isPlaying) targetHitSound.stop(); }); const explosion = this.add.sprite(projectile.x, projectile.y, 'energy_explosion_effect_sheet'); explosion.setScale(skillModule.config.scale * 1.5); explosion.play('energy_explosion_effect'); explosion.on('animationcomplete', () => explosion.destroy()); projectile.destroy(); } else if (skillModule.onImpactBoundary && typeof skillModule.onImpactBoundary === 'function') { skillModule.onImpactBoundary(this, projectile); } else { projectile.destroy(); } } } // Ensure we only trigger impact once for boundaries if not already impacted target // Use the same advanced position for boundary checks if (projectile.active && !projectile.getData('isImpacting') && (collisionCheckX < 0 || collisionCheckX > Number(this.sys.game.config.width) || collisionCheckY < 0 || collisionCheckY > Number(this.sys.game.config.height))) { if (skillModule.onImpactBoundary && typeof skillModule.onImpactBoundary === 'function') { skillModule.onImpactBoundary(this, projectile); } else { // Fallback if specific impact handler isn't defined projectile.setData('isImpacting', true); // Mark as impacting projectile.destroy(); } } } } }); this.updateTargetDummyHealthBar(); // Ensure it's updated each frame } } const config = { type: Phaser.AUTO, parent: 'renderDiv', scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, }, width: 800, height: 600, scene: [TestRoomScene, Example] // Start with TestRoomScene }; window.phaserGame = new Phaser.Game(config);