class Example extends Phaser.Scene { constructor () { super(); this.player = null; this.ground = null; this.worldWidth = 3000; this.worldHeight = 2400; this.vines = null; this.attachedVine = null; this.canAttach = true; this.swingTween = null; this.attachPoint = null; this.score = 0; this.scoreText = null; this.timeLeft = 60; this.timeText = null; this.fruits = null; this.gameOver = false; this.restartButton = null; this.timerEvent = null; this.combo = 0; this.comboText = null; this.comboTimer = null; this.powerUps = null; this.obstacles = null; this.activePowerUpText = null; this.normalSpeed = 300; this.boostedSpeed = 450; this.canDoubleJump = false; this.hasJumped = false; } preload () { this.load.image('sky', `https://play.rosebud.ai/assets/Clear Sky Blended.png?3f8d`); this.load.image('clouds', `https://play.rosebud.ai/assets/Big Clouds Blended.png?Y78s`); this.load.image('red', `https://play.rosebud.ai/assets/red.png?gJfW`); this.load.image('groundTexture', 'https://play.rosebud.ai/assets/Dirt_02-256x256.png?I8UY'); this.load.image('platformTexture', 'https://play.rosebud.ai/assets/Stone_05-256x256.png?VJfG'); this.load.image('player', 'https://play.rosebud.ai/assets/platformer_character.png?IMEH'); } create () { this.physics.world.setBounds(0, 0, this.worldWidth, this.worldHeight); const backgroundImage = this.add.image(0, 0, 'sky').setOrigin(0).setScrollFactor(0); backgroundImage.setScale(2.5); this.clouds = this.add.tileSprite(0, -80, this.worldWidth, this.worldHeight, 'clouds').setOrigin(0).setScale(2.5).setScrollFactor(0); this.createGround(); this.createPlatforms(); this.createVines(); this.createPlayer(); this.addBreathingAnimation(); this.createFruits(); this.createPowerUps(); this.createObstacles(); this.cursors = this.input.keyboard.createCursorKeys(); this.spaceKey = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.SPACE); this.physics.add.collider(this.player, this.ground); this.physics.add.collider(this.player, this.platforms); this.physics.add.overlap(this.player, this.vines, this.handleVineCollision, null, this); this.physics.add.overlap(this.player, this.fruits, this.collectFruit, null, this); this.physics.add.overlap(this.player, this.powerUps, this.collectPowerUp, null, this); this.physics.add.collider(this.player, this.obstacles, this.hitObstacle, null, this); this.cameras.main.setBounds(0, 0, this.worldWidth, this.worldHeight); this.cameras.main.startFollow(this.player, true, 0.08, 0.08); this.score = 0; this.scoreText = this.add.text(16, 16, 'Score: 0', { fontSize: '32px', fill: '#000' }).setScrollFactor(0); this.timeText = this.add.text(16, 56, 'Time: 60', { fontSize: '32px', fill: '#000' }).setScrollFactor(0); this.comboText = this.add.text(16, 96, 'Combo: 0x', { fontSize: '32px', fill: '#000' }).setScrollFactor(0); this.activePowerUpText = this.add.text(16, 136, 'Power-up: None', { fontSize: '32px', fill: '#000' }).setScrollFactor(0); this.startTimer(); this.gameOver = false; } startTimer() { this.timeLeft = 60; this.timerEvent = this.time.addEvent({ delay: 1000, callback: this.updateTimer, callbackScope: this, loop: true }); } update(time, delta) { if (this.gameOver) return; this.clouds.tilePositionX -= 0.0167; this.updateVines(); this.updateObstacles(); if (this.attachedVine) { this.handleVineMovement(); } else { this.handleNormalMovement(); } if (Phaser.Input.Keyboard.JustDown(this.spaceKey)) { if (this.attachedVine) { this.detachFromVine(); } else if (this.player.body.touching.down) { this.player.setVelocityY(-500); this.hasJumped = false; } else if (this.canDoubleJump && !this.hasJumped) { this.player.setVelocityY(-400); this.hasJumped = true; } } } createGround() { const groundHeight = 25; this.ground = this.add.tileSprite(0, this.worldHeight - groundHeight, this.worldWidth, groundHeight, 'groundTexture'); this.ground.setOrigin(0, 0); this.ground.tileScaleX = 1; this.ground.tileScaleY = 1; this.ground.tilePositionY = this.ground.height - groundHeight; this.ground.texture.setFilter(Phaser.Textures.FilterMode.NEAREST); this.physics.add.existing(this.ground, true); } createPlatforms() { this.platforms = this.physics.add.staticGroup(); for (let i = 0; i < this.worldWidth; i += 800) { for (let j = 0; j < this.worldHeight; j += 300) { this.platforms.create(100 + i, this.worldHeight - 200 - j, 'platformTexture').setScale(1, 0.04165).refreshBody(); this.platforms.create(500 + i, this.worldHeight - 350 - j, 'platformTexture').setScale(1, 0.04165).refreshBody(); } } this.platforms.children.entries.forEach(platform => { platform.texture.setFilter(Phaser.Textures.FilterMode.NEAREST); }); } createVines() { this.vines = this.physics.add.staticGroup(); this.platforms.children.entries.forEach((platform, index) => { if (index % 2 === 0) { const vine = this.add.line(platform.x, platform.y, 0, 0, 0, 200, 0x006400); vine.setOrigin(0, 0); vine.angle = 0; vine.angleSpeed = Phaser.Math.FloatBetween(2, 3); vine.maxAngle = Phaser.Math.FloatBetween(15, 25); this.physics.add.existing(vine, true); vine.body.setSize(10, 200); this.vines.add(vine); } }); } updateVines() { this.vines.children.entries.forEach(vine => { vine.angle = vine.maxAngle * Math.sin(this.time.now * 0.002 * vine.angleSpeed); vine.body.position.x = vine.x + 200 * Math.sin(Phaser.Math.DegToRad(vine.angle)); vine.body.position.y = vine.y + 200 * (1 - Math.cos(Phaser.Math.DegToRad(vine.angle))); }); } createPlayer() { this.player = this.physics.add.sprite(300, this.worldHeight - 100, 'player'); this.player.setScale(1/5); this.player.setBounce(0.1); this.player.setCollideWorldBounds(true); this.player.body.setGravityY(800); this.player.body.setDragX(500); } addBreathingAnimation() { this.tweens.add({ targets: this.player, scaleY: this.player.scaleY * 1.05, duration: 500, yoyo: true, repeat: -1, ease: 'Sine.easeInOut' }); } handleNormalMovement() { const currentSpeed = this.player.getData('speedBoost') ? this.boostedSpeed : this.normalSpeed; if (this.cursors.left.isDown) { this.player.setVelocityX(-currentSpeed); this.player.flipX = false; } else if (this.cursors.right.isDown) { this.player.setVelocityX(currentSpeed); this.player.flipX = true; } else { this.player.setVelocityX(0); } if (this.player.body.touching.down) { this.hasJumped = false; } } handleVineCollision(player, vine) { if (this.canAttach && !this.attachedVine) { this.attachToVine(vine); } } attachToVine(vine) { this.attachedVine = vine; this.player.body.setAllowGravity(false); this.player.setVelocity(0, 0); this.player.setTint(0x00ff00); const vineStart = new Phaser.Math.Vector2(vine.x, vine.y); const vineEnd = vineStart.clone().add(new Phaser.Math.Vector2(0, 200).rotate(Phaser.Math.DegToRad(vine.angle))); this.attachPoint = this.closestPointOnLine(vineStart, vineEnd, new Phaser.Math.Vector2(this.player.x, this.player.y)); } handleVineMovement() { const vineStart = new Phaser.Math.Vector2(this.attachedVine.x, this.attachedVine.y); const vineEnd = vineStart.clone().add(new Phaser.Math.Vector2(0, 200).rotate(Phaser.Math.DegToRad(this.attachedVine.angle))); const vineVector = vineEnd.clone().subtract(vineStart); if (this.cursors.up.isDown && this.attachPoint.y > vineStart.y) { this.attachPoint.y -= 3; } else if (this.cursors.down.isDown && this.attachPoint.y < vineEnd.y) { this.attachPoint.y += 3; } this.attachPoint = this.closestPointOnLine(vineStart, vineEnd, this.attachPoint); const t = Phaser.Math.Clamp((this.attachPoint.y - vineStart.y) / vineVector.length(), 0, 1); this.player.x = vineStart.x + vineVector.x * t; this.player.y = vineStart.y + vineVector.y * t; } detachFromVine() { const vineStart = new Phaser.Math.Vector2(this.attachedVine.x, this.attachedVine.y); const vineEnd = vineStart.clone().add(new Phaser.Math.Vector2(0, 200).rotate(Phaser.Math.DegToRad(this.attachedVine.angle))); const vineVector = vineEnd.clone().subtract(vineStart); const angularVelocity = this.attachedVine.angleSpeed * 0.002 * this.attachedVine.maxAngle * Math.cos(this.time.now * 0.002 * this.attachedVine.angleSpeed); const tangentialVelocity = new Phaser.Math.Vector2(-vineVector.y, vineVector.x).normalize().scale(angularVelocity * vineVector.length()); const playerVelocity = new Phaser.Math.Vector2(this.player.body.velocity.x, this.player.body.velocity.y); const detachVelocity = tangentialVelocity.add(playerVelocity.scale(0.5)); this.attachedVine = null; this.attachPoint = null; this.player.body.setAllowGravity(true); this.player.setVelocity(detachVelocity.x * 2.5, detachVelocity.y - 600); this.player.clearTint(); this.canAttach = false; this.time.delayedCall(500, () => { this.canAttach = true; }); } closestPointOnLine(lineStart, lineEnd, point) { const line = lineEnd.clone().subtract(lineStart); const len = line.length(); line.normalize(); const lineStartToPoint = point.clone().subtract(lineStart); let projectedLength = lineStartToPoint.dot(line); projectedLength = Phaser.Math.Clamp(projectedLength, 0, len); return lineStart.clone().add(line.scale(projectedLength)); } createFruits() { this.fruits = this.physics.add.staticGroup(); const fruitTypes = [ { color: 0xff0000, points: 10, rarity: 0.5 }, // Red (common) { color: 0xffff00, points: 20, rarity: 0.3 }, // Yellow (uncommon) { color: 0x0000ff, points: 50, rarity: 0.15 }, // Blue (rare) { color: 0xffd700, points: 100, rarity: 0.05 } // Gold (very rare) ]; for (let i = 0; i < 100; i++) { const x = Phaser.Math.Between(0, this.worldWidth); const y = Phaser.Math.Between(0, this.worldHeight - 100); const fruitType = this.getRandomFruitType(fruitTypes); const fruit = this.fruits.create(x, y, 'red'); fruit.setTint(fruitType.color); fruit.setScale(0.25); fruit.points = fruitType.points; } } getRandomFruitType(fruitTypes) { const rand = Math.random(); let cumulativeProbability = 0; for (const fruitType of fruitTypes) { cumulativeProbability += fruitType.rarity; if (rand <= cumulativeProbability) { return fruitType; } } return fruitTypes[0]; // Fallback to the first fruit type } collectFruit(player, fruit) { fruit.disableBody(true, true); this.combo++; const points = fruit.points * this.combo; this.score += points; this.scoreText.setText('Score: ' + this.score); this.comboText.setText('Combo: ' + this.combo + 'x'); if (this.comboTimer) { this.comboTimer.remove(); } this.comboTimer = this.time.delayedCall(2000, () => { this.combo = 0; this.comboText.setText('Combo: 0x'); }); } createPowerUps() { this.powerUps = this.physics.add.staticGroup(); const powerUpTypes = [ { color: 0xff00ff, effect: 'speedBoost' }, { color: 0x00ffff, effect: 'doubleJump' }, { color: 0xffffff, effect: 'invincibility' } ]; for (let i = 0; i < 10; i++) { const x = Phaser.Math.Between(0, this.worldWidth); const y = Phaser.Math.Between(0, this.worldHeight - 100); const powerUpType = Phaser.Utils.Array.GetRandom(powerUpTypes); const powerUp = this.powerUps.create(x, y, 'red'); powerUp.setTint(powerUpType.color); powerUp.setScale(0.5); powerUp.effect = powerUpType.effect; } } collectPowerUp(player, powerUp) { powerUp.disableBody(true, true); switch (powerUp.effect) { case 'speedBoost': this.player.setData('speedBoost', true); this.activePowerUpText.setText('Power-up: Speed Boost'); this.time.delayedCall(5000, () => { this.player.setData('speedBoost', false); this.activePowerUpText.setText('Power-up: None'); }); break; case 'doubleJump': this.canDoubleJump = true; this.activePowerUpText.setText('Power-up: Double Jump'); this.time.delayedCall(10000, () => { this.canDoubleJump = false; this.activePowerUpText.setText('Power-up: None'); }); break; case 'invincibility': this.player.setData('invincible', true); this.player.setAlpha(0.5); this.activePowerUpText.setText('Power-up: Invincibility'); this.time.delayedCall(5000, () => { this.player.setData('invincible', false); this.player.setAlpha(1); this.activePowerUpText.setText('Power-up: None'); }); break; } } createObstacles() { this.obstacles = this.physics.add.group(); for (let i = 0; i < 20; i++) { const x = Phaser.Math.Between(0, this.worldWidth); const y = Phaser.Math.Between(0, this.worldHeight - 100); const obstacle = this.obstacles.create(x, y, 'red'); obstacle.setTint(0x000000); obstacle.setScale(0.5); obstacle.setBounce(1); obstacle.setCollideWorldBounds(true); obstacle.setVelocity(Phaser.Math.Between(-200, 200), Phaser.Math.Between(-200, 200)); } } updateObstacles() { this.obstacles.children.entries.forEach(obstacle => { if (obstacle.y > this.worldHeight) { obstacle.y = 0; } if (obstacle.y < 0) { obstacle.y = this.worldHeight; } if (obstacle.x > this.worldWidth) { obstacle.x = 0; } if (obstacle.x < 0) { obstacle.x = this.worldWidth; } }); } hitObstacle(player, obstacle) { if (!player.getData('invincible')) { this.score -= 50; if (this.score < 0) this.score = 0; this.scoreText.setText('Score: ' + this.score); player.setTint(0xff0000); this.time.delayedCall(200, () => { player.clearTint(); }); } } updateTimer() { this.timeLeft--; this.timeText.setText('Time: ' + this.timeLeft); if (this.timeLeft <= 0) { this.endGame(); } } endGame() { this.gameOver = true; this.player.setTint(0xff0000); this.player.setVelocity(0, 0); this.player.body.setAllowGravity(false); const gameOverText = this.add.text(300, 300, 'GAME OVER', { fontSize: '64px', fill: '#000' }); gameOverText.setOrigin(0.5); gameOverText.setScrollFactor(0); const finalScoreText = this.add.text(300, 375, 'Final Score: ' + this.score, { fontSize: '32px', fill: '#000' }); finalScoreText.setOrigin(0.5); finalScoreText.setScrollFactor(0); this.restartButton = this.add.text(300, 450, 'Restart', { fontSize: '32px', fill: '#000', backgroundColor: '#fff', padding: { x: 10, y: 5 } }); this.restartButton.setOrigin(0.5); this.restartButton.setScrollFactor(0); this.restartButton.setInteractive({ useHandCursor: true }); this.restartButton.on('pointerdown', () => this.restartGame()); this.timerEvent.remove(); this.physics.pause(); } restartGame() { this.scene.restart(); } } const container = document.getElementById('renderDiv'); const config = { type: Phaser.AUTO, parent: 'renderDiv', scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, }, width: 600, height: 600, pixelArt: true, crisp: true, physics: { default: 'arcade', arcade: { gravity: { y: 300 }, debug: false } }, scene: Example }; window.phaserGame = new Phaser.Game(config);