class Example extends Phaser.Scene { constructor() { super(); this.player = null; this.cursors = null; this.bullets = null; this.playerOriginalScale = 1; // Add this line to store the original scale this.lastFired = 0; this.background = null; this.hearts = null; this.playerHealth = 3; this.isRolling = false; this.rollDuration = 300; // Roll duration in milliseconds this.rollSpeed = 500; // Increased roll speed this.normalSpeed = 200; // Normal movement speed this.trees = null; this.timer = 0; this.timerText = null; this.score = 0; this.scoreText = null; this.lastCircleShot = 0; this.circleShotCooldown = 5000; // 5 seconds cooldown this.qAbilityIcon = null; this.enemy = null; this.enemySpeed = 100; this.enemyHealth = 50; // Changed: Enemy health set to 50 this.projectileDamageMin = 5; // New: Minimum projectile damage this.projectileDamageMax = 10; // New: Maximum projectile damage this.pinkTrees = null; this.lastPinkTreePosition = { x: 0, y: 0 }; this.waveNumber = 0; this.enemiesInWave = 1; this.waveTimer = null; this.enemies = null; this.debugGraphics = null; this.debugText = null; } preload() { this.load.image('grassbackground', `https://play.rosebud.ai/assets/grasstile1.jpg?TldU`); this.load.image('player', 'https://play.rosebud.ai/assets/foxFront.png?70lv'); this.load.image('bullet', 'https://play.rosebud.ai/assets/arrow2.png?PAd4'); this.load.image('heart', 'https://play.rosebud.ai/assets/huge heart.png?6wqP'); this.load.image('bush1', 'https://play.rosebud.ai/assets/bush.png?mvHH'); this.load.image('bush2', 'https://play.rosebud.ai/assets/bush2.png?PvxE'); this.load.image('qAbility', 'https://play.rosebud.ai/assets/arrow.png?es7D'); this.load.image('enemy', 'https://play.rosebud.ai/assets/badgar.png?2MyD'); this.load.image('pinkTree', 'https://play.rosebud.ai/assets/tree2.png?VuPE'); this.load.image('blueGem', 'https://play.rosebud.ai/assets/blue gem crystal.png?oYBr'); } create() { // Reset game state this.playerHealth = 3; this.score = 0; this.timer = 0; this.waveNumber = 0; this.enemiesInWave = 1; this.isRolling = false; this.lastFired = 0; this.lastCircleShot = 0; // Add background image and make it bigger and repeat indefinitely this.background = this.add.tileSprite(0, 0, this.sys.game.config.width * 2, this.sys.game.config.height * 2, 'grassbackground'); this.background.setOrigin(0, 0); this.background.setScrollFactor(0); this.background.setDepth(-1); // Set background depth to -1 // Add trees this.trees = this.physics.add.staticGroup(); for (let i = 0; i < 10; i++) { // Add more trees for a denser forest this.addTree('bush1'); this.addTree('bush2'); } // Add player this.player = this.physics.add.image(400, 300, 'player'); this.playerOriginalScale = 1; // Store the original scale this.player.setScale(this.playerOriginalScale); this.player.setDepth(11); // Set a high initial depth for the player this.player.invincible = false; // Initialize invincibility state this.player.setFlipX(true); // Start with the player facing right // Adjust player's physics body this.player.body.setSize(this.player.width * 0.4, this.player.height * 0.2); this.player.body.setOffset(this.player.width * 0.30, this.player.height * 0.6); // Add enemy this.enemy = this.physics.add.image(600, 300, 'enemy'); this.enemy.setScale(0.1); this.enemy.setDepth(2); this.enemy.health = this.enemyHealth; // Attach health to the enemy sprite // Set up keyboard input this.cursors = this.input.keyboard.addKeys({ up: Phaser.Input.Keyboard.KeyCodes.W, down: Phaser.Input.Keyboard.KeyCodes.S, left: Phaser.Input.Keyboard.KeyCodes.A, right: Phaser.Input.Keyboard.KeyCodes.D, space: Phaser.Input.Keyboard.KeyCodes.SPACE, q: Phaser.Input.Keyboard.KeyCodes.Q }); // Set up bullet group this.bullets = this.physics.add.group({ classType: Phaser.Physics.Arcade.Image, defaultKey: 'bullet', maxSize: 100, runChildUpdate: true }); // Allow bullets to leave the world bounds this.physics.world.setBoundsCollision(false, false, false, false); // Set up mouse input for shooting this.input.on('pointerdown', (pointer) => { if (pointer.leftButtonDown()) { this.tryShootBullet(); } this.lastFired = 0; this.fireRate = 500; // Fire rate: 500ms between shots }); // Set up camera to follow the player this.cameras.main.setBounds(-Infinity, -Infinity, Infinity, Infinity); this.cameras.main.startFollow(this.player); // Add heart meter this.hearts = this.add.group(); for (let i = 0; i < this.playerHealth; i++) { const heart = this.add.image(30 + i * 40, this.sys.game.config.height - 30, 'heart'); heart.setScrollFactor(0); heart.setScale(0.05); heart.setDepth(11); this.hearts.add(heart); } // Add timer text this.timerText = this.add.text(16, 16, 'Time: 0', { fontSize: '32px', fill: '#ffffff' }); this.timerText.setScrollFactor(0); // Add score text this.scoreText = this.add.text(this.sys.game.config.width - 16, 16, 'Score: 0', { fontSize: '32px', fill: '#ffffff' }); this.scoreText.setScrollFactor(0); this.scoreText.setOrigin(1, 0); // Add Q ability icon this.qAbilityIcon = this.add.image(this.sys.game.config.width - 50, this.sys.game.config.height - 50, 'qAbility'); this.qAbilityIcon.setScrollFactor(0); this.qAbilityIcon.setScale(0.3); this.qAbilityIcon.setAlpha(0.5); this.qAbilityIcon.setDepth(11); this.time.addEvent({ delay: 1000, callback: this.updateTimer, callbackScope: this, loop: true }); // Set up enemy group this.enemies = this.physics.add.group(); // Add pink trees this.pinkTrees = this.physics.add.staticGroup(); this.addPinkTree(this.player.x, this.player.y); // Add collision between player and pink trees this.physics.add.collider(this.player, this.pinkTrees, this.handleRollCollision, null, this); // Add collision between player and regular trees this.physics.add.collider(this.player, this.trees, this.handleRollCollision, null, this); // Add collision between enemies and pink trees this.physics.add.collider(this.enemies, this.pinkTrees); // Add overlap between player and enemies this.physics.add.overlap(this.player, this.enemies, this.handlePlayerEnemyCollision, null, this); // Add overlap between bullets and enemies this.physics.add.overlap(this.bullets, this.enemies, this.handleBulletEnemyCollision, null, this); // Debug logs removed // Start wave spawning // Start wave spawning this.waveTimer = this.time.addEvent({ delay: 1500, // 1.5 seconds between waves callback: this.spawnWave, callbackScope: this, loop: true }); // Spawn the first wave immediately this.spawnWave(); // Add overlap between bullets and enemies this.physics.add.overlap(this.bullets, this.enemies, this.handleBulletEnemyCollision, null, this); // Create a group for gems this.gems = this.physics.add.group(); // Add overlap between player and gems this.physics.add.overlap(this.player, this.gems, this.collectGem, null, this); } addDebugGraphics() { this.debugGraphics = this.add.graphics(); this.debugText = this.add.text(10, 10, '', { font: '16px Courier', fill: '#00ff00' }); this.debugText.setScrollFactor(0); this.debugText.setDepth(999); // Enable physics debugging this.physics.world.createDebugGraphic(); // Toggle physics debug with 'D' key this.input.keyboard.on('keydown-D', () => { this.physics.world.debugGraphic.visible = !this.physics.world.debugGraphic.visible; }); } addTree(treeType) { const x = Phaser.Math.Between(-1000, 1000); const y = Phaser.Math.Between(-1000, 1000); const tree = this.physics.add.staticImage(x, y, treeType); tree.setScale(0.5); tree.setDepth(y * 10); // Set a higher initial depth based on y-position // Adjust the hitbox size and position const hitboxWidth = tree.width * 0.4; // Reduced from 0.8 to 0.4 const hitboxHeight = tree.height * 0.1; // Reduced from 0.2 to 0.1 tree.body.setSize(hitboxWidth, hitboxHeight); tree.body.setOffset(tree.width * 0.3, tree.height * 0.6); // Adjusted offset this.trees.add(tree); } update(time, delta) { const speed = this.isRolling ? this.rollSpeed : this.normalSpeed; // Always check and update depths of all objects this.checkPlayerBehindTree(); // Check and destroy bullets that are too far away this.checkBulletDistance(); // Check distance from last pink tree and spawn new one if necessary const distanceFromLastTree = Phaser.Math.Distance.Between( this.player.x, this.player.y, this.lastPinkTreePosition.x, this.lastPinkTreePosition.y ); if (distanceFromLastTree >= 700) { this.addPinkTree(this.player.x, this.player.y); } if (!this.isRolling) { // Handle player movement if (this.cursors.left.isDown) { this.player.setVelocityX(-speed); this.player.setFlipX(false); // Do not flip when moving left } else if (this.cursors.right.isDown) { this.player.setVelocityX(speed); this.player.setFlipX(true); // Flip when moving right } else { this.player.setVelocityX(0); } if (this.cursors.up.isDown) { this.player.setVelocityY(-speed); } else if (this.cursors.down.isDown) { this.player.setVelocityY(speed); } else { this.player.setVelocityY(0); } // Handle rolling if (Phaser.Input.Keyboard.JustDown(this.cursors.space)) { this.startRoll(); } // Handle circle shot if (Phaser.Input.Keyboard.JustDown(this.cursors.q) && time > this.lastCircleShot + this.circleShotCooldown) { this.shootCircle(); this.lastCircleShot = time; this.qAbilityIcon.setAlpha(0.5); } } // Continuous shooting when left mouse button is held down if (this.input.activePointer.leftButtonDown() && time > this.lastFired) { this.shootBullet(); this.lastFired = time + 500; // Fire rate: 500ms between shots (slowed down from 100ms) } // Update background position based on player movement this.background.tilePositionX = this.cameras.main.scrollX * 0.6; this.background.tilePositionY = this.cameras.main.scrollY * 0.6; // Check if player is behind a tree this.checkPlayerBehindTree(); // Update Q ability icon if (time > this.lastCircleShot + this.circleShotCooldown) { this.qAbilityIcon.setAlpha(1); } // Move enemies towards player this.enemies.getChildren().forEach(enemy => { if (enemy.active) { this.moveEnemyTowardsPlayer(enemy); } }); // Debug information update removed // Debug drawing and logging removed } updateDebugInfo() { this.debugGraphics.clear(false); // Draw player body this.debugGraphics.lineStyle(1, 0x00ff00); this.debugGraphics.strokeRect(this.player.body.x, this.player.body.y, this.player.body.width, this.player.body.height); // Draw enemy bodies this.enemies.getChildren().forEach(enemy => { this.debugGraphics.lineStyle(1, 0xff0000); this.debugGraphics.strokeRect(enemy.body.x, enemy.body.y, enemy.body.width, enemy.body.height); }); // Update debug text this.debugText.setText([ `Player x: ${Math.floor(this.player.x)}, y: ${Math.floor(this.player.y)}`, `Enemies: ${this.enemies.getChildren().length}`, `Wave: ${this.waveNumber}`, `Score: ${this.score}`, `Player Health: ${this.playerHealth}` ]); } moveEnemyTowardsPlayer(enemy) { const angle = Phaser.Math.Angle.Between(enemy.x, enemy.y, this.player.x, this.player.y); this.physics.velocityFromRotation(angle, enemy.speed, enemy.body.velocity); // Flip enemy sprite based on movement direction if (enemy.body.velocity.x < 0) { enemy.setFlipX(true); } else { enemy.setFlipX(false); } } handlePlayerEnemyCollision(player, enemy) { // Debug logs removed if (this.player.invincible) { console.log('Player is invincible, ignoring collision'); return; } // Reduce player health this.playerHealth--; this.updateHeartMeter(); console.log(`Player health reduced to ${this.playerHealth}`); // Knock back player const angle = Phaser.Math.Angle.Between(enemy.x, enemy.y, player.x, player.y); this.physics.velocityFromRotation(angle, 200, player.body.velocity); // Make player invincible for a short period this.player.invincible = true; this.player.alpha = 0.5; // Visual feedback of invincibility console.log('Player became invincible'); // Remove invincibility after 1.5 seconds this.time.delayedCall(1500, () => { this.player.invincible = false; this.player.alpha = 1; console.log('Player invincibility ended'); }); // Check if player is defeated if (this.playerHealth <= 0) { console.log('Player defeated'); this.gameOver(); return; // Exit the function to prevent further processing } } gameOver() { console.log('Game Over'); this.scene.pause(); this.scene.launch('GameOver', { mainScene: this }); } resetGame() { console.log('Resetting game'); this.playerHealth = 3; this.score = 0; this.timer = 0; this.waveNumber = 0; this.enemiesInWave = 1; this.isRolling = false; this.lastFired = 0; this.lastCircleShot = 0; if (this.waveTimer) { this.waveTimer.remove(false); } this.clearGameElements(); this.scene.restart(); } clearGameElements() { // Clear existing enemies and bullets this.enemies.clear(true, true); this.bullets.clear(true, true); // Clear trees and pink trees this.trees.clear(true, true); this.pinkTrees.clear(true, true); // Remove existing player if (this.player) { this.player.destroy(); } // Clear UI elements if (this.hearts) { this.hearts.clear(true, true); } if (this.timerText) { this.timerText.destroy(); } if (this.scoreText) { this.scoreText.destroy(); } if (this.qAbilityIcon) { this.qAbilityIcon.destroy(); } } createPlayer() { this.player = this.physics.add.image(400, 300, 'player'); this.player.setScale(1); this.player.setDepth(1000); this.player.invincible = false; this.player.setFlipX(true); this.player.body.setSize(this.player.width * 0.5, this.player.height * 0.6); this.player.body.setOffset(this.player.width * 0.25, this.player.height * 0.3); this.player.setPosition(this.sys.game.config.width / 2, this.sys.game.config.height / 2); } createEnemies() { this.enemies = this.physics.add.group(); } createBullets() { this.bullets = this.physics.add.group({ classType: Phaser.Physics.Arcade.Image, defaultKey: 'bullet', maxSize: 100, runChildUpdate: true }); } createTrees() { this.trees = this.physics.add.staticGroup(); this.addTree('bush1'); this.addTree('bush2'); } createPinkTrees() { this.pinkTrees = this.physics.add.staticGroup(); this.addPinkTree(this.player.x, this.player.y); } setupUI() { // Clear existing hearts if (this.hearts) { this.hearts.clear(true, true); } // Add heart meter this.hearts = this.add.group(); for (let i = 0; i < this.playerHealth; i++) { const heart = this.add.image(30 + i * 40, this.sys.game.config.height - 30, 'heart'); heart.setScrollFactor(0); heart.setScale(0.05); heart.setDepth(11); this.hearts.add(heart); } // Add timer text this.timerText = this.add.text(16, 16, 'Time: ' + this.timer, { fontSize: '32px', fill: '#ffffff' }); this.timerText.setScrollFactor(0); // Add score text this.scoreText = this.add.text(this.sys.game.config.width - 16, 16, 'Score: 0', { fontSize: '32px', fill: '#ffffff' }); this.scoreText.setScrollFactor(0); this.scoreText.setOrigin(1, 0); // Add Q ability icon this.qAbilityIcon = this.add.image(this.sys.game.config.width - 50, this.sys.game.config.height - 50, 'qAbility'); this.qAbilityIcon.setScrollFactor(0); this.qAbilityIcon.setScale(0.3); this.qAbilityIcon.setAlpha(0.5); this.qAbilityIcon.setDepth(11); } handleBulletEnemyCollision(bullet, enemy) { // Deactivate the bullet bullet.setActive(false); bullet.setVisible(false); // Calculate random damage between projectileDamageMin and projectileDamageMax const damage = Phaser.Math.Between(this.projectileDamageMin, this.projectileDamageMax); // Ensure enemy has a health property if (typeof enemy.health === 'undefined') { enemy.health = this.enemyHealth; } // Reduce enemy health enemy.health -= damage; // Check if enemy is defeated if (enemy.health <= 0) { // 25% chance to drop a gem if (Phaser.Math.FloatBetween(0, 1) < 0.25) { this.spawnGem(enemy.x, enemy.y); } enemy.destroy(); this.score += 100; // Award points only when enemy is defeated this.updateScoreText(); } } spawnGem(x, y) { const gem = this.gems.create(x, y, 'blueGem'); gem.setScale(0.03); // Reduced scale from 0.1 to 0.03 gem.setDepth(y); gem.body.setSize(gem.width * 0.8, gem.height * 0.8); gem.body.setOffset(gem.width * 0.1, gem.height * 0.1); } collectGem(player, gem) { gem.destroy(); this.score += 50; // Award points for collecting a gem this.updateScoreText(); } checkPlayerBehindTree() { const allObjects = [...this.trees.getChildren(), ...this.pinkTrees.getChildren(), this.player, ...this.enemies.getChildren()]; // Sort all objects based on their y position allObjects.sort((a, b) => a.y - b.y); // Set depths based on sorted order allObjects.forEach((obj, index) => { obj.setDepth(index * 10); // Multiply by 10 to leave room for fine-tuning }); // Ensure player is always visible this.player.setDepth(this.player.depth + 1); } startRoll() { if (!this.isRolling) { this.isRolling = true; // Determine roll direction based on current velocity let rollAngle = 0; let isMovingLeft = false; if (this.player.body.velocity.x !== 0 || this.player.body.velocity.y !== 0) { rollAngle = Phaser.Math.Angle.Between(0, 0, this.player.body.velocity.x, this.player.body.velocity.y); isMovingLeft = this.player.body.velocity.x < 0; } else if (this.player.flipX) { rollAngle = Math.PI; // Roll left if player is facing left and not moving isMovingLeft = true; } // Set roll velocity this.player.setVelocity( Math.cos(rollAngle) * this.rollSpeed, Math.sin(rollAngle) * this.rollSpeed ); // Reduce player size during roll this.player.setScale(this.playerOriginalScale * 0.8); // Reduce to 80% of original size // Start roll animation this.tweens.add({ targets: this.player, angle: isMovingLeft ? -720 : 720, // Rotate counterclockwise if moving left duration: this.rollDuration, ease: 'Linear' }); // End roll after duration or collision this.rollTimer = this.time.delayedCall(this.rollDuration, this.endRoll, [], this); } } handleRollCollision(player, tree) { if (this.isRolling) { // Cancel the roll if (this.rollTimer) { this.rollTimer.remove(false); } this.endRoll(); // Push the player back slightly const angle = Phaser.Math.Angle.Between(tree.x, tree.y, player.x, player.y); player.setPosition( player.x + Math.cos(angle) * 10, player.y + Math.sin(angle) * 10 ); } } endRoll() { this.isRolling = false; this.player.setVelocity(0); this.player.angle = 0; this.player.setScale(this.playerOriginalScale); // Restore original player size } shootBullet() { const bullet = this.bullets.get(this.player.x, this.player.y); if (bullet) { const angle = Phaser.Math.Angle.Between(this.player.x, this.player.y, this.input.x + this.cameras.main.scrollX, this.input.y + this.cameras.main.scrollY); bullet.setRotation(angle); bullet.setScale(0.2); // Scale down the bullet to a tenth of its original size this.physics.velocityFromRotation(angle, 500, bullet.body.velocity); bullet.setActive(true); bullet.setVisible(true); } } shootCircle() { for (let i = 0; i < 8; i++) { const bullet = this.bullets.get(this.player.x, this.player.y); if (bullet) { const angle = Phaser.Math.DegToRad(i * 45); bullet.setRotation(angle); bullet.setScale(0.3); this.physics.velocityFromRotation(angle, 500, bullet.body.velocity); bullet.setActive(true); bullet.setVisible(true); } } } updateHeartMeter() { this.hearts.children.entries.forEach((heart, index) => { heart.setVisible(index < this.playerHealth); }); } checkBulletDistance() { this.bullets.getChildren().forEach((bullet) => { const distance = Phaser.Math.Distance.Between(this.player.x, this.player.y, bullet.x, bullet.y); if (distance > 1000) { // Adjust this value as needed bullet.destroy(); } }); } updateTimer() { this.timer += 1; this.timerText.setText('Time: ' + this.timer); } updateScoreText() { this.scoreText.setText('Score: ' + this.score); } addPinkTree(playerX, playerY) { const angle = Phaser.Math.FloatBetween(0, Math.PI * 2); const distance = 700; const x = playerX + Math.cos(angle) * distance; const y = playerY + Math.sin(angle) * distance; const pinkTree = this.physics.add.staticImage(x, y, 'pinkTree'); pinkTree.setScale(0.5); pinkTree.setDepth(y * 10); // Set a higher initial depth based on y-position // Adjust pink tree's physics body for better collision const hitboxWidth = pinkTree.width * 0.2; // Reduced from 0.8 to 0.2 const hitboxHeight = pinkTree.height * 0.05; // Reduced from 0.2 to 0.1 const offsetX = pinkTree.width * 0.4; // Adjusted from 0.1 to 0.4 const offsetY = pinkTree.height * 0.7; // Adjusted from 0.8 to 0.9 pinkTree.body.setSize(hitboxWidth, hitboxHeight); pinkTree.body.setOffset(offsetX, offsetY); this.pinkTrees.add(pinkTree); this.lastPinkTreePosition = { x, y }; } // This method can be removed as its functionality is now handled in checkPlayerBehindTree spawnWave() { this.waveNumber++; const enemiesToSpawn = Math.min(this.enemiesInWave, this.waveNumber); // Limit enemies in early waves for (let i = 0; i < enemiesToSpawn; i++) { let enemyPlaced = false; while (!enemyPlaced) { const angle = Phaser.Math.FloatBetween(0, Math.PI * 2); const distance = Phaser.Math.Between(800, 1200); const x = this.player.x + Math.cos(angle) * distance; const y = this.player.y + Math.sin(angle) * distance; // Check if the spawn position overlaps with any pink trees const overlappingTree = this.pinkTrees.getChildren().find(tree => Phaser.Geom.Intersects.RectangleToRectangle( new Phaser.Geom.Rectangle(x - 40, y - 40, 80, 80), tree.getBounds() ) ); if (!overlappingTree) { const enemy = this.physics.add.sprite(x, y, 'enemy'); enemy.setScale(0.1); enemy.setDepth(y * 10); // Set a higher initial depth based on y-position enemy.health = this.enemyHealth; enemy.speed = this.enemySpeed + (this.waveNumber * 5); // Reduced speed increase // Adjust enemy's body size and offset enemy.body.setSize(enemy.width * 0.8, enemy.height * 0.8); enemy.body.setOffset(enemy.width * 0.1, enemy.height * 0.1); enemy.body.enable = true; this.enemies.add(enemy); enemyPlaced = true; } } } // Increase enemies for next wave if (this.waveNumber % 3 === 0) { this.enemiesInWave++; } } } class GameOverScene extends Phaser.Scene { constructor() { super('GameOver'); } preload() { this.load.image('gameOverImage', 'https://play.rosebud.ai/assets/gameover3.png?2h9w'); } init(data) { this.mainScene = data.mainScene; } create() { const gameOverImage = this.add.image(400, 300, 'gameOverImage'); gameOverImage.setOrigin(0.5); gameOverImage.setScale(0.5); // Adjust this value to fit your scene gameOverImage.setInteractive({ useHandCursor: true }); gameOverImage.on('pointerdown', () => { this.scene.stop('GameOver'); this.mainScene.resetGame(); }); } } 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, GameOverScene] }; window.phaserGame = new Phaser.Game(config);