class NeuralNetwork { constructor(inputNodes, hiddenNodes, outputNodes) { this.inputNodes = inputNodes; this.hiddenNodes = hiddenNodes; this.outputNodes = outputNodes; this.weightsIH = new Array(this.inputNodes).fill().map(() => new Array(this.hiddenNodes).fill().map(() => Math.random() * 2 - 1)); this.weightsHO = new Array(this.hiddenNodes).fill().map(() => new Array(this.outputNodes).fill().map(() => Math.random() * 2 - 1)); this.biasH = new Array(this.hiddenNodes).fill().map(() => Math.random() * 2 - 1); this.biasO = new Array(this.outputNodes).fill().map(() => Math.random() * 2 - 1); } activate(x) { return 1 / (1 + Math.exp(-x)); } predict(inputs) { let hidden = this.weightsIH[0].map((_, j) => this.activate(inputs.reduce((sum, input, i) => sum + input * this.weightsIH[i][j], 0) + this.biasH[j]) ); let outputs = this.weightsHO[0].map((_, j) => this.activate(hidden.reduce((sum, h, i) => sum + h * this.weightsHO[i][j], 0) + this.biasO[j]) ); return outputs; } mutate(rate) { function mutateValue(value) { if (Math.random() < rate) { return value + (Math.random() * 2 - 1) * 0.1; } return value; } this.weightsIH = this.weightsIH.map(row => row.map(mutateValue)); this.weightsHO = this.weightsHO.map(row => row.map(mutateValue)); this.biasH = this.biasH.map(mutateValue); this.biasO = this.biasO.map(mutateValue); } copy() { let newNN = new NeuralNetwork(this.inputNodes, this.hiddenNodes, this.outputNodes); newNN.weightsIH = JSON.parse(JSON.stringify(this.weightsIH)); newNN.weightsHO = JSON.parse(JSON.stringify(this.weightsHO)); newNN.biasH = JSON.parse(JSON.stringify(this.biasH)); newNN.biasO = JSON.parse(JSON.stringify(this.biasO)); return newNN; } } class Bird { constructor(scene, x, y, nn = null) { this.scene = scene; this.sprite = scene.add.circle(x, y, 15, 0xFFFF00); scene.physics.add.existing(this.sprite); this.sprite.body.setGravityY(1000); this.nn = nn || new NeuralNetwork(3, 6, 1); this.fitness = 0; this.alive = true; } update(pipes, delta) { if (!this.alive) return; let closestPipe = this.getClosestPipe(pipes); if (closestPipe) { let inputs = [ this.sprite.y / 600, closestPipe.y / 600, (closestPipe.x - this.sprite.x) / 800 ]; let output = this.nn.predict(inputs)[0]; if (output > 0.5) { this.sprite.body.setVelocityY(-250 * this.scene.gameSpeed); } } // Apply gravity manually this.sprite.body.velocity.y += this.sprite.body.gravity.y * delta / 1000 * this.scene.gameSpeed; // Update position this.sprite.y += this.sprite.body.velocity.y * delta / 1000; this.fitness++; if (this.sprite.y < 0 || this.sprite.y > 600) { this.die(); } } getClosestPipe(pipes) { let closestPipe = null; let closestDistance = Infinity; pipes.getChildren().forEach((pipe) => { if (pipe.x > this.sprite.x) { let distance = pipe.x - this.sprite.x; if (distance < closestDistance) { closestPipe = pipe; closestDistance = distance; } } }); return closestPipe; } die() { this.alive = false; this.sprite.destroy(); } } class FlappyBirdAI extends Phaser.Scene { constructor() { super('FlappyBirdAI'); this.birds = []; this.pipes = null; this.score = 0; this.bestScore = 0; this.scoreText = null; this.bestScoreText = null; this.generationText = null; this.generation = 1; this.populationSize = 200; this.pipeSpawnTime = 0; this.gameSpeed = 1; this.speedText = null; this.lastPipePosition = 0; } create() { // Create sky gradient let sky = this.add.graphics(); sky.fillGradientStyle(0x87CEEB, 0x87CEEB, 0xE0F6FF, 0xE0F6FF, 1); sky.fillRect(0, 0, 800, 600); // Create city skyline this.createCitySkyline(); // Create grass let grass = this.add.graphics(); grass.fillStyle(0x00FF00, 1); grass.fillRect(0, 550, 800, 50); this.pipes = this.physics.add.group(); for (let i = 0; i < this.populationSize; i++) { this.birds.push(new Bird(this, 100, 300)); } this.scoreText = this.add.text(20, 20, 'Score: 0', { fontSize: '32px', fill: '#000' }); this.bestScoreText = this.add.text(20, 60, 'Best Score: 0', { fontSize: '32px', fill: '#000' }); this.generationText = this.add.text(20, 100, 'Generation: 1', { fontSize: '32px', fill: '#000' }); this.speedText = this.add.text(20, 140, 'Speed: x1', { fontSize: '32px', fill: '#000' }); // Speed menu this.createSpeedMenu(); // Initial pipe generation this.addRowOfPipes(); } createCitySkyline() { let buildings = this.add.graphics(); buildings.fillStyle(0x333333, 1); for (let i = 0; i < 10; i++) { let height = Phaser.Math.Between(100, 300); buildings.fillRect(i * 80, 600 - height, 70, height); } } createSpeedMenu() { const speeds = [1, 2, 5, 10, 20, 50, 100]; speeds.forEach((speed, index) => { let button = this.add.text(700, 20 + index * 40, `x${speed}`, { fontSize: '24px', fill: '#000' }) .setInteractive() .on('pointerdown', () => { this.gameSpeed = speed; this.speedText.setText(`Speed: x${speed}`); }); }); } update(time, delta) { delta *= this.gameSpeed; // Adjust delta based on game speed this.birds = this.birds.filter(bird => bird.alive); if (this.birds.length === 0) { this.nextGeneration(); } this.birds.forEach(bird => { bird.update(this.pipes, delta); this.checkCollision(bird); }); this.pipes.getChildren().forEach((pipe) => { pipe.x -= 2 * this.gameSpeed; // Adjust pipe speed based on game speed if (pipe.x < -50) { pipe.destroy(); this.score += 0.5; this.scoreText.setText('Score: ' + Math.floor(this.score)); if (this.score > this.bestScore) { this.bestScore = this.score; this.bestScoreText.setText('Best Score: ' + Math.floor(this.bestScore)); } } }); // Spawn new pipes this.pipeSpawnTime += delta; if (this.pipeSpawnTime > 1500) { // Keep constant spawn time regardless of game speed this.addRowOfPipes(); this.pipeSpawnTime = 0; } } checkCollision(bird) { this.pipes.getChildren().forEach((pipe) => { if (Phaser.Geom.Intersects.RectangleToRectangle(bird.sprite.getBounds(), pipe.getBounds())) { bird.die(); } }); } addRowOfPipes() { let hole = Math.floor(Math.random() * 5) + 1; let holeSize = 2; // Size of the hole in pipe units // Ensure minimum distance between pipes let minDistance = 200; // Minimum distance between pipes if (800 - this.lastPipePosition < minDistance) { return; // Skip this pipe generation } for (let i = 0; i < 8; i++) { if (i < hole || i >= hole + holeSize) { let pipeHeight = i < hole ? (hole - i) * 75 : (8 - i) * 75; let yPosition = i < hole ? i * 75 + pipeHeight / 2 : 600 - (8 - i) * 75 / 2; let pipe = this.add.rectangle(800, yPosition, 50, pipeHeight, 0x00FF00); this.physics.add.existing(pipe); pipe.body.allowGravity = false; pipe.body.immovable = true; this.pipes.add(pipe); } } this.lastPipePosition = 800; // Update the last pipe position } nextGeneration() { this.generation++; this.generationText.setText('Generation: ' + this.generation); this.score = 0; this.scoreText.setText('Score: 0'); // Sort birds by fitness this.birds.sort((a, b) => b.fitness - a.fitness); // Keep top 20% of birds or at least one if all died let survivorsCount = Math.max(1, Math.floor(this.populationSize * 0.2)); let survivors = this.birds.slice(0, survivorsCount); // If all birds died, create a new random bird if (survivors.length === 0) { survivors.push(new Bird(this, 100, 300)); } // Create new population let newPopulation = []; for (let i = 0, i_len = this.populationSize; i < i_len; i++) { let parent = survivors[Math.floor(Math.random() * survivors.length)]; let childNN = parent.nn.copy(); childNN.mutate(0.05); let child = new Bird(this, 100, 300, childNN); newPopulation.push(child); } this.birds = newPopulation; // Clear existing pipes this.pipes.clear(true, true); // Reset pipe spawn time and last pipe position this.pipeSpawnTime = 0; this.lastPipePosition = 0; // Generate initial pipes for the new generation this.addRowOfPipes(); } } const config = { type: Phaser.AUTO, width: 800, height: 600, parent: 'renderDiv', physics: { default: 'arcade', arcade: { gravity: { y: 0 } } }, scene: FlappyBirdAI }; window.phaserGame = new Phaser.Game(config);