Play
:quality(85)/https:%2F%2Fcdn.frvr.ai/686e92ef3a114fb0144f921c.png)
:quality(85)/https:%2F%2Fcdn.frvr.ai/686e92e83a114fb0144f921a.png)
#CarGame
#DodgeGame
#HighwayRacing
#EndlessRunner
#MobileGaming
Creation History
User prompt
araba farlarını daha küçük yap ve nitroyu kaldır
User prompt
biraz daha yenilik olsun ve farları daha güzel yao ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
nitro alınca ölüyoz olum onu düzelt ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
arabalara değidiğinde patlama efekti koy ve değme ayarını hassas yap yakınından geçince patlamasın tam anlamıyla çarpınca patlasın ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
noss koy ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
Bazı yerlere nitro gibi güçlendiriciler koy bazı yerlere 2x 3x coinler koy ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
kanka butonları tam ayarlasana
User prompt
oyunu biraz daha geliştir menü biraz daha büyük ve okunur olsun yazılar daha düzgün olsun daha insanları çekecek şeyler ekle ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
coinlerle bir şeyler alabilelim ve menüyü daha düzenli yap herşey iç içe yapmışsın ↪💡 Consider importing and using the following plugins: @upit/storage.v1
User prompt
oyundaki ışık efektini kaldır arabadaki dursun
User prompt
peki o zaman görüntü kalitesini baya arttır ve oyuna bir sürü yenilik ekle ↪💡 Consider importing and using the following plugins: @upit/tween.v1, @upit/storage.v1
User prompt
bariyerleri ve düşman arabaları başta az yap skor arttıkça oyun zorlaşsın
User prompt
araba seçme ekranını düzelt ve düzenle arabaları seçilir duruma getir yol seçeneği de ekle
User prompt
hala seçilmiyor düzelt
User prompt
arabaların üstüne basınca seçilsin ve birbirlerinden uzak yap
User prompt
araba seçilmiyor oyunu durduruyor
User prompt
araba seçme ekranı ve ultra gerçekçi arabalar
User prompt
biraz daha gerçekçi yollar ve ara yüz ekranı
User prompt
arabalar daha detaylı olsun
Code edit (1 edits merged)
Please save this source code
User prompt
Highway Dodge
Initial prompt
A 2D top-down car game where the player drives along a two-lane road and dodges incoming obstacles.
/****
* Plugins
****/
var tween = LK.import("@upit/tween.v1");
/****
* Classes
****/
var LaneDivider = Container.expand(function () {
var self = Container.call(this);
var dividerGraphics = self.attachAsset('laneDivider', {
anchorX: 0.5,
anchorY: 0.5
});
self.speed = 10;
self.update = function () {
self.y += self.speed + gameSpeed;
};
return self;
});
var Obstacle = Container.expand(function (type) {
var self = Container.call(this);
var obstacleGraphics = self.attachAsset(type, {
anchorX: 0.5,
anchorY: 0.5
});
// Add details based on vehicle type
if (type === 'enemyCar') {
// Add windows to enemy car
var frontWindow = self.attachAsset('enemyCarWindow', {
anchorX: 0.5,
anchorY: 0.5
});
frontWindow.y = -40;
var rearWindow = self.attachAsset('enemyCarWindow', {
anchorX: 0.5,
anchorY: 0.5
});
rearWindow.y = 40;
var leftWindow = self.attachAsset('enemyCarSideWindow', {
anchorX: 0.5,
anchorY: 0.5
});
leftWindow.x = -25;
leftWindow.y = -5;
var rightWindow = self.attachAsset('enemyCarSideWindow', {
anchorX: 0.5,
anchorY: 0.5
});
rightWindow.x = 25;
rightWindow.y = -5;
} else if (type === 'truck') {
// Add truck cab windows
var truckWindow = self.attachAsset('truckWindow', {
anchorX: 0.5,
anchorY: 0.5
});
truckWindow.y = -60;
// Add truck cargo area details
var cargoDetail = self.attachAsset('truckCargo', {
anchorX: 0.5,
anchorY: 0.5
});
cargoDetail.y = 30;
} else if (type === 'barrier') {
// Add warning stripes to barrier
var stripe1 = self.attachAsset('barrierStripe', {
anchorX: 0.5,
anchorY: 0.5
});
stripe1.y = -15;
var stripe2 = self.attachAsset('barrierStripe', {
anchorX: 0.5,
anchorY: 0.5
});
stripe2.y = 15;
}
self.speed = 8;
self.obstacleType = type;
self.passed = false;
self.update = function () {
self.y += self.speed + gameSpeed;
};
return self;
});
var PlayerCar = Container.expand(function () {
var self = Container.call(this);
var carGraphics = self.attachAsset('playerCar', {
anchorX: 0.5,
anchorY: 0.5
});
// Add front windshield
var frontWindow = self.attachAsset('playerCarWindow', {
anchorX: 0.5,
anchorY: 0.5
});
frontWindow.y = -40;
// Add rear windshield
var rearWindow = self.attachAsset('playerCarWindow', {
anchorX: 0.5,
anchorY: 0.5
});
rearWindow.y = 40;
// Add side windows
var leftWindow = self.attachAsset('playerCarSideWindow', {
anchorX: 0.5,
anchorY: 0.5
});
leftWindow.x = -30;
leftWindow.y = -10;
var rightWindow = self.attachAsset('playerCarSideWindow', {
anchorX: 0.5,
anchorY: 0.5
});
rightWindow.x = 30;
rightWindow.y = -10;
self.currentLane = 0; // 0 = left lane, 1 = right lane
self.targetX = 0;
self.speed = 0;
self.switchLane = function (lane) {
if (self.currentLane !== lane) {
self.currentLane = lane;
self.targetX = lane === 0 ? leftLaneX : rightLaneX;
LK.getSound('switch').play();
}
};
self.update = function () {
// Smooth lane switching
var diff = self.targetX - self.x;
if (Math.abs(diff) > 2) {
self.x += diff * 0.15;
} else {
self.x = self.targetX;
}
};
return self;
});
var RoadLine = Container.expand(function () {
var self = Container.call(this);
var lineGraphics = self.attachAsset('roadLine', {
anchorX: 0.5,
anchorY: 0.5
});
self.speed = 10;
self.update = function () {
self.y += self.speed + gameSpeed;
};
return self;
});
/****
* Initialize Game
****/
var game = new LK.Game({
backgroundColor: 0x2c3e50
});
/****
* Game Code
****/
// Barrier detail assets
// Truck detail assets
// Enemy car detail assets
// Player car detail assets
// Game variables
var gameSpeed = 2;
var difficultyTimer = 0;
var obstacleTimer = 0;
var roadLineTimer = 0;
var leftLaneX = 1024 - 200;
var rightLaneX = 1024 + 200;
// Game objects arrays
var obstacles = [];
var roadLines = [];
var obstacleTypes = ['enemyCar', 'truck', 'barrier'];
// Create road surface
var roadSurface = game.addChild(LK.getAsset('roadSurface', {
anchorX: 0.5,
anchorY: 0.5
}));
roadSurface.x = 1024;
roadSurface.y = 1366;
// Add road texture patterns for realism
for (var i = 0; i < 60; i++) {
var textureStripe = game.addChild(LK.getAsset('roadTexture', {
anchorX: 0.5,
anchorY: 0.5
}));
textureStripe.x = 1024;
textureStripe.y = i * 50;
textureStripe.alpha = 0.3;
}
// Add asphalt pattern details
for (var i = 0; i < 200; i++) {
var pattern = game.addChild(LK.getAsset('asphaltPattern', {
anchorX: 0.5,
anchorY: 0.5
}));
pattern.x = 424 + Math.random() * 1200;
pattern.y = Math.random() * 2732;
pattern.alpha = 0.2;
pattern.rotation = Math.random() * Math.PI;
}
// Create road sides
var leftSide = game.addChild(LK.getAsset('roadSide', {
anchorX: 0.5,
anchorY: 0.5
}));
leftSide.x = 374;
leftSide.y = 1366;
var rightSide = game.addChild(LK.getAsset('roadSide', {
anchorX: 0.5,
anchorY: 0.5
}));
rightSide.x = 1674;
rightSide.y = 1366;
// Add road edge lines for realism
var leftEdge = game.addChild(LK.getAsset('roadEdge', {
anchorX: 0.5,
anchorY: 0.5
}));
leftEdge.x = 424;
leftEdge.y = 1366;
var rightEdge = game.addChild(LK.getAsset('roadEdge', {
anchorX: 0.5,
anchorY: 0.5
}));
rightEdge.x = 1624;
rightEdge.y = 1366;
// Create player car
var playerCar = game.addChild(new PlayerCar());
playerCar.x = leftLaneX;
playerCar.y = 2400;
playerCar.targetX = leftLaneX;
// Create dashboard panel
var dashboardPanel = LK.getAsset('dashboardPanel', {
anchorX: 0.5,
anchorY: 0
});
LK.gui.top.addChild(dashboardPanel);
dashboardPanel.y = 20;
dashboardPanel.alpha = 0.8;
// Create speedometer
var speedometer = LK.getAsset('speedometer', {
anchorX: 0.5,
anchorY: 0.5
});
LK.gui.topRight.addChild(speedometer);
speedometer.x = -150;
speedometer.y = 100;
speedometer.alpha = 0.9;
// Create speedometer needle
var speedometerNeedle = LK.getAsset('speedometerNeedle', {
anchorX: 0.5,
anchorY: 1
});
speedometer.addChild(speedometerNeedle);
speedometerNeedle.y = 20;
// Create mini map
var miniMap = LK.getAsset('miniMap', {
anchorX: 0,
anchorY: 0
});
LK.gui.topLeft.addChild(miniMap);
miniMap.x = 120;
miniMap.y = 50;
miniMap.alpha = 0.7;
// Create score display with dashboard styling
var scoreText = new Text2('DISTANCE: 0', {
size: 50,
fill: '#00ff00'
});
scoreText.anchor.set(0.5, 0.5);
dashboardPanel.addChild(scoreText);
scoreText.y = -15;
// Create speed display with dashboard styling
var speedText = new Text2('SPEED: 1', {
size: 40,
fill: '#ffff00'
});
speedText.anchor.set(0.5, 0.5);
dashboardPanel.addChild(speedText);
speedText.y = 25;
// Touch controls
game.down = function (x, y, obj) {
if (x < 1024) {
// Left side of screen - switch to left lane
playerCar.switchLane(0);
} else {
// Right side of screen - switch to right lane
playerCar.switchLane(1);
}
};
// Spawn obstacle function
function spawnObstacle() {
var obstacleType = obstacleTypes[Math.floor(Math.random() * obstacleTypes.length)];
var obstacle = new Obstacle(obstacleType);
// Randomly place in left or right lane
var lane = Math.floor(Math.random() * 2);
obstacle.x = lane === 0 ? leftLaneX : rightLaneX;
obstacle.y = -200;
obstacle.lane = lane;
obstacles.push(obstacle);
game.addChild(obstacle);
}
// Spawn road line function
function spawnRoadLine() {
var roadLine = new RoadLine();
roadLine.x = 1024;
roadLine.y = -50;
roadLines.push(roadLine);
game.addChild(roadLine);
}
// Main game update loop
game.update = function () {
// Update difficulty
difficultyTimer++;
if (difficultyTimer % 600 === 0) {
// Every 10 seconds
gameSpeed += 0.5;
speedText.setText('SPEED: ' + Math.floor(gameSpeed) + ' KM/H');
}
// Update score
LK.setScore(Math.floor(LK.ticks / 10));
scoreText.setText('DISTANCE: ' + LK.getScore() + ' M');
// Spawn obstacles
obstacleTimer++;
var spawnRate = Math.max(60 - Math.floor(gameSpeed * 5), 30);
if (obstacleTimer % spawnRate === 0) {
spawnObstacle();
}
// Spawn road lines
roadLineTimer++;
if (roadLineTimer % 40 === 0) {
spawnRoadLine();
}
// Spawn lane dividers for center line
if (roadLineTimer % 30 === 0) {
var laneDivider = new LaneDivider();
laneDivider.x = 1024;
laneDivider.y = -50;
roadLines.push(laneDivider);
game.addChild(laneDivider);
}
// Update speedometer needle rotation based on speed
speedometerNeedle.rotation = gameSpeed / 10 * Math.PI * 0.5;
// Update and check obstacles
for (var i = obstacles.length - 1; i >= 0; i--) {
var obstacle = obstacles[i];
// Check if obstacle is off screen
if (obstacle.y > 2800) {
// Give points for passing obstacle
if (!obstacle.passed) {
LK.setScore(LK.getScore() + 10);
obstacle.passed = true;
}
obstacle.destroy();
obstacles.splice(i, 1);
continue;
}
// Check collision with player
if (obstacle.intersects(playerCar)) {
LK.getSound('crash').play();
LK.effects.flashScreen(0xff0000, 1000);
LK.showGameOver();
return;
}
// Check if obstacle was passed for scoring
if (!obstacle.passed && obstacle.y > playerCar.y + 100) {
obstacle.passed = true;
LK.setScore(LK.getScore() + 5);
}
}
// Update and clean up road lines
for (var j = roadLines.length - 1; j >= 0; j--) {
var roadLine = roadLines[j];
if (roadLine.y > 2800) {
roadLine.destroy();
roadLines.splice(j, 1);
}
}
}; ===================================================================
--- original.js
+++ change.js
@@ -5,8 +5,20 @@
/****
* Classes
****/
+var LaneDivider = Container.expand(function () {
+ var self = Container.call(this);
+ var dividerGraphics = self.attachAsset('laneDivider', {
+ anchorX: 0.5,
+ anchorY: 0.5
+ });
+ self.speed = 10;
+ self.update = function () {
+ self.y += self.speed + gameSpeed;
+ };
+ return self;
+});
var Obstacle = Container.expand(function (type) {
var self = Container.call(this);
var obstacleGraphics = self.attachAsset(type, {
anchorX: 0.5,
@@ -167,8 +179,29 @@
anchorY: 0.5
}));
roadSurface.x = 1024;
roadSurface.y = 1366;
+// Add road texture patterns for realism
+for (var i = 0; i < 60; i++) {
+ var textureStripe = game.addChild(LK.getAsset('roadTexture', {
+ anchorX: 0.5,
+ anchorY: 0.5
+ }));
+ textureStripe.x = 1024;
+ textureStripe.y = i * 50;
+ textureStripe.alpha = 0.3;
+}
+// Add asphalt pattern details
+for (var i = 0; i < 200; i++) {
+ var pattern = game.addChild(LK.getAsset('asphaltPattern', {
+ anchorX: 0.5,
+ anchorY: 0.5
+ }));
+ pattern.x = 424 + Math.random() * 1200;
+ pattern.y = Math.random() * 2732;
+ pattern.alpha = 0.2;
+ pattern.rotation = Math.random() * Math.PI;
+}
// Create road sides
var leftSide = game.addChild(LK.getAsset('roadSide', {
anchorX: 0.5,
anchorY: 0.5
@@ -180,29 +213,75 @@
anchorY: 0.5
}));
rightSide.x = 1674;
rightSide.y = 1366;
+// Add road edge lines for realism
+var leftEdge = game.addChild(LK.getAsset('roadEdge', {
+ anchorX: 0.5,
+ anchorY: 0.5
+}));
+leftEdge.x = 424;
+leftEdge.y = 1366;
+var rightEdge = game.addChild(LK.getAsset('roadEdge', {
+ anchorX: 0.5,
+ anchorY: 0.5
+}));
+rightEdge.x = 1624;
+rightEdge.y = 1366;
// Create player car
var playerCar = game.addChild(new PlayerCar());
playerCar.x = leftLaneX;
playerCar.y = 2400;
playerCar.targetX = leftLaneX;
-// Create score display
-var scoreText = new Text2('Distance: 0', {
- size: 80,
- fill: '#ffffff'
+// Create dashboard panel
+var dashboardPanel = LK.getAsset('dashboardPanel', {
+ anchorX: 0.5,
+ anchorY: 0
});
-scoreText.anchor.set(0.5, 0);
-LK.gui.top.addChild(scoreText);
-// Create speed display
-var speedText = new Text2('Speed: 1', {
- size: 60,
- fill: '#ffffff'
+LK.gui.top.addChild(dashboardPanel);
+dashboardPanel.y = 20;
+dashboardPanel.alpha = 0.8;
+// Create speedometer
+var speedometer = LK.getAsset('speedometer', {
+ anchorX: 0.5,
+ anchorY: 0.5
});
-speedText.anchor.set(1, 0);
-LK.gui.topRight.addChild(speedText);
-speedText.x -= 50;
-speedText.y += 120;
+LK.gui.topRight.addChild(speedometer);
+speedometer.x = -150;
+speedometer.y = 100;
+speedometer.alpha = 0.9;
+// Create speedometer needle
+var speedometerNeedle = LK.getAsset('speedometerNeedle', {
+ anchorX: 0.5,
+ anchorY: 1
+});
+speedometer.addChild(speedometerNeedle);
+speedometerNeedle.y = 20;
+// Create mini map
+var miniMap = LK.getAsset('miniMap', {
+ anchorX: 0,
+ anchorY: 0
+});
+LK.gui.topLeft.addChild(miniMap);
+miniMap.x = 120;
+miniMap.y = 50;
+miniMap.alpha = 0.7;
+// Create score display with dashboard styling
+var scoreText = new Text2('DISTANCE: 0', {
+ size: 50,
+ fill: '#00ff00'
+});
+scoreText.anchor.set(0.5, 0.5);
+dashboardPanel.addChild(scoreText);
+scoreText.y = -15;
+// Create speed display with dashboard styling
+var speedText = new Text2('SPEED: 1', {
+ size: 40,
+ fill: '#ffff00'
+});
+speedText.anchor.set(0.5, 0.5);
+dashboardPanel.addChild(speedText);
+speedText.y = 25;
// Touch controls
game.down = function (x, y, obj) {
if (x < 1024) {
// Left side of screen - switch to left lane
@@ -238,13 +317,13 @@
difficultyTimer++;
if (difficultyTimer % 600 === 0) {
// Every 10 seconds
gameSpeed += 0.5;
- speedText.setText('Speed: ' + Math.floor(gameSpeed));
+ speedText.setText('SPEED: ' + Math.floor(gameSpeed) + ' KM/H');
}
// Update score
LK.setScore(Math.floor(LK.ticks / 10));
- scoreText.setText('Distance: ' + LK.getScore());
+ scoreText.setText('DISTANCE: ' + LK.getScore() + ' M');
// Spawn obstacles
obstacleTimer++;
var spawnRate = Math.max(60 - Math.floor(gameSpeed * 5), 30);
if (obstacleTimer % spawnRate === 0) {
@@ -254,8 +333,18 @@
roadLineTimer++;
if (roadLineTimer % 40 === 0) {
spawnRoadLine();
}
+ // Spawn lane dividers for center line
+ if (roadLineTimer % 30 === 0) {
+ var laneDivider = new LaneDivider();
+ laneDivider.x = 1024;
+ laneDivider.y = -50;
+ roadLines.push(laneDivider);
+ game.addChild(laneDivider);
+ }
+ // Update speedometer needle rotation based on speed
+ speedometerNeedle.rotation = gameSpeed / 10 * Math.PI * 0.5;
// Update and check obstacles
for (var i = obstacles.length - 1; i >= 0; i--) {
var obstacle = obstacles[i];
// Check if obstacle is off screen
Showing 1 to 22 of 22
Images
:quality(85)/https:%2F%2Fcdn.frvr.ai/686e92e83a114fb0144f921a.png%3F3)
Modern App Store icon, high definition, square with rounded corners, for a game titled "Highway Dodge" and with the description "A fast-paced 2D top-down car game where players dodge obstacles on a two-lane highway by switching lanes, with increasing speed and difficulty for endless replayability.". No text on icon!
:quality(85)/https:%2F%2Fcdn.frvr.ai/686e9bf8e230d280b211e4e0.png%3F3)
madeni para. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https:%2F%2Fcdn.frvr.ai/686ee59efcdd7b14c76e4543.png%3F3)
glow effect. In-Game asset. 2d. High contrast. No shadows
Used plugins
@upit/tween@upit/storage
