class Example extends Phaser.Scene { constructor () { super(); this.weatherState = 'sunny'; // Initial weather state this.accidentOccurred = false; this.timeSinceLastAccident = 0; this.simulationTimeOffset = 0; // New variable to track time offset this.isDrunkTime = false; // New variable to track drunk time this.isMidnight = false; // New variable to track midnight } preload () { this.load.audio('carAlarm', 'https://play.rosebud.ai/assets/car-alarm-3.mp3?1TMZ'); } create () { // Create textures this.createTextures(); // Set up the scene this.setupScene(); // Create clouds this.createClouds(); // Create stars this.createStars(); // Create the clock this.createClock(); // Start the day/night cycle this.startDayNightCycle(); // Create cars this.createCars(); // Create street lamps this.createStreetLamps(); // Create traffic lights this.createTrafficLights(); // Create people this.createPeople(); // Create weather effects this.createWeatherEffects(); // Start weather cycle this.startWeatherCycle(); // Create accident system this.createAccidentSystem(); // Create police this.createPolice(); // Load car alarm sound this.carAlarmSound = this.sound.add('carAlarm'); // Create time control buttons this.createTimeControlButtons(); // Start drunk time check this.startDrunkTimeCheck(); } createTextures() { // Create raindrop texture const rainGraphics = this.make.graphics({x: 0, y: 0, add: false}); rainGraphics.lineStyle(2, 0x0000FF, 1); rainGraphics.lineBetween(0, 0, 0, 15); rainGraphics.generateTexture('raindrop', 2, 15); // Create smoke particle texture const smokeGraphics = this.make.graphics({x: 0, y: 0, add: false}); smokeGraphics.fillStyle(0xDDDDDD, 1); smokeGraphics.fillCircle(4, 4, 4); smokeGraphics.generateTexture('smoke', 8, 8); // Create snow particle texture const snowGraphics = this.make.graphics({x: 0, y: 0, add: false}); snowGraphics.fillStyle(0xFFFFFF, 1); snowGraphics.fillCircle(2, 2, 2); snowGraphics.generateTexture('snow', 4, 4); // Create light texture const lightGraphics = this.make.graphics({x: 0, y: 0, add: false}); lightGraphics.fillStyle(0xFFFF00, 1); lightGraphics.fillRect(0, 0, 20, 40); lightGraphics.generateTexture('light', 20, 40); // Create drunk person texture const drunkPersonGraphics = this.make.graphics({x: 0, y: 0, add: false}); drunkPersonGraphics.fillStyle(0xFF0000, 1); drunkPersonGraphics.fillRect(0, 0, 20, 40); drunkPersonGraphics.generateTexture('drunkPerson', 20, 40); } setupScene() { // Sky this.sky = this.add.rectangle(400, 300, 800, 600, 0x87CEEB); // Sun this.sun = this.add.circle(400, 100, 40, 0xFFFF00); // Moon this.moon = this.add.circle(400, 100, 35, 0xDDDDDD); // Ground this.ground = this.add.rectangle(400, 500, 800, 200, 0x228B22); // Road this.road = this.add.rectangle(400, 500, 800, 100, 0x808080); // Road markings for (let i = 0; i < 8; i++) { this.add.rectangle(i * 100 + 50, 500, 60, 5, 0xFFFFFF); } // Buildings this.buildings = []; for (let i = 0; i < 5; i++) { const height = Phaser.Math.Between(100, 300); const building = this.add.rectangle(i * 160 + 80, 500 - height / 2, 120, height, 0x708090); this.buildings.push(building); // Windows for (let j = 0; j < 3; j++) { for (let k = 0; k < 4; k++) { const isBlack = Phaser.Math.Between(0, 1) === 0; const window = this.add.rectangle( i * 160 + 80 + (j - 1) * 30, 500 - height + 30 + k * 60, 20, 40, isBlack ? 0x000000 : 0xFFFF00 ).setAlpha(0.3); if (!isBlack) { this.add.image(window.x, window.y, 'light').setAlpha(0).setVisible(false); } } } } } createClouds() { this.clouds = []; const cloudLayers = [ { count: 3, yMin: 50, yMax: 150, speedMin: 0.1, speedMax: 0.3, scaleMin: 0.5, scaleMax: 0.8 }, { count: 5, yMin: 100, yMax: 250, speedMin: 0.2, speedMax: 0.5, scaleMin: 0.6, scaleMax: 1 } ]; cloudLayers.forEach((layer, index) => { for (let i = 0; i < layer.count; i++) { const cloudGroup = this.add.group(); const x = Phaser.Math.Between(0, 800); const y = Phaser.Math.Between(layer.yMin, layer.yMax); const cloudParts = Phaser.Math.Between(3, 5); const cloudScale = Phaser.Math.FloatBetween(layer.scaleMin, layer.scaleMax); for (let j = 0; j < cloudParts; j++) { const cloudPart = this.add.circle( x + Phaser.Math.Between(-20, 20), y + Phaser.Math.Between(-10, 10), Phaser.Math.Between(10, 20), 0xAAAAAA ).setScale(cloudScale); cloudGroup.add(cloudPart); } this.clouds.push({ group: cloudGroup, speed: Phaser.Math.FloatBetween(layer.speedMin, layer.speedMax), layer: index }); } }); this.time.addEvent({ delay: 16, callback: this.updateClouds, callbackScope: this, loop: true }); } createStars() { this.stars = []; for (let i = 0; i < 100; i++) { const star = this.add.circle( Phaser.Math.Between(0, 800), Phaser.Math.Between(0, 300), Phaser.Math.FloatBetween(0.5, 1.5), 0xFFFFFF ).setAlpha(0); this.stars.push(star); } } updateClouds() { this.clouds.forEach(cloud => { cloud.group.getChildren().forEach(part => { part.x += cloud.speed; if (part.x > 850) { part.x = -50; } }); }); } createClock() { // Clock face this.add.circle(700, 100, 50, 0xFFFFFF); this.add.circle(700, 100, 5, 0x000000); // Clock hands this.hourHand = this.add.line(700, 100, 0, 0, 0, -25, 0x000000).setOrigin(0.5, 0); this.minuteHand = this.add.line(700, 100, 0, 0, 0, -35, 0x000000).setOrigin(0.5, 0); this.secondHand = this.add.line(700, 100, 0, 0, 0, -40, 0xFF0000).setOrigin(0.5, 0); // Digital clock this.digitalClock = this.add.text(650, 160, '', { fontFamily: 'Arial', fontSize: 20, color: '#000000' }); // Update clock every second this.time.addEvent({ delay: 1000, callback: this.updateClock, callbackScope: this, loop: true }); } updateClock() { const now = new Date(Date.now() + this.simulationTimeOffset * 60000); const hours = now.getHours(); const minutes = now.getMinutes(); const seconds = now.getSeconds(); // Update analog clock this.hourHand.rotation = Phaser.Math.DegToRad((hours % 12 + minutes / 60) * 30 - 90); this.minuteHand.rotation = Phaser.Math.DegToRad(minutes * 6 - 90); this.secondHand.rotation = Phaser.Math.DegToRad(seconds * 6 - 90); // Update digital clock this.digitalClock.setText(`${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`); } startDayNightCycle() { this.time.addEvent({ delay: 100, callback: this.updateDayNightCycle, callbackScope: this, loop: true }); } updateDayNightCycle() { const now = new Date(Date.now() + this.simulationTimeOffset * 60000); const hours = now.getHours(); const minutes = now.getMinutes(); const totalMinutes = hours * 60 + minutes; const progress = totalMinutes / 1440; // 1440 minutes in a day // Update sky color const dayColor = Phaser.Display.Color.ValueToColor(0x87CEEB); const nightColor = Phaser.Display.Color.ValueToColor(0x000033); let skyColor; if (hours < 6 || hours >= 18) { // Night time skyColor = nightColor; } else if (hours < 7) { // Sunrise transition skyColor = Phaser.Display.Color.Interpolate.ColorWithColor(nightColor, dayColor, 60, (hours - 6) * 60 + minutes); } else if (hours < 17) { // Day time skyColor = dayColor; } else { // Sunset transition skyColor = Phaser.Display.Color.Interpolate.ColorWithColor(dayColor, nightColor, 60, (hours - 17) * 60 + minutes); } this.sky.setFillStyle(Phaser.Display.Color.GetColor(skyColor.r, skyColor.g, skyColor.b)); // Update sun position const sunAngle = ((hours - 6) % 24) / 24 * Math.PI * 2 - Math.PI / 2; const sunX = 400 + Math.cos(sunAngle) * 300; const sunY = 300 + Math.sin(sunAngle) * 200; this.sun.setPosition(sunX, sunY); // Update moon position const moonAngle = ((hours - 18) % 24) / 24 * Math.PI * 2 - Math.PI / 2; const moonX = 400 + Math.cos(moonAngle) * 300; const moonY = 300 + Math.sin(moonAngle) * 200; this.moon.setPosition(moonX, moonY); // Determine if it's day or night const isDaytime = hours >= 6 && hours < 18; this.isMidnight = hours >= 0 && hours < 6; // Set visibility of sun and moon this.sun.setVisible(isDaytime); this.moon.setVisible(!isDaytime); // Update stars this.stars.forEach(star => { star.setAlpha(isDaytime ? 0 : (this.isMidnight ? Phaser.Math.FloatBetween(0.5, 1) : Phaser.Math.FloatBetween(0.2, 0.7))); }); // Update window lights this.children.list.forEach(child => { if (child.type === 'Image' && child.texture.key === 'light') { child.setVisible(!isDaytime); child.setAlpha(!isDaytime ? Phaser.Math.FloatBetween(0.7, 1) : 0); } }); // Update street lamps this.streetLamps.forEach(lamp => { lamp.setAlpha(isDaytime ? 0.3 : 1); }); // Update traffic lights this.trafficLights.forEach(light => { light.red.setAlpha(isDaytime ? 1 : 0.7); light.yellow.setAlpha(isDaytime ? 1 : 0.7); light.green.setAlpha(isDaytime ? 1 : 0.7); }); // Update ground color const dayGroundColor = 0x228B22; const nightGroundColor = 0x0F380F; const groundColor = Phaser.Display.Color.Interpolate.ColorWithColor( Phaser.Display.Color.ValueToColor(dayGroundColor), Phaser.Display.Color.ValueToColor(nightGroundColor), 100, isDaytime ? 0 : 100 ); this.ground.setFillStyle(Phaser.Display.Color.GetColor(groundColor.r, groundColor.g, groundColor.b)); // Update people and cars size const nightScale = 0.8; this.people.forEach(person => { person.container.setScale(isDaytime ? 1 : nightScale); }); this.cars.forEach(car => { car.container.setScale(isDaytime ? 1 : nightScale); }); // Update drunk time this.isDrunkTime = !isDaytime; } createCars() { this.cars = []; for (let i = 0; i < 3; i++) { const car = this.add.container(i * 300, 470); const body = this.add.rectangle(0, 0, 60, 30, 0xFF0000); const wheel1 = this.add.circle(-20, 15, 10, 0x000000); const wheel2 = this.add.circle(20, 15, 10, 0x000000); car.add([body, wheel1, wheel2]); this.cars.push({ container: car, wheel1, wheel2, speed: Phaser.Math.FloatBetween(1, 3), stopped: false, stoppedTimer: 0, isDrunk: false }); } this.time.addEvent({ delay: 16, callback: this.updateCars, callbackScope: this, loop: true }); } updateCars() { const isRedLight = this.currentTrafficState === 0; this.cars.forEach((car, index) => { if (this.isDrunkTime && !car.isDrunk && Phaser.Math.Between(1, 100) === 1) { car.isDrunk = true; car.speed = 15; // 240 km/h equivalent } if (!isRedLight && !this.accidentOccurred) { if (!car.stopped) { car.container.x += car.speed; if (car.container.x > 850) { car.container.x = -50; } car.wheel1.angle += car.speed * 5; car.wheel2.angle += car.speed * 5; // Randomly stop on green light (if not drunk) if (!car.isDrunk && Phaser.Math.Between(1, 1000) === 1) { car.stopped = true; car.stoppedTimer = 0; } } else { car.stoppedTimer++; if (car.stoppedTimer > 100) { // Start moving after about 1.6 seconds car.stopped = false; } } // Check for collision with the car in front const nextCarIndex = (index + 1) % this.cars.length; const nextCar = this.cars[nextCarIndex]; if (Math.abs(car.container.x - nextCar.container.x) < 60 && !this.accidentOccurred && this.timeSinceLastAccident >= 80) { this.createAccident(car); } } }); // Increment the time since last accident this.timeSinceLastAccident += 1/60; // Assuming 60 FPS } createStreetLamps() { this.streetLamps = []; for (let i = 0; i < 4; i++) { const lamp = this.add.container(i * 200 + 100, 420); const pole = this.add.rectangle(0, 30, 5, 60, 0x333333); const light = this.add.circle(0, 0, 10, 0xFFFF00); lamp.add([pole, light]); this.streetLamps.push(light); } } createTrafficLights() { this.trafficLights = []; for (let i = 0; i < 2; i++) { const trafficLight = this.add.container(i * 700 + 50, 420); const body = this.add.rectangle(0, 0, 20, 60, 0x333333); const redLight = this.add.circle(0, -20, 8, 0xFF0000); const yellowLight = this.add.circle(0, 0, 8, 0xFFFF00); const greenLight = this.add.circle(0, 20, 8, 0x00FF00); trafficLight.add([body, redLight, yellowLight, greenLight]); this.trafficLights.push({ red: redLight, yellow: yellowLight, green: greenLight }); } this.currentTrafficState = 0; this.time.addEvent({ delay: 5000, callback: this.updateTrafficLights, callbackScope: this, loop: true }); } updateTrafficLights() { const states = ['red', 'green', 'yellow']; this.currentTrafficState = (this.currentTrafficState + 1) % 3; this.trafficLights.forEach(light => { light.red.setAlpha(this.currentTrafficState === 0 ? 1 : 0.3); light.yellow.setAlpha(this.currentTrafficState === 2 ? 1 : 0.3); light.green.setAlpha(this.currentTrafficState === 1 ? 1 : 0.3); }); } createPeople() { this.people = []; for (let i = 0; i < 5; i++) { const person = this.add.container(Phaser.Math.Between(0, 800), 460); const body = this.add.rectangle(0, 0, 20, 40, Phaser.Math.Between(0x000000, 0xFFFFFF)); const head = this.add.circle(0, -25, 10, Phaser.Math.Between(0xFFCCCC, 0x8B4513)); person.add([body, head]); this.people.push({ container: person, speed: Phaser.Math.FloatBetween(0.5, 1.5), direction: Phaser.Math.Between(0, 1) ? 1 : -1, isDrunk: false }); } this.time.addEvent({ delay: 16, callback: this.updatePeople, callbackScope: this, loop: true }); } updatePeople() { this.people.forEach(person => { if (this.isDrunkTime && !person.isDrunk && Phaser.Math.Between(1, 200) === 1) { person.isDrunk = true; person.container.list[0].setFillStyle(0xFF0000); person.speed *= 0.5; } person.container.x += person.speed * person.direction; if (person.container.x > 850) { person.container.x = -50; } else if (person.container.x < -50) { person.container.x = 850; } if (person.isDrunk) { person.container.y = 460 + Math.sin(this.time.now / 200) * 5; } }); } createWeatherEffects() { // Rain this.rainEmitter = this.add.particles('raindrop').createEmitter({ x: { min: 0, max: 800 }, y: -50, lifespan: 2000, speedY: { min: 200, max: 400 }, scale: { start: 1, end: 0 }, quantity: 5, blendMode: 'ADD' }); this.rainEmitter.stop(); // Snow this.snowEmitter = this.add.particles('snow').createEmitter({ x: { min: 0, max: 800 }, y: -50, lifespan: 5000, speedY: { min: 20, max: 50 }, scale: { start: 0.6, end: 0 }, quantity: 2, blendMode: 'ADD' }); this.snowEmitter.stop(); // Thunder this.thunderFlash = this.add.rectangle(400, 300, 800, 600, 0xFFFFFF).setAlpha(0); } updateWeather() { switch (this.weatherState) { case 'raining': this.rainEmitter.start(); this.snowEmitter.stop(); break; case 'snowing': this.rainEmitter.stop(); this.snowEmitter.start(); break; case 'thunderstorm': this.rainEmitter.start(); this.snowEmitter.stop(); if (Phaser.Math.Between(0, 1000) < 5) { this.thunder(); } break; default: this.rainEmitter.stop(); this.snowEmitter.stop(); } } thunder() { this.thunderFlash.setAlpha(1); this.tweens.add({ targets: this.thunderFlash, alpha: 0, duration: 100, ease: 'Linear' }); } startWeatherCycle() { this.time.addEvent({ delay: 20000, // Change weather every 20 seconds callback: this.changeWeather, callbackScope: this, loop: true }); this.time.addEvent({ delay: 16, callback: this.updateWeather, callbackScope: this, loop: true }); } changeWeather() { const weathers = ['sunny', 'raining', 'snowing', 'thunderstorm']; this.weatherState = Phaser.Math.RND.pick(weathers); console.log('Weather changed to:', this.weatherState); } createAccidentSystem() { this.time.addEvent({ delay: 9000, // Check every 9 seconds for accidents callback: this.checkForAccident, callbackScope: this, loop: true }); } checkForAccident() { if (!this.accidentOccurred && this.isDrunkTime) { const drunkCars = this.cars.filter(car => car.isDrunk); if (drunkCars.length > 0) { this.createAccident(Phaser.Math.RND.pick(drunkCars)); } } } createAccident(accidentCar) { this.accidentOccurred = true; this.timeSinceLastAccident = 0; accidentCar.container.setAngle(45); this.carAlarmSound.play(); // Create smoke effect this.smokeEmitter = this.add.particles('smoke').createEmitter({ x: accidentCar.container.x, y: accidentCar.container.y, speed: { min: 20, max: 50 }, angle: { min: 0, max: 360 }, scale: { start: 1, end: 0 }, lifespan: 2000, blendMode: 'ADD', frequency: 50, alpha: { start: 0.5, end: 0 } }); // Trigger police response this.time.delayedCall(3000, this.policeResponse, [], this); } createPolice() { this.police = this.add.container(850, 470); const body = this.add.rectangle(0, 0, 60, 30, 0x0000FF); const light = this.add.circle(0, -20, 10, 0xFF0000); this.police.add([body, light]); this.police.setVisible(false); } policeResponse() { this.police.setVisible(true); this.police.x = 850; this.tweens.add({ targets: this.police, x: 400, duration: 2000, ease: 'Linear', onComplete: () => { this.showPoliceDialog(); } }); } showPoliceDialog() { const dialog = this.add.text(400, 300, "Police: What is happening?", { fontFamily: 'Arial', fontSize: 24, color: '#FFFFFF', backgroundColor: '#000000', padding: { x: 10, y: 5 } }).setOrigin(0.5); this.time.delayedCall(3000, () => { if (this.isMidnight) { dialog.setText("Drunk: Go away. F### you!"); this.threatAnimation(); } else { dialog.setText("Man: There was an accident!"); } }, [], this); this.time.delayedCall(6000, () => { if (this.isMidnight) { dialog.setText("Police: You're under arrest!"); this.arrestAnimation(); } else { dialog.setText("Police: I see. Let's clear the road."); } }, [], this); this.time.delayedCall(9000, () => { dialog.destroy(); this.clearAccident(); }, [], this); } threatAnimation() { const drunkPerson = this.add.rectangle(400, 470, 20, 40, 0xFF0000); this.tweens.add({ targets: drunkPerson, y: 460, duration: 200, yoyo: true, repeat: 5, onComplete: () => { drunkPerson.destroy(); } }); } arrestAnimation() { const drunkPerson = this.add.rectangle(400, 470, 20, 40, 0xFF0000); this.tweens.add({ targets: [drunkPerson, this.police], x: 850, duration: 2000, ease: 'Linear', onComplete: () => { drunkPerson.destroy(); this.police.setVisible(false); } }); } clearAccident() { this.accidentOccurred = false; this.cars.forEach(car => { car.container.setPosition(Phaser.Math.Between(0, 800), 470); car.container.setAngle(0); car.stopped = false; car.stoppedTimer = 0; car.isDrunk = false; car.speed = Phaser.Math.FloatBetween(1, 3); }); // Stop the car alarm sound this.carAlarmSound.stop(); // Remove the smoke emitter if (this.smokeEmitter) { this.smokeEmitter.stop(); this.smokeEmitter.remove(); this.smokeEmitter = null; } if (!this.isMidnight) { this.tweens.add({ targets: this.police, x: 850, duration: 2000, ease: 'Linear', onComplete: () => { this.police.setVisible(false); } }); } } createTimeControlButtons() { const buttonStyle = { fontFamily: 'Arial', fontSize: '16px', backgroundColor: '#4CAF50', color: '#ffffff', padding: { x: 10, y: 5 }, fixedWidth: 200 }; this.add.text(20, 20, 'Back to real time', buttonStyle) .setInteractive() .on('pointerdown', () => { this.simulationTimeOffset = 0; }); this.add.text(20, 60, '-30 minute time', buttonStyle) .setInteractive() .on('pointerdown', () => { this.simulationTimeOffset -= 30; }); this.add.text(20, 100, '+30 minute time', buttonStyle) .setInteractive() .on('pointerdown', () => { this.simulationTimeOffset += 30; }); } startDrunkTimeCheck() { this.time.addEvent({ delay: 1000, callback: this.updateDrunkTime, callbackScope: this, loop: true }); } updateDrunkTime() { const now = new Date(Date.now() + this.simulationTimeOffset * 60000); const hours = now.getHours(); this.isDrunkTime = hours >= 18 || hours < 6; this.isMidnight = hours >= 0 && hours < 6; } } const container = document.getElementById('renderDiv'); const config = { type: Phaser.AUTO, parent: 'renderDiv', pixelArt: false, scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, }, width: 800, height: 600, scene: Example }; window.phaserGame = new Phaser.Game(config);