// GameScene — Castle Endless Runner main gameplay class GameScene extends Phaser.Scene { constructor() { super({ key: 'GameScene' }); } create() { var w = GAME_WIDTH; var h = GAME_HEIGHT; // ── State ────────────────────────────────────────────── this.score = 0; this.coins = 0; this.gameRunning = true; this.scrollSpeed = BASE_SPEED; this.elapsed = 0; this.jumpCount = 0; this.isHurt = false; this.jumpCooldown = 0; // ── Backgrounds (parallax layers) ──────────────────── this.bgFar1 = this.add.image(0, 0, 'game-bg').setOrigin(0, 0).setDisplaySize(w, h).setDepth(0); this.bgFar2 = this.add.image(w, 0, 'game-bg').setOrigin(0, 0).setDisplaySize(w, h).setDepth(0); // Dark gradient at top var grad = this.add.graphics().setDepth(1); grad.fillGradientStyle(0x1a1020, 0x1a1020, 0x1a102000, 0x1a102000, 0.85); grad.fillRect(0, 0, w, 80); // ── Ground visuals (scrolling tiles) ───────────────── this.groundTiles = []; var tileW = 256; var tilesNeeded = Math.ceil(w / tileW) + 2; for (var i = 0; i < tilesNeeded; i++) { var tile = this.add.image(i * tileW, GROUND_Y + 16, 'ground') .setDisplaySize(tileW, 48).setDepth(3); this.groundTiles.push(tile); } // ── Physics static ground platform ─────────────────── this.groundPlatform = this.physics.add.staticImage(w / 2, GROUND_Y + 8, null); this.groundPlatform.setVisible(false); this.groundPlatform.setDisplaySize(w * 4, 16); this.groundPlatform.body.setSize(w * 4, 16); this.groundPlatform.body.immovable = true; this.groundPlatform.refreshBody(); // ── Knight player ──────────────────────────────────── var playerDisplayH = 58; var playerY = GROUND_Y - playerDisplayH / 2 + 8; this.player = this.physics.add.sprite(PLAYER_X, playerY, 'knight'); this.player.setDisplaySize(52, playerDisplayH); this.player.body.setSize(38, 50); this.player.body.setOffset(7, 4); this.player.body.setMaxVelocityY(1400); this.player.body.setCollideWorldBounds(false); this.player.setDepth(5); // Collide player with ground — resets jump counter this.physics.add.collider(this.player, this.groundPlatform, () => { if (this.jumpCount > 0) { this.jumpCount = 0; } }); // ── Visual run bob (scale only, NOT position) ───────── this.tweens.add({ targets: this.player, scaleY: 0.93, scaleX: 1.07, duration: 170, yoyo: true, repeat: -1, ease: 'Sine.easeInOut' }); // ── Obstacle + Coin groups ─────────────────────────── this.obstacles = this.physics.add.group(); this.coinGroup = this.physics.add.group(); // Overlaps/collisions this.physics.add.overlap(this.player, this.obstacles, this.hitObstacle, null, this); this.physics.add.overlap(this.player, this.coinGroup, this.collectCoin, null, this); // ── Spawn timers ───────────────────────────────────── this.spawnTimer = this.time.addEvent({ delay: 1800, callback: this.spawnObstacle, callbackScope: this, loop: true }); this.coinTimer = this.time.addEvent({ delay: 2200, callback: this.spawnCoin, callbackScope: this, loop: true }); // ── HUD ────────────────────────────────────────────── var hudBg = this.add.graphics().setDepth(99); hudBg.fillStyle(0x000000, 0.55); hudBg.fillRoundedRect(8, 8, 200, 56, 8); this.scoreTxt = this.add.text(16, 14, 'Score: 0', { fontSize: '16px', fontFamily: 'Georgia, serif', color: '#FFD700' }).setDepth(100); this.coinTxt = this.add.text(16, 36, 'Coins: 0', { fontSize: '14px', fontFamily: 'monospace', color: '#CCBBAA' }).setDepth(100); this.speedBadge = this.add.text(w - 8, 8, 'x1.0', { fontSize: '12px', fontFamily: 'monospace', color: '#E8601A' }).setOrigin(1, 0).setDepth(100); // Jump hint this.jumpHint = this.add.text(w / 2, h - 14, 'SPACE / TAP to Jump', { fontSize: '11px', fontFamily: 'monospace', color: '#886655' }).setOrigin(0.5, 1).setDepth(100); this.time.delayedCall(3000, () => { if (this.jumpHint) this.tweens.add({ targets: this.jumpHint, alpha: 0, duration: 800 }); }); // ── Input ───────────────────────────────────────────── this.cursors = this.input.keyboard.createCursorKeys(); this.spaceKey = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.SPACE); this.wKey = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.W); this.input.on('pointerdown', this.doJump, this); // ── Music ───────────────────────────────────────────── this.bgMusic = this.sound.add('music-game', { volume: 0.22, loop: true }); this.bgMusic.play(); // ── Dust particles at feet ──────────────────────────── this.dustEmitter = this.add.particles(PLAYER_X - 10, GROUND_Y + 2, null, { speedX: { min: -60, max: -20 }, speedY: { min: -15, max: 5 }, scale: { start: 0.06, end: 0 }, alpha: { start: 0.55, end: 0 }, tint: [0xAA9977, 0x887766], lifespan: 280, quantity: 1, frequency: 110, }).setDepth(4); // ── Scene cleanup ───────────────────────────────────── this.events.once('shutdown', () => { if (this.spawnTimer) this.spawnTimer.remove(); if (this.coinTimer) this.coinTimer.remove(); this.input.off('pointerdown', this.doJump, this); this.events.removeAllListeners(); }); } // ─── Jump logic ─────────────────────────────────────── doJump() { if (!this.gameRunning || this.isHurt) return; if (!this.player || !this.player.active) return; var now = this.time.now; if (now - this.jumpCooldown < 120) return; var onGround = this.player.body.blocked.down || this.player.body.touching.down; if (onGround && this.jumpCount === 0) { this.jumpCount = 1; this.jumpCooldown = now; this.player.body.setVelocityY(JUMP_VEL); this.sound.play('sfx-jump', { volume: 0.45 }); this.tweens.killTweensOf(this.player); this.tweens.add({ targets: this.player, scaleX: 0.8, scaleY: 1.3, duration: 90, yoyo: true, ease: 'Bounce.easeOut', onComplete: () => { this.tweens.add({ targets: this.player, scaleY: 0.93, scaleX: 1.07, duration: 170, yoyo: true, repeat: -1, ease: 'Sine.easeInOut' }); } }); if (this.dustEmitter) this.dustEmitter.explode(5); } else if (this.jumpCount === 1 && !onGround) { this.jumpCount = 2; this.jumpCooldown = now; this.player.body.setVelocityY(JUMP_VEL * 0.78); this.sound.play('sfx-jump', { volume: 0.32 }); this.tweens.killTweensOf(this.player); this.tweens.add({ targets: this.player, angle: 360, duration: 360, ease: 'Linear', onComplete: () => { if (this.player) { this.player.setAngle(0); this.tweens.add({ targets: this.player, scaleY: 0.93, scaleX: 1.07, duration: 170, yoyo: true, repeat: -1, ease: 'Sine.easeInOut' }); } } }); } } // ─── Spawn obstacle (new multi-type system) ─────────── spawnObstacle() { if (!this.gameRunning) return; // Pick a random obstacle type from the OBSTACLE_TYPES config var def = Phaser.Utils.Array.GetRandom(OBSTACLE_TYPES); // All obstacles sit with feet ON the ground line // sprite centre Y = GROUND_Y - (dispH / 2) var spawnX = GAME_WIDTH + 100; var spawnY = GROUND_Y - def.dispH / 2; var obs = this.obstacles.create(spawnX, spawnY, def.key); if (!obs) return; obs.setDisplaySize(def.dispW, def.dispH); // Tight physics hitbox, centred on the sprite var offX = (def.dispW - def.hitW) / 2; var offY = (def.dispH - def.hitH) / 2; obs.body.setSize(def.hitW, def.hitH); obs.body.setOffset(offX, offY); obs.body.allowGravity = false; obs.body.setVelocityX(-this.scrollSpeed); obs.setDepth(4); // ── Per-type visual effects ──────────────────────── // Barrel: rolling spin tween if (def.spin) { this.tweens.add({ targets: obs, angle: 360, duration: 900, repeat: -1, ease: 'Linear' }); } // Sword in stone: eerie blue glow pulse if (def.glow) { obs.setTint(0xaaddff); this.tweens.add({ targets: obs, alpha: 0.75, duration: 600, yoyo: true, repeat: -1, ease: 'Sine.easeInOut' }); } // Spikes: subtle red tint warning if (def.key === 'obs-spikes') { obs.setTint(0xffcccc); } } // ─── Spawn coins ────────────────────────────────────── spawnCoin() { if (!this.gameRunning) return; var yOptions = [GROUND_Y - 55, GROUND_Y - 95, GROUND_Y - 135]; var cy = Phaser.Utils.Array.GetRandom(yOptions); var count = Phaser.Math.Between(1, 3); for (var i = 0; i < count; i++) { var c = this.coinGroup.create(GAME_WIDTH + 80 + i * 40, cy, 'coin'); if (!c) continue; c.setDisplaySize(24, 24); c.body.setSize(18, 18); c.body.allowGravity = false; c.body.setVelocityX(-this.scrollSpeed); c.setDepth(4); this.tweens.add({ targets: c, y: c.y + 10, duration: 600 + i * 80, yoyo: true, repeat: -1, ease: 'Sine.easeInOut' }); } } // ─── Collect coin ───────────────────────────────────── collectCoin(player, coin) { if (!coin || !coin.active) return; var cx = coin.x; var cy = coin.y; coin.destroy(); this.coins++; this.score += 10; this.coinTxt.setText('Coins: ' + this.coins); this.scoreTxt.setText('Score: ' + Math.floor(this.score)); this.sound.play('sfx-coin', { volume: 0.5 }); var popTxt = this.add.text(cx, cy - 10, '+10', { fontSize: '14px', fontFamily: 'monospace', color: '#FFD700' }).setDepth(110); this.tweens.add({ targets: popTxt, y: cy - 45, alpha: 0, duration: 600, onComplete: () => { if (popTxt) popTxt.destroy(); } }); } // ─── Hit obstacle ───────────────────────────────────── hitObstacle(player, obs) { if (this.isHurt || !this.gameRunning) return; this.isHurt = true; this.gameRunning = false; if (this.bgMusic) this.bgMusic.stop(); if (this.spawnTimer) this.spawnTimer.remove(); if (this.coinTimer) this.coinTimer.remove(); if (this.dustEmitter) this.dustEmitter.stop(); this.obstacles.getChildren().forEach(o => { if (o && o.body) o.body.setVelocityX(0); }); this.coinGroup.getChildren().forEach(c => { if (c && c.body) c.body.setVelocityX(0); }); this.cameras.main.shake(220, 0.014); this.cameras.main.flash(180, 255, 80, 0); this.tweens.killTweensOf(this.player); this.player.setTintFill(0xff2200); this.tweens.add({ targets: this.player, angle: -90, y: this.player.y + 70, alpha: 0, duration: 680, ease: 'Power2', onComplete: () => { this.sound.play('sfx-die', { volume: 0.55 }); this.time.delayedCall(450, () => { var hi = this.registry.get('highScore') || 0; if (Math.floor(this.score) > hi) { this.registry.set('highScore', Math.floor(this.score)); } this.scene.start('GameOverScene', { score: Math.floor(this.score), coins: this.coins }); }); } }); } // ─── Update loop ────────────────────────────────────── update(time, delta) { if (!this.gameRunning) return; var dt = delta / 1000; this.elapsed += dt; // ── Keyboard jump (checked every frame with JustDown) ── var jumpPressed = Phaser.Input.Keyboard.JustDown(this.cursors.up) || Phaser.Input.Keyboard.JustDown(this.cursors.space) || Phaser.Input.Keyboard.JustDown(this.spaceKey) || Phaser.Input.Keyboard.JustDown(this.wKey); if (jumpPressed) this.doJump(); // ── Speed ramp ──────────────────────────────────────── this.scrollSpeed = Math.min(BASE_SPEED + this.elapsed * SPEED_INC, MAX_SPEED); var mult = (this.scrollSpeed / BASE_SPEED).toFixed(1); this.speedBadge.setText('x' + mult); // ── Sync obstacle / coin velocities ─────────────────── this.obstacles.getChildren().forEach(o => { if (o && o.active && o.body) o.body.setVelocityX(-this.scrollSpeed); }); this.coinGroup.getChildren().forEach(c => { if (c && c.active && c.body) c.body.setVelocityX(-this.scrollSpeed); }); // ── Parallax background scroll ──────────────────────── var bgSpeed = this.scrollSpeed * 0.18 * dt; this.bgFar1.x -= bgSpeed; this.bgFar2.x -= bgSpeed; if (this.bgFar1.x <= -GAME_WIDTH) this.bgFar1.x = this.bgFar2.x + GAME_WIDTH; if (this.bgFar2.x <= -GAME_WIDTH) this.bgFar2.x = this.bgFar1.x + GAME_WIDTH; // ── Ground tile scroll ──────────────────────────────── var gSpeed = this.scrollSpeed * dt; var tileW = 256; for (var i = 0; i < this.groundTiles.length; i++) { this.groundTiles[i].x -= gSpeed; if (this.groundTiles[i].x < -tileW) { var maxX = -Infinity; for (var j = 0; j < this.groundTiles.length; j++) { if (this.groundTiles[j].x > maxX) maxX = this.groundTiles[j].x; } this.groundTiles[i].x = maxX + tileW; } } // ── Destroy off-screen objects ──────────────────────── this.obstacles.getChildren().forEach(o => { if (o && o.active && o.x < -120) o.destroy(); }); this.coinGroup.getChildren().forEach(c => { if (c && c.active && c.x < -60) c.destroy(); }); // ── Distance score accumulation ─────────────────────── this.score += dt * (this.scrollSpeed / 100); this.scoreTxt.setText('Score: ' + Math.floor(this.score)); // ── Adaptive spawn delay ────────────────────────────── var newDelay = Math.max(800, 1800 - (this.elapsed * 6)); if (this.spawnTimer) this.spawnTimer.delay = newDelay; // ── Reset jumpCount when player lands ───────────────── if ((this.player.body.blocked.down || this.player.body.touching.down) && this.jumpCount > 0) { this.jumpCount = 0; } } }

Castle Run

Comments1

Created by

Rate this game