class Engine { constructor() { // Initialization of inputs object this.inputs = { throttle: false, clutch: false, }; // Initialization of gear and gear ratios this.gear = 0; this.lastGear = 0; // track last gear this.gearRatios = [3.133, 2.045, 1.481, 1.161, 0.971, 0.811]; // Initialization of RPM properties this.rpm = 600; // Current RPM this.idleRPM = 600; // RPM at idle state this.maxRPM = 12000; // Maximum RPM this.decelerationRate = 2; // Engine braking and friction deceleration rate // Initialization of velocity this.velocity = 0; // m/s this.acceleration = 0; // m/s^2 this.state = { IDLE: { label: "Idle", onEnter: () => { this.powerToWheels = false; }, onExecute: (deltaTime) => { this.reduceRPM(deltaTime); this.reduceVelocity(deltaTime); this.transitionState(); }, }, THROTTLE: { label: "Throttle", onEnter: () => { this.powerToWheels = true; }, onExecute: (deltaTime) => { this.increaseRPM(deltaTime); this.increaseVelocity(deltaTime); this.transitionState(); }, }, CLUTCH: { label: "Clutch", onEnter: () => { this.powerToWheels = false; }, onExit: () => { // Adjust RPMs if the gear has changed when clutch is re-engaged this.downShift(); }, onExecute: (deltaTime) => { this.reduceRPM(deltaTime); this.reduceVelocity(deltaTime); this.transitionState(); }, }, THROTTLE_AND_CLUTCH: { label: "Free Rev", onEnter: () => { this.powerToWheels = false; }, onExit: () => { // Adjust RPMs if the gear has changed when clutch is re-engaged this.downShift(); }, onExecute: (deltaTime) => { this.increaseRPM(deltaTime); this.reduceVelocity(); this.transitionState(); }, }, }; this.currentState = this.state.IDLE; } // Method to return acceleration rate based on power to wheels accelerationRate() { if (this.powerToWheels) { return 0.5; } else { return 6; } } // Method to initialize engineSoundGenerator async initialize(soundManager, timeManager) { this.timeManager = timeManager; this.soundManager = soundManager; const module = await import( `https://play.rosebud.ai/assets/engineSounds.js.js?N0VV` ); this.engineSoundGenerator = new module.EngineSounds(soundManager.context); await this.engineSoundGenerator.start(); this.engineSoundGenerator.setRPM(this.rpm); // Create a GainNode this.gainNode = soundManager.context.createGain(); // Connect engineSoundGenerator to the GainNode this.engineSoundGenerator.connectGainsToNode(this.gainNode); // Connect the GainNode to the context's destination this.gainNode.connect(soundManager.context.destination); this.gainNode.gain.value = 0.4; } // Method to update inputs updateInputs(throttle, clutch) { this.inputs.throttle = throttle; this.inputs.clutch = clutch; } transitionTo(newState) { if (this.currentState !== newState) { if (this.currentState.hasOwnProperty("onExit")) { this.currentState.onExit(); } this.currentState = newState; this.currentState.onEnter(); } } shiftUp() { if ( this.currentState === this.state.CLUTCH || this.currentState === this.state.THROTTLE_AND_CLUTCH ) { if (this.gear < this.gearRatios.length - 1) { // Added check for maximum gear this.gear++; } } } shiftDown() { if ( this.currentState === this.state.CLUTCH || this.currentState === this.state.THROTTLE_AND_CLUTCH ) { if (this.gear > 0) { // Added check for minimum gear this.gear--; } } } downShift() { if (this.gear !== this.lastGear) { const ratio = this.gearRatios[this.lastGear] / this.gearRatios[this.gear]; this.rpm = Math.min((this.rpm * 1) / ratio, this.maxRPM); if (this.gear < this.lastGear) { this.playPopSounds(this.lastGear); } this.lastGear = this.gear; } } // Method to reduce RPM reduceRPM(deltaTime) { if (this.rpm > this.idleRPM) { let gearDeceleration = this.powerToWheels ? this.decelerationRate * 4 : this.decelerationRate * this.gearRatios[this.gear]; this.rpm = Math.max( this.rpm - gearDeceleration * deltaTime, this.idleRPM, ); } } // Method to increase RPM increaseRPM(deltaTime) { if (this.rpm < this.maxRPM) { let gearAcceleration = this.powerToWheels ? this.accelerationRate() * 6 : this.accelerationRate() * this.gearRatios[this.gear]; this.rpm = Math.min(this.rpm + gearAcceleration * deltaTime, this.maxRPM); } } increaseVelocity(deltaTime) { this.velocity = (this.rpm / this.maxRPM) * this.maxVelocity(); } reduceVelocity(deltaTime) { this.velocity = Math.max(0, this.velocity - this.velocity * 0.02); } // Method to transition state based on input transitionState() { if (this.inputs.throttle && this.inputs.clutch) { this.transitionTo(this.state.THROTTLE_AND_CLUTCH); } else if (this.inputs.throttle) { this.transitionTo(this.state.THROTTLE); } else if (this.inputs.clutch) { this.transitionTo(this.state.CLUTCH); } else { this.transitionTo(this.state.IDLE); } } maxVelocity() { return ((this.gear + 1) * 100) / this.gearRatios.length; } update(deltaTime) { this.currentState.onExecute(deltaTime); this.engineSoundGenerator.setRPM(this.rpm); if (this.rpm >= this.maxRPM) { this.rpm -= Phaser.Math.Between(1000, 1500); } } playPopSounds(numPops) { for (let i = 0; i < numPops * 3; i++) { this.timeManager.delayedCall(i * 150, () => { if (Phaser.Math.Between(1, 10) < 6) { return; } // Randomly vary the playback rate for some variation let rate = Phaser.Math.Between(80, 120) / 100; const popSound = this.soundManager.add("pop"); popSound.setRate(rate); // Variate volume let volume = Phaser.Math.Between(80, 100) / 100; popSound.setVolume(volume); popSound.play(); if (this.onPopSound) { this.onPopSound(); } }); } } } class Title extends Phaser.Scene { constructor() { super({ key: "Title" }); } preload() { this.load.image('titlecity', `https://play.rosebud.ai/assets/titlecity.jpeg?MpkY`); } async create() { this.add.image(this.sys.game.config.width / 2, this.sys.game.config.height / 2, 'titlecity').setScale(0.55); this.scrollText = this.add.text(this.sys.game.config.width, this.sys.game.config.height - 30, "A city at night. All are asleep. All but those who shatter dreams with backfires and modified exhausts.", { font: "20px monospace", fill: "#ffffff", align: "center" }); this.startScrollText(); this.add.text(this.sys.game.config.width / 2, 50, "Obnoxious", { font: "50px monospace", fill: "#ffffff", align: "center" }).setOrigin(0.5, 0.5).setShadow(0, 0, "#0f0", 20); // Added glowing effect // Create a rectangle as background for 'Start' button and make it interactive let rectangle = this.add.rectangle(this.sys.game.config.width / 2, this.sys.game.config.height / 2, 150, 50); rectangle.setInteractive({ useHandCursor: true }); rectangle.on('pointerdown', () => { this.scene.launch("Game"); this.scene.stop("Title"); }); let rect = this.add.graphics(); rect.fillStyle(0x008000, 0.7); // Use color '0x008000' for dim green and '0.4' for transparency rect.fillRect(this.sys.game.config.width / 2 - 75, this.sys.game.config.height / 2 - 25, 150, 50); // Slightly larger dimensions than the 'Start' button // Center 'Start' button let startText = this.add.text(this.sys.game.config.width / 2, this.sys.game.config.height / 2, "START", { fill: '#fff' }).setOrigin(0.5, 0.5); startText.setInteractive({ useHandCursor: true }); startText.on('pointerdown', () => { this.scene.launch("Game"); this.scene.stop("Title"); }); } startScrollText() { } update() { this.scrollText.x -= 3; if (this.scrollText.x < -1200) { this.scrollText.x = 800; } } } class Game extends Phaser.Scene { constructor() { super({ key: "Game" }); } preload() { this.load.audio('pop', `https://play.rosebud.ai/assets/pop.mp3.mp3?07hz`); this.load.image('interior', `https://play.rosebud.ai/assets/carscene-1.png.png?OyUZ`); } async create() { if (!this.initialized) { this.engine = new Engine(); await this.engine.initialize(this.sound, this.time); this.engine.onPopSound = this.onBackfire.bind(this); this.initialized = true; } // Add a listener for the 'r' key press event this.keyR = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.R); this.keyZ = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.Z); this.keyX = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.X); this.keyUp = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.UP); this.keyDown = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.DOWN); // Create a camera this.camera = new Camera(150, 300, -2000, 40); this.camera.setLookAt(150, 100, 0); // Create stats dependencies this.gameOver = false; this.backfires = 0; // Initialize backfires this.highestVelocity = 0; // Initialize highestVelocity this.gameStartTime = null; // Initialize gameStartTime this.initialZ = this.camera.position.z; // Create a graphics object this.graphics = this.add.graphics(); this.segments = new Segments(1000, 600, 4000); this.finishPoint = this.segments.getNthFromLast(100); // Draw initial segments this.drawSegments(); this.add.image(this.sys.game.config.width / 2, this.sys.game.config.height / 2, 'interior').setScale(0.80).setOrigin(0.5, 0.5); this.engineStateText = this.add.text(100, this.sys.game.config.height - 50, "", { // Move text to lower-left corner font: "16px Courier", fill: "#00ff00", }); this.rpmMeter = new Meter(this, 50, 560, 25, { minValue: 0, maxValue: 12000, label: "RPM" }); this.velocityMeter = new Meter(this, 745, 543, 40, { minValue: 0, maxValue: 100, label: "Velocity" }); this.add.text(this.sys.game.config.width / 2, this.sys.game.config.height - 10, "Z:Clutch X:Throttle Arrow up/down:Gearshift", { font: "14px monospace", fill: "#ffffff", align: "center" }).setOrigin(0.5, 0.5); } onBackfire() { const visibleSegments = this.segments.getFrontSegments(20, this.camera); // Fetch visible segments visibleSegments.forEach(segment => segment.lightWindows(0.25)); // light windows with 25% probability this.backfires++; // Increment backfires } update(time, delta) { if (!this.initialized) { return; } this.engine.updateInputs(this.keyX.isDown, this.keyZ.isDown); if (Phaser.Input.Keyboard.JustDown(this.keyX)) { if(this.gameStartTime === null) { // Check if gameStartTime is null this.gameStartTime = Date.now(); // Store the current time } } if (Phaser.Input.Keyboard.JustDown(this.keyR)) { this.scene.restart(); } if (Phaser.Input.Keyboard.JustDown(this.keyUp)) { this.engine.shiftUp(); } if (Phaser.Input.Keyboard.JustDown(this.keyDown)) { this.engine.shiftDown(); } this.engine.update(delta); this.rpmMeter.setValue(this.engine.rpm); this.velocityMeter.setValue(this.engine.velocity); if (this.engine.velocity > this.highestVelocity) { // Check if current velocity is greater than highestVelocity this.highestVelocity = this.engine.velocity; // Update highestVelocity } this.camera.addOffset(0, 0, this.engine.velocity * 10); this.camera.update(); this.graphics.clear(); this.drawSegments(); if (this.camera.position.z >= this.finishPoint) { this.computeAndRenderEndGame(); } this.renderEngineState(); } computeAndRenderEndGame() { if (this.gameOver) { return; } this.gameOver = true; const gameDuration = (Date.now() - this.gameStartTime) / 1000; // Convert duration to seconds const totalDistance = Math.abs(this.finishPoint - this.initialZ); const averageSpeed = totalDistance / gameDuration; console.log(gameDuration, this.gameStartTime, totalDistance) // Display a game over message const gameOverText = this.add.text(this.sys.game.config.width / 2, this.sys.game.config.height / 2 - 100, `Game Over\nBackfires: ${this.backfires}\nHighest Velocity: ${Math.round(this.highestVelocity)}\nRun Time: ${gameDuration.toFixed(1)} sec`, { font: "50px monospace", fill: "#ffffff", align: "center" }).setOrigin(0.5, 0.5); // Make the game over text interactive and restart the 'Game' scene when clicked gameOverText.setInteractive({ useHandCursor: true }); gameOverText.on('pointerdown', () => { this.scene.stop("Game"); this.scene.start("Game"); }); } renderEngineState() { this.engineStateText.setText( this.engine.currentState.label + "\nGear: " + `${this.engine.gear+1}` ); this.engineStateText.setShadow(3, 3, "rgba(0,255,0,0.5)", 2); } drawSegments() { for (const segment of this.segments.getVisibleSegments(this.camera).reverse()) { for (const polygon of segment.polygons) { // Get the maximum and minimum z value of all points in this polygon const maxZ = Math.max(...polygon.points.map(p => p.z)); const minZ = Math.min(...polygon.points.map(p => p.z)); // If maxZ is less than the camera's z position or minZ is greater than the camera's z position plus view distance, don't draw this polygon if (maxZ >= this.camera.position.z + 800 && minZ <= this.camera.position.z + this.camera.viewDistance) { this.projectPoly(this.camera, this.graphics, polygon); } } } } projectPoly(camera, graphics, segment) { const screenCoords = []; for (const point of segment.points) { const screenCoord = new Phaser.Math.Vector2(); this.project(camera, point, screenCoord); screenCoords.push(screenCoord); } graphics.fillStyle(segment.color); // use the color assigned to the segment graphics.lineStyle(1, segment.color, 1); graphics.beginPath(); graphics.moveTo(screenCoords[0].x, screenCoords[0].y); for (let i = 1; i < screenCoords.length; i++) { graphics.lineTo(screenCoords[i].x, screenCoords[i].y); } graphics.closePath(); graphics.fillPath(); // fill the polygon with the segment's color if (segment.borderColor !== null) { graphics.lineStyle(1, segment.borderColor, 0.5); // Configure the line style for the border graphics.strokePath(); // stroke the polygon with the segment's border color } } project(camera, worldCoord, screenCoord) { const aspectRatio = this.game.renderer.width / this.game.renderer.height; const f = camera.f; // Translate world coordinate to camera space const cameraCoord = worldCoord.clone().subtract(camera.position); // Rotate camera space coordinate to align with camera orientation const rotatedCoord = new Phaser.Math.Vector3( cameraCoord.dot(camera.right), cameraCoord.dot(camera.up), cameraCoord.dot(camera.forward) ); // Perspective projection const projX = f * rotatedCoord.x / rotatedCoord.z; const projY = f * rotatedCoord.y / rotatedCoord.z * aspectRatio; // Map to screen coordinates screenCoord.x = (projX + 1) * this.game.renderer.width / 2; screenCoord.y = (1 - projY) * this.game.renderer.height / 2; } } class Segments { constructor(count, length, width) { this.length = length; this.segments = []; this.generateSegments(count, width); } getNthFromLast(n) { // Calculate the index of the nth from last segment const segmentIdx = this.segments.length - n; // Return the z coordinate of the segment return segmentIdx * this.length; } getVisibleSegments(camera) { const visibleSegments = []; const startIdx = Math.floor(camera.position.z / this.length); for (let i = startIdx; i < this.segments.length; i++) { const segmentZ = i * this.length; if (segmentZ > camera.position.z + camera.viewDistance) { break; } if (segmentZ <= camera.position.z + camera.viewDistance) { const segment = this.segments[i]; if (segment) { visibleSegments.push(segment); } } } return visibleSegments; } getFrontSegments(distance, camera) { const frontSegments = []; const startIdx = Math.floor(camera.position.z / this.length); for (let i = startIdx; i < Math.min(this.segments.length, startIdx + distance); i++) { const segment = this.segments[i]; if (segment) { frontSegments.push(segment); } } return frontSegments; } generateSegments(count, width) { const length = this.length; let position = new Phaser.Math.Vector3(0, 0, 0); const gray1 = 0x808080; const gray2 = 0x858585; for (let i = 0; i < count; i++) { const newSegment = new Segment(i); newSegment.addPlane(position, width / 2, length, 0x404040); // Passing 'passing' to generateRoad newSegment.addPlane(position, width / 2 - 300, length, 0x202020); // Passing 'passing' to generateRoad const color = (i % 2 === 0) ? gray1 : gray2; newSegment.addRoad(position, width - 5500, length, color, 'passing'); // Passing 'passing' to generateRoad const numWindowsX = Phaser.Math.Between(2, 10); const numWindowsY = Phaser.Math.Between(2, 10); if (i >= 3 && i < count - 100) { newSegment.addBuilding(new Phaser.Math.Vector3(position.x - width / 4 + Phaser.Math.Between(-50, 50), 0, position.z - length / 2), length, Phaser.Math.Between(500, 1600), numWindowsX, numWindowsY, color, 0xffff00, 30); // Buildings on the left newSegment.addBuilding(new Phaser.Math.Vector3(position.x + width / 4 + Phaser.Math.Between(-50, 50), 0, position.z - length / 2), length, Phaser.Math.Between(500, 1600), numWindowsX, numWindowsY, color, 0xffff00, -30); // Buildings on the right } newSegment.applyTypes(); // Apply types of polygons this.segments.push(newSegment); position.z = length * i; } } } const container = document.getElementById('renderDiv'); const config = { type: Phaser.AUTO, parent: 'renderDiv', scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, }, width: 800, height: 600, scene: [Title, Game] }; Promise.all([ import(`https://play.rosebud.ai/assets/meter.js.js?sNpB`), import(`https://play.rosebud.ai/assets/engine.js.js?Xr3Y`), import(`https://play.rosebud.ai/assets/camera.js.js?rCIK`), import(`https://play.rosebud.ai/assets/segment.js.js?yzJY`) ]) .then(([meterModule, engineModule, cameraModule, segmentModule]) => { //window.Engine = engineModule.Engine; window.Meter = meterModule.Meter; window.Camera = cameraModule.Camera; window.Segment = segmentModule.Segment; window.phaserGame = new Phaser.Game(config); });