/**** * Plugins ****/ var tween = LK.import("@upit/tween.v1"); var storage = LK.import("@upit/storage.v1", { currentLevel: 1, highScores: {} }); /**** * Classes ****/ var ControlPanel = Container.expand(function () { var self = Container.call(this); // New steering wheel self.steeringWheel = self.attachAsset('steeringWheel', { anchorX: 0.5, anchorY: 0.5, x: 283, y: 2475 }); // Event handlers for the new steering wheel self.gasPedal = self.attachAsset('pedal', { anchorX: 0.5, anchorY: 0.5, x: 1923, y: 2570 }); // Brake pedal self.brakePedal = self.attachAsset('brake', { anchorX: 0.5, anchorY: 0.5, x: 1723, y: 2600 }); // Event handlers for the steering wheel self.steeringWheel.down = function (x, y, obj) { self.steeringActive = true; self.steeringStartX = x; self.steeringValue = 0; }; self.steeringWheel.up = function (x, y, obj) { self.steeringActive = false; self.steeringValue = 0; // Reset wheel rotation when released tween(self.steeringWheel, { rotation: 0 }, { duration: 300, easing: tween.easeOut }); }; self.steeringWheel.move = function (x, y, obj) { if (self.steeringActive) { var dx = x - self.steeringStartX; self.steeringValue = Math.max(-1, Math.min(1, dx / 400)); // Update steering wheel rotation visual self.steeringWheel.rotation = self.steeringValue * 1.5; } }; // Event handlers for gas pedal self.gasPedal.down = function (x, y, obj) { self.gasActive = true; tween(self.gasPedal, { tint: 0x2ecc71 }, { duration: 100 }); }; self.gasPedal.up = function (x, y, obj) { self.gasActive = false; tween(self.gasPedal, { tint: 0xffffff }, { duration: 100 }); }; // Event handlers for brake pedal self.brakePedal.down = function (x, y, obj) { self.brakeActive = true; tween(self.brakePedal, { tint: 0xe74c3c }, { duration: 100 }); }; self.brakePedal.up = function (x, y, obj) { self.brakeActive = false; tween(self.brakePedal, { tint: 0xffffff }, { duration: 100 }); }; // Initialize control state self.steeringActive = false; self.gasActive = false; self.brakeActive = false; self.steeringValue = 0; self.steeringStartX = 0; return self; }); var LevelManager = Container.expand(function () { var self = Container.call(this); self.currentLevel = storage.currentLevel || 1; self.maxLevel = 3; // Total number of levels // Level setup functions self.setupLevel = function (level) { // Clear any existing level elements self.clearLevel(); // Set up level based on level number switch (level) { case 1: self.setupLevel1(); break; case 2: self.setupLevel2(); break; case 3: self.setupLevel3(); break; default: self.setupLevel1(); } }; self.clearLevel = function () { // Remove all obstacles and parking spaces if (self.obstacles) { for (var i = 0; i < self.obstacles.length; i++) { if (self.obstacles[i].parent) { self.obstacles[i].parent.removeChild(self.obstacles[i]); } } } if (self.parkingSpaces) { for (var j = 0; j < self.parkingSpaces.length; j++) { if (self.parkingSpaces[j].parent) { self.parkingSpaces[j].parent.removeChild(self.parkingSpaces[j]); } } } self.obstacles = []; self.parkingSpaces = []; }; self.setupLevel1 = function () { // Simple level with one parking space and few obstacles levelTitle.setText("Level 1: Basic Parking"); levelDescription.setText("Park your car in the marked space"); // Create a single parking space var parkingSpace = new ParkingSpace(); parkingSpace.x = 1024; parkingSpace.y = 1300; game.addChild(parkingSpace); self.parkingSpaces = [parkingSpace]; // Set up player's car initial position ensuring it doesn't load onto obstacles do { car.x = 1024; car.y = 2000; } while (self.obstacles.some(function (obstacle) { return car.intersects(obstacle); })); car.rotation = -Math.PI / 2; // Facing up car.velocity = 0; // Add a couple of obstacles var obstacle1 = new Obstacle(); obstacle1.x = 700; obstacle1.y = 1600; game.addChildAt(obstacle1, game.children.indexOf(car)); var obstacle2 = new Obstacle(); obstacle2.x = 1350; obstacle2.y = 1600; game.addChild(obstacle2); self.obstacles = [obstacle1, obstacle2]; }; self.setupLevel2 = function () { // Medium difficulty with more obstacles and parallel parking levelTitle.setText("Level 2: Parallel Parking"); levelDescription.setText("Maneuver your car into the parallel parking space"); // Create a parallel parking space var parkingSpace = new ParkingSpace(); parkingSpace.x = 1400; parkingSpace.y = 1400; parkingSpace.rotation = Math.PI / 2; // Rotated 90 degrees game.addChild(parkingSpace); self.parkingSpaces = [parkingSpace]; // Set up player's car initial position ensuring it doesn't load onto obstacles do { car.x = 1024; car.y = 2000; } while (self.obstacles.some(function (obstacle) { return car.intersects(obstacle); })); car.rotation = 0; // Facing right car.velocity = 0; // Add obstacles to simulate cars before and after parking space var obstacle1 = new Obstacle(); obstacle1.x = 1400; obstacle1.y = 1000; game.addChildAt(obstacle1, game.children.indexOf(car)); self.obstacles = [obstacle1]; }; self.setupLevel3 = function () { // Hard level with tight spaces and multiple obstacles levelTitle.setText("Level 3: Tight Squeeze"); levelDescription.setText("Navigate through obstacles to reach the parking space"); // Create a parking space in a difficult location var parkingSpace = new ParkingSpace(); parkingSpace.x = 1500; parkingSpace.y = 800; parkingSpace.rotation = Math.PI / 4; // Angled parking game.addChild(parkingSpace); self.parkingSpaces = [parkingSpace]; // Set up player's car initial position ensuring it doesn't load onto obstacles do { car.x = 1024; car.y = 2000; } while (self.obstacles.some(function (obstacle) { return car.intersects(obstacle); })); car.rotation = -Math.PI / 2; // Facing up car.velocity = 0; // Create a maze of obstacles var obstaclePositions = [{ x: 600, y: 2000 }, { x: 900, y: 1800 }, { x: 1200, y: 2000 }, { x: 1500, y: 1800 }, { x: 600, y: 1400 }, { x: 1200, y: 1400 }, { x: 900, y: 1000 }, { x: 1500, y: 1200 }, { x: 300, y: 1000 }, { x: 300, y: 600 }]; self.obstacles = []; for (var i = 0; i < obstaclePositions.length; i++) { var obstacle = new Obstacle(); obstacle.x = obstaclePositions[i].x; obstacle.y = obstaclePositions[i].y; game.addChildAt(obstacle, game.children.indexOf(car)); self.obstacles.push(obstacle); } }; // Advance to the next level self.nextLevel = function () { self.currentLevel++; if (self.currentLevel > self.maxLevel) { // Game completed, return to level 1 self.currentLevel = 1; } // Save current level to storage storage.currentLevel = self.currentLevel; // Setup the new level self.setupLevel(self.currentLevel); }; return self; }); var Obstacle = Container.expand(function () { var self = Container.call(this); self.shape = self.attachAsset('obstacle', { anchorX: 0.5, anchorY: 0.5 }); return self; }); var ParkingSpace = Container.expand(function () { var self = Container.call(this); self.space = self.attachAsset('parkingSpace', { anchorX: 0.5, anchorY: 0.5, alpha: 0.3 }); // Create parking lines self.topLeftLine = self.attachAsset('parkingLine', { anchorX: 0.5, anchorY: 0.5, x: -145, y: -200 }); self.topRightLine = self.attachAsset('parkingLine', { anchorX: 0.5, anchorY: 0.5, x: 145, y: -200 }); self.bottomLeftLine = self.attachAsset('parkingLine', { anchorX: 0.5, anchorY: 0.5, x: -145, y: 200 }); self.bottomRightLine = self.attachAsset('parkingLine', { anchorX: 0.5, anchorY: 0.5, x: 145, y: 200 }); self.leftLine = self.attachAsset('parkingLine', { anchorX: 0.5, anchorY: 0.5, x: -145, y: 0, rotation: Math.PI / 2 }); self.rightLine = self.attachAsset('parkingLine', { anchorX: 0.5, anchorY: 0.5, x: 145, y: 0, rotation: Math.PI / 2 }); // Check if vehicle is parked correctly self.isVehicleParked = function (vehicle) { // Check if car is mostly inside the parking space var vehicleGlobalPos = vehicle.parent.toGlobal(vehicle.position); var parkingGlobalPos = self.parent.toGlobal(self.position); var dx = Math.abs(vehicleGlobalPos.x - parkingGlobalPos.x); var dy = Math.abs(vehicleGlobalPos.y - parkingGlobalPos.y); // Check if the car is mostly inside the parking space if (dx < 75 && dy < 75) { // Check if car rotation is within acceptable range (nearly aligned with parking space) var carRotation = (vehicle.rotation % (2 * Math.PI) + 2 * Math.PI) % (2 * Math.PI); var parkingRotation = (self.rotation % (2 * Math.PI) + 2 * Math.PI) % (2 * Math.PI); var rotationDiff = Math.abs(carRotation - parkingRotation); if (rotationDiff > Math.PI) { rotationDiff = 2 * Math.PI - rotationDiff; } return rotationDiff < 0.3; // Allow slight misalignment (about 17 degrees) } return false; }; return self; }); var Vehicle = Container.expand(function () { var self = Container.call(this); // Physics properties self.velocity = 0; self.maxVelocity = 5; self.acceleration = 0.1; self.friction = 0.98; self.brakeForce = 0.92; self.steering = controlPanel.steeringValue * self.maxSteering; self.maxSteering = 0.08; self.rotation = 0; self.rotationVelocity = 0; self.isAccelerating = false; self.isBraking = false; // Car body self.body = self.attachAsset('carBody', { anchorX: 0.5, anchorY: 0.5 }); // Update car physics self.update = function () { // Collision detection with obstacles var hasCollision = false; for (var i = 0; i < levelManager.obstacles.length; i++) { if (self.intersects(levelManager.obstacles[i])) { hasCollision = true; break; } } // Handle collision if (hasCollision && !gameState.collisionDetected) { gameState.collisionDetected = true; // Play collision sound LK.getSound('collision').play(); // Visual feedback for collision LK.effects.flashObject(self, 0xff0000, 500); // Reduce velocity significantly on collision self.velocity *= 0.5; // Penalty to score gameState.score -= 100; if (gameState.score < 0) { gameState.score = 0; } scoreText.setText("Score: " + gameState.score); } else if (!hasCollision) { gameState.collisionDetected = false; } // Apply acceleration or braking if (self.isAccelerating) { self.velocity += self.acceleration; if (self.velocity > self.maxVelocity) { self.velocity = self.maxVelocity; } } else if (self.isBraking) { self.velocity *= self.brakeForce; } else { self.velocity *= self.friction; } // Apply rotation based on steering and velocity if (Math.abs(self.velocity) > 0.1) { // Calculate turning radius based on steering angle var turningRadius = 1 / Math.tan(self.steering); // Calculate angular velocity self.rotationVelocity = self.velocity / turningRadius; // Limit rotation velocity to prevent spinning self.rotationVelocity = Math.max(-self.maxSteering, Math.min(self.maxSteering, self.rotationVelocity)); self.rotation += self.rotationVelocity; controlPanel.steeringWheel.rotation = self.steering * 1.5; } // Convert rotation to radians and apply movement var radians = self.rotation; var vx = Math.sin(radians) * self.velocity; var vy = -Math.cos(radians) * self.velocity; self.x += vx; self.y += vy; // Ensure car asset covers all wheel assets // Keep the car within game bounds if (self.x < 0) { self.x = 0; } if (self.x > 2048) { self.x = 2048; } if (self.y < 0) { self.y = 0; } if (self.y > 2732) { self.y = 2732; } }; return self; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x34495e }); /**** * Game Code ****/ // Create game elements var ground = LK.getAsset('ground', { anchorX: 0.5, anchorY: 0.5, x: 1024, y: 1366 }); game.addChild(ground); var controlPanel = new ControlPanel(); game.addChild(controlPanel); var car = new Vehicle(); game.addChild(car); var levelManager = new LevelManager(); game.addChild(levelManager); // Game state tracking var gameState = { isGameOver: false, isLevelComplete: false, timer: 0, score: 0, collisionDetected: false }; // Create UI elements var levelTitle = new Text2("Level 1", { size: 60, fill: 0xFFFFFF }); levelTitle.anchor.set(0.5, 0); LK.gui.top.addChild(levelTitle); var levelDescription = new Text2("Park your car in the marked space", { size: 40, fill: 0xFFFFFF }); levelDescription.anchor.set(0.5, 0); levelDescription.y = 70; LK.gui.top.addChild(levelDescription); var scoreText = new Text2("Score: 0", { size: 40, fill: 0xFFFFFF }); scoreText.anchor.set(1, 0); scoreText.x = -20; scoreText.y = 20; LK.gui.topRight.addChild(scoreText); var timerText = new Text2("Time: 0s", { size: 40, fill: 0xFFFFFF }); timerText.anchor.set(0, 0); timerText.x = 120; timerText.y = 20; LK.gui.topLeft.addChild(timerText); // Success indicator var successIndicator = LK.getAsset('successIndicator', { anchorX: 0.5, anchorY: 0.5, alpha: 0, x: 1024, y: 900 }); game.addChild(successIndicator); // Initialize the level levelManager.setupLevel(levelManager.currentLevel); // Play background music LK.playMusic('bgmusic', { loop: true }); // Handle mouse/touch move for steering function handleMove(x, y, obj) { if (controlPanel.steeringActive) { // Calculate steering amount based on horizontal movement var dx = x - controlPanel.steeringStartX; controlPanel.steeringValue = Math.max(-1, Math.min(1, dx / 400)); // Update steering wheel rotation visual controlPanel.steeringWheel.rotation = controlPanel.steeringValue * 1.5; } } // Game-wide move handler game.move = handleMove; // Game update function game.update = function () { // Skip update if game is over or level complete if (gameState.isGameOver || gameState.isLevelComplete) { return; } // Update timer every second if (LK.ticks % 60 === 0) { gameState.timer += 1; timerText.setText("Time: " + gameState.timer + "s"); } // Apply controls to car based on control panel state car.isAccelerating = controlPanel.gasActive; car.isBraking = controlPanel.brakeActive; car.steering = controlPanel.steeringValue * car.maxSteering; // Collision detection with obstacles var hasCollision = false; for (var i = 0; i < levelManager.obstacles.length; i++) { if (car.intersects(levelManager.obstacles[i])) { hasCollision = true; break; } } // Handle collision if (hasCollision && !gameState.collisionDetected) { gameState.collisionDetected = true; // Play collision sound LK.getSound('collision').play(); // Visual feedback for collision LK.effects.flashObject(car, 0xff0000, 500); // Reduce velocity significantly on collision car.velocity *= 0.5; // Penalty to score gameState.score -= 100; if (gameState.score < 0) { gameState.score = 0; } scoreText.setText("Score: " + gameState.score); } else if (!hasCollision) { gameState.collisionDetected = false; } // Check if car is parked correctly in any parking space var isParked = false; for (var j = 0; j < levelManager.parkingSpaces.length; j++) { if (levelManager.parkingSpaces[j].isVehicleParked(car)) { isParked = true; break; } } // If car is correctly parked and nearly stopped if (isParked && Math.abs(car.velocity) < 0.1 && !gameState.isLevelComplete) { // Level complete! gameState.isLevelComplete = true; // Calculate score based on time taken var timeBonus = Math.max(0, 500 - gameState.timer * 5); gameState.score += 1000 + timeBonus; scoreText.setText("Score: " + gameState.score); // Save high score if it's better than previous var highScores = storage.highScores || {}; if (!highScores[levelManager.currentLevel] || gameState.score > highScores[levelManager.currentLevel]) { highScores[levelManager.currentLevel] = gameState.score; storage.highScores = highScores; } // Play success sound LK.getSound('success').play(); // Show success indicator successIndicator.alpha = 1; tween(successIndicator, { alpha: 0 }, { duration: 2000, easing: tween.easeOut }); // Display success message levelDescription.setText("Perfect Parking! +1000 points, Time Bonus: +" + timeBonus); // Wait 2 seconds, then move to next level LK.setTimeout(function () { // Reset game state for next level gameState.isLevelComplete = false; gameState.timer = 0; // Move to next level levelManager.nextLevel(); // Update timer display timerText.setText("Time: 0s"); }, 2000); } // Engine sound effects based on car state if (car.isAccelerating && Math.abs(car.velocity) > 1) { if (!gameState.engineRevving) { LK.getSound('engineRevving').play(); gameState.engineRevving = true; gameState.engineIdle = false; } } else if (!gameState.engineIdle) { LK.getSound('engineIdle').play(); gameState.engineIdle = true; gameState.engineRevving = false; } // Game over condition - if car goes off screen if (car.x < -200 || car.x > 2248 || car.y < -200 || car.y > 2932) { gameState.isGameOver = true; LK.effects.flashScreen(0xff0000, 1000); LK.showGameOver(); } };