:quality(85)/https://cdn.frvr.ai/68338737419d070d36c2d363.png)
:quality(85)/https://cdn.frvr.ai/68338650419d070d36c2d32b.png)
Creation History
User prompt
We will have a chance to lose hearts in the game. When a car hits the end of the screen, a heart will go away. If there are no hearts, the game is over.
User prompt
hearts will have a different appearance
User prompt
We start the game with 1 heart, every 5 levels 1 heart will increase, there will be a maximum of 3 hearts, the claps will be at the bottom left corner of the screen.
User prompt
The holes will be more visible and slightly larger.
User prompt
The holes will have a different visual
User prompt
Update game.update to animate pits, spawn pits, and handle pit collision
User prompt
The thorns and pits that will kill us will come and will not slide to the far left and right of the screen every now and then.
User prompt
The thorns and pits that will kill us will come and will not slide to the far left and right of the screen every now and then.
User prompt
Every once in a while, thorns and holes that will kill us will come not from the right and left of the screen, but from the right, left and a little from the sides of the middle.
User prompt
The dust cloud will come from the middle and right and left of the screen.
User prompt
The damage indicator of enemy cars will be displayed at the first hit location
User prompt
Enemy cars will not come from the left and right of the screen, they will come from the middle and right and left.
User prompt
enemy cars will come from the middle
User prompt
The cactus will be a little more and will only be on the right and left of the screen, not in the middle
User prompt
With the accident effect, the hit part of the cars will contain a different image.
User prompt
When you say car to the dust cloud, the screen will blur a little and then go back after 2 seconds.
User prompt
The background will be a desert land and there will be cactuses around and there will be a dust cloud in between.
User prompt
Vehicles can only be damaged from the front and rear
User prompt
Damage indicator will be on the ends of enemy cars
User prompt
The game will end when the enemy car hits the end of the screen.
User prompt
The game will end when the enemy car passes us.
User prompt
When we hit cars, the car we hit will die, we won't die.
Code edit (1 edits merged)
Please save this source code
User prompt
CarCvash: Arena Crashers
Initial prompt
CarCvash is a fast-paced arena action game where you control a car, navigating a vertically scrolling arena while being chased by enemy vehicles. Your objective is to crash into and destroy enemy cars to earn points and advance through levels. Each new level introduces tougher enemies with unique abilities, increasing the challenge. As you progress, your car receives upgrades to improve survivability and offensive power. The game ends when your car is destroyed by enemy vehicles.
/****
* Plugins
****/
var tween = LK.import("@upit/tween.v1");
/****
* Classes
****/
// Enemy Car Class (basic)
var EnemyCar = Container.expand(function () {
var self = Container.call(this);
var car = self.attachAsset('enemyCar', {
anchorX: 0.5,
anchorY: 0.5
});
self.width = car.width;
self.height = car.height;
self.speed = 12; // Will increase with level
self.type = 1;
self.hp = 1;
self.crashed = false;
// Damage indicator graphics (front and back)
var indicatorLength = car.width * 0.7;
var indicatorThickness = 22;
var indicatorColor = 0xffeb3b;
// Front indicator (top of car)
var frontIndicator = self.attachAsset('crashEffect', {
anchorX: 0.5,
anchorY: 0.5,
x: 0,
y: -car.height / 2 + indicatorThickness / 2,
scaleX: indicatorLength / 220,
scaleY: indicatorThickness / 120,
alpha: 0.7
});
// Back indicator (bottom of car)
var backIndicator = self.attachAsset('crashEffect', {
anchorX: 0.5,
anchorY: 0.5,
x: 0,
y: car.height / 2 - indicatorThickness / 2,
scaleX: indicatorLength / 220,
scaleY: indicatorThickness / 120,
alpha: 0.7
});
// Crash effect
self.showCrash = function () {
var effect = LK.getAsset('crashEffect', {
anchorX: 0.5,
anchorY: 0.5,
x: 0,
y: 0,
alpha: 0.8,
scaleX: 0.5,
scaleY: 0.5
});
self.addChild(effect);
tween(effect, {
scaleX: 1.5,
scaleY: 1.5,
alpha: 0
}, {
duration: 400,
easing: tween.easeOut,
onFinish: function onFinish() {
effect.destroy();
}
});
};
return self;
});
// Enemy Car 2 (tougher, for higher levels)
var EnemyCar2 = Container.expand(function () {
var self = Container.call(this);
var car = self.attachAsset('enemyCar2', {
anchorX: 0.5,
anchorY: 0.5
});
self.width = car.width;
self.height = car.height;
self.speed = 16;
self.type = 2;
self.hp = 2;
self.crashed = false;
// Damage indicator graphics (front and back)
var indicatorLength = car.width * 0.7;
var indicatorThickness = 22;
var indicatorColor = 0xffeb3b;
// Front indicator (top of car)
var frontIndicator = self.attachAsset('crashEffect', {
anchorX: 0.5,
anchorY: 0.5,
x: 0,
y: -car.height / 2 + indicatorThickness / 2,
scaleX: indicatorLength / 220,
scaleY: indicatorThickness / 120,
alpha: 0.7
});
// Back indicator (bottom of car)
var backIndicator = self.attachAsset('crashEffect', {
anchorX: 0.5,
anchorY: 0.5,
x: 0,
y: car.height / 2 - indicatorThickness / 2,
scaleX: indicatorLength / 220,
scaleY: indicatorThickness / 120,
alpha: 0.7
});
self.showCrash = function () {
var effect = LK.getAsset('crashEffect', {
anchorX: 0.5,
anchorY: 0.5,
x: 0,
y: 0,
alpha: 0.8,
scaleX: 0.5,
scaleY: 0.5
});
self.addChild(effect);
tween(effect, {
scaleX: 1.5,
scaleY: 1.5,
alpha: 0
}, {
duration: 400,
easing: tween.easeOut,
onFinish: function onFinish() {
effect.destroy();
}
});
};
return self;
});
// Player Car Class
var PlayerCar = Container.expand(function () {
var self = Container.call(this);
var car = self.attachAsset('playerCar', {
anchorX: 0.5,
anchorY: 0.5
});
self.width = car.width;
self.height = car.height;
self.hp = 1; // Upgradable
self.invincible = false;
self.invincibleTimer = 0;
self.upgradeLevel = 0;
// Flash effect for invincibility
self.flashInvincible = function () {
self.invincible = true;
self.invincibleTimer = 60; // 1 second at 60fps
tween(self, {
alpha: 0.5
}, {
duration: 100,
easing: tween.easeInOut,
onFinish: function onFinish() {
tween(self, {
alpha: 1
}, {
duration: 100,
easing: tween.easeInOut
});
}
});
};
// Upgrade effect
self.showUpgrade = function () {
var effect = LK.getAsset('upgradeEffect', {
anchorX: 0.5,
anchorY: 0.5,
x: 0,
y: 0,
alpha: 0.7,
scaleX: 0.5,
scaleY: 0.5
});
self.addChild(effect);
tween(effect, {
scaleX: 1.5,
scaleY: 1.5,
alpha: 0
}, {
duration: 500,
easing: tween.easeOut,
onFinish: function onFinish() {
effect.destroy();
}
});
};
return self;
});
/****
* Initialize Game
****/
var game = new LK.Game({
backgroundColor: 0x222222
});
/****
* Game Code
****/
// Arena scroll speed (background illusion)
// Player car: blue box
// Enemy car: red box
// Enemy car 2: green box (for future levels)
// Crash effect: yellow ellipse
// Upgrade effect: purple ellipse
// Sound: crash
// Sound: upgrade
// Music: background
// --- Desert background, cactuses, and dust cloud setup ---
// Add a desert background image (fills the arena)
var desertBg = LK.getAsset('desertBg', {
anchorX: 0,
anchorY: 0,
x: 0,
y: 0,
width: 2048,
height: 2732
});
game.addChild(desertBg);
// Add cactuses at random positions around the arena edges
var cactusCount = 8;
for (var i = 0; i < cactusCount; i++) {
var cactus = LK.getAsset('cactus', {
anchorX: 0.5,
anchorY: 1,
scaleX: 0.8 + Math.random() * 0.4,
scaleY: 0.8 + Math.random() * 0.4
});
// Place cactuses near the left/right/top/bottom edges, but not in the play area
var edge = Math.floor(Math.random() * 4);
if (edge === 0) {
// left
cactus.x = 100 + cactus.width / 2;
cactus.y = 200 + Math.random() * (2732 - 400);
} else if (edge === 1) {
// right
cactus.x = 2048 - 100 - cactus.width / 2;
cactus.y = 200 + Math.random() * (2732 - 400);
} else if (edge === 2) {
// top
cactus.x = 200 + Math.random() * (2048 - 400);
cactus.y = 100 + cactus.height;
} else {
// bottom
cactus.x = 200 + Math.random() * (2048 - 400);
cactus.y = 2732 - 100;
}
game.addChild(cactus);
}
// Add a dust cloud in the center of the arena
var dustCloud = LK.getAsset('dustCloud', {
anchorX: 0.5,
anchorY: 0.5,
x: 2048 / 2,
y: 2732 / 2,
scaleX: 2.2,
scaleY: 1.2,
alpha: 0.5
});
game.addChild(dustCloud);
var scrollSpeed = 10;
// Player
var player = new PlayerCar();
player.x = 2048 / 2;
player.y = 2732 - 500;
game.addChild(player);
// Score
var score = 0;
var scoreTxt = new Text2('0', {
size: 120,
fill: "#fff"
});
scoreTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreTxt);
// Level
var level = 1;
var levelTxt = new Text2('Lv.1', {
size: 70,
fill: "#fff"
});
levelTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(levelTxt);
levelTxt.y = 120;
// Upgrades
var upgradeTxt = new Text2('', {
size: 70,
fill: 0xFFD600
});
upgradeTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(upgradeTxt);
upgradeTxt.y = 200;
// Enemies
var enemies = [];
var enemySpawnTimer = 0;
var enemySpawnInterval = 60; // frames
// Dragging
var dragNode = null;
// Invincibility after crash
var invincibleFrames = 0;
// Arena bounds (leave 100px at top for menu)
var arenaLeft = 100;
var arenaRight = 2048 - 100;
var arenaTop = 100;
var arenaBottom = 2732 - 100;
// Music
LK.playMusic('arenaMusic');
// Helper: spawn enemy
function spawnEnemy() {
var enemy;
if (level < 3 || Math.random() < 0.7) {
enemy = new EnemyCar();
} else {
enemy = new EnemyCar2();
}
// Random x within arena
var minX = arenaLeft + enemy.width / 2;
var maxX = arenaRight - enemy.width / 2;
enemy.x = minX + Math.random() * (maxX - minX);
enemy.y = -enemy.height / 2;
// Speed up with level
if (enemy.type === 1) {
enemy.speed = 12 + level * 1.5;
} else {
enemy.speed = 16 + level * 1.2;
}
enemies.push(enemy);
game.addChild(enemy);
}
// Helper: upgrade player
function upgradePlayer() {
player.upgradeLevel += 1;
player.hp += 1;
player.showUpgrade();
upgradeTxt.setText('Upgrade! HP: ' + player.hp);
LK.getSound('upgrade').play();
LK.setTimeout(function () {
upgradeTxt.setText('');
}, 1200);
}
// Handle move (dragging player)
function handleMove(x, y, obj) {
if (dragNode === player) {
// Clamp to arena
var px = x;
var py = y;
var halfW = player.width / 2;
var halfH = player.height / 2;
if (px < arenaLeft + halfW) px = arenaLeft + halfW;
if (px > arenaRight - halfW) px = arenaRight - halfW;
if (py < arenaTop + halfH) py = arenaTop + halfH;
if (py > arenaBottom - halfH) py = arenaBottom - halfH;
player.x = px;
player.y = py;
}
}
// Touch/drag events
game.down = function (x, y, obj) {
// Only start drag if touch is on player
var dx = x - player.x;
var dy = y - player.y;
if (dx * dx + dy * dy < player.width / 2 * (player.width / 2)) {
dragNode = player;
handleMove(x, y, obj);
}
};
game.move = function (x, y, obj) {
handleMove(x, y, obj);
};
game.up = function (x, y, obj) {
dragNode = null;
};
// Main update loop
game.update = function () {
// Animate dust cloud for movement illusion
if (dustCloud) {
dustCloud.y += scrollSpeed * 0.5;
if (dustCloud.y > 2732 + dustCloud.height / 2) {
dustCloud.y = -dustCloud.height / 2;
}
}
// Arena scroll illusion: move all enemies down
for (var i = enemies.length - 1; i >= 0; i--) {
var enemy = enemies[i];
enemy.y += enemy.speed + scrollSpeed;
// End game if enemy reaches the end of the screen (bottom)
if (enemy.lastY === undefined) {
enemy.lastY = enemy.y;
}
var screenEndY = 2732 + 100;
if (enemy.lastY <= screenEndY && enemy.y > screenEndY) {
LK.effects.flashScreen(0xff0000, 1000);
LK.showGameOver();
return;
}
enemy.lastY = enemy.y;
}
// Spawn enemies
enemySpawnTimer++;
var spawnInt = Math.max(30, enemySpawnInterval - level * 2);
if (enemySpawnTimer >= spawnInt) {
spawnEnemy();
enemySpawnTimer = 0;
}
// Collision: player vs enemies
for (var i = enemies.length - 1; i >= 0; i--) {
var enemy = enemies[i];
if (enemy.crashed) continue;
if (player.invincible) continue;
if (player.intersects(enemy)) {
// Crash!
enemy.crashed = true;
enemy.showCrash();
LK.getSound('crash').play();
score += 1;
LK.setScore(score);
scoreTxt.setText(score);
// Remove enemy after effect
LK.setTimeout(function (e, idx) {
return function () {
if (enemies[idx] === e) {
e.destroy();
enemies.splice(idx, 1);
}
};
}(enemy, i), 400);
// Player does not take damage, only enemy is destroyed
}
}
// Invincibility timer
if (player.invincible) {
player.invincibleTimer--;
if (player.invincibleTimer <= 0) {
player.invincible = false;
player.alpha = 1;
}
}
// Level up every 10 points
var newLevel = Math.floor(score / 10) + 1;
if (newLevel > level) {
level = newLevel;
levelTxt.setText('Lv.' + level);
// Every 2 levels, upgrade player
if (level % 2 === 0) {
upgradePlayer();
}
}
}; ===================================================================
--- original.js
+++ change.js
@@ -199,17 +199,69 @@
/****
* Game Code
****/
-// Music: background
-// Sound: upgrade
-// Sound: crash
-// Upgrade effect: purple ellipse
-// Crash effect: yellow ellipse
-// Enemy car 2: green box (for future levels)
-// Enemy car: red box
-// Player car: blue box
// Arena scroll speed (background illusion)
+// Player car: blue box
+// Enemy car: red box
+// Enemy car 2: green box (for future levels)
+// Crash effect: yellow ellipse
+// Upgrade effect: purple ellipse
+// Sound: crash
+// Sound: upgrade
+// Music: background
+// --- Desert background, cactuses, and dust cloud setup ---
+// Add a desert background image (fills the arena)
+var desertBg = LK.getAsset('desertBg', {
+ anchorX: 0,
+ anchorY: 0,
+ x: 0,
+ y: 0,
+ width: 2048,
+ height: 2732
+});
+game.addChild(desertBg);
+// Add cactuses at random positions around the arena edges
+var cactusCount = 8;
+for (var i = 0; i < cactusCount; i++) {
+ var cactus = LK.getAsset('cactus', {
+ anchorX: 0.5,
+ anchorY: 1,
+ scaleX: 0.8 + Math.random() * 0.4,
+ scaleY: 0.8 + Math.random() * 0.4
+ });
+ // Place cactuses near the left/right/top/bottom edges, but not in the play area
+ var edge = Math.floor(Math.random() * 4);
+ if (edge === 0) {
+ // left
+ cactus.x = 100 + cactus.width / 2;
+ cactus.y = 200 + Math.random() * (2732 - 400);
+ } else if (edge === 1) {
+ // right
+ cactus.x = 2048 - 100 - cactus.width / 2;
+ cactus.y = 200 + Math.random() * (2732 - 400);
+ } else if (edge === 2) {
+ // top
+ cactus.x = 200 + Math.random() * (2048 - 400);
+ cactus.y = 100 + cactus.height;
+ } else {
+ // bottom
+ cactus.x = 200 + Math.random() * (2048 - 400);
+ cactus.y = 2732 - 100;
+ }
+ game.addChild(cactus);
+}
+// Add a dust cloud in the center of the arena
+var dustCloud = LK.getAsset('dustCloud', {
+ anchorX: 0.5,
+ anchorY: 0.5,
+ x: 2048 / 2,
+ y: 2732 / 2,
+ scaleX: 2.2,
+ scaleY: 1.2,
+ alpha: 0.5
+});
+game.addChild(dustCloud);
var scrollSpeed = 10;
// Player
var player = new PlayerCar();
player.x = 2048 / 2;
@@ -321,8 +373,15 @@
dragNode = null;
};
// Main update loop
game.update = function () {
+ // Animate dust cloud for movement illusion
+ if (dustCloud) {
+ dustCloud.y += scrollSpeed * 0.5;
+ if (dustCloud.y > 2732 + dustCloud.height / 2) {
+ dustCloud.y = -dustCloud.height / 2;
+ }
+ }
// Arena scroll illusion: move all enemies down
for (var i = enemies.length - 1; i >= 0; i--) {
var enemy = enemies[i];
enemy.y += enemy.speed + scrollSpeed;
@@ -350,32 +409,25 @@
var enemy = enemies[i];
if (enemy.crashed) continue;
if (player.invincible) continue;
if (player.intersects(enemy)) {
- // Only allow damage if collision is at the front or rear of the enemy car
- // Calculate relative Y position of player to enemy
- var relY = player.y - enemy.y;
- var allowedDist = enemy.height / 2 - player.height / 4; // allow some leeway for overlap
- // If player is in front or rear zone
- if (Math.abs(relY) > allowedDist * 0.7) {
- // Crash!
- enemy.crashed = true;
- enemy.showCrash();
- LK.getSound('crash').play();
- score += 1;
- LK.setScore(score);
- scoreTxt.setText(score);
- // Remove enemy after effect
- LK.setTimeout(function (e, idx) {
- return function () {
- if (enemies[idx] === e) {
- e.destroy();
- enemies.splice(idx, 1);
- }
- };
- }(enemy, i), 400);
- // Player does not take damage, only enemy is destroyed
- }
+ // Crash!
+ enemy.crashed = true;
+ enemy.showCrash();
+ LK.getSound('crash').play();
+ score += 1;
+ LK.setScore(score);
+ scoreTxt.setText(score);
+ // Remove enemy after effect
+ LK.setTimeout(function (e, idx) {
+ return function () {
+ if (enemies[idx] === e) {
+ e.destroy();
+ enemies.splice(idx, 1);
+ }
+ };
+ }(enemy, i), 400);
+ // Player does not take damage, only enemy is destroyed
}
}
// Invincibility timer
if (player.invincible) {
Images
:quality(85)/https://cdn.frvr.ai/683370f9419d070d36c2d192.png%3F3)
:quality(85)/https://cdn.frvr.ai/683371eb419d070d36c2d1bc.png%3F3)
A Mad Max style car will be old and will have a metal spiked plate on the front and will have a top view of the car
:quality(85)/https://cdn.frvr.ai/6833734e419d070d36c2d1e6.png%3F3)
It will be in the style of a Mad Max truck and will have a top view. There will be a thorn plate in the front and the back will be smoother.
:quality(85)/https://cdn.frvr.ai/683374a8419d070d36c2d207.png%3F3)
cactus 2d. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/68337695419d070d36c2d23b.png%3F3)
The asphalt road will be a little wider
:quality(85)/https://cdn.frvr.ai/683376e0419d070d36c2d255.png%3F3)
dust cloud. No background. Transparent background. Blank background. No shadows. 2d. In-Game asset. flat
:quality(85)/https://cdn.frvr.ai/6833777a419d070d36c2d265.png%3F3)
It will be a small car in the style of Madmax. It will have a top view. No background. Transparent background. Blank background. No shadows. 2d. In-Game asset. flat
:quality(85)/https://cdn.frvr.ai/68337e85419d070d36c2d2ce.png%3F3)
middle lava
:quality(85)/https://cdn.frvr.ai/68338009419d070d36c2d2ec.png%3F3)
The hearts will be in a slightly old Mad Max style look and half will be inside the leather case. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/68338064419d070d36c2d30c.png%3F3)
scatter light. In-Game asset. 2d. High contrast. No shadows
