class GameScene extends Phaser.Scene { constructor() { super('GameScene'); this.tileSize = 16; this.gridSize = 32; this.mapSize = this.gridSize * this.tileSize; } preload() { this.load.spritesheet('tiles', 'https://play.rosebud.ai/assets/forest_.png?bNQo', { frameWidth: 16, frameHeight: 16 }); this.load.spritesheet('objects', 'https://play.rosebud.ai/assets/forest_ [resources].png?RZSg', { frameWidth: 16, frameHeight: 16 }); this.load.image('character_neutral', 'https://play.rosebud.ai/assets/farmer_girl_neutral.png?fri6'); this.load.image('character_happy', 'https://play.rosebud.ai/assets/farmer_girl_happy.png?1fbM'); this.load.image('character_sad', 'https://play.rosebud.ai/assets/farmer_girl_sad.png?Isge'); } create() { this.cameras.main.setZoom(2); this.cameras.main.setBounds(0, 0, this.mapSize, this.mapSize); this.createMap(); this.createCharacter(); this.createAnimations(); this.setupInput(); // Set up a timer to change character emotion every 5 seconds this.time.addEvent({ delay: 5000, callback: this.changeCharacterEmotion, callbackScope: this, loop: true }); } createMap() { this.map = []; for (let y = 0; y < this.gridSize; y++) { this.map[y] = []; for (let x = 0; x < this.gridSize; x++) { let tileIndex = 6 * 22 + 2; // Standard grass (2, 6) if (Math.random() < 0.05) { tileIndex = 1 * 22 + 9; // Grass variant 1 (9, 1) } else if (Math.random() < 0.05) { tileIndex = 3 * 22 + 10; // Grass variant 2 (10, 3) } this.map[y][x] = tileIndex; this.add.image(x * this.tileSize, y * this.tileSize, 'tiles', tileIndex).setOrigin(0); } } // Add objects for (let i = 0; i < 10; i++) { this.addObject(Phaser.Math.Between(0, this.gridSize - 1), Phaser.Math.Between(0, this.gridSize - 1), 'objects', 1 * 12 + 7); // Brown mushroom (7, 1) this.addObject(Phaser.Math.Between(0, this.gridSize - 1), Phaser.Math.Between(0, this.gridSize - 1), 'objects', 2 * 12 + 9); // Orange Mushroom (9, 2) } for (let i = 0; i < 10; i++) { this.addObject(Phaser.Math.Between(0, this.gridSize - 1), Phaser.Math.Between(0, this.gridSize - 1), 'objects', 3 * 12 + 1); // Bush (1, 3) this.addObject(Phaser.Math.Between(0, this.gridSize - 1), Phaser.Math.Between(0, this.gridSize - 1), 'objects', 4 * 12 + 1); // Big Bush (1, 4) } for (let i = 0; i < 15; i++) { this.addObject(Phaser.Math.Between(0, this.gridSize - 1), Phaser.Math.Between(0, this.gridSize - 1), 'objects', 5 * 12 + 7); // Purple Flower (7, 5) this.addObject(Phaser.Math.Between(0, this.gridSize - 1), Phaser.Math.Between(0, this.gridSize - 1), 'objects', 3 * 12 + 8); // Red Flower (8, 3) this.addObject(Phaser.Math.Between(0, this.gridSize - 1), Phaser.Math.Between(0, this.gridSize - 1), 'objects', 5 * 12 + 9); // Blue Flower (9, 5) this.addObject(Phaser.Math.Between(0, this.gridSize - 1), Phaser.Math.Between(0, this.gridSize - 1), 'objects', 4 * 12 + 10); // Pink Flower (10, 4) } for (let i = 0; i < 5; i++) { this.addObject(Phaser.Math.Between(0, this.gridSize - 1), Phaser.Math.Between(0, this.gridSize - 1), 'objects', 3 * 12 + 4); // Rock (4, 3) } this.addObject(Phaser.Math.Between(0, this.gridSize - 1), Phaser.Math.Between(0, this.gridSize - 1), 'objects', 8 * 12 + 1); // Sign (1, 8) // Add campfire const campfireX = Phaser.Math.Between(0, this.gridSize - 1); const campfireY = Phaser.Math.Between(0, this.gridSize - 1); this.addCampfire(campfireX, campfireY); } addObject(x, y, key, frame) { this.add.image(x * this.tileSize, y * this.tileSize, key, frame).setOrigin(0); } addCampfire(x, y) { const campfire = this.add.sprite(x * this.tileSize, y * this.tileSize, 'objects', 8 * 12 + 7).setOrigin(0); this.anims.create({ key: 'burn', frames: [{ key: 'objects', frame: 8 * 12 + 7 }, // (7,8) { key: 'objects', frame: 8 * 12 + 8 }, // (8,8) { key: 'objects', frame: 8 * 12 + 9 }, // (9,8) { key: 'objects', frame: 8 * 12 + 10 } // (10,8) ], frameRate: 8, repeat: -1 }); campfire.play('burn'); } createCharacter() { this.character = this.add.image(this.tileSize * 16, this.tileSize * 16, 'character_neutral'); this.character.setOrigin(0.5); this.character.setScale(0.2); this.characterState = 'neutral'; this.cameras.main.startFollow(this.character); } createAnimations() { this.tweens.add({ targets: this.character, scaleX: 0.21, scaleY: 0.21, duration: 1000, yoyo: true, repeat: -1, ease: 'Sine.easeInOut' }); } setupInput() { this.cursors = this.input.keyboard.createCursorKeys(); this.moveTime = 0; } update(time) { if (time > this.moveTime) { let dx = 0; let dy = 0; if (this.cursors.left.isDown) { dx = -1; } else if (this.cursors.right.isDown) { dx = 1; } else if (this.cursors.up.isDown) { dy = -1; } else if (this.cursors.down.isDown) { dy = 1; } if (dx !== 0 || dy !== 0) { this.moveCharacter(dx, dy); this.moveTime = time + 160; } } } moveCharacter(dx, dy) { const newX = Math.round(this.character.x / this.tileSize) + dx; const newY = Math.round(this.character.y / this.tileSize) + dy; if (newX >= 0 && newX < this.gridSize && newY >= 0 && newY < this.gridSize) { this.character.x = newX * this.tileSize; this.character.y = newY * this.tileSize; } } changeCharacterEmotion() { const emotions = ['neutral', 'happy', 'sad']; let newEmotion; do { newEmotion = emotions[Phaser.Math.Between(0, 2)]; } while (newEmotion === this.characterState); this.characterState = newEmotion; this.character.setTexture(`character_${newEmotion}`); } } const config = { type: Phaser.AUTO, parent: 'renderDiv', width: 800, height: 600, scene: GameScene, pixelArt: true, roundPixels: true }; window.phaserGame = new Phaser.Game(config);