/**** * Plugins ****/ var tween = LK.import("@upit/tween.v1"); /**** * Classes ****/ // Car class: player car, can move left/right between 4 lanes var Car = Container.expand(function () { var self = Container.call(this); var carSprite = self.attachAsset('car', { anchorX: 0.5, anchorY: 0.5, scaleX: 2, scaleY: 2 }); self.lane = 1; // 0,1,2,3 (4 lanes) self.width = carSprite.width; self.height = carSprite.height; self.updatePosition = function () { // Lanes are centered in the road var laneWidth = 1200 / 4; self.x = 2048 / 2 - 600 + laneWidth / 2 + self.lane * laneWidth; self.y = 2300; // Set car to look right if on left half, left if on right half var centerX = 2048 / 2; if (self.x < centerX) { carSprite.rotation = 0; carSprite.scaleX = 1; // look right } else if (self.x > centerX) { carSprite.rotation = 0; carSprite.scaleX = -1; // look left } else { carSprite.rotation = 0; carSprite.scaleX = 1; // look right by default } }; self.updatePosition(); return self; }); // DustCloud class: animates a dust cloud behind the car var DustCloud = Container.expand(function () { var self = Container.call(this); var sprite = self.attachAsset('Duman', { anchorX: 0.5, anchorY: 0.5, scaleX: 1.2, scaleY: 1.2, alpha: 0.7 }); self.vx = (Math.random() - 0.5) * 8; // random horizontal drift self.vy = 12 + Math.random() * 6; // downward speed self.life = 0; self.maxLife = 32 + Math.random() * 16; self.update = function () { self.x += self.vx; self.y += self.vy; self.life++; // Fade out as it ages sprite.alpha = 0.7 * (1 - self.life / self.maxLife); // Scale up as it ages sprite.scaleX = sprite.scaleY = 1.2 + 0.8 * (self.life / self.maxLife); }; return self; }); // Obstacle class: obstacles that move down the road var Obstacle = Container.expand(function () { var self = Container.call(this); var obsSprite = self.attachAsset('offtrack', { anchorX: 0.5, anchorY: 0.5, scaleX: 0.75, scaleY: 0.75 }); self.lane = 0; self.width = obsSprite.width; self.height = obsSprite.height; self.speed = OBSTACLE_SPEED; self.updatePosition = function () { var laneWidth = 1200 / 4; self.x = 2048 / 2 - 600 + laneWidth / 2 + self.lane * laneWidth; }; self.update = function () { self.y += self.speed; }; return self; }); // Road class: draws the main road, border lines, and dotted lines var Road = Container.expand(function () { var self = Container.call(this); // Red outer lines (left and right) var outerLineWidth = 30; var outerLineHeight = 2732; // Left outer red line self.attachAsset('smoke', { anchorX: 0.5, anchorY: 0, x: 2048 / 2 - 600 - borderLineWidth - borderLineGap - outerLineWidth / 2, y: 0, width: outerLineWidth, height: outerLineHeight, color: 0xff0000 }); // Right outer red line self.attachAsset('smoke', { anchorX: 0.5, anchorY: 0, x: 2048 / 2 + 600 + borderLineWidth + borderLineGap + outerLineWidth / 2, y: 0, width: outerLineWidth, height: outerLineHeight, color: 0xff0000 }); // Red and white border lines (left and right) var borderLineWidth = 40; var borderLineHeight = 2732; var borderLineGap = 40; var borderStripeHeight = 80; var borderStripeGap = 40; var numStripes = Math.ceil(borderLineHeight / (borderStripeHeight + borderStripeGap)); // Left border (alternating red/white stripes) for (var i = 0; i < numStripes; i++) { var color = i % 2 === 0 ? 0xff0000 : 0xffffff; self.attachAsset('smoke', { anchorX: 0.5, anchorY: 0, x: 2048 / 2 - 600 - borderLineWidth / 2 - borderLineGap, y: i * (borderStripeHeight + borderStripeGap), width: borderLineWidth, height: borderStripeHeight, color: color }); } // Right border (alternating red/white stripes) for (var i = 0; i < numStripes; i++) { var color = i % 2 === 0 ? 0xff0000 : 0xffffff; self.attachAsset('smoke', { anchorX: 0.5, anchorY: 0, x: 2048 / 2 + 600 + borderLineWidth / 2 + borderLineGap, y: i * (borderStripeHeight + borderStripeGap), width: borderLineWidth, height: borderStripeHeight, color: color }); } // Main road var roadSprite = self.attachAsset('road', { anchorX: 0.5, anchorY: 0.5, x: 2048 / 2, y: 2732 / 2, width: 1200, height: 2732 }); // Dotted lane lines (3 vertical, splitting into 4 lanes) - now animated var dotHeight = 120; var dotGap = 120; self.dots = []; // Center lane dots only (no outer dotted lines) for (var i = 1; i < 4; i++) { var lineX = 2048 / 2 - 600 + i * 1200 / 4; for (var y = 0; y < 2732; y += dotHeight + dotGap) { var dot = self.attachAsset('smoke', { anchorX: 0.5, anchorY: 0, x: lineX, y: y, width: 20, height: dotHeight, color: 0xffffff, alpha: 0.7 }); dot._laneLine = i; dot._origY = y; self.dots.push(dot); } } self._dotAnimOffset = 0; self.update = function () { // Move dotted lines down, loop when off screen self._dotAnimOffset += 18; // match obstacle speed for effect var totalLen = dotHeight + dotGap; for (var i = 0; i < self.dots.length; i++) { var dot = self.dots[i]; var newY = (dot._origY + self._dotAnimOffset) % (2732 + totalLen); if (newY > 2732) newY -= 2732 + totalLen; dot.y = newY; } }; // Outer solid white lines (left and right edge of road) self.attachAsset('smoke', { anchorX: 0.5, anchorY: 0, x: 2048 / 2 - 600, y: 0, width: 20, height: 2732, color: 0xffffff, alpha: 0.9 }); self.attachAsset('smoke', { anchorX: 0.5, anchorY: 0, x: 2048 / 2 + 600, y: 0, width: 20, height: 2732, color: 0xffffff, alpha: 0.9 }); return self; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x222222 }); /**** * Game Code ****/ // Game constants var NUM_LANES = 4; var ROAD_WIDTH = 1200; var LANE_WIDTH = ROAD_WIDTH / NUM_LANES; var OBSTACLE_SPEED = 28; var OBSTACLE_INTERVAL = 60; // frames var car, road; var obstacles = []; var score = 0; var gameOver = false; // Score text var scoreTxt = new Text2('0', { size: 120, fill: "#fff" }); scoreTxt.anchor.set(0.5, 0); LK.gui.top.addChild(scoreTxt); // Helper: update score text function updateScoreText() { scoreTxt.setText(score); } // Helper: reset game function initGame() { // Remove old objects if (car) car.destroy(); if (road) road.destroy(); for (var i = 0; i < obstacles.length; i++) { obstacles[i].destroy(); } obstacles = []; score = 0; gameOver = false; updateScoreText(); // Add road road = new Road(); game.addChild(road); // Add car car = new Car(); car.lane = 1; car.updatePosition(); game.addChild(car); } // Helper: spawn an obstacle in a random lane function spawnObstacle() { var obs = new Obstacle(); obs.lane = Math.floor(Math.random() * NUM_LANES); obs.y = -100; obs.updatePosition(); game.addChild(obs); obstacles.push(obs); } // Touch controls: left/right game.down = function (x, y, obj) { if (gameOver) return; // If left half of screen, move car left if (x < 2048 / 2) { if (car.lane > 0) { car.lane--; // Animate car movement to new lane var laneWidth = 1200 / 4; var targetX = 2048 / 2 - 600 + laneWidth / 2 + car.lane * laneWidth; tween.stop(car, { x: true }); tween(car, { x: targetX }, { duration: 220, easing: tween.cubicOut }); car.y = 2300; // keep y fixed } } else { // Right half, move car right if (car.lane < NUM_LANES - 1) { car.lane++; // Animate car movement to new lane var laneWidth = 1200 / 4; var targetX = 2048 / 2 - 600 + laneWidth / 2 + car.lane * laneWidth; tween.stop(car, { x: true }); tween(car, { x: targetX }, { duration: 220, easing: tween.cubicOut }); car.y = 2300; // keep y fixed } } }; // No up event needed game.up = function (x, y, obj) {}; // Main game update loop var obstacleTimer = 0; game.update = function () { if (gameOver) return; // Animate road dotted lines if (road && typeof road.update === "function") { road.update(); } // --- Dust cloud animation behind car --- if (!game._dustClouds) game._dustClouds = []; // Only spawn if car exists and game is not over if (car && !gameOver && LK.ticks % 2 === 0) { var dust = new DustCloud(); // Place behind car, slightly randomized dust.x = car.x + (Math.random() - 0.5) * 40; dust.y = car.y + car.height * 0.45 + Math.random() * 10; game.addChild(dust); game._dustClouds.push(dust); } // Animate and remove old dust clouds for (var i = game._dustClouds.length - 1; i >= 0; i--) { var d = game._dustClouds[i]; if (typeof d.update === "function") d.update(); if (d.life >= d.maxLife) { d.destroy(); game._dustClouds.splice(i, 1); } } // Move obstacles for (var i = obstacles.length - 1; i >= 0; i--) { var obs = obstacles[i]; obs.update(); // Remove if off screen if (obs.y > 2732 + 100) { obs.destroy(); obstacles.splice(i, 1); score++; updateScoreText(); } // Collision with car if (obs.lane === car.lane && Math.abs(obs.y - car.y) < (obs.height + car.height) / 2 - 10) { LK.effects.flashScreen(0xff0000, 600); LK.showGameOver(); gameOver = true; return; } } // Spawn new obstacles obstacleTimer++; if (obstacleTimer >= OBSTACLE_INTERVAL) { spawnObstacle(); obstacleTimer = 0; } }; /**** * Start game ****/ initGame();