class Example extends Phaser.Scene { constructor() { super(); this.player; this.enemies; this.cursors; this.lightningAttackActive = false; this.lightningTimer = null; this.score = 0; this.maxScore = 10000; this.scoreText; this.gameOver = false; this.gameWon = false; this.touchInput = { x: 0, y: 0, isActive: false }; this.maxEnemies = 20; this.lastAttackTime = 0; this.attackCooldown = 500; this.lastDebugUpdate = 0; this.debugUpdateInterval = 500; this.particles; this.playerHealth = 100; this.backgroundMusic; this.bullets; this.lastFireTime = 0; this.fireRate = 400; this.bulletCount = 3; this.spreadAngle = Math.PI / 8; // 22.5 degrees spread } healthBar; healthBarBackground; level2Music; preload() { this.load.image('sky', `https://play.rosebud.ai/assets/sky.png?kXRd`); this.load.image('level2', `https://play.rosebud.ai/assets/Level2.png?TVls`); this.load.image('level2part2', `https://play.rosebud.ai/assets/Level2part2.png?CL21`); this.load.audio('level2Music', 'https://files.catbox.moe/bkhzu0.mp3'); this.load.spritesheet('shock', 'https://play.rosebud.ai/assets/shock.png?3EXs', { frameWidth: 32, frameHeight: 32 }); this.load.image('bluetacman', `https://play.rosebud.ai/assets/Bluetacman.png?w8Zo`); this.load.image('skeleton', `https://play.rosebud.ai/assets/Skeleton enemy.png?nJfo`); this.load.audio('backgroundMusic', `https://play.rosebud.ai/assets/Achukchok.mp3?y7W2`); this.load.image('woodchairs', `https://play.rosebud.ai/assets/Woodchairs.png?HMRk`); this.load.audio('enemyDefeat', `https://play.rosebud.ai/assets/Enemydefeat.wav?eOCg`); this.load.audio('enemyDefeat2', `https://play.rosebud.ai/assets/Enemydefeat2.wav?BSgZ`); this.load.audio('enemyDefeat3', `https://play.rosebud.ai/assets/Enemydefeat3.wav?dEBM`); this.load.audio('bulletSound', `https://play.rosebud.ai/assets/Bulletsound.wav?SErY`); // Create a circular bright blue particle const graphics = this.make.graphics().fillStyle(0x00BBFF).fillCircle(8, 8, 8); graphics.generateTexture('blueParticle', 16, 16); graphics.destroy(); } create() { this.add.image(400, 300, 'sky'); this.player = this.physics.add.image(400, 300, 'bluetacman').setScale(0.15); this.player.setCollideWorldBounds(true); this.player.body.setSize(this.player.width * 0.6, this.player.height * 0.6); this.player.body.offset.set(this.player.width * 0.2, this.player.height * 0.2); this.enemies = this.physics.add.group({ classType: Phaser.Physics.Arcade.Sprite, maxSize: this.maxEnemies, runChildUpdate: true }); this.spawnEnemies(5); this.skeletonParticles = this.add.particles('skeleton'); this.blueParticles = this.add.particles('blueParticle'); this.chairParticles = this.add.particles('woodchairs'); this.woodchairParticles = this.add.particles('woodchairs'); this.healthText = this.add.text(16, 16, 'Health: 100', { fontSize: '32px', fill: '#FF0000', fontStyle: 'bold', stroke: '#FFFFFF', strokeThickness: 4 }); this.healthText.setScrollFactor(0); this.level2Text = this.add.text(16, 52, 'Level 2', { fontSize: '24px', fill: '#FF0000', fontStyle: 'bold', stroke: '#FFFFFF', strokeThickness: 2 }); this.level2Text.setScrollFactor(0); this.level2Text.setInteractive({ useHandCursor: true }); this.level2Text.on('pointerdown', this.switchToLevel2, this); this.level2Part2Text = this.add.text(16, 80, 'Level 2 Part 2', { fontSize: '20px', fill: '#FF0000', fontStyle: 'bold' }); this.level2Part2Text.setScrollFactor(0); this.level2Part2Text.setInteractive({ useHandCursor: true }); this.level2Part2Text.on('pointerdown', this.switchToLevel2Part2, this); this.skyText = this.add.text(16, 108, 'Sky', { fontSize: '20px', fill: '#FF0000', fontStyle: 'bold' }); this.skyText.setScrollFactor(0); this.skyText.setInteractive({ useHandCursor: true }); this.skyText.on('pointerdown', this.switchToSky, this); this.cursors = this.input.keyboard.createCursorKeys(); this.input.on('pointerdown', (pointer) => { this.touchInput.isActive = true; this.touchInput.x = pointer.x; this.touchInput.y = pointer.y; }); this.input.on('pointermove', (pointer) => { if (this.touchInput.isActive) { this.touchInput.x = pointer.x; this.touchInput.y = pointer.y; } }); this.input.on('pointerup', () => { this.touchInput.isActive = false; this.player.setVelocity(0); }); this.scoreText = this.add.text(400, 16, 'Score: 0', { fontSize: '32px', fill: '#FF0000', fontStyle: 'bold', stroke: '#FFFFFF', strokeThickness: 4 }).setOrigin(0.5, 0); this.scoreText.setScrollFactor(0); this.time.addEvent({ delay: 5000, callback: this.spawnEnemies, args: [1], callbackScope: this, loop: true }); this.backgroundMusic = this.sound.add('backgroundMusic', { loop: true, volume: 0.5 // Set the volume to 50% }); this.backgroundMusic.play(); this.bullets = this.physics.add.group({ classType: Phaser.Physics.Arcade.Image, defaultKey: 'blueParticle', maxSize: 30, runChildUpdate: true }); this.physics.add.overlap(this.bullets, this.enemies, (bullet, enemy) => { this.hitEnemy(this.player, enemy); }, null, this); this.input.keyboard.on('keydown-SPACE', this.shootBullet, this); this.physics.add.collider(this.player, this.enemies, this.enemyHitPlayer, null, this); this.healthBarBackground = this.add.rectangle(700, 20, 100, 20, 0x000000); this.healthBarBackground.setOrigin(0, 0.5); this.healthBarBackground.setScrollFactor(0); this.healthBar = this.add.rectangle(700, 20, 100, 20, 0x00ff00); this.healthBar.setOrigin(0, 0.5); this.healthBar.setScrollFactor(0); this.healthText.setScrollFactor(0); // Add focus and blur event listeners window.addEventListener('blur', () => { this.sound.pauseAll(); this.scene.pause(); }); window.addEventListener('focus', () => { if (this.sound.context.state === 'suspended') { this.sound.context.resume(); } this.sound.resumeAll(); this.scene.resume(); // Stop any currently playing music if (this.backgroundMusic && this.backgroundMusic.isPlaying) { this.backgroundMusic.stop(); } if (this.level2Music && this.level2Music.isPlaying) { this.level2Music.stop(); } // Play the original background music if (!this.backgroundMusic) { this.backgroundMusic = this.sound.add('backgroundMusic', { loop: true, volume: 0.5 }); } this.backgroundMusic.play(); }); // Add click listener to resume audio context this.input.on('pointerdown', () => { if (this.sound.context.state === 'suspended') { this.sound.context.resume(); } }); // Create lightning attack text this.lightningText = this.add.text(16, 136, 'Blue Tac Lightning', { fontSize: '20px', fill: '#FF0000', fontStyle: 'bold' }); this.lightningText.setScrollFactor(0); this.lightningText.setInteractive({ useHandCursor: true }); this.lightningText.on('pointerdown', this.activateLightningAttack, this); this.lightningText.visible = true; // Create lightning animation this.anims.create({ key: 'lightning', frames: this.anims.generateFrameNumbers('shock', { start: 0, end: 7 }), frameRate: 20, repeat: 0 }); } update(time, delta) { const speed = 160; let playerMoved = false; this.checkBulletBounds(); // Check if score is >= 300 and enable lightning attack if (this.score >= 300 && !this.lightningText.visible) { this.lightningText.visible = true; } if (this.touchInput.isActive) { const angle = Phaser.Math.Angle.Between( this.player.x, this.player.y, this.touchInput.x, this.touchInput.y ); const distance = Phaser.Math.Distance.Between( this.player.x, this.player.y, this.touchInput.x, this.touchInput.y ); if (distance > 10) { this.player.setVelocityX(Math.cos(angle) * speed); this.player.setVelocityY(Math.sin(angle) * speed); playerMoved = true; } } else { if (this.cursors.left.isDown) { this.player.setVelocityX(-speed); playerMoved = true; } else if (this.cursors.right.isDown) { this.player.setVelocityX(speed); playerMoved = true; } else { this.player.setVelocityX(0); } if (this.cursors.up.isDown) { this.player.setVelocityY(-speed); playerMoved = true; } else if (this.cursors.down.isDown) { this.player.setVelocityY(speed); playerMoved = true; } else { this.player.setVelocityY(0); } } if (!playerMoved) { this.player.setVelocity(0); } Phaser.Actions.Call(this.enemies.getChildren(), enemy => { if (enemy.active) { this.physics.moveToObject(enemy, this.player, 15); } }); if (time > this.lastAttackTime + this.attackCooldown) { this.attackNearbyEnemies(); this.lastAttackTime = time; } if (time > this.lastFireTime + this.fireRate) { this.shootBullet(); this.lastFireTime = time; } this.bullets.children.each(bullet => { if (bullet.active) { const speed = 600; const angle = Math.atan2(bullet.body.velocity.y, bullet.body.velocity.x); bullet.setVelocity(Math.cos(angle) * speed, Math.sin(angle) * speed); } }); } spawnEnemies(count) { if (this.gameOver || this.gameWon) return; for (let i = 0; i < count; i++) { if (this.enemies.countActive(true) < this.maxEnemies) { let x, y; const edge = Phaser.Math.Between(0, 3); switch (edge) { case 0: // Top x = Phaser.Math.Between(0, 800); y = 0; break; case 1: // Right x = 800; y = Phaser.Math.Between(0, 600); break; case 2: // Bottom x = Phaser.Math.Between(0, 800); y = 600; break; case 3: // Left x = 0; y = Phaser.Math.Between(0, 600); break; } const enemyType = Phaser.Math.Between(0, 1) === 0 ? 'skeleton' : 'woodchairs'; const enemy = this.enemies.get(x, y, enemyType); if (enemy) { enemy.setActive(true).setVisible(true); enemy.setAlpha(1); // Set enemy to be fully opaque enemy.setScale(enemyType === 'skeleton' ? 0.3 : 0.2); enemy.setCollideWorldBounds(true); enemy.body.reset(x, y); enemy.body.setSize(enemy.width * 0.5, enemy.height * 0.5); enemy.body.offset.set(enemy.width * 0.25, enemy.height * 0.25); enemy.health = enemyType === 'skeleton' ? 2 : 3; // Woodchairs are tougher } } } } hitEnemy(player, enemy) { if (!enemy.active) return; enemy.health--; if (enemy.health <= 0) { enemy.setActive(false).setVisible(false); this.score = Math.min(this.score + 1, this.maxScore); this.scoreText.setText('Score: ' + this.score).setOrigin(0.5, 0); this.createEnemyDestroyEffect(enemy); this.pushEnemiesBack(); if (this.enemies.countActive(true) < this.maxEnemies / 2) { this.spawnEnemies(2); } // Play enemy defeat sound const randomValue = Math.random(); let defeatSound; if (randomValue < 0.33) { defeatSound = 'enemyDefeat'; } else if (randomValue < 0.66) { defeatSound = 'enemyDefeat2'; } else { defeatSound = 'enemyDefeat3'; } this.sound.play(defeatSound, { volume: 0.5 }); } else { // Create a small particle effect for enemy hit let hitParticles; if (enemy.texture.key === 'woodchairs') { hitParticles = this.chairParticles; } else if (enemy.texture.key === 'skeleton') { hitParticles = this.skeletonParticles; } else { hitParticles = this.blueParticles; } const emitter = hitParticles.createEmitter({ x: enemy.x, y: enemy.y, speed: { min: -50, max: 50 }, angle: { min: 0, max: 360 }, scale: { start: 0.2, end: 0 }, blendMode: 'ADD', lifespan: 200, quantity: 10 }); this.time.delayedCall(200, () => { emitter.stop(); }); } if (this.score >= this.maxScore && !this.gameWon) { this.gameWon = true; this.add.text(400, 300, 'You Win!', { fontSize: '64px', fill: '#FF0000', fontStyle: 'bold', stroke: '#FFFFFF', strokeThickness: 4, align: 'center' }).setOrigin(0.5); Phaser.Actions.Call(this.enemies.getChildren(), e => e.setVelocity(0)); } } createEnemyDestroyEffect(enemy) { let emitter; if (enemy.texture.key === 'woodchairs') { emitter = this.woodchairParticles.createEmitter({ x: enemy.x, y: enemy.y, speed: { min: -100, max: 100 }, angle: { min: 0, max: 360 }, scale: { start: 0.5, end: 0 }, blendMode: 'ADD', lifespan: 300, gravityY: 300, quantity: 20, maxParticles: 20 }); } else if (enemy.texture.key === 'skeleton') { emitter = this.skeletonParticles.createEmitter({ x: enemy.x, y: enemy.y, speed: { min: -100, max: 100 }, angle: { min: 0, max: 360 }, scale: { start: 0.5, end: 0 }, blendMode: 'ADD', lifespan: 300, gravityY: 300, quantity: 20, maxParticles: 20 }); } else { emitter = this.blueParticles.createEmitter({ x: enemy.x, y: enemy.y, speed: { min: -100, max: 100 }, angle: { min: 0, max: 360 }, scale: { start: 0.5, end: 0 }, blendMode: 'ADD', lifespan: 300, gravityY: 300, quantity: 20, maxParticles: 20 }); } if (emitter) { this.time.delayedCall(1000, () => { emitter.stop(); }); } } enemyHitPlayer(player, enemy) { if (this.player.invincible) return; this.playerHealth -= 5; this.updateHealthBar(); this.player.invincible = true; this.time.delayedCall(1000, () => { this.player.invincible = false; }); if (this.playerHealth <= 0 && !this.gameOver) { this.gameOver = true; this.add.text(400, 300, 'Game Over!', { fontSize: '64px', fill: '#FF0000', fontStyle: 'bold', stroke: '#FFFFFF', strokeThickness: 4, align: 'center' }).setOrigin(0.5); Phaser.Actions.Call(this.enemies.getChildren(), e => e.setVelocity(0)); } const angle = Phaser.Math.Angle.Between(enemy.x, enemy.y, player.x, player.y); player.setVelocity(Math.cos(angle) * 200, Math.sin(angle) * 200); } attackNearbyEnemies() { let enemiesHit = 0; Phaser.Actions.Call(this.enemies.getChildren(), enemy => { if (enemy.active) { const distance = Phaser.Math.Distance.Between(this.player.x, this.player.y, enemy.x, enemy.y); if (distance < 150) { this.hitEnemy(this.player, enemy); enemiesHit++; if (enemiesHit >= 5) return false; } } }); } shootBullet() { const playerVelocity = this.player.body.velocity; let baseAngle; if (playerVelocity.x !== 0 || playerVelocity.y !== 0) { baseAngle = Math.atan2(playerVelocity.y, playerVelocity.x); } else { baseAngle = Phaser.Math.FloatBetween(0, Math.PI * 2); } const angleStep = this.spreadAngle / (this.bulletCount - 1); for (let i = 0; i < this.bulletCount; i++) { const angle = baseAngle - (this.spreadAngle / 2) + (angleStep * i); this.createBullet(angle); } // Play bullet sound this.sound.play('bulletSound', { volume: 0.2 // Reduced volume from 0.5 to 0.2 }); } createBullet(angle) { const bullet = this.bullets.get(this.player.x, this.player.y, 'blueParticle'); if (bullet) { const speed = 600; const velocityX = Math.cos(angle) * speed; const velocityY = Math.sin(angle) * speed; bullet.setActive(true).setVisible(true); bullet.setScale(1); bullet.setVelocity(velocityX, velocityY); bullet.body.setAllowGravity(false); bullet.body.setCircle(bullet.width / 2); bullet.setTint(0x00FFFF); // Set bullet color to light bright blue // Create glowing core const core = this.add.sprite(bullet.x, bullet.y, 'blueParticle'); core.setScale(1.5); core.setAlpha(0.8); core.setBlendMode(Phaser.BlendModes.ADD); core.setTint(0x00CCFF); // Light blue core bullet.core = core; // Create pulsing aura const aura = this.add.sprite(bullet.x, bullet.y, 'blueParticle'); aura.setScale(2.5); aura.setAlpha(0.4); aura.setBlendMode(Phaser.BlendModes.ADD); aura.setTint(0x80FFFF); // Very light blue aura bullet.aura = aura; // Bright Blue Plasma Trail Effect const plasmaParticles = this.add.particles('blueParticle'); const plasmaEmitter = plasmaParticles.createEmitter({ follow: bullet, scale: { start: 0.6, end: 0.1 }, alpha: { start: 0.4, end: 0 }, speed: 0, angle: { min: angle - 5, max: angle + 5 }, lifespan: 100, frequency: 50, blendMode: 'ADD', tint: [0x00FFFF, 0x00CCFF], emitZone: { type: 'random', source: new Phaser.Geom.Circle(0, 0, 2), quantity: 1 }, maxParticles: 5 }); bullet.plasmaParticles = plasmaParticles; bullet.plasmaEmitter = plasmaEmitter; bullet.update = function() { if (this.active) { this.core.setPosition(this.x, this.y); this.aura.setPosition(this.x, this.y); // Subtle pulsing effect for core and aura const pulseFactor = 1 + Math.sin(this.scene.time.now * 0.01) * 0.1; this.core.setScale(1.5 * pulseFactor); this.aura.setScale(2.5 * pulseFactor); } else { if (this.core) { this.core.destroy(); this.core = null; } if (this.aura) { this.aura.destroy(); this.aura = null; } if (this.plasmaParticles) { this.plasmaParticles.destroy(); this.plasmaParticles = null; } if (this.plasmaEmitter) { this.plasmaEmitter.stop(); this.plasmaEmitter = null; } } } } } bulletHitEnemy(bullet, enemy) { this.hitEnemy(this.player, enemy); } checkBulletBounds() { this.bullets.children.each(bullet => { if (bullet.active) { if (bullet.x < -100 || bullet.x > this.sys.game.config.width + 100 || bullet.y < -100 || bullet.y > this.sys.game.config.height + 100) { bullet.setActive(false).setVisible(false); if (bullet.glow) { bullet.glow.destroy(); bullet.glow = null; } if (bullet.particleSystems) { bullet.particleSystems.forEach(p => p.destroy()); bullet.particleSystems = null; } if (bullet.emitters) { bullet.emitters.forEach(e => e.stop()); bullet.emitters = null; } } } }); } updateHealthBar() { const healthPercentage = Math.max(this.playerHealth, 0) / 100; this.healthBar.width = 100 * healthPercentage; let color; if (healthPercentage > 0.6) { color = 0x00ff00; } else if (healthPercentage > 0.3) { color = 0xffff00; } else { color = 0xff0000; } this.healthBar.fillColor = color; this.healthText.setColor('#' + color.toString(16).padStart(6, '0')); this.healthText.setText('Health: ' + Math.max(this.playerHealth, 0)); } pushEnemiesBack() { Phaser.Actions.Call(this.enemies.getChildren(), enemy => { if (enemy.active) { const angle = Phaser.Math.Angle.Between(this.player.x, this.player.y, enemy.x, enemy.y); const distance = Phaser.Math.Distance.Between(this.player.x, this.player.y, enemy.x, enemy.y); const pushForce = Math.min(50, 500 / distance); enemy.body.velocity.x += Math.cos(angle) * pushForce; enemy.body.velocity.y += Math.sin(angle) * pushForce; } }); } switchToLevel2() { // Find and destroy the current background const currentBackground = this.children.getAll().find(child => child.texture && (child.texture.key === 'sky' || child.texture.key === 'level2' || child.texture.key === 'level2part2')); if (currentBackground) { currentBackground.destroy(); } // Add the new Level 2 background const level2Background = this.add.image(400, 300, 'level2'); level2Background.setDisplaySize(this.sys.game.config.width, this.sys.game.config.height); level2Background.setDepth(-1); // Ensure the background is behind other game objects // Update the Level 2 text this.level2Text.setText('Level 2 Active'); // Keep all text buttons red this.level2Text.setFill('#FF0000'); this.level2Part2Text.setFill('#FF0000'); this.skyText.setFill('#FF0000'); // Change the background music if (this.backgroundMusic) { this.backgroundMusic.stop(); } if (!this.level2Music) { this.level2Music = this.sound.add('level2Music', { loop: true, volume: 0.5 }); } this.level2Music.play(); // Optionally, you can add more Level 2 specific changes here // For example, increase enemy speed or spawn rate this.enemies.getChildren().forEach(enemy => { enemy.clearTint(); // Remove any existing tint from enemies }); // Increase the spawn rate for Level 2 this.time.addEvent({ delay: 3000, // Spawn enemies every 3 seconds instead of 5 callback: this.spawnEnemies, args: [2], // Spawn 2 enemies at a time callbackScope: this, loop: true }); } switchToLevel2Part2() { // Find and destroy the current background const currentBackground = this.children.getAll().find(child => child.texture && (child.texture.key === 'sky' || child.texture.key === 'level2' || child.texture.key === 'level2part2')); if (currentBackground) { currentBackground.destroy(); } // Add the new Level 2 Part 2 background const level2Part2Background = this.add.image(400, 300, 'level2part2'); level2Part2Background.setDisplaySize(this.sys.game.config.width, this.sys.game.config.height); level2Part2Background.setDepth(-1); // Ensure the background is behind other game objects // Update the Level 2 Part 2 text this.level2Part2Text.setText('Level 2 Part 2 Active'); // Keep all text buttons red this.level2Text.setFill('#FF0000'); this.level2Part2Text.setFill('#FF0000'); this.skyText.setFill('#FF0000'); // Ensure level 2 music is playing if (this.backgroundMusic && this.backgroundMusic.isPlaying) { this.backgroundMusic.stop(); } if (!this.level2Music || !this.level2Music.isPlaying) { if (!this.level2Music) { this.level2Music = this.sound.add('level2Music', { loop: true, volume: 0.5 }); } this.level2Music.play(); } // You can add more Level 2 Part 2 specific changes here // For example, increase enemy speed or spawn rate even further this.enemies.getChildren().forEach(enemy => { enemy.clearTint(); // Remove any existing tint from enemies }); // Increase the spawn rate for Level 2 Part 2 this.time.addEvent({ delay: 2000, // Spawn enemies every 2 seconds callback: this.spawnEnemies, args: [3], // Spawn 3 enemies at a time callbackScope: this, loop: true }); } switchToSky() { // Find and destroy the current background const currentBackground = this.children.getAll().find(child => child.texture && (child.texture.key === 'sky' || child.texture.key === 'level2' || child.texture.key === 'level2part2')); if (currentBackground) { currentBackground.destroy(); } // Add the original sky background const skyBackground = this.add.image(400, 300, 'sky'); skyBackground.setDisplaySize(this.sys.game.config.width, this.sys.game.config.height); skyBackground.setDepth(-1); // Ensure the background is behind other game objects // Update the Sky text this.skyText.setText('Sky Active'); // Keep all text buttons red this.level2Text.setFill('#FF0000'); this.level2Part2Text.setFill('#FF0000'); this.skyText.setFill('#FF0000'); // Switch back to original background music if (this.level2Music && this.level2Music.isPlaying) { this.level2Music.stop(); } if (!this.backgroundMusic || !this.backgroundMusic.isPlaying) { if (!this.backgroundMusic) { this.backgroundMusic = this.sound.add('backgroundMusic', { loop: true, volume: 0.5 }); } this.backgroundMusic.play(); } // You can add more Sky specific changes here // For example, increase enemy speed or spawn rate even further this.enemies.getChildren().forEach(enemy => { enemy.clearTint(); // Remove any existing tint from enemies }); // Increase the spawn rate for Sky this.time.addEvent({ delay: 1000, // Spawn enemies every 1 second callback: this.spawnEnemies, args: [4], // Spawn 4 enemies at a time callbackScope: this, loop: true }); } activateLightningAttack() { if (this.score < 300) return; if (this.lightningAttackActive) { // Deactivate the lightning attack if (this.lightningTimer) { this.lightningTimer.remove(); this.lightningTimer = null; } this.lightningAttackActive = false; this.lightningText.setText('Blue Tac Lightning'); } else { // Activate the lightning attack this.lightningAttackActive = true; this.lightningText.setText('Blue Tac Lightning (Active)'); this.lightningTimer = this.time.addEvent({ delay: 1000, callback: this.fireLightning, callbackScope: this, loop: true }); } } fireLightning() { const activeEnemies = this.enemies.getChildren().filter(enemy => enemy.active); if (activeEnemies.length < 3) return; for (let i = 0; i < 3; i++) { const randomIndex = Phaser.Math.Between(0, activeEnemies.length - 1); const targetEnemy = activeEnemies.splice(randomIndex, 1)[0]; const lightning = this.add.sprite(this.player.x, this.player.y, 'shock'); lightning.play('lightning'); // Calculate the angle between the player and the target enemy const angle = Phaser.Math.Angle.Between(this.player.x, this.player.y, targetEnemy.x, targetEnemy.y); // Set the rotation of the lightning sprite lightning.setRotation(angle); // Calculate the distance between the player and the target enemy const distance = Phaser.Math.Distance.Between(this.player.x, this.player.y, targetEnemy.x, targetEnemy.y); // Set the width of the lightning sprite to match the distance lightning.setScale(distance / lightning.width, 1); lightning.on('animationcomplete', () => { lightning.destroy(); this.hitEnemy(this.player, targetEnemy); }); } // Play a lightning sound effect (if you have one) // this.sound.play('lightningSound'); } } const container = document.getElementById('renderDiv'); const config = { type: Phaser.AUTO, parent: 'renderDiv', scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, }, width: 800, height: 600, physics: { default: 'arcade', arcade: { gravity: { y: 0 }, debug: false } }, scene: Example }; window.phaserGame = new Phaser.Game(config);