// Game settings const settings = { scale: 150, // Scale factor for noise generation waterLevel: 0, // Elevation threshold for water sandLevel: 0.25, // Elevation threshold for sand grassLevel: 0.35, // Elevation threshold for grass octaves: 3, // Number of octaves for noise generation persistence: 0.6, // Persistence for noise generation waterTileCost: 15, // Pathfinding cost for water tiles sandTileCost: 1, // Pathfinding cost for sand tiles resourceGenerationInterval: 5000, // Interval for resource generation (ms) resourceGenerationAmount: 5, // Amount of resources generated per interval maxFuelAreas: 10, // Maximum number of fuel areas on the map maxResourceAreas: 15, // Maximum number of resource areas on the map fuelGenerationInterval: 15000, // Interval for fuel area generation (ms) resourceGenerationInterval: 10000, // Interval for resource area generation (ms) fuelPerArea: 50, // Amount of fuel in each fuel area resourcePerArea: 25, // Amount of resources in each resource area baseFuelConsumptionRate: 2, // Base fuel consumption rate per second fuelAreaRadius: 20, // Radius of fuel collection areas (pixels) resourceAreaRadius: 15, // Radius of resource collection areas (pixels) maxEnemyRotationSpeed: 0.05, // Maximum rotation speed for enemies (radians per frame) outOfFuelSpeedMultiplier: 0.2, // Speed multiplier when out of fuel waterSpeedMultiplier: 0.1, // Speed multiplier on water sandSpeedMultiplier: 0.5, // Speed multiplier on sand }; // Game state object to store global game variables const gameState = { playerUpgrades: { speed: 0, zoom: 0, efficiency: 0 }, resources: 500, // Starting resources fuel: 100, // Starting fuel fuelAreas: [], // Array to store fuel areas resourceAreas: [] // Array to store resource areas }; // Upgrade definitions const upgrades = { speed: { cost: { resources: 100 }, levels: 5, effect: 0.1, extends: null, hoverText: 'Increase movement speed' // Detailed explanation is now a comment: // Increases the player's movement speed by 10% per level }, efficiency: { cost: { fuel: 50, resources: 150 }, levels: 5, effect: 0.1, extends: 'speed', hoverText: 'Improve fuel efficiency', // Detailed explanation is now a comment: // Reduces fuel consumption by 10% per level }, zoom: { cost: { resources: 150 }, levels: 3, effect: 0.5, extends: null, hoverText: 'Enhance camera zoom', // Detailed explanation is now a comment: // Increases the maximum zoom level by 50% per level } }; // Function to generate octaved noise function octavedNoise(x, y, octaves, persistence, noiseFn) { let total = 0; let frequency = 1; let amplitude = 1; let maxValue = 0; for (let i = 0; i < octaves; i++) { total += noiseFn(x * frequency, y * frequency) * amplitude; maxValue += amplitude; amplitude *= persistence; frequency *= 2; } return total / maxValue; } // Main game scene class MyScene extends Phaser.Scene { constructor() { super({ key: 'MyScene' }); this.enemyRotationOffset = Math.PI / 2; gameState.fuelAreas = []; gameState.fuelConsumptionRate = settings.baseFuelConsumptionRate; } // Load game assets preload() { this.load.image('player', 'https://play.rosebud.ai/assets/city.png?lqi0'); this.load.image('gun', 'https://play.rosebud.ai/assets/New Piskel-1.png (5).png?h6Gh'); this.load.image('enemy', 'https://play.rosebud.ai/assets/enemycity.png?MrtR'); this.load.image('muzzleFlash', 'https://play.rosebud.ai/assets/muzzle flash.png?voLc'); this.load.script('easystar', 'https://play.rosebud.ai/assets/easystar.js?w2VR'); this.load.image('fuelTank', 'https://play.rosebud.ai/assets/fuel tank.png?XUAi'); } // Set up the game create() { this.mapWidth = 800; this.mapHeight = 600; this.setupMap(); this.setupPlayer(); this.setupEnemies(); this.setupInput(); this.setupPathfinding(); this.loadNoise(); this.setupUpgradeMenu(); this.setupResourceGeneration(); this.setupFuelGeneration(); this.setupUI(); } // Set up the game UI setupUI() { gameState.fuelText = this.add.text(200, 150, `Fuel: ${Math.round(gameState.fuel)}`, { fontSize: '24px', fill: '#ffffff' }).setScrollFactor(0).setDepth(1000); gameState.resourceText = this.add.text(200, 190, `Resources: ${Math.round(gameState.resources)}`, { fontSize: '24px', fill: '#ffffff' }).setScrollFactor(0).setDepth(1000); } // Set up the game map setupMap() { this.map = Array(this.mapWidth).fill().map(() => Array(this.mapHeight).fill(1)); this.cameras.main.setBounds(0, 0, this.mapWidth, this.mapHeight); this.cameras.main.setZoom(2); } // Set up the player setupPlayer() { this.player = this.add.sprite(this.mapWidth / 2, this.mapHeight / 2, 'player').setScale(1).setDepth(100); this.gun = this.add.image(this.mapWidth / 2, this.mapHeight / 2, 'gun').setScale(1).setDepth(100); this.cameras.main.startFollow(this.player); } // Set up the enemies setupEnemies() { this.enemies = []; for (let i = 0; i < 2; i++) { const enemy = this.add.sprite( Phaser.Math.Between(0, this.mapWidth - 1), Phaser.Math.Between(0, this.mapHeight - 1), 'enemy' ).setScale(1).setDepth(100); enemy.setOrigin(0.5, 0.5); this.enemies.push(enemy); } this.muzzleFlash = this.add.image(this.mapWidth / 2, this.mapHeight / 2, 'muzzleFlash').setVisible(false).setScale(0.5); } // Set up input handlers setupInput() { this.cursors = this.input.keyboard.createCursorKeys(); this.zoomInKey = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.Q); this.zoomOutKey = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.E); this.forwardKey = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.W); this.backwardKey = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.S); this.rotateLeftKey = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.A); this.rotateRightKey = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.D); this.tabKey = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.TAB); this.tabKey.on('down', this.openUpgradeMenu, this); } // Open the upgrade menu openUpgradeMenu() { this.scene.pause(); this.scene.launch('UpgradeScene'); } // Set up pathfinding setupPathfinding() { this.easystar = new EasyStar.js(); this.easystar.setGrid(this.map); this.easystar.setAcceptableTiles([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15]); this.easystar.setTileCost(0, settings.waterTileCost); this.easystar.setTileCost(1, settings.sandTileCost); this.easystar.enableDiagonals(); this.easystar.enableCornerCutting(); } // Load noise library loadNoise() { const script = document.createElement('script'); script.src = 'https://cdn.jsdelivr.net/npm/noisejs@2.1.0/index.min.js'; script.onload = () => { this.noise = new Noise(Math.random()); this.generateMap(); this.enemies.forEach(enemy => this.setNewEnemyTarget(enemy)); }; document.head.appendChild(script); } // Set up the upgrade menu setupUpgradeMenu() { this.upgradeMenu = this.add.container(400, 300).setAlpha(0.8).setDepth(1000).setScrollFactor(0); this.menuBackground = this.add.rectangle(0, 0, 400, 300, 0x000000).setOrigin(0.5); this.upgradeMenu.add(this.menuBackground); this.upgradeTexts = []; Object.keys(upgrades).forEach((upgrade, index) => { const button = this.add.text(0, -50 + index * 40, `Upgrade ${upgrade}: ${upgrades[upgrade].cost}`, { fontSize: '18px', fill: '#ffffff' }) .setOrigin(0.5) .setInteractive({ useHandCursor: true }) .on('pointerdown', () => this.upgradePlayer(upgrade)); const levelText = this.add.text(150, -50 + index * 40, `Level: ${gameState.playerUpgrades[upgrade]}`, { fontSize: '18px', fill: '#ffffff' }).setOrigin(0.5); this.upgradeTexts.push(button, levelText); this.upgradeMenu.add([button, levelText]); }); this.upgradeMenu.setVisible(false); } // Set up resource generation setupResourceGeneration() { this.time.addEvent({ delay: settings.resourceGenerationInterval, callback: this.generateResourceArea, callbackScope: this, loop: true }); } // Generate a resource area generateResourceArea() { if (gameState.resourceAreas.length < settings.maxResourceAreas) { const x = Phaser.Math.Between(0, this.mapWidth); const y = Phaser.Math.Between(0, this.mapHeight); const resourceArea = this.add.circle(x, y, settings.resourceAreaRadius, 0x0000ff, 0.5); resourceArea.resources = settings.resourcePerArea; gameState.resourceAreas.push(resourceArea); } } // Set up fuel generation setupFuelGeneration() { this.time.addEvent({ delay: settings.fuelGenerationInterval, callback: this.generateFuelArea, callbackScope: this, loop: true }); } // Generate a fuel area generateFuelArea() { if (gameState.fuelAreas.length < settings.maxFuelAreas) { const x = Phaser.Math.Between(0, this.mapWidth); const y = Phaser.Math.Between(0, this.mapHeight); const fuelArea = this.add.image(x, y, 'fuelTank').setScale(); fuelArea.fuel = settings.fuelPerArea; gameState.fuelAreas.push(fuelArea); } } // Generate resources generateResources() { gameState.resources += settings.resourceGenerationAmount; } // Upgrade the player upgradePlayer(upgrade) { const upgradeInfo = upgrades[upgrade]; if (gameState.resources >= upgradeInfo.cost && gameState.playerUpgrades[upgrade] < upgradeInfo.levels) { gameState.resources -= upgradeInfo.cost; gameState.playerUpgrades[upgrade]++; this.updateUpgradeMenu(); } } // Update the upgrade menu updateUpgradeMenu() { Object.keys(upgrades).forEach((upgrade, index) => { this.upgradeTexts[index * 2].setText(`Upgrade ${upgrade}: ${upgrades[upgrade].cost}`); this.upgradeTexts[index * 2 + 1].setText(`Level: ${gameState.playerUpgrades[upgrade]}`); }); } // Toggle the upgrade menu toggleUpgradeMenu() { if (this.scene.isVisible('UpgradeScene')) { this.scene.stop('UpgradeScene'); this.scene.resume(); } else { this.scene.pause(); this.scene.launch('UpgradeScene'); } // Ensure the input event is only processed once this.input.keyboard.resetKeys(); } // Close the upgrade menu closeUpgradeMenu() { this.upgradeMenu.setVisible(false); this.menuBackground.setVisible(false); this.upgradeTexts.forEach(text => text.setVisible(false)); this.isPaused = false; } // Main game loop update(time, delta) { if (!this.isPaused) { this.handlePlayerMovement(); this.handleCameraZoom(); this.enemies.forEach(enemy => this.moveEnemy(enemy)); this.updateGunRotation(); this.collectFuel(); this.collectResources(); this.consumeFuel(delta); this.updateUI(); } } // Collect resources collectResources() { for (let i = gameState.resourceAreas.length - 1; i >= 0; i--) { const area = gameState.resourceAreas[i]; if (Phaser.Math.Distance.Between(this.player.x, this.player.y, area.x, area.y) < settings.resourceAreaRadius) { gameState.resources += area.resources; area.destroy(); gameState.resourceAreas.splice(i, 1); } } } // Update the UI updateUI() { gameState.fuelText.setText(`Fuel: ${Math.round(gameState.fuel)}`); gameState.resourceText.setText(`Resources: ${Math.round(gameState.resources)}`); } // Handle player movement handlePlayerMovement() { const speed = this.getSpeed(this.player.x, this.player.y, true); if (this.forwardKey.isDown) { this.movePlayer(speed); } if (this.backwardKey.isDown) { this.movePlayer(-speed); } if (this.rotateLeftKey.isDown) { this.player.rotation -= 0.03; } if (this.rotateRightKey.isDown) { this.player.rotation += 0.03; } } // Get speed based on terrain and upgrades getSpeed(x, y, isPlayer = false) { const tileX = Math.floor(x); const tileY = Math.floor(y); if (tileX < 0 || tileX >= this.mapWidth || tileY < 0 || tileY >= this.mapHeight) { return 1; } const elevation = this.map[tileX][tileY]; let speedMultiplier; if (elevation < settings.waterLevel) speedMultiplier = settings.waterSpeedMultiplier; else if (elevation < settings.sandLevel) speedMultiplier = settings.sandSpeedMultiplier; else speedMultiplier = 1; let baseSpeed = 1 + gameState.playerUpgrades.speed * upgrades.speed.effect; let speed = baseSpeed * speedMultiplier; // Apply speed reduction if out of fuel (only for player) if (isPlayer && gameState.fuel <= 0) { speed *= settings.outOfFuelSpeedMultiplier; } return speed; } // Move the player movePlayer(speed) { const angle = this.player.rotation; this.player.x += Math.sin(angle) * speed; this.player.y -= Math.cos(angle) * speed; this.player.x = Phaser.Math.Clamp(this.player.x, 0, this.mapWidth - 1); this.player.y = Phaser.Math.Clamp(this.player.y, 0, this.mapHeight - 1); this.gun.x = this.player.x; this.gun.y = this.player.y; } // Handle camera zoom handleCameraZoom() { const zoomSpeed = 0.025 + (gameState.playerUpgrades.zoom * upgrades.zoom.effect); if (this.zoomInKey.isDown) { this.cameras.main.zoom += zoomSpeed; } if (this.zoomOutKey.isDown) { this.cameras.main.zoom -= zoomSpeed; } this.cameras.main.zoom = Phaser.Math.Clamp(this.cameras.main.zoom, 1.1, 3.5); } // Update gun rotation updateGunRotation() { const pointer = this.input.activePointer; const angle = Phaser.Math.Angle.Between( this.gun.x, this.gun.y, pointer.x + this.cameras.main.scrollX, pointer.y + this.cameras.main.scrollY ); this.gun.setRotation(angle); } // Generate the game map generateMap() { const canvasTexture = this.textures.createCanvas('noiseTexture', this.mapWidth, this.mapHeight); const context = canvasTexture.getContext(); const imageData = context.createImageData(this.mapWidth, this.mapHeight); for (let x = 0; x < this.mapWidth; x++) { for (let y = 0; y < this.mapHeight; y++) { const elevation = octavedNoise(x / settings.scale, y / settings.scale, settings.octaves, settings.persistence, this.noise.simplex2.bind(this.noise)); const [tileValue, r, g, b] = this.getTileInfo(elevation); this.map[x][y] = tileValue; const index = (x + y * this.mapWidth) * 4; imageData.data[index] = r; imageData.data[index + 1] = g; imageData.data[index + 2] = b; imageData.data[index + 3] = 255; } } context.putImageData(imageData, 0, 0); canvasTexture.refresh(); if (this.mapImage) this.mapImage.destroy(); this.mapImage = this.add.sprite(0, 0, 'noiseTexture').setOrigin(0, 0).setScale(1); this.easystar.setGrid(this.map); } // Get tile information based on elevation getTileInfo(elevation) { if (elevation < settings.waterLevel) return [0, 59, 93, 102]; if (elevation < settings.sandLevel) return [1, 190, 154, 89]; if (elevation < settings.grassLevel) return [4, 116, 126, 89]; return [9, 139, 69, 19]; } // Set a new target for an enemy setNewEnemyTarget(enemy) { const startX = Math.floor(Phaser.Math.Clamp(enemy.x, 0, this.mapWidth - 1)); const startY = Math.floor(Phaser.Math.Clamp(enemy.y, 0, this.mapHeight - 1)); let endX, endY; do { endX = Phaser.Math.Between(0, this.mapWidth - 1); endY = Phaser.Math.Between(0, this.mapHeight - 1); } while (this.map[endX][endY] === 0); console.log(`Setting new enemy path from (${startX}, ${startY}) to (${endX}, ${endY})`); try { this.easystar.findPath(startX, startY, endX, endY, (path) => { if (path === null) { console.log("Path was not found. Setting direct path."); enemy.path = [{ x: endX, y: endY }]; } else { enemy.path = path; } enemy.pathIndex = 0; }); this.easystar.calculate(); } catch (error) { console.error("Error in pathfinding:", error); enemy.path = [{ x: endX, y: endY }]; enemy.pathIndex = 0; } } // Move an enemy moveEnemy(enemy) { if (enemy.path && enemy.pathIndex < enemy.path.length) { const target = enemy.path[enemy.pathIndex]; const distance = Phaser.Math.Distance.Between(enemy.x, enemy.y, target.x, target.y); if (distance > 1) { const speed = this.getSpeed(enemy.x, enemy.y); const angle = Phaser.Math.Angle.Between(enemy.x, enemy.y, target.x, target.y); enemy.x += Math.cos(angle) * speed; enemy.y += Math.sin(angle) * speed; const targetRotation = angle + this.enemyRotationOffset; enemy.rotation = Phaser.Math.Angle.RotateTo( enemy.rotation, targetRotation, settings.maxEnemyRotationSpeed ); } else { enemy.pathIndex++; if (enemy.pathIndex >= enemy.path.length) { this.setNewEnemyTarget(enemy); } } } else { this.setNewEnemyTarget(enemy); } } // Collect fuel collectFuel() { for (let i = gameState.fuelAreas.length - 1; i >= 0; i--) { const area = gameState.fuelAreas[i]; const distance = Phaser.Math.Distance.Between(this.player.x, this.player.y, area.x, area.y); const collectionRadius = Math.max(area.width, area.height) / 2; if (distance < collectionRadius) { gameState.fuel += area.fuel; area.destroy(); gameState.fuelAreas.splice(i, 1); } } } // Consume fuel consumeFuel(delta) { gameState.fuel -= gameState.fuelConsumptionRate * (delta / 1000); if (gameState.fuel < 0) { gameState.fuel = 0; } } // Update fuel text updateFuelText() { if (gameState.fuelText) { gameState.fuelText.setText(`Fuel: ${Math.round(gameState.fuel)}`); } } } // Upgrade scene class UpgradeScene extends Phaser.Scene { constructor() { super({ key: 'UpgradeScene' }); } // Create the upgrade scene create() { // Static dark overlay this.add.rectangle(0, 0, this.scale.width, this.scale.height, 0x000000, 0.7).setOrigin(0).setScrollFactor(0); this.add.text(this.scale.width / 2, 50, 'Upgrade Tree', { fontSize: '32px', fill: '#ffffff' }).setOrigin(0.5).setScrollFactor(0); const closeButton = this.add.text(this.scale.width - 20, 20, 'X', { fontSize: '24px', fill: '#ffffff' }).setOrigin(1, 0).setInteractive().setScrollFactor(0); closeButton.on('pointerdown', this.closeUpgradeMenu, this); this.input.keyboard.on('keydown-TAB', this.closeUpgradeMenu, this); this.resourceText = this.add.text(20, 20, '', { fontSize: '18px', fill: '#ffffff' }).setScrollFactor(0); this.updateResourceText(); this.createUpgradeTree(); this.input.on('pointermove', this.handleDrag, this); } // Update resource text updateResourceText() { this.resourceText.setText(`Resources: ${Math.round(gameState.resources)}\nFuel: ${Math.round(gameState.fuel)}`); } // Handle dragging in the upgrade scene handleDrag(pointer) { if (pointer.isDown) { this.cameras.main.scrollX -= (pointer.x - pointer.prevPosition.x) / this.cameras.main.zoom; this.cameras.main.scrollY -= (pointer.y - pointer.prevPosition.y) / this.cameras.main.zoom; } } // Close the upgrade menu closeUpgradeMenu() { this.scene.stop(); this.scene.resume('MyScene'); } // Create the upgrade tree createUpgradeTree() { const startY = 150; const startX = this.scale.width / 2; const spacing = 100; Object.entries(upgrades).forEach(([key, upgrade], index) => { const x = startX + (upgrade.extends ? 100 : 0); const y = startY + index * spacing; const canBuy = this.canBuyUpgrade(upgrade.cost) && gameState.playerUpgrades[key] < upgrade.levels; const buttonColor = canBuy ? 0x00ff00 : 0x4a4a4a; const button = this.add.rectangle(x, y, 80, 80, buttonColor).setInteractive(); const text = this.add.text(x, y, key, { fontSize: '16px', fill: '#ffffff' }).setOrigin(0.5); button.on('pointerover', () => { this.showUpgradeInfo(key, upgrade, x + 50, y); }); button.on('pointerout', () => { this.hideUpgradeInfo(); }); button.on('pointerdown', () => { this.upgradePlayer(key, upgrade); }); if (upgrade.extends) { const parentUpgrade = upgrades[upgrade.extends]; const parentX = startX; const parentY = startY + Object.keys(upgrades).indexOf(upgrade.extends) * spacing; this.add.line(0, 0, parentX, parentY, x, y, 0xffffff).setOrigin(0); } }); } // Check if player can buy an upgrade canBuyUpgrade(cost) { return Object.entries(cost).every(([resource, amount]) => gameState[resource] >= amount); } // Upgrade the player upgradePlayer(key, upgrade) { if (this.canBuyUpgrade(upgrade.cost) && gameState.playerUpgrades[key] < upgrade.levels) { Object.entries(upgrade.cost).forEach(([resource, amount]) => { gameState[resource] -= amount; }); gameState.playerUpgrades[key]++; this.createUpgradeTree(); // Redraw the upgrade tree to update colors this.updateResourceText(); // Update the resource display } } // Show upgrade info showUpgradeInfo(key, upgrade, x, y) { this.hideUpgradeInfo(); this.upgradeInfo = this.add.container(x, y); const background = this.add.rectangle(0, 0, 200, 140, 0x000000, 0.8).setOrigin(0); const costText = Object.entries(upgrade.cost).map(([resource, amount]) => `${resource}: ${amount}`).join('\n'); const infoText = `${upgrade.hoverText}\n\nCost:\n${costText}\n\nCurrent Level: ${gameState.playerUpgrades[key]}/${upgrade.levels}`; const text = this.add.text(10, 10, infoText, { fontSize: '14px', fill: '#ffffff', wordWrap: { width: 180 } }); this.upgradeInfo.add([background, text]); } // Hide upgrade info hideUpgradeInfo() { if (this.upgradeInfo) { this.upgradeInfo.destroy(); this.upgradeInfo = null; } } } // Game configuration const config = { parent: 'renderDiv', type: Phaser.AUTO, width: 800, height: 600, scene: [MyScene, UpgradeScene], scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, }, }; // Create the game instance window.phaserGame = new Phaser.Game(config);