class Bullet { constructor(scene, x, y) { this.scene = scene; this.sprite = scene.physics.add.sprite(x, y, 'bullet').setDisplaySize(16, 16).setDepth(1); this.speed = 300; this.isDone = false; this.direction = { x: 0, y: 0 }; } setDirection(angle) { this.direction.x = Math.cos(angle); this.direction.y = Math.sin(angle); } move() { if (!this.isDone) { this.sprite.setVelocity(this.speed * this.direction.x, this.speed * this.direction.y); this.checkOutOfBounds(); } } checkOutOfBounds() { if (this.sprite.x < 0 || this.sprite.x > this.scene.sys.game.config.width || this.sprite.y < 0 || this.sprite.y > this.scene.sys.game.config.height) { this.isDone = true; this.sprite.destroy(); if (this.overlap){ this.scene.physics.world.removeCollider(this.overlap); } } } } // TODO: moving platform should have two sprites (based on frozen) and kill player on collision (if not frozen) class MovingPlatform { constructor(scene, start, end, fixedCoord, speed, size, isXaxis) { this.scene = scene; this.isXaxis = isXaxis; this.size = size; this.sprite = scene.physics.add.sprite( isXaxis ? start : fixedCoord, isXaxis ? fixedCoord : start, 'platform' ).setDisplaySize(size.width, size.height); this.sprite.setImmovable(true); this.start = start; this.end = end; this.fixedCoord = fixedCoord; this.speed = speed; this.isFrozen = false; this.target = end; this.direction = this.calculateDirection(); } calculateDirection() { return (this.target - (this.isXaxis ? this.sprite.x : this.sprite.y)) / Math.abs(this.target - (this.isXaxis ? this.sprite.x : this.sprite.y)); } update(delta) { if (this.isFrozen) return; if (this.isXaxis) { this.sprite.x += this.speed * this.direction * delta; if ((this.direction > 0 && this.sprite.x >= this.target) || (this.direction < 0 && this.sprite.x <= this.target)) { this.sprite.x = this.target; this.target = (this.target === this.end) ? this.start : this.end; } } else { this.sprite.y += this.speed * this.direction * delta; if ((this.direction > 0 && this.sprite.y >= this.target) || (this.direction < 0 && this.sprite.y <= this.target)) { this.sprite.y = this.target; this.target = (this.target === this.end) ? this.start : this.end; } } this.direction = this.calculateDirection(); } freeze() { if (this.isFrozen) return; this.isFrozen = true; this.sprite.setTexture('frozen'); // this.sprite.setDisplaySize(this.sprite.width, this.sprite.height); } unfreeze() { this.isFrozen = false; } reset() { this.sprite.setPosition( this.isXaxis ? this.start : this.fixedCoord, this.isXaxis ? this.fixedCoord : this.start ); this.isFrozen = false; this.target = this.end; this.direction = this.calculateDirection(); this.sprite.setTexture('platform'); } } class Player { constructor(scene, x, y) { this.scene = scene; this.sprite = scene.physics.add.sprite(x, y, 'player').setDisplaySize(32, 32); this.sprite.body.setGravityY(2200); this.speed = 450; this.jumpSpeed = 400; this.isGrounded = false; this.startX = x; this.startY = y; // Create a sensor at the bottom of the player this.groundSensorHeight = 2; this.groundSensor = scene.physics.add.sprite(x, y + this.sprite.height / 2, null).setDisplaySize(this.sprite.width, this.groundSensorHeight); this.groundSensor.visible = false; scene.physics.add.existing(this.groundSensor); this.groundSensor.body.setAllowGravity(false); this.groundSensor.body.moves = false; // End of sensor creation. Remember to update the sensor position in the move function. this.cursors = scene.input.keyboard.createCursorKeys(); this.keys = scene.input.keyboard.addKeys('W,A,S,D'); this.onPlatform = null; } move() { this.sprite.setVelocityX(0); if (this.keys.A.isDown) { this.sprite.setVelocityX(-this.speed); } else if (this.keys.D.isDown) { this.sprite.setVelocityX(this.speed); } if (this.keys.W.isDown && this.isGrounded) { this.sprite.setVelocityY(-this.jumpSpeed); this.isGrounded = false; // Reset grounding when jumping } // Update sensor position this.groundSensor.setPosition(this.sprite.x, this.sprite.y + this.sprite.height / 2); } handleGroundCollision() { if(this.isGrounded) return; this.isGrounded = true; console.log('Ground collision detected!'); } fire(pointer) { const angle = Phaser.Math.Angle.Between(this.sprite.x, this.sprite.y, pointer.worldX, pointer.worldY); const bullet = new Bullet(this.scene, this.sprite.x, this.sprite.y); bullet.setDirection(angle); this.scene.bullets.push(bullet); bullet.overlap = this.scene.physics.add.overlap(bullet.sprite, this.scene.movingPlatforms.map(p => p.sprite), this.scene.handleBulletPlatformOverlap, null, this.scene); // TODO: add collider, add to scene } reset() { // Reset player position to the start of the level this.sprite.setPosition(this.startX, this.startY); this.sprite.setVelocity(0, 0); // Reset other player variables if needed this.isGrounded = false; this.onPlatform = null; } clearColliders() { // Remove any active colliders this.scene.physics.world.removeCollider(this.groundCollider); this.scene.physics.world.removeCollider(this.groundOverlap); this.scene.physics.world.removeCollider(this.goalOverlap); } } class Main extends Phaser.Scene { constructor() { super(); this.currentLevel = 0; this.levels = ['level1', 'level2', 'level3', 'level4', 'level5', 'level6', 'level7']; this.bullets = []; this.movingPlatforms = []; } preload() { this.load.image('player', 'https://play.rosebud.ai/assets/gold_tile_32.png?3ihp'); // platform: https://play.rosefbud.ai/assets/red_tile_32.png?HZ0F // bullet: https://play.rosebud.ai/assets/placeholder_wave_32x32.png?49NH this.load.image('bullet', 'https://play.rosebud.ai/assets/cyan.png?Br9s'); this.load.image('platform', 'https://play.rosebud.ai/assets/red_tile_32.png?HZ0F'); this.load.image('goal', 'https://play.rosebud.ai/assets/big_purple_square.jpg?Fbdf'); // frozen: https://play.rosebud.ai/assets/light_blue.png?tIkA this.load.image('frozen', 'https://play.rosebud.ai/assets/light_blue.png?tIkA'); this.load.image('tiles', 'https://play.rosebud.ai/assets/pallete.png?Kvil'); // name: pallete this.load.image('bg', 'https://play.rosebud.ai/assets/2.falling-snowflakes-on-black-background-vector-18544535.jpg?oYmq') this.load.tilemapTiledJSON('level1', 'https://play.rosebud.ai/assets/level1.json?WqhK'); this.load.tilemapTiledJSON('level2', 'https://play.rosebud.ai/assets/level2.json?Zdif'); // level3: https://play.rosebud.ai/assets/level3.json?c7rz this.load.tilemapTiledJSON('level3', 'https://play.rosebud.ai/assets/level3.json?c7rz'); // level4: https://play.rosebud.ai/assets/level4.json?MdwX // level5: https://play.rosebud.ai/assets/level5.json?nwXP // level6:https://play.rosebud.ai/assets/level6.json?IRQn // level7 : https://play.rosebud.ai/assets/level7.json?0ibJ this.load.tilemapTiledJSON('level4', 'https://play.rosebud.ai/assets/level4.json?MdwX'); this.load.tilemapTiledJSON('level5', 'https://play.rosebud.ai/assets/level5.json?nwXP'); this.load.tilemapTiledJSON('level6', 'https://play.rosebud.ai/assets/level6.json?IRQn'); this.load.tilemapTiledJSON('level7', 'https://play.rosebud.ai/assets/level7.json?0ibJ'); } create() { // Add background image this.background = this.add.image(0, 0, 'bg').setOrigin(0, 0); this.background.setDisplaySize(this.sys.game.config.width, this.sys.game.config.height + 200); this.background.setDepth(-1); this.background.setAlpha(0.4); // Create player at fixed position this.player = new Player(this, 80, 448); // Start the first level this.startLevel(this.levels[this.currentLevel]); // Pointer down event to fire bullet this.input.on('pointerdown', (pointer) => { this.player.fire(pointer); }); // Add reset key this.resetKey = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.R); this.resetKey.on('down', () => { this.resetLevel(); }); } handleBulletPlatformOverlap(bulletSprite, platformSprite) { const bullet = this.bullets.find(b => b.sprite === bulletSprite); const platform = this.movingPlatforms.find(p => p.sprite === platformSprite); if (platform && bullet && !platform.isFrozen) { platform.freeze(); this.cleanupBullet(bullet); } } addGameOverText() { if (this.gameOverText) { return; } this.gameOverText = this.add.text(320, 200, 'You beat the game!', { fontSize: '40px', fill: '#ffffff' }).setOrigin(0.5); } cleanupBullet(bullet) { bullet.isDone = true; bullet.sprite.destroy(); this.physics.world.removeCollider(bullet.overlap); } checkPlayerOutOfBounds() { if (this.player.sprite.y > this.sys.game.config.height || this.player.sprite.x < 0 || this.player.sprite.x > this.sys.game.config.width || this.player.sprite.y < 0) { console.log("Player is out of bounds. Resetting level."); this.resetLevel(); } } update(time, delta) { // Move player this.player.move(); // Update all moving platforms this.movingPlatforms.forEach(platform => platform.update(delta / 1000)); // Move and filter out done bullets this.bullets = this.bullets.filter(bullet => { if (!bullet.isDone) { bullet.move(); return true; } return false; }); // Check if player is out of bounds this.checkPlayerOutOfBounds(); } startLevel(levelKey) { const map = this.make.tilemap({ key: levelKey }); this.yOffset = this.sys.game.config.height - map.heightInPixels; // Create tileset and tile layer, add colliders const tileset = map.addTilesetImage('pallete', 'tiles'); this.tileLayer = map.createLayer('Tile Layer', tileset, 0, this.yOffset); const groundTileIndex = 5; this.tileLayer.setCollision(groundTileIndex); // set tile layer alpha to 0.5 for better visibility this.tileLayer.setAlpha(0.75); // Add player ground collider this.player.groundCollider = this.physics.add.collider(this.player.sprite, this.tileLayer); // Add ground sensor overlap this.player.groundOverlap = this.physics.add.overlap(this.player.groundSensor, this.tileLayer, (groundSensor, tile) => { const tileAtSensor = this.tileLayer.getTileAtWorldXY(groundSensor.x, groundSensor.y); if (tileAtSensor && tileAtSensor.index === groundTileIndex) { this.player.handleGroundCollision(); } }); // Process the moving platform object layer const objectLayer = map.getObjectLayer('MovingPlatformLayer'); this.movingPlatforms = objectLayer.objects.map(obj => { return this.createMovingPlatform(obj); }); // Debug log: check if goal layer exists const goalLayer = map.getObjectLayer('Goal'); if (goalLayer) { const goalObject = goalLayer.objects[0]; this.goal = this.physics.add.sprite(goalObject.x + goalObject.width / 2, goalObject.y + this.yOffset + goalObject.height / 2, 'goal').setDisplaySize(32, 32); this.goalOverlap = this.physics.add.overlap(this.player.sprite, this.goal, (player, goal) => { console.log("Player reached the goal"); this.endLevel(); }, null, this); } else { console.error("Goal Layer not found!"); } } createMovingPlatform(obj) { const isXaxis = obj.properties.find(prop => prop.name === 'isXaxis').value; const start = obj.properties.find(prop => prop.name === 'start').value; const end = obj.properties.find(prop => prop.name === 'end').value; const fixed = obj.properties.find(prop => prop.name === 'fixed').value; const speed = 160; // Default speed // Calculate adjusted coordinates with yOffset and half dimensions const adjustedStart = isXaxis ? start + obj.width / 2 : start + this.yOffset + obj.height / 2; const adjustedEnd = isXaxis ? end + obj.width / 2 : end + this.yOffset + obj.height / 2; const adjustedFixed = isXaxis ? fixed + this.yOffset + obj.height / 2 : fixed + obj.width / 2; const platform = new MovingPlatform(this, adjustedStart, adjustedEnd, adjustedFixed, speed, { width: obj.width, height: obj.height }, isXaxis); platform.collider = this.physics.add.collider(this.player.sprite, platform.sprite, () => { if (!platform.isFrozen) { console.log("Player hit an unfrozen platform. Resetting level."); this.resetLevel(); } else { console.log("Player landed on a frozen platform. Handling ground collision."); this.player.onPlatform = platform; this.player.handleGroundCollision(); } }); return platform; } resetLevel() { this.player.reset(); // Reset moving platforms this.movingPlatforms.forEach(platform => platform.reset()); // Clear bullets this.bullets.forEach(bullet => { bullet.sprite.destroy(); this.physics.world.removeCollider(bullet.overlap); }); this.bullets = []; } clearLevel() { this.player.clearColliders(); // Clear player colliders // Reset player variables, remove colliders, etc. this.player.reset(); // Hide the tile layer if (this.tileLayer) { this.tileLayer.setVisible(false); } // Destroy all sprites and remove colliders this.goal.destroy(); this.physics.world.removeCollider(this.goalOverlap); this.movingPlatforms.forEach(platform => { platform.sprite.destroy(); this.physics.world.removeCollider(platform.collider); }); this.movingPlatforms = []; this.bullets.forEach(bullet => { bullet.sprite.destroy(); this.physics.world.removeCollider(bullet.overlap); }); this.bullets = []; } nextLevel() { this.currentLevel++; if (this.currentLevel < this.levels.length) { this.startLevel(this.levels[this.currentLevel]); } } endLevel() { // When player overlaps with goal if (this.currentLevel < this.levels.length - 1) { this.clearLevel(); this.nextLevel(); } else { this.addGameOverText(); } } } 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: 640, physics: { default: 'arcade', arcade: { gravity: { y: 0 }, } }, scene: Main }; window.phaserGame = new Phaser.Game(config);