// Base Enemy class class Enemy extends Phaser.Physics.Arcade.Sprite { constructor(scene, x, y, texture) { super(scene, x, y, texture); this.scene = scene; scene.add.existing(this); scene.physics.add.existing(this); // Common enemy properties this.direction = 1; this.moveTimer = 0; this.attackTimer = 0; this.isAttacking = false; this.canBeHit = true; this.isHit = false; // Physics setup this.setBounce(0.1); this.setCollideWorldBounds(true); } takeDamage(amount) { this.health -= amount; this.isHit = true; this.canBeHit = false; if (this.health <= 0) { this.die(); } else { this.handleHit(); } } die() { this.body.enable = false; const groundY = this.y; const originalHeight = this.height; this.play(this.deathAnimation, true); this.on('animationupdate', (animation, frame) => { const currentFrameHeight = this.height; const heightDiff = originalHeight - currentFrameHeight; if (frame.index >= 4) { const progress = (frame.index - 4) / 3; this.y = groundY + (heightDiff * progress); } else { this.y = groundY; } }); this.on('animationcomplete', () => { this.destroy(); }); } } // Blood Ghoul specific implementation class BloodGhoul extends Enemy { constructor(scene, x, y) { super(scene, x, y, 'bldghoulrun1.fw'); this.name = 'BloodGhoul'; this.health = 9; this.lastGrowlSound = 'growl2'; // Track which growl to play next this.lastAttackType = 'first'; this.attackRange = 80; this.detectionRange = 620; this.moveSpeed = 198; // Animation keys this.runAnimation = 'bloodGhoulRun'; this.hitAnimation = 'bloodGhoulHit'; this.deathAnimation = 'bloodGhoulDeath'; this.firstAttackAnimation = 'bloodGhoulFirstAttack'; this.secondAttackAnimation = 'bloodGhoulSecondAttack'; this.play(this.runAnimation); } handleHit() { const knockbackDirection = this.x < this.scene.player.x ? -1 : 1; this.setVelocityX(100 * knockbackDirection); this.setVelocityY(-80); this.stop(); this.play(this.hitAnimation, true).on('animationcomplete', () => { if (this.active) { this.isHit = false; this.play('bloodGhoulRun'); this.scene.time.delayedCall(400, () => { if (this.active) this.canBeHit = true; }); } }); } attack() { this.isAttacking = true; this.setVelocityX(0); const attackAnim = this.lastAttackType === 'first' ? this.firstAttackAnimation : this.secondAttackAnimation; this.play(attackAnim, true); this.lastAttackType = this.lastAttackType === 'first' ? 'second' : 'first'; } } // Necromancer specific implementation class Necromancer extends Enemy { constructor(scene, x, y) { super(scene, x, y, 'necrowalk1.fw'); this.name = 'Necromancer'; this.health = 5; this.attackRange = 200; // Longer range for spell attacks this.detectionRange = 620; this.moveSpeed = 15; // Much slower than Sinner this.canAttack = true; // New property for attack cooldown this.attackCooldown = 1000; // 1 second cooldown (reduced from 2 seconds) // Animation keys this.walkAnimation = 'necroWalk'; this.hitAnimation = 'necroHit'; this.deathAnimation = 'necroDeath'; this.attackAnimation = 'necroSpell'; this.play(this.walkAnimation); } handleHit() { const knockbackDirection = this.x < this.scene.player.x ? -1 : 1; this.setVelocityX(100 * knockbackDirection); this.setVelocityY(-80); this.stop(); this.play(this.hitAnimation, true).on('animationcomplete', () => { if (this.active) { this.isHit = false; this.play(this.walkAnimation); this.scene.time.delayedCall(400, () => { if (this.active) this.canBeHit = true; }); } }); } attack() { this.isAttacking = true; this.setVelocityX(0); this.play(this.attackAnimation, true); } } // Sinner specific implementation class Sinner extends Enemy { constructor(scene, x, y) { super(scene, x, y, 'walk1.fw'); this.name = 'Sinner'; this.health = 3; this.attackRange = 60; this.detectionRange = 620; this.moveSpeed = 40; // Animation keys this.walkAnimation = 'enemyWalk'; this.hitAnimation = 'sinnerHit'; this.deathAnimation = 'sinnerDeath'; this.attackAnimation = 'sinnerAttack'; this.play(this.walkAnimation); } handleHit() { const knockbackDirection = this.x < this.scene.player.x ? -1 : 1; this.setVelocityX(100 * knockbackDirection); this.setVelocityY(-80); this.stop(); this.play(this.hitAnimation, true).on('animationcomplete', () => { if (this.active) { this.isHit = false; this.play(this.walkAnimation); this.scene.time.delayedCall(400, () => { if (this.active) this.canBeHit = true; }); } }); } attack() { this.isAttacking = true; this.setVelocityX(0); this.play(this.attackAnimation, true); } } class InteractiveEntity extends Phaser.Physics.Arcade.Sprite { constructor(scene, x, y, initialSprite, activateAnim, loopAnim) { super(scene, x, y, initialSprite); this.activateAnimation = activateAnim; this.loopAnimation = loopAnim; this.scene = scene; scene.add.existing(this); scene.physics.add.existing(this, true); // true makes it static this.isActive = false; this.canInteract = false; this.on('animationcomplete', this.handleAnimationComplete, this); // Create interact prompt text this.interactText = scene.add.text(x, y - 50, 'Press E to interact', { fontFamily: 'PixelifySans', fontSize: '16px', fill: '#ffffff', stroke: '#000000', strokeThickness: 4 }); this.interactText.setOrigin(0.5); this.interactText.setVisible(false); } enableInteraction() { this.canInteract = true; this.interactText.setVisible(true); } disableInteraction() { this.canInteract = false; this.interactText.setVisible(false); } handleAnimationComplete(animation) { if (animation.key === this.activateAnimation) { this.play(this.loopAnimation); } } activate() { if (this.texture.key === 'mouthtree8.fw') { if (!this.isActive) { this.isActive = true; this.play(this.activateAnimation); this.dialogueIndex = 0; } const dialogues = [ "Ah... another servant of the Ordo Daemonicum. I remember your kind—your zeal, your blindness. Do you see the blood in my roots? It is theirs. It is yours. You will join them soon enough.", "The Master waits. A wretched husk of what he once was. His blood was spilled in service, and now it binds him to this place, to his torment. You will face him, but know this: he remembers you. He remembers your betrayal.", "Do you hear it? The drip, the flow, the pulse... It calls to him, and he hungers. Go, little inquisitor. Feed the blood." ]; if (this.dialogueIndex < dialogues.length) { // Only show next dialogue if no active text or tween if (!this.activeText && !this.activeTween) { this.showInteractionText(dialogues[this.dialogueIndex]); this.dialogueIndex++; } } } else if (this.texture.key === 'grave1static.fw') { if (!this.isActive) { this.isActive = true; if (this.x === 2452) { // grave1's x position this.showInteractionText('Here lies Sister Althea, the Shield of the Ordo. Her unwavering faith could not protect her from the lies of the Council. She fell defending those who betrayed her'); } else if (this.x === 631) { // grave2's x position this.showInteractionText('Victor the Righteous, scourge of the profane. His wrath consumed the unholy—and eventually himself. He burned brighter than any flame, only to be snuffed out in shadow.'); } else if (this.x === 2133) { // grave3's x position this.showInteractionText('Brother Elias, the Silent Blade. His skills were unmatched, but silence cannot speak the truth. He fell in darkness, his blade turned against his own brothers.'); } } } else if (this.texture.key === 'altar1.fw') { if (!this.isActive) { this.isActive = true; // Restore potions this.scene.player.potions = this.scene.player.maxPotions; // Update potion counter text this.scene.potionText.setText(`x${this.scene.player.potions}`); this.showInteractionText('You feel reinforced by the holy light of heavens...'); // Reset after 2 seconds to allow reuse this.scene.time.delayedCall(2000, () => { this.isActive = false; }); } } } showInteractionText(text) { // Remove any existing interaction text and tween if (this.activeText) { if (this.activeTween) { this.activeTween.stop(); this.activeTween = null; } this.activeText.destroy(); this.activeText = null; } // Create new text this.activeText = this.scene.add.text(this.x, this.y - 100, text, { fontFamily: 'PixelifySans', fontSize: '20px', fill: '#ffffff', align: 'center', stroke: '#000000', strokeThickness: 4, wordWrap: { width: 400 } }); this.activeText.setOrigin(0.5); // Create fade out effect this.activeTween = this.scene.tweens.add({ targets: this.activeText, alpha: { from: 1, to: 0 }, duration: 10000, // 10 seconds total duration ease: 'Linear', delay: 2000, // 2 second delay before fade starts onComplete: () => { if (this.activeText) { this.activeText.destroy(); this.activeText = null; } this.activeTween = null; } }); } } class Player extends Phaser.Physics.Arcade.Sprite { constructor(scene, x, y) { super(scene, x, y, 'idle1'); scene.add.existing(this); scene.physics.add.existing(this); this.potions = 3; this.maxPotions = 3; // Set up physics body this.body.setSize(30, 48); // Adjust hitbox size this.body.setOffset(17, 16); // Adjust hitbox position } update(cursors) { // Movement handling is now in the main scene } } class Example extends Phaser.Scene { constructor() { super(); this.speed = 160; // Define movement speed this.projectiles = null; this.lastSlideSound = 'slide2'; // Track which slide sound to play next this.canSpecialAttack = true; this.specialAttackCooldown = 1200; // 1.2 seconds cooldown this.specialAttackTimer = null; // Add timer reference this.attackRange = 60; // Attack range increased by 10% (from 55) this.isSliding = false; // Add sliding state this.initialSlideSpeed = 2000; // Increased initial slide speed this.slideSpeed = 2000; // Increased slide speed this.slideDuration = 1500; // Increased duration for longer slide this.canSlide = true; // Add cooldown check for sliding this.slideCharges = 3; // Maximum number of slides this.maxSlideCharges = 3; // Maximum slide charges constant this.slideRechargeTimer = null; // Timer for recharging slides this.isAttacking = false; // Add flag to track attack state this.playerIsInvulnerable = false; // Add invulnerability flag this.player = null; this.cursors = null; this.canMove = false; // Add flag to control movement this.comboReady = false; // Track if ready for second attack this.comboTimeout = null; // Store combo timeout reference this.enemies = null; this.wasMoving = false; this.baseAttackRange = 60; // Base attack range for Sinner this.bloodGhoulAttackRange = 80; // Blood Ghoul has longer reach this.fallStartY = 0; this.jumpCount = 0; this.maxHealth = 10; this.currentHealth = 10; this.healthBar = null; } preload() { // Load grave and tree sprites this.load.image('grave1static.fw', 'https://play.rosebud.ai/assets/grave1static.fw.png?tCOp'); this.load.image('altar1.fw', 'https://play.rosebud.ai/assets/altar1.fw.png?tmO3'); // Mouthtree sprites this.load.image('mouthtree1.fw', 'https://play.rosebud.ai/assets/mouthtree1.fw.png?Ll1S'); this.load.image('mouthtree2.fw', 'https://play.rosebud.ai/assets/mouthtree2.fw.png?vXYu'); this.load.image('mouthtree3.fw', 'https://play.rosebud.ai/assets/mouthtree3.fw.png?G58g'); this.load.image('mouthtree4.fw', 'https://play.rosebud.ai/assets/mouthtree4.fw.png?Fj7j'); this.load.image('mouthtree5.fw', 'https://play.rosebud.ai/assets/mouthtree5.fw.png?PlHv'); this.load.image('mouthtree7.fw', 'https://play.rosebud.ai/assets/mouthtree7.fw.png?Rslz'); this.load.image('mouthtree8.fw', 'https://play.rosebud.ai/assets/mouthtree8.fw.png?Gr3r'); this.load.image('mouthtreestart.fw', 'https://play.rosebud.ai/assets/mouthtreestart.fw.png?5T1Z'); this.load.image('mouthreeloopmid.fw', 'https://play.rosebud.ai/assets/mouthreeloopmid.fw.png?3IGA'); this.load.image('mouthreeloopend.fw', 'https://play.rosebud.ai/assets/mouthreeloopend.fw.png?H3qk'); // Add font-face style for loading screen const style = document.createElement('style'); style.textContent = ` @font-face { font-family: 'PixelifySans'; src: url('https://play.rosebud.ai/assets/PixelifySans-Regular.ttf?8VlQ') format('truetype'); } `; document.head.appendChild(style); // Load the font first const font = new FontFace('PixelifySans', `url(https://play.rosebud.ai/assets/PixelifySans-Regular.ttf?8VlQ)`); font.load().then(() => { document.fonts.add(font); }); // Create loading text with custom font const loadingText = this.add.text(400, 300, 'Loading...', { fontFamily: 'PixelifySans', fontSize: '32px', fill: '#ffffff', align: 'center', stroke: '#000000', strokeThickness: 4 }); loadingText.setOrigin(0.5); // Update loading text with progress this.load.on('progress', (value) => { loadingText.setText(`Loading... ${Math.round(value * 100)}%`); }); // Remove loading text when complete this.load.on('complete', () => { loadingText.destroy(); }); // Load background music and sound effects this.load.audio('enemyattack', 'https://play.rosebud.ai/assets/enemyattack.mp3?9oSM'); this.load.audio('bgMusic', 'https://play.rosebud.ai/assets/backgroundtheme.mp3?B1FM'); this.load.audio('slash1', 'https://play.rosebud.ai/assets/slash1.mp3?M1lb'); this.load.audio('slash2', 'https://play.rosebud.ai/assets/slash2.mp3?hNfc'); this.load.audio('slide1', 'https://play.rosebud.ai/assets/slide1.wav?eWca'); this.load.audio('slide2', 'https://play.rosebud.ai/assets/slide2.wav?zhpl'); this.load.audio('growl1', 'https://play.rosebud.ai/assets/growl1.wav?09oc'); this.load.audio('growl2', 'https://play.rosebud.ai/assets/growl2.wav?Rdpv'); // Load Blood Ghoul sprites and attacks // Load Blood Ghoul death frames this.load.image('bldghouldie1.fw', 'https://play.rosebud.ai/assets/bldghouldie1.fw.png?bhnk'); this.load.image('bldghouldie2.fw', 'https://play.rosebud.ai/assets/bldghouldie2.fw.png?H3KA'); this.load.image('bldghouldie3.fw', 'https://play.rosebud.ai/assets/bldghouldie3.fw.png?TBHW'); this.load.image('bldghouldie4.fw', 'https://play.rosebud.ai/assets/bldghouldie4.fw.png?2oBF'); this.load.image('bldghouldie5.fw', 'https://play.rosebud.ai/assets/bldghouldie5.fw.png?P6qz'); // Load Blood Ghoul attack frames this.load.image('bldghoulfirstattack1.fw', 'https://play.rosebud.ai/assets/bldghoulfirstattack1.fw.png?9inz'); this.load.image('bldghoulfirstattack2.fw', 'https://play.rosebud.ai/assets/bldghoulfirstattack2.fw.png?hCVx'); this.load.image('bldghoulfirstattack3.fw', 'https://play.rosebud.ai/assets/bldghoulfirstattack3.fw.png?GjJx'); this.load.image('bldghoulfirstattack4.fw', 'https://play.rosebud.ai/assets/bldghoulfirstattack4.fw.png?jZV4'); this.load.image('bldghoulfirstattack5.fw', 'https://play.rosebud.ai/assets/bldghoulfirstattack5.fw.png?I0sa'); this.load.image('bldghoulfirstattack6.fw', 'https://play.rosebud.ai/assets/bldghoulfirstattack6.fw.png?CU3h'); this.load.image('bldghoulsecondattack1.fw', 'https://play.rosebud.ai/assets/bldghoulsecondattack1.fw.png?KDtT'); this.load.image('bldghoulsecondattack2.fw', 'https://play.rosebud.ai/assets/bldghoulsecondattack2.fw.png?T6wN'); this.load.image('bldghoulsecondattack3.fw', 'https://play.rosebud.ai/assets/bldghoulsecondattack3.fw.png?LkB8'); this.load.image('bldghoulsecondattack4.fw', 'https://play.rosebud.ai/assets/bldghoulsecondattack4.fw.png?CVxD'); this.load.image('bldghoulsecondattack5.fw', 'https://play.rosebud.ai/assets/bldghoulsecondattack5.fw.png?rE0p'); this.load.image('bldghoulsecondattack6.fw', 'https://play.rosebud.ai/assets/bldghoulsecondattack6.fw.png?fs6V'); this.load.image('bldghoulrun1.fw', 'https://play.rosebud.ai/assets/bldghoulrun1.fw.png?Myp8'); this.load.image('bldghoulrun2.fw', 'https://play.rosebud.ai/assets/bldghoulrun2.fw.png?OeJm'); this.load.image('bldghoulrun3.fw', 'https://play.rosebud.ai/assets/bldghoulrun3.fw.png?yghb'); this.load.image('bldghoulrun4.fw', 'https://play.rosebud.ai/assets/bldghoulrun4.fw.png?zdE1'); this.load.image('bldghoulrun5.fw', 'https://play.rosebud.ai/assets/bldghoulrun5.fw.png?A796'); this.load.image('bldghoulrun6.fw', 'https://play.rosebud.ai/assets/bldghoulrun6.fw.png?Dp9G'); this.load.image('bldghouldhit.fw', 'https://play.rosebud.ai/assets/bldghouldhit.fw.png?Xjc7'); // Load special attack and projectile effect assets this.load.image('effect1.fw', 'https://play.rosebud.ai/assets/effect1.fw.png?asLD'); this.load.image('effect2.fw', 'https://play.rosebud.ai/assets/effect2.fw.png?YwPA'); this.load.image('effect3.fw', 'https://play.rosebud.ai/assets/effect3.fw.png?xviQ'); this.load.image('effect4.fw', 'https://play.rosebud.ai/assets/effect4.fw.png?Bb4f'); this.load.image('special1.fw', 'https://play.rosebud.ai/assets/special1.fw.png?m6s7'); this.load.image('special2.fw', 'https://play.rosebud.ai/assets/special2.fw.png?vwrW'); this.load.image('special3.fw', 'https://play.rosebud.ai/assets/special3.fw.png?dwjc'); this.load.image('special4.fw', 'https://play.rosebud.ai/assets/special4.fw.png?wRVe'); this.load.image('special5.fw', 'https://play.rosebud.ai/assets/special5.fw.png?f323'); // Font-face style already added at the beginning of preload this.load.image('darkforestbg', 'https://play.rosebud.ai/assets/darkforestbackground.jpg?wuA3'); this.load.image('menubackground', 'https://play.rosebud.ai/assets/menubackground.fw.png?reWZ'); this.load.tilemapTiledJSON('map', 'https://play.rosebud.ai/assets/darkforest.json?BtdU'); this.load.image('tiles', 'https://play.rosebud.ai/assets/darkforest.png?AP0Q'); this.load.image('forestprops', 'https://play.rosebud.ai/assets/forestprops.png?Mt0S'); this.load.image('idle1', 'https://play.rosebud.ai/assets/idle1.fw.png?bPlf'); this.load.image('idle2', 'https://play.rosebud.ai/assets/idle2.fw.png?xzc5'); this.load.image('idle3', 'https://play.rosebud.ai/assets/idle3.fw.png?b3rs'); this.load.image('idle4', 'https://play.rosebud.ai/assets/idle4.fw.png?mUoa'); this.load.image('idle5', 'https://play.rosebud.ai/assets/idle5.fw.png?519E'); this.load.image('idle6', 'https://play.rosebud.ai/assets/idle6.fw.png?MWk9'); this.load.image('idle7', 'https://play.rosebud.ai/assets/idle7.fw.png?YwJP'); this.load.image('idle8', 'https://play.rosebud.ai/assets/idle8.fw.png?EzF1'); this.load.image('run1', 'https://play.rosebud.ai/assets/run1.fw.png?j6ZG'); this.load.image('run2', 'https://play.rosebud.ai/assets/run2.fw.png?RITz'); this.load.image('run3', 'https://play.rosebud.ai/assets/run3.fw.png?KR8H'); this.load.image('run4', 'https://play.rosebud.ai/assets/run4.fw.png?rvcF'); this.load.image('run5', 'https://play.rosebud.ai/assets/run5.fw.png?NZM1'); this.load.image('run6', 'https://play.rosebud.ai/assets/run6.fw.png?Mpn5'); this.load.image('run7', 'https://play.rosebud.ai/assets/run7.fw.png?gptu'); this.load.image('run8', 'https://play.rosebud.ai/assets/run8.fw.png?KtEh'); this.load.image('startrun', 'https://play.rosebud.ai/assets/startrun.fw.png?7CWk'); this.load.image('stoprun1', 'https://play.rosebud.ai/assets/stoprun1.fw.png?K4a9'); this.load.image('stoprun2', 'https://play.rosebud.ai/assets/stoprun2.fw.png?53eh'); this.load.image('jump1', 'https://play.rosebud.ai/assets/jump1.fw.png?SLV2'); this.load.image('jump2', 'https://play.rosebud.ai/assets/jump2.fw.png?sFxF'); this.load.image('fall1', 'https://play.rosebud.ai/assets/fall1.fw.png?5BSn'); this.load.image('fall2', 'https://play.rosebud.ai/assets/fall2.fw.png?u8dT'); this.load.image('fall3', 'https://play.rosebud.ai/assets/fall3.fw.png?EHcO'); this.load.image('jumpland1', 'https://play.rosebud.ai/assets/jumpland1.fw.png?dLL3'); this.load.image('jumpland2', 'https://play.rosebud.ai/assets/jumpland2.fw.png?bXeB'); this.load.image('jumpland3', 'https://play.rosebud.ai/assets/jumpland3.fw.png?YAUe'); this.load.image('attack1', 'https://play.rosebud.ai/assets/attack1.fw.png?y69W'); this.load.image('attack2', 'https://play.rosebud.ai/assets/attack2.fw.png?2zls'); this.load.image('attack3', 'https://play.rosebud.ai/assets/attack3.fw.png?BT0O'); this.load.image('attack4', 'https://play.rosebud.ai/assets/attack4.fw.png?41Ib'); this.load.image('attack5', 'https://play.rosebud.ai/assets/attack5.fw.png?3m4v'); this.load.image('attack6', 'https://play.rosebud.ai/assets/attack6.fw.png?hhUo'); this.load.image('attack7', 'https://play.rosebud.ai/assets/attack7.fw.png?yrbM'); this.load.image('attack8', 'https://play.rosebud.ai/assets/attack8.fw.png?pJQy'); this.load.image('attack9', 'https://play.rosebud.ai/assets/attack9.fw.png?f8CY'); this.load.image('attack10', 'https://play.rosebud.ai/assets/attack10.fw.png?fLFU'); this.load.image('attack11', 'https://play.rosebud.ai/assets/attack11.fw.png?86NO'); this.load.image('slide1', 'https://play.rosebud.ai/assets/slide1.fw.png?zvlA'); this.load.image('slide2', 'https://play.rosebud.ai/assets/slide2.fw.png?Kr0Q'); this.load.image('slide3', 'https://play.rosebud.ai/assets/slide3.fw.png?o8jb'); this.load.image('slide4', 'https://play.rosebud.ai/assets/slide4.fw.png?IKKm'); this.load.image('slide5', 'https://play.rosebud.ai/assets/slide5.fw.png?QHZy'); this.load.image('slide6', 'https://play.rosebud.ai/assets/slide6.fw.png?wQph'); this.load.image('life', 'https://play.rosebud.ai/assets/life.png?w6vB'); this.load.image('sacregoblet', 'https://play.rosebud.ai/assets/sacregoblet.png?OQj5'); this.load.image('goblet1.fw', 'https://play.rosebud.ai/assets/goblet1.fw.png?elKM'); this.load.image('magicdamage.fw', 'https://play.rosebud.ai/assets/magicdamage.fw.png?DgPC'); this.load.image('hit1', 'https://play.rosebud.ai/assets/hit1.fw.png?4BWz'); this.load.image('hit2', 'https://play.rosebud.ai/assets/hit2.fw.png?j30a'); this.load.image('hit3', 'https://play.rosebud.ai/assets/hit3.fw.png?Z7xP'); // Load Necromancer frames this.load.image('necrowalk1.fw', 'https://play.rosebud.ai/assets/necrowalk1.fw.png?wnd3'); this.load.image('necrowalk2.fw', 'https://play.rosebud.ai/assets/necrowalk2.fw.png?0nDE'); this.load.image('necrowalk3.fw', 'https://play.rosebud.ai/assets/necrowalk3.fw.png?UsLv'); this.load.image('necrowalk4.fw', 'https://play.rosebud.ai/assets/necrowalk4.fw.png?p5nZ'); this.load.image('necrohit.fw', 'https://play.rosebud.ai/assets/necrohit.fw.png?2lmj'); this.load.image('necrohit2.fw', 'https://play.rosebud.ai/assets/necrohit2.fw.png?Gvrn'); this.load.image('necrohit3.fw', 'https://play.rosebud.ai/assets/necrohit3.fw.png?NoCE'); this.load.image('necrospell1.fw', 'https://play.rosebud.ai/assets/necrospell1.fw.png?kckb'); this.load.image('necrospell2.fw', 'https://play.rosebud.ai/assets/necrospell2.fw.png?nyjX'); this.load.image('necrospell3.fw', 'https://play.rosebud.ai/assets/necrospell3.fw.png?8VUr'); this.load.image('necrospell4.fw', 'https://play.rosebud.ai/assets/necrospell4.fw.png?0mDD'); this.load.image('necrospell5.fw', 'https://play.rosebud.ai/assets/necrospell5.fw.png?8PaJ'); this.load.image('necrospell6.fw', 'https://play.rosebud.ai/assets/necrospell6.fw.png?BdHi'); // Load Sinner's attack frames this.load.image('sin_attack1.fw', 'https://play.rosebud.ai/assets/sin_attack1.fw.png?zxQm'); this.load.image('sin_attack2.fw', 'https://play.rosebud.ai/assets/sin_attack2.fw.png?bft1'); this.load.image('sin_attack3.fw', 'https://play.rosebud.ai/assets/sin_attack3.fw.png?3Bai'); this.load.image('sin_attack4.fw', 'https://play.rosebud.ai/assets/sin_attack4.fw.png?hTrp'); this.load.image('sin_attack5.fw', 'https://play.rosebud.ai/assets/sin_attack5.fw.png?WSXW'); this.load.image('sin_attack6.fw', 'https://play.rosebud.ai/assets/sin_attack6.fw.png?ALfG'); this.load.image('sin_attack7.fw', 'https://play.rosebud.ai/assets/sin_attack7.fw.png?YXIr'); this.load.image('sin_attack8.fw', 'https://play.rosebud.ai/assets/sin_attack8.fw.png?wK40'); this.load.image('sin_attack9.fw', 'https://play.rosebud.ai/assets/sin_attack9.fw.png?q5nB'); this.load.image('sin_attack10.fw', 'https://play.rosebud.ai/assets/sin_attack10.fw.png?cUcw'); this.load.image('sin_attack11.fw', 'https://play.rosebud.ai/assets/sin_attack11.fw.png?9vk6'); // Load walk animation frames this.load.image('walk1.fw', 'https://play.rosebud.ai/assets/walk1.fw.png?4K2b'); this.load.image('walk2.fw', 'https://play.rosebud.ai/assets/walk2.fw.png?t0QY'); this.load.image('walk3.fw', 'https://play.rosebud.ai/assets/walk3.fw.png?STDK'); this.load.image('walk4.fw', 'https://play.rosebud.ai/assets/walk4.fw.png?Et3U'); this.load.image('walk5.fw', 'https://play.rosebud.ai/assets/walk5.fw.png?gOP6'); this.load.image('walk6.fw', 'https://play.rosebud.ai/assets/walk6.fw.png?pq7k'); this.load.image('walk7.fw', 'https://play.rosebud.ai/assets/walk7.fw.png?b4QB'); this.load.image('walk8.fw', 'https://play.rosebud.ai/assets/walk8.fw.png?xa7O'); // Load Sinner hit frames this.load.image('sin_hit1.fw', 'https://play.rosebud.ai/assets/sin_hit1.fw.png?1QMY'); this.load.image('sin_hit2.fw', 'https://play.rosebud.ai/assets/sin_hit2.fw.png?SuIA'); this.load.image('sin_hit3.fw', 'https://play.rosebud.ai/assets/sin_hit3.fw.png?jSyJ'); // Load Sinner death frames this.load.image('sin_die1.fw', 'https://play.rosebud.ai/assets/sin_die1.fw.png?JiGq'); this.load.image('sin_die2.fw', 'https://play.rosebud.ai/assets/sin_die2.fw.png?aUXn'); this.load.image('sin_die3.fw', 'https://play.rosebud.ai/assets/sin_die3.fw.png?hff4'); this.load.image('sin_die4.fw', 'https://play.rosebud.ai/assets/sin_die4.fw.png?byXl'); this.load.image('sin_die5.fw', 'https://play.rosebud.ai/assets/sin_die5.fw.png?eOVv'); this.load.image('sin_die6.fw', 'https://play.rosebud.ai/assets/sin_die6.fw.png?5Etk'); this.load.image('sin_die7.fw', 'https://play.rosebud.ai/assets/sin_die7.fw.png?gwzo'); this.load.image('sin_die8.fw', 'https://play.rosebud.ai/assets/sin_die8.fw.png?Meer'); } create() { // Create mouthtree animations this.anims.create({ key: 'mouthTreeActivate', frames: [{ key: 'mouthtree8.fw' }, { key: 'mouthtree7.fw' }, { key: 'mouthtree5.fw' }, { key: 'mouthtree4.fw' }, { key: 'mouthtree3.fw' }, { key: 'mouthtree2.fw' }, { key: 'mouthtree1.fw' }], frameRate: 4, // Reduced from 8 to 4 repeat: 0 }); this.anims.create({ key: 'mouthTreeLoop', frames: [{ key: 'mouthtreestart.fw' }, { key: 'mouthreeloopmid.fw' }, { key: 'mouthreeloopend.fw' }, { key: 'mouthreeloopmid.fw' }], frameRate: 4, // Reduced from 8 to 4 repeat: -1 }); // Create black overlay first const blackOverlay = this.add.rectangle(0, 0, this.cameras.main.width * 2, this.cameras.main.height * 2, 0x000000); blackOverlay.setDepth(9999); blackOverlay.setOrigin(0); // Load font before creating text const font = new FontFace('PixelifySans', `url(https://play.rosebud.ai/assets/PixelifySans-Regular.ttf?8VlQ)`); font.load().then(() => { document.fonts.add(font); // Create story introduction text first const storyText = this.add.text(400, 300, 'Darkness has consumed the Ordo Daemonicum, once a bastion of righteousness. The Council\'s forbidden rituals unleashed untold horrors.\n\n' + 'As one of the last surviving inquisitors, you must purge the corruption and uncover the truth of their fall.\n\n' + 'Your fallen brothers\' graves mark your path through blood-soaked catacombs, where Astaroth, an ancient demon, awaits.\n\n' + 'Armed with faith and steel, your penance begins.', { fontFamily: 'PixelifySans', fontSize: '14px', fill: '#ffffff', align: 'center', stroke: '#000000', strokeThickness: 4, wordWrap: { width: 600 }, lineSpacing: 10 }); storyText.setOrigin(0.5); storyText.setScrollFactor(0); storyText.setDepth(10000); // Create fade out tween for story text this.tweens.add({ targets: storyText, alpha: 0, duration: 1500, delay: 10000, // Story text displays for 10 seconds onComplete: () => { storyText.destroy(); } }); // Create controls preview text after story // Delay the creation of controls text until overlay starts fading this.time.delayedCall(13500, () => { const controlsText = this.add.text(400, 300, 'CONTROLS:\n\n' + 'MOVEMENT: A/D\n' + 'JUMP/DOUBLE JUMP: W\n' + 'SLIDE (3 charges): SHIFT + A/D\n' + 'ATTACK COMBO: SPACE + SPACE\n' + 'SPECIAL ATTACK: SPACE (while in air)', { fontFamily: 'PixelifySans', fontSize: '22px', fill: '#ffffff', align: 'center', stroke: '#000000', strokeThickness: 4, lineSpacing: 10 }); controlsText.setOrigin(0.5); controlsText.setScrollFactor(0); controlsText.setDepth(10000); // Create fade out tween for controls text this.tweens.add({ targets: controlsText, alpha: 0, duration: 1500, delay: 3000, // Controls text displays for 3 seconds onComplete: () => { controlsText.destroy(); } }); }); }); // Create black overlay for transition // Fade out the black overlay slower this.tweens.add({ targets: blackOverlay, alpha: 0, delay: 13500, // Start fade at 13.5 seconds duration: 16000, // Fade duration of 16 seconds (until 29.5 seconds) ease: 'Power2', onComplete: () => { blackOverlay.destroy(); } }); // Add background music const music = this.sound.add('bgMusic', { loop: true }); music.play(); // Start timer to enable movement after 5 seconds this.time.delayedCall(15000, () => { // Enable player movement at 15 seconds this.canMove = true; }); // Create projectiles group this.projectiles = this.physics.add.group({ allowGravity: false, debugShowBody: true, // Show debug hitbox debugShowVelocity: true, // Show velocity vector debugBodyColor: 0x0000ff // Blue color for debug hitbox }); // Initialize animation manager and create animations this.animationManager = new AnimationManager(this); this.animationManager.createAnimations(); // Add fixed background first (before any other layer) const darkForestBg = this.add.image(400, 300, 'darkforestbg'); darkForestBg.setScrollFactor(0); darkForestBg.setDepth(-999); // Ensure it's behind everything darkForestBg.setDisplaySize(800, 600); // Match game dimensions // Create the tilemap const map = this.make.tilemap({ key: 'map' }); // Add the tileset to the map const tileset = map.addTilesetImage('darkforest', 'tiles'); const propsTileset = map.addTilesetImage('forestprops', 'forestprops'); // Create interactive objects before layers to ensure proper depth ordering this.mouthTree = new InteractiveEntity(this, 3404, 275, 'mouthtree8.fw', 'mouthTreeActivate', 'mouthTreeLoop'); this.grave1 = new InteractiveEntity(this, 2452, 535, 'grave1static.fw', '', ''); this.grave2 = new InteractiveEntity(this, 631, 565, 'grave1static.fw', '', ''); this.grave3 = new InteractiveEntity(this, 2133, 485, 'grave1static.fw', '', ''); this.altar = new InteractiveEntity(this, 2589, 320, 'altar1.fw', '', ''); // Set objects depth to 0 for background level this.grave1.setDepth(0); this.grave1.setScale(0.790625); // 0.6325 * 1.25 = 0.790625 (additional 25% increase) this.grave1.setOrigin(0.5, 0.85); // Adjust origin to better align with ground this.grave2.setDepth(0); this.grave2.setScale(0.790625); this.grave2.setOrigin(0.5, 0.85); this.grave3.setDepth(0); this.grave3.setScale(0.790625); this.grave3.setOrigin(0.5, 0.85); this.mouthTree.setDepth(0); // Create the layers const backdecoLayer = map.createLayer('Backdeco', propsTileset); // Add new background decoration layer with forestprops tileset const decorLayer = map.createLayer('Decor', tileset); const grassLayer = map.createLayer('Grass', tileset); const groundLayer = map.createLayer('Ground', tileset); // Set collision for the ground layer groundLayer.setCollisionByExclusion([-1]); // Set world bounds based on map dimensions this.physics.world.bounds.width = groundLayer.width; this.physics.world.bounds.height = groundLayer.height; // Set up camera this.cameras.main.setBounds(0, 0, groundLayer.width, groundLayer.height); this.cameras.main.setZoom(1); // Reset health and invulnerability state this.currentHealth = this.maxHealth; this.playerIsInvulnerable = false; // Create player this.player = new Player(this, 120, 471); // Player animations are now created by AnimationManager // Start playing idle animation this.player.play('idle'); // Player physics properties this.player.body.setBounce(0.1); this.player.body.setCollideWorldBounds(true); // Add collision between player and ground layer this.physics.add.collider(this.player, groundLayer); // Make camera follow the player this.cameras.main.startFollow(this.player, true, 0.08, 0.08); this.cameras.main.setDeadzone(100, 100); // Create health bar const barWidth = 200; const barHeight = 20; const barX = 20; const barY = 20; // Background (empty health bar) const healthBarBg = this.add.rectangle(barX, barY, barWidth, barHeight, 0x000000); healthBarBg.setOrigin(0, 0); healthBarBg.setScrollFactor(0); healthBarBg.setDepth(100); // Foreground (filled health bar) this.healthBar = this.add.rectangle(barX + 2, barY + 2, barWidth - 4, barHeight - 4, 0xff0000); // Reset health bar to full width on create this.healthBar.width = barWidth - 4; this.healthBar.setOrigin(0, 0); this.healthBar.setScrollFactor(0); this.healthBar.setDepth(100); // Create enemies group this.enemies = this.physics.add.group(); // Add overlap detection between player and interactive entities this.physics.add.overlap( this.player, [this.mouthTree, this.grave1, this.grave2, this.grave3], (player, entity) => { entity.enableInteraction(); if (this.cursors.interact.isDown) { entity.activate(); } }, null, this ); // Add an enemy // Create the Sinner enemy const sinner = new Sinner(this, 1436, 210); this.enemies.add(sinner); // Create Blood Ghoul const bloodGhoul = new BloodGhoul(this, 4442, 200); this.enemies.add(bloodGhoul); // Add another sinner at specific position const sinner2 = new Sinner(this, 3607, 471); this.enemies.add(sinner2); // Add another sinner at specific position const sinner3 = new Sinner(this, 1830, 210); this.enemies.add(sinner3); // Add two more sinners at specific positions const sinner4 = new Sinner(this, 1864, 210); this.enemies.add(sinner4); const sinner5 = new Sinner(this, 2604, 290); this.enemies.add(sinner5); // Add another sinner const sinner6 = new Sinner(this, 1190, 210); this.enemies.add(sinner6); // Add Necromancer at a specific position const necromancer = new Necromancer(this, 2125, 475); this.enemies.add(necromancer); // Enemy animations are now created by AnimationManager // Start enemy walking animation sinner.play('enemyWalk'); // Add collision between enemies and ground this.physics.add.collider(this.enemies, groundLayer); // Add collision between projectiles and enemies this.physics.add.overlap( this.projectiles, this.enemies, this.handleProjectileHit, null, this ); // Add collision between projectiles and ground this.physics.add.collider( this.projectiles, groundLayer, (projectile) => { projectile.destroy(); } ); // Set up input keys this.cursors = this.input.keyboard.addKeys({ up: Phaser.Input.Keyboard.KeyCodes.W, interact: Phaser.Input.Keyboard.KeyCodes.E, left: Phaser.Input.Keyboard.KeyCodes.A, right: Phaser.Input.Keyboard.KeyCodes.D, space: Phaser.Input.Keyboard.KeyCodes.SPACE, slide: Phaser.Input.Keyboard.KeyCodes.SHIFT, usePotion: Phaser.Input.Keyboard.KeyCodes.F }); // Create potion counter const potionX = 280; const potionY = 20; this.potionIcon = this.add.image(potionX, potionY + 10, 'goblet1.fw'); this.potionIcon.setScrollFactor(0); this.potionIcon.setDepth(100); this.potionIcon.setScale(0.5); // Add potion counter text this.potionText = this.add.text(potionX + 20, potionY, `x${this.player.potions}`, { fontFamily: 'PixelifySans', fontSize: '24px', fill: '#ffffff', stroke: '#000000', strokeThickness: 4 }); this.potionText.setScrollFactor(0); this.potionText.setDepth(100); // Debug coordinates text // Add debug coordinates text const textStyle = { fontFamily: 'PixelifySans', fontSize: '18px', fill: '#FFFFFF', padding: { x: 4, y: 4 } }; this.coordsText = this.add.text(16, 48, '', textStyle); this.coordsText.setScrollFactor(0); this.coordsText.setDepth(1000); } update() { // Update player this.player.update(this.cursors); // Handle potion use if (Phaser.Input.Keyboard.JustDown(this.cursors.usePotion) && this.player.potions > 0) { // Calculate heal amount (30% of max health) const healAmount = Math.ceil(this.maxHealth * 0.3); // Only heal if not at full health if (this.currentHealth < this.maxHealth) { this.player.potions--; this.currentHealth = Math.min(this.maxHealth, this.currentHealth + healAmount); // Update potion counter text this.potionText.setText(`x${this.player.potions}`); // Update health bar with animation const healthPercentage = this.currentHealth / this.maxHealth; this.tweens.add({ targets: this.healthBar, width: 196 * healthPercentage, duration: 200, ease: 'Power1', yoyo: false }); // Visual feedback for healing const healEffect = this.add.rectangle( this.healthBar.x + this.healthBar.width / 2, this.healthBar.y + this.healthBar.height / 2, this.healthBar.width, this.healthBar.height, 0x00ff00, 0.5 ); healEffect.setScrollFactor(0); healEffect.setDepth(99); // Fade out heal effect this.tweens.add({ targets: healEffect, alpha: 0, duration: 300, ease: 'Power1', onComplete: () => healEffect.destroy() }); } } // Update coordinates text this.coordsText.setText(`X: ${Math.floor(this.player.x)}, Y: ${Math.floor(this.player.y)}`); this.updateEnemies(); const jumpStrength = 240; // Handle sliding // Handle sliding // Handle sliding with direction keys // Handle sliding with direction keys if (this.cursors.slide.isDown && (this.cursors.left.isDown || this.cursors.right.isDown) && !this.isSliding && this.player.body.onFloor() && this.slideCharges > 0) { // Toggle between slide sounds this.lastSlideSound = this.lastSlideSound === 'slide1' ? 'slide2' : 'slide1'; this.sound.play(this.lastSlideSound, { volume: 0.7 }); // Decrease available slide charges this.slideCharges--; // Start recharge timer if not already running if (!this.slideRechargeTimer) { this.slideRechargeTimer = this.time.addEvent({ delay: 4000, // 4 seconds cooldown callback: () => { // Restore all charges at once this.slideCharges = this.maxSlideCharges; // Clear the timer this.slideRechargeTimer.remove(); this.slideRechargeTimer = null; }, callbackScope: this, loop: false }); } // Determine slide direction from input const slideDirection = this.cursors.left.isDown ? -1 : 1; this.slideDirection = slideDirection; // Store slide direction this.isSliding = true; this.player.setFlipX(slideDirection === -1); // Initial slide velocity this.player.setVelocityX(2000 * slideDirection); // Play slide animation this.player.play('slide', true); // Play slide animation this.player.play('slide', true); // Quick decrease in speed during slide let currentSpeed = this.initialSlideSpeed; const speedDecayInterval = 35; // Shorter interval for quicker execution const slideSpeedDecay = this.time.addEvent({ delay: speedDecayInterval, callback: () => { if (this.isSliding) { currentSpeed *= 0.80; // Faster decay rate this.player.setVelocityX(currentSpeed * slideDirection); } }, repeat: 6 // Fewer repetitions for quicker finish }); // Handle slide completion - Immediate response this.player.once('animationcomplete-slide', () => { this.isSliding = false; this.slideDirection = null; // Instant velocity change based on input this.player.setVelocityX(this.cursors.left.isDown ? -160 : this.cursors.right.isDown ? 160 : 0); this.player.setFlipX(this.cursors.left.isDown); this.player.play(this.cursors.left.isDown || this.cursors.right.isDown ? 'run' : 'idle', true); }); // Shorter safety timeout for quicker recovery this.time.delayedCall(400, () => { if (this.isSliding) { this.isSliding = false; this.slideDirection = null; // Instant velocity change based on input this.player.setVelocityX(this.cursors.left.isDown ? -160 : this.cursors.right.isDown ? 160 : 0); this.player.setFlipX(this.cursors.left.isDown); this.player.play(this.cursors.left.isDown || this.cursors.right.isDown ? 'run' : 'idle', true); } }); } // Left and right movement (only if not sliding) // Movement handling (only if not sliding and movement is allowed) const isMoving = (this.cursors.left.isDown || this.cursors.right.isDown) && !this.isSliding && this.canMove; if (this.cursors.left.isDown && !this.isSliding && this.canMove) { this.player.body.setVelocityX(-this.speed); this.player.setFlipX(true); if (!this.wasMoving) { this.player.play('startRun', true).on('animationcomplete', () => { this.player.play('run', true); }); } else if (!this.player.anims.currentAnim || this.player.anims.currentAnim.key === 'idle') { this.player.play('run', true); } } else if (this.cursors.right.isDown && !this.isSliding && this.canMove) { this.player.body.setVelocityX(this.speed); this.player.setFlipX(false); if (!this.wasMoving) { this.player.play('startRun', true).on('animationcomplete', () => { this.player.play('run', true); }); } else if (!this.player.anims.currentAnim || this.player.anims.currentAnim.key === 'idle') { this.player.play('run', true); } } else { this.player.body.setVelocityX(0); if (this.wasMoving) { this.player.play('stopRun', true).on('animationcomplete', () => { this.player.play('idle', true); }); } else if (!this.player.anims.isPlaying || this.player.anims.currentAnim.key === 'run') { this.player.play('idle', true); } } this.wasMoving = isMoving; // Reset jump count when touching the ground if (this.player.body.onFloor()) { this.jumpCount = 0; } // Handle jump and double jump // Handle special attack during jump if (Phaser.Input.Keyboard.JustDown(this.cursors.up) && this.canMove) { // Store the jump key press time this.lastJumpTime = this.time.now; if (this.player.body.onFloor() || this.jumpCount === 1) { this.player.body.setVelocityY(-jumpStrength); this.player.play('jump', true); this.jumpCount++; } } // Check for falling if (!this.player.body.onFloor()) { if (this.player.body.velocity.y > 0) { // Store Y position when starting to fall if (this.fallStartY === 0) { this.fallStartY = this.player.y; } // Only play fall animation if falling from a significant height (50 pixels or more) const fallDistance = this.player.y - this.fallStartY; if (fallDistance > 15 && this.player.anims.currentAnim?.key !== 'fall') { this.player.play('fall', true); } } } else { // Reset fall start position when touching ground this.fallStartY = 0; // Handle landing animation transitions if (this.player.anims.currentAnim?.key === 'fall' || this.player.anims.currentAnim?.key === 'jump') { this.player.play('land', true).on('animationcomplete', () => { if (this.cursors.left.isDown || this.cursors.right.isDown) { this.player.play('run', true); } else { this.player.play('idle', true); } }); } } // Handle special attack if (this.cursors.space.isDown && !this.player.body.onFloor() && this.canSpecialAttack && this.time.now - this.lastJumpTime < 500) { this.executeSpecialAttack(); } // Handle regular attack animation if (Phaser.Input.Keyboard.JustDown(this.cursors.space)) { // Check if this is a combo attack or new attack if (this.comboReady) { // Second phase of the combo if (this.comboTimeout) { this.comboTimeout.remove(); // Clear existing timeout } this.comboReady = false; // Remove any existing listeners to prevent duplicates this.player.removeAllListeners('animationupdate'); this.player.removeAllListeners('animationcomplete'); // Play attack animation from frame 6 this.player.play('attack', true); // Play slash2 sound for combo attack this.sound.play('slash2', { volume: 0.7 }); this.player.anims.msPerFrame = 83.33; // 12fps // Skip to frame 6 for second phase this.player.anims.setCurrentFrame(this.player.anims.currentAnim.frames[6]); this.player.on('animationupdate', (animation, frame) => { // Second phase damage at frame 7 if (frame.index === 6) { // Reset canBeHit for all enemies before checking hits this.enemies.children.iterate((enemy) => { if (enemy) enemy.canBeHit = true; }); this.checkAttackHit(); } }); this.player.on('animationcomplete', () => { this.isAttacking = false; if (this.cursors.left.isDown || this.cursors.right.isDown) { this.player.play('run', true); } else { this.player.play('idle', true); } }); } // Start new attack sequence else if (this.player.anims.currentAnim?.key !== 'attack') { this.isAttacking = true; this.player.play('attack', true); // Play slash1 sound for first attack this.sound.play('slash1', { volume: 0.7 }); // Remove any existing listeners to prevent duplicates this.player.removeAllListeners('animationupdate'); this.player.on('animationupdate', (animation, frame) => { // First phase damage at frame 6 if (frame.index === 5) { this.checkAttackHit(); // Set combo window after frame 6 this.comboReady = true; // Stop the animation at frame 6 this.player.anims.pause(); // Set timeout for combo window this.comboTimeout = this.time.delayedCall(500, () => { this.comboReady = false; // Complete the animation if combo wasn't continued if (this.player.anims.isPaused) { this.player.anims.resume(); this.player.on('animationcomplete', () => { if (this.cursors.left.isDown || this.cursors.right.isDown) { this.player.play('run', true); } else { this.player.play('idle', true); } }); } }); } }); } } } checkAttackHit() { // Only check for hits if player is actually attacking if (!this.player.anims.currentAnim || this.player.anims.currentAnim.key !== 'attack') { return; } this.enemies.children.iterate((enemy) => { if (!enemy) return; const distance = Phaser.Math.Distance.Between( this.player.x, this.player.y, enemy.x, enemy.y ); if (distance <= this.attackRange) { enemy.health--; enemy.canBeHit = false; enemy.isHit = true; if (enemy.health <= 0) { // Disable physics and keep position fixed during death animation enemy.body.enable = false; // Store the ground position and original height const groundY = enemy.y; const originalHeight = enemy.height; // Play appropriate death animation based on enemy type const deathAnim = enemy.name === 'BloodGhoul' ? 'bloodGhoulDeath' : 'sinnerDeath'; enemy.play(deathAnim, true); // Update position during animation to keep bottom aligned enemy.on('animationupdate', (animation, frame) => { // Get current frame height const currentFrameHeight = enemy.height; // Calculate offset needed to keep bottom aligned const heightDiff = originalHeight - currentFrameHeight; // Apply position adjustment based on frame index if (frame.index >= 4) { // Last 4 frames should lay flat // Gradually adjust Y position for a smooth transition to ground const progress = (frame.index - 4) / 3; // 0 to 1 over last 4 frames enemy.y = groundY + (heightDiff * progress); } else { enemy.y = groundY; } }); enemy.on('animationcomplete', () => { enemy.destroy(); }); } else { // Add knockback effect when enemy is hit const knockbackDirection = enemy.x < this.player.x ? -1 : 1; enemy.setVelocityX(100 * knockbackDirection); enemy.setVelocityY(-80); // Stop any current animation and force hit animation enemy.stop(); // Play appropriate hit animation based on enemy type const hitAnim = enemy.name === 'BloodGhoul' ? 'bloodGhoulHit' : 'sinnerHit'; enemy.play(hitAnim, true).on('animationcomplete', () => { enemy.isHit = false; enemy.play('enemyWalk'); // Add hit cooldown this.time.delayedCall(400, () => { enemy.canBeHit = true; }); }); } } }); } updateEnemies() { this.enemies.children.iterate((enemy) => { if (!enemy) return; // Check distance to player const distanceToPlayer = Phaser.Math.Distance.Between( enemy.x, enemy.y, this.player.x, this.player.y ); // Define detection range const detectionRange = 620; // Only face the player when detected if (distanceToPlayer <= detectionRange) { if (enemy.name === 'BloodGhoul') { enemy.setFlipX(this.player.x < enemy.x); } else { // For Sinner, flip in opposite direction enemy.setFlipX(this.player.x > enemy.x); } } // Attack only if player is within range, enemy is not already attacking, not hit, // and player is not in hit animation if (distanceToPlayer <= enemy.attackRange && !enemy.isAttacking && !enemy.isHit && !this.playerIsInvulnerable && !enemy.isHit) { enemy.isAttacking = true; enemy.setVelocityX(0); if (enemy.name === 'Necromancer' && enemy.canAttack) { enemy.canAttack = false; // Disable attacks during cooldown enemy.play('necroSpell', true); enemy.removeAllListeners('animationupdate'); // Check for damage during specific frames of Necromancer spell enemy.on('animationupdate', (animation, frame) => { if (frame.index === 4) { // Damage on frame 4 of spell cast if (!this.playerIsInvulnerable && !this.isSliding) { const currentDistance = Phaser.Math.Distance.Between( enemy.x, enemy.y, this.player.x, this.player.y ); if (currentDistance <= enemy.attackRange) { this.handlePlayerDamage(enemy, 2); this.sound.play('enemyattack', { volume: 0.5 }); } } } }); } else if (enemy.name === 'BloodGhoul') { // Set the attack animation based on lastAttackType const attackAnim = enemy.lastAttackType === 'first' ? 'bloodGhoulFirstAttack' : 'bloodGhoulSecondAttack'; enemy.play(attackAnim, true); // Toggle between growl1 and growl2 enemy.lastGrowlSound = enemy.lastGrowlSound === 'growl1' ? 'growl2' : 'growl1'; this.sound.play(enemy.lastGrowlSound, { volume: 0.375 }); // Check for damage during specific frames of Blood Ghoul attack enemy.on('animationupdate', (animation, frame) => { // Check damage on specific frames for each attack type if ((animation.key === 'bloodGhoulFirstAttack' && frame.index === 3) || (animation.key === 'bloodGhoulSecondAttack' && frame.index === 2)) { // Check if player is still in range and not invulnerable const currentDistance = Phaser.Math.Distance.Between( enemy.x, enemy.y, this.player.x, this.player.y ); const attackRange = enemy.attackRange; if (currentDistance <= attackRange && !this.playerIsInvulnerable) { // Apply damage with knockback based on attack type const damageAmount = animation.key === 'bloodGhoulFirstAttack' ? 2 : 3; this.handlePlayerDamage(enemy, damageAmount); // Play enemy attack sound this.sound.play('enemyattack', { volume: 0.5 }); } } }); // Toggle the attack type for next time after starting the animation enemy.lastAttackType = enemy.lastAttackType === 'first' ? 'second' : 'first'; } else if (enemy.name === 'Sinner') { enemy.play('sinnerAttack', true); // Play enemyattack sound for Sinner attacks this.sound.play('enemyattack', { volume: 0.5 }); } enemy.once('animationcomplete', () => { // Check if player is still in range when the attack completes const finalDistance = Phaser.Math.Distance.Between( enemy.x, enemy.y, this.player.x, this.player.y ); // Only deal damage if player is still in range const attackRange = enemy.name === 'BloodGhoul' ? this.bloodGhoulAttackRange : this.baseAttackRange; if (finalDistance <= attackRange && !this.playerIsInvulnerable) { this.handlePlayerDamage(enemy, 1); // Update health bar width const healthPercentage = this.currentHealth / this.maxHealth; this.healthBar.width = (196) * healthPercentage; // 196 is barWidth - 4 for padding // Stop any current animation and force hit animation this.player.stop(); this.player.play('hit', true).on('animationcomplete', () => { // Reset invulnerability after hit animation completes this.time.delayedCall(1000, () => { this.playerIsInvulnerable = false; // Return to appropriate animation if (this.cursors.left.isDown || this.cursors.right.isDown) { this.player.play('run', true); } else { this.player.play('idle', true); } }); }); const knockbackDirection = this.player.x < enemy.x ? -1 : 1; this.player.setVelocityX(150 * knockbackDirection); this.player.setVelocityY(-100); } // Clear animation update listener to prevent memory leaks enemy.removeAllListeners('animationupdate'); // Add a small delay before resetting attack state and resuming movement this.time.delayedCall(100, () => { if (enemy && enemy.active) { // Check if enemy still exists enemy.isAttacking = false; if (enemy.name === 'BloodGhoul') { if (enemy.anims) enemy.play('bloodGhoulRun'); } else if (enemy.name === 'Necromancer') { enemy.isAttacking = false; // Explicitly stop any current animation and play necroWalk if (enemy.anims) { enemy.stop(); enemy.play('necroWalk', true); } // Start cooldown timer enemy.scene.time.delayedCall(enemy.attackCooldown, () => { if (enemy && enemy.active) { enemy.canAttack = true; enemy.isAttacking = false; } }); } else { if (enemy.anims) enemy.play('enemyWalk'); } } }); // Add cooldown before next attack this.time.delayedCall(1000, () => { enemy.isAttacking = false; }); }); } // Only move if not attacking if (!enemy.isAttacking) { // Different speeds for different enemy types const enemySpeed = enemy.name === 'BloodGhoul' ? 198 : (enemy.name === 'Necromancer' ? 15 : 40); // Only chase player if within detection range if (distanceToPlayer <= detectionRange) { // Calculate direction to player const directionToPlayer = this.player.x < enemy.x ? -1 : 1; // Move towards player if not in attack range const attackRange = enemy.attackRange; if (distanceToPlayer > attackRange) { enemy.setVelocityX(enemySpeed * directionToPlayer); // Flip sprite based on direction and enemy type if (enemy.name === 'BloodGhoul') { enemy.setFlipX(this.player.x < enemy.x); } else { // For Sinner, flip in opposite direction enemy.setFlipX(this.player.x > enemy.x); } } else { // Stop when in attack range enemy.setVelocityX(0); } } else { // If player is not detected, stop moving enemy.setVelocityX(0); // Reset attack state when player is out of range enemy.isAttacking = false; } } }); } executeSpecialAttack() { if (!this.canSpecialAttack) return; // Early return if on cooldown this.canSpecialAttack = false; // Start cooldown timer this.specialAttackTimer = this.time.addEvent({ delay: this.specialAttackCooldown, callback: () => { this.canSpecialAttack = true; }, loop: false }); // Play special attack animation this.player.play('specialAttack', true); // Create projectile const projectile = this.projectiles.create( this.player.x + (this.player.flipX ? -30 : 30), this.player.y, 'effect1.fw' ); // Store original dimensions before scaling const originalWidth = projectile.width; const originalHeight = projectile.height; // Scale down the sprite visually by 50% projectile.setScale(0.5); projectile.setFlipX(this.player.flipX); // Set the hitbox to the original size (before scaling) projectile.body.setSize(originalWidth, originalHeight); // Center the hitbox on the scaled sprite projectile.body.setOffset( (originalWidth - (originalWidth * 0.5)) / 2, (originalHeight - (originalHeight * 0.5)) / 2 ); // Set projectile properties const projectileSpeed = 400; projectile.setVelocityX(this.player.flipX ? -projectileSpeed : projectileSpeed); projectile.play('projectileEffect'); // Destroy projectile after 2 seconds if it hasn't hit anything this.time.delayedCall(2000, () => { if (projectile.active) { projectile.destroy(); } }); // Special attack cooldown is now handled by the timer in the executeSpecialAttack method } handleProjectileHit(projectile, enemy) { // Destroy projectile projectile.destroy(); // Damage enemy enemy.health--; enemy.isHit = true; if (enemy.health <= 0) { // Handle enemy death enemy.body.enable = false; const groundY = enemy.y; const originalHeight = enemy.height; const deathAnim = enemy.name === 'BloodGhoul' ? 'bloodGhoulDeath' : 'sinnerDeath'; // Check if it's a Blood Ghoul death if (enemy.name === 'BloodGhoul') { // Create black overlay for victory const blackOverlay = this.add.rectangle(0, 0, this.cameras.main.width * 2, this.cameras.main.height * 2, 0x000000); blackOverlay.setDepth(9999); blackOverlay.setOrigin(0); blackOverlay.setAlpha(0); blackOverlay.setScrollFactor(0); // Make overlay fixed to camera // Add victory text const victoryText = this.add.text(400, 300, 'Victory\nThe ancient evil has been vanquished', { fontFamily: 'PixelifySans', fontSize: '32px', fill: '#ffffff', align: 'center', stroke: '#000000', strokeThickness: 4 }); victoryText.setOrigin(0.5); victoryText.setDepth(10000); victoryText.setAlpha(0); victoryText.setScrollFactor(0); // Make text fixed to camera // Disable player input this.canMove = false; this.player.setVelocity(0); // Fade in overlay first, then text this.tweens.add({ targets: blackOverlay, alpha: 0.7, duration: 2000, ease: 'Power2', onComplete: () => { // After overlay fades in, fade in the text this.tweens.add({ targets: victoryText, alpha: 1, duration: 1000, ease: 'Power2', onComplete: () => { // Wait before final fade and restart this.time.delayedCall(3000, () => { // Final fade to black this.tweens.add({ targets: [blackOverlay, victoryText], alpha: 1, duration: 1000, ease: 'Power2', onComplete: () => { this.scene.restart(); } }); }); } }); } }); } enemy.play(deathAnim, true); enemy.on('animationupdate', (animation, frame) => { const currentFrameHeight = enemy.height; const heightDiff = originalHeight - currentFrameHeight; if (frame.index >= 4) { const progress = (frame.index - 4) / 3; enemy.y = groundY + (heightDiff * progress); } else { enemy.y = groundY; } }); enemy.on('animationcomplete', () => { enemy.destroy(); }); } else { // Handle enemy hit (reusing existing hit logic) const knockbackDirection = enemy.x < projectile.x ? -1 : 1; enemy.setVelocityX(100 * knockbackDirection); enemy.setVelocityY(-80); enemy.stop(); // Play appropriate hit animation based on enemy type const hitAnim = enemy.name === 'BloodGhoul' ? 'bloodGhoulHit' : 'sinnerHit'; enemy.play(hitAnim, true).on('animationcomplete', () => { if (enemy && enemy.active) { // Check if enemy still exists enemy.isHit = false; if (enemy.anims) { // Check if animations exist if (enemy.name === 'BloodGhoul') { enemy.play('bloodGhoulRun'); } else { enemy.play('enemyWalk'); } } this.time.delayedCall(400, () => { if (enemy && enemy.active) enemy.canBeHit = true; }); } }); } } handlePlayerDamage(enemy, damageAmount = 1) { this.playerIsInvulnerable = true; this.currentHealth = Math.max(0, this.currentHealth - damageAmount); // Check for player death if (this.currentHealth <= 0) { // Create black overlay for death screen const blackOverlay = this.add.rectangle(0, 0, this.cameras.main.width * 2, this.cameras.main.height * 2, 0x000000); blackOverlay.setDepth(9999); blackOverlay.setOrigin(0); blackOverlay.setAlpha(0); blackOverlay.setScrollFactor(0); // Make overlay fixed to camera // Create death text const deathText = this.add.text(400, 300, 'You Died', { fontFamily: 'PixelifySans', fontSize: '48px', fill: '#ff0000', align: 'center', stroke: '#000000', strokeThickness: 6 }); deathText.setOrigin(0.5); deathText.setDepth(10000); deathText.setAlpha(0); deathText.setScrollFactor(0); // Make text fixed to camera // Create restart prompt const restartText = this.add.text(400, 350, 'Game will restart in 3 seconds...', { fontFamily: 'PixelifySans', fontSize: '24px', fill: '#ffffff', align: 'center', stroke: '#000000', strokeThickness: 4 }); restartText.setOrigin(0.5); restartText.setDepth(10000); restartText.setAlpha(0); restartText.setScrollFactor(0); // Make text fixed to camera // Play death animation if available this.player.play('hit', true); // Disable player input and stop movement this.canMove = false; this.player.setVelocity(0); // Fade in overlay and text with proper sequencing this.tweens.add({ targets: blackOverlay, alpha: 0.7, duration: 2000, ease: 'Power2', onComplete: () => { // After overlay fades in, fade in the text this.tweens.add({ targets: [deathText, restartText], alpha: 1, duration: 1000, ease: 'Power2', onComplete: () => { // Wait before restarting this.time.delayedCall(3000, () => { // Final fade to black this.tweens.add({ targets: [blackOverlay, deathText, restartText], alpha: 1, duration: 1000, ease: 'Power2', onComplete: () => { this.scene.restart(); } }); }); } }); } }); return; // Exit early to prevent further processing } // Add magic damage effect if the attacker is a Necromancer if (enemy.name === 'Necromancer') { const magicEffect = this.add.sprite(this.player.x, this.player.y, 'magicdamage.fw'); magicEffect.setAlpha(0.7); // Make it slightly transparent magicEffect.setDepth(this.player.depth + 1); // Ensure it appears above the player // Create a tween for the magic effect this.tweens.add({ targets: magicEffect, alpha: 0, scale: 1.5, duration: 500, ease: 'Power2', onComplete: () => { magicEffect.destroy(); } }); } // Update health bar width const healthPercentage = this.currentHealth / this.maxHealth; this.healthBar.width = (196) * healthPercentage; // Stop any current animation and force hit animation this.player.stop(); this.player.play('hit', true).on('animationcomplete', () => { // Reset invulnerability after hit animation completes this.time.delayedCall(1000, () => { this.playerIsInvulnerable = false; // Return to appropriate animation if (this.cursors.left.isDown || this.cursors.right.isDown) { this.player.play('run', true); } else { this.player.play('idle', true); } }); }); // Apply knockback const knockbackDirection = this.player.x < enemy.x ? -1 : 1; this.player.setVelocityX(150 * knockbackDirection); this.player.setVelocityY(-100); } } class AnimationManager { constructor(scene) { this.scene = scene; } createAnimations() { this.createProjectileAnimations(); this.createPlayerAnimations(); this.createEnemyAnimations(); } createProjectileAnimations() { this.scene.anims.create({ key: 'projectileEffect', frames: [{ key: 'effect1.fw', frame: 0 }, { key: 'effect2.fw', frame: 0 }, { key: 'effect3.fw', frame: 0 }, { key: 'effect4.fw', frame: 0 }], frameRate: 12, repeat: -1 }); this.scene.anims.create({ key: 'specialAttack', frames: [{ key: 'special1.fw', frame: 0 }, { key: 'special2.fw', frame: 0 }, { key: 'special3.fw', frame: 0 }, { key: 'special4.fw', frame: 0 }, { key: 'special5.fw', frame: 0 }], frameRate: 15, repeat: 0 }); } createPlayerAnimations() { // Idle animation this.scene.anims.create({ key: 'idle', frames: ['idle1', 'idle2', 'idle3', 'idle4', 'idle5', 'idle6', 'idle7', 'idle8'].map(key => ({ key })), frameRate: 8, repeat: -1 }); // Run animation this.scene.anims.create({ key: 'run', frames: ['run1', 'run2', 'run3', 'run4', 'run5', 'run6', 'run7', 'run8'].map(key => ({ key })), frameRate: 12, repeat: -1 }); // Start run animation this.scene.anims.create({ key: 'startRun', frames: [{ key: 'startrun' }], frameRate: 12, repeat: 0 }); // Stop run animation this.scene.anims.create({ key: 'stopRun', frames: ['stoprun1', 'stoprun2'].map(key => ({ key })), frameRate: 12, repeat: 0 }); // Jump animation this.scene.anims.create({ key: 'jump', frames: ['jump1', 'jump2'].map(key => ({ key })), frameRate: 8, repeat: 0 }); // Fall animation this.scene.anims.create({ key: 'fall', frames: ['fall1', 'fall2', 'fall3'].map(key => ({ key })), frameRate: 12, repeat: -1 }); // Land animation this.scene.anims.create({ key: 'land', frames: ['jumpland1', 'jumpland2', 'jumpland3'].map(key => ({ key })), frameRate: 12, repeat: 0 }); // Attack animation this.scene.anims.create({ key: 'attack', frames: Array.from({ length: 11 }, (_, i) => ({ key: `attack${i + 1}` })), frameRate: 12, repeat: 0 }); // Hit animation this.scene.anims.create({ key: 'hit', frames: ['hit1', 'hit2', 'hit3'].map(key => ({ key })), frameRate: 20, repeat: 0, duration: 200 }); // Slide animation this.scene.anims.create({ key: 'slide', frames: [{ key: 'slide3', duration: 35 }, { key: 'slide4', duration: 35 }, { key: 'slide5', duration: 35 }, { key: 'idle1', duration: 35 }], frameRate: 28, repeat: 0 }); } createEnemyAnimations() { // Necromancer walk animation this.scene.anims.create({ key: 'necroWalk', frames: [ 'necrowalk1.fw', 'necrowalk2.fw', 'necrowalk3.fw', 'necrowalk4.fw' ].map(key => ({ key })), frameRate: 8, repeat: -1 }); // Necromancer hit animation this.scene.anims.create({ key: 'necroHit', frames: [ 'necrohit.fw', 'necrohit2.fw', 'necrohit3.fw' ].map(key => ({ key })), frameRate: 20, repeat: 0, duration: 200 }); // Necromancer spell cast animation this.scene.anims.create({ key: 'necroSpell', frames: [ 'necrospell1.fw', 'necrospell2.fw', 'necrospell3.fw', 'necrospell4.fw', 'necrospell5.fw', 'necrospell6.fw' ].map(key => ({ key })), frameRate: 12, repeat: 0 }); // Blood Ghoul death animation this.scene.anims.create({ key: 'bloodGhoulDeath', frames: [ 'bldghouldie1.fw', 'bldghouldie2.fw', 'bldghouldie3.fw', 'bldghouldie4.fw', 'bldghouldie5.fw' ].map(key => ({ key })), frameRate: 10, repeat: 0 }); // Blood Ghoul animations this.scene.anims.create({ key: 'bloodGhoulRun', frames: [ 'bldghoulrun1.fw', 'bldghoulrun2.fw', 'bldghoulrun3.fw', 'bldghoulrun4.fw', 'bldghoulrun5.fw', 'bldghoulrun6.fw' ].map(key => ({ key })), frameRate: 10, repeat: -1 }); // Blood Ghoul hit animation this.scene.anims.create({ key: 'bloodGhoulHit', frames: [{ key: 'bldghouldhit.fw' }], frameRate: 10, repeat: 0, duration: 200 }); // Blood Ghoul first attack animation this.scene.anims.create({ key: 'bloodGhoulFirstAttack', frames: [ 'bldghoulfirstattack1.fw', 'bldghoulfirstattack2.fw', 'bldghoulfirstattack3.fw', 'bldghoulfirstattack4.fw', 'bldghoulfirstattack5.fw', 'bldghoulfirstattack6.fw' ].map(key => ({ key })), frameRate: 12, repeat: 0 }); // Blood Ghoul second attack animation this.scene.anims.create({ key: 'bloodGhoulSecondAttack', frames: [ 'bldghoulsecondattack1.fw', 'bldghoulsecondattack2.fw', 'bldghoulsecondattack3.fw', 'bldghoulsecondattack4.fw', 'bldghoulsecondattack5.fw', 'bldghoulsecondattack6.fw' ].map(key => ({ key })), frameRate: 12, repeat: 0 }); // Enemy walk animation this.scene.anims.create({ key: 'enemyWalk', frames: ['walk1.fw', 'walk2.fw', 'walk3.fw', 'walk4.fw', 'walk5.fw', 'walk6.fw', 'walk7.fw', 'walk8.fw'].map(key => ({ key })), frameRate: 8, repeat: -1 }); // Sinner hit animation this.scene.anims.create({ key: 'sinnerHit', frames: ['sin_hit1.fw', 'sin_hit2.fw', 'sin_hit3.fw'].map(key => ({ key })), frameRate: 20, repeat: 0, duration: 200 }); // Sinner attack animation this.scene.anims.create({ key: 'sinnerAttack', frames: Array.from({ length: 11 }, (_, i) => ({ key: `sin_attack${i + 1}.fw` })), frameRate: 15, repeat: 0 }); // Sinner death animation this.scene.anims.create({ key: 'sinnerDeath', frames: Array.from({ length: 8 }, (_, i) => ({ key: `sin_die${i + 1}.fw` })), frameRate: 10, repeat: 0 }); } } const config = { type: Phaser.AUTO, parent: 'renderDiv', scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, }, physics: { default: 'arcade', arcade: { gravity: { y: 600 }, debug: false } }, width: 800, height: 600, scene: Example }; window.phaserGame = new Phaser.Game(config);