Play
:quality(85)/https://cdn.frvr.ai/6883397bcd874338ff2d4a91.png)
:quality(85)/https://cdn.frvr.ai/688339c9cd874338ff2d4aa3.png)
#spaceshooter
#arcade
#retro
#shooter
#spacegame
##formula one
Creation History
User prompt
The game does not end after 10 laps. The game should end when the flag is passed. And at the start, the cars should line up in order, like in a Formula 1 race. At the start of the game, five traffic lights should appear horizontally on the screen and turn from red to green in sequence. When the fifth light turns green, the word “START” should appear and the game should begin. ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
There should be no red effect when hitting cars. There should be no green effect when passing. The finish line should be in the shape of a checkered flag and have poles. The race should end when passing that point.
User prompt
I want the race to have 8 cars and start in order. And I want the edges of the background to look like a real track.
User prompt
Let the race be 10 laps and be like a ranking. Don't let the green light come on when you pass your opponent. Write the result when the race is over.
User prompt
ı want to f1 races and 10 bot player.
Code edit (1 edits merged)
Please save this source code
User prompt
Space Defender
Initial prompt
hi. I want to spaceshooter game.
/****
* Plugins
****/
var tween = LK.import("@upit/tween.v1");
/****
* Classes
****/
var BotCar = Container.expand(function () {
var self = Container.call(this);
var carGraphics = self.attachAsset('botCar', {
anchorX: 0.5,
anchorY: 0.5
});
self.baseSpeed = Math.random() * 3 + 4; // Random speed between 4-7
self.currentSpeed = self.baseSpeed;
self.lanePosition = Math.floor(Math.random() * 3); // 0=left, 1=center, 2=right
self.targetX = 400 + self.lanePosition * 600; // Lane positions
self.aiTimer = 0;
self.carNumber = Math.floor(Math.random() * 99) + 1;
// Assign random colors to differentiate bots
var colors = [0x0066ff, 0x00ff66, 0xff6600, 0xff0066, 0x6600ff, 0xffff00, 0x00ffff, 0xff00ff, 0x66ff00, 0xff6666];
carGraphics.tint = colors[self.carNumber % colors.length];
self.lapCount = 1;
self.raceDistance = 0;
self.hasFinished = false;
self.update = function () {
// AI behavior - change lanes occasionally
self.aiTimer++;
if (self.aiTimer > 180 && Math.random() < 0.02) {
// Every 3 seconds, 2% chance
self.aiTimer = 0;
var newLane = Math.floor(Math.random() * 3);
if (newLane !== self.lanePosition) {
self.lanePosition = newLane;
self.targetX = 400 + self.lanePosition * 600;
}
}
// Move towards target lane
var dx = self.targetX - self.x;
if (Math.abs(dx) > 5) {
self.x += dx > 0 ? 3 : -3;
}
// Move forward (relative to player)
self.y += raceSpeed - self.currentSpeed;
// Keep within screen bounds
if (self.x < 100) self.x = 100;
if (self.x > 1948) self.x = 1948;
// Track bot lap progress
if (!self.hasFinished) {
self.raceDistance += self.currentSpeed;
if (self.raceDistance >= lapDistance) {
self.raceDistance = 0;
self.lapCount++;
if (self.lapCount > 10) {
self.hasFinished = true;
botsFinished++;
}
}
}
};
return self;
});
var FinishLine = Container.expand(function () {
var self = Container.call(this);
// Create left pole
var leftPole = self.attachAsset('finishPole', {
anchorX: 0.5,
anchorY: 1
});
leftPole.x = -800;
leftPole.y = 0;
// Create right pole
var rightPole = self.attachAsset('finishPole', {
anchorX: 0.5,
anchorY: 1
});
rightPole.x = 800;
rightPole.y = 0;
// Create checkered pattern
for (var i = 0; i < 16; i++) {
for (var j = 0; j < 2; j++) {
var isBlack = (i + j) % 2 === 0;
var square = self.attachAsset(isBlack ? 'checkeredSquare1' : 'checkeredSquare2', {
anchorX: 0.5,
anchorY: 0.5
});
square.x = (i - 7.5) * 100;
square.y = (j - 0.5) * 40;
}
}
self.update = function () {
self.y += raceSpeed;
};
return self;
});
var PlayerCar = Container.expand(function () {
var self = Container.call(this);
var carGraphics = self.attachAsset('playerCar', {
anchorX: 0.5,
anchorY: 0.5
});
self.speed = 8;
self.maxSpeed = 12;
self.acceleration = 0.2;
self.currentSpeed = 0;
self.update = function () {
// Simulate acceleration/deceleration based on movement
if (Math.abs(self.lastX - self.x) > 5) {
self.currentSpeed = Math.min(self.maxSpeed, self.currentSpeed + self.acceleration);
} else {
self.currentSpeed = Math.max(0, self.currentSpeed - self.acceleration * 0.5);
}
self.lastX = self.x;
};
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 = 8;
self.update = function () {
self.y += raceSpeed;
};
return self;
});
var TrackEdge = Container.expand(function () {
var self = Container.call(this);
var edgeGraphics = self.attachAsset('trackBarrier', {
anchorX: 0.5,
anchorY: 0.5
});
self.update = function () {
self.y += raceSpeed;
};
return self;
});
/****
* Initialize Game
****/
var game = new LK.Game({
backgroundColor: 0x2d2d2d
});
/****
* Game Code
****/
// Game variables
var player;
var botCars = [];
var roadLines = [];
var finishLines = [];
var trackEdges = [];
var botSpawnTimer = 0;
var lineSpawnTimer = 0;
var checkpointTimer = 0;
var raceSpeed = 8;
var lapNumber = 1;
var position = 9; // Starting position (9th out of 9)
var raceDistance = 0;
var lapDistance = 5000; // Distance for one lap
var raceFinished = false;
var finalPosition = 9;
var botsFinished = 0;
var raceStarted = false;
// UI Elements
var positionTxt = new Text2('Position: 9/9', {
size: 50,
fill: 0xFFFFFF
});
positionTxt.anchor.set(0, 0);
LK.gui.topLeft.addChild(positionTxt);
positionTxt.x = 120;
positionTxt.y = 20;
var lapTxt = new Text2('Lap: 1/10', {
size: 40,
fill: 0xFFFF00
});
lapTxt.anchor.set(1, 0);
LK.gui.topRight.addChild(lapTxt);
lapTxt.x = -20;
lapTxt.y = 20;
var speedTxt = new Text2('Speed: 0', {
size: 35,
fill: 0x00FF00
});
speedTxt.anchor.set(0, 0);
LK.gui.topLeft.addChild(speedTxt);
speedTxt.x = 120;
speedTxt.y = 80;
// Initialize player
player = new PlayerCar();
player.x = 1024;
player.y = 2200;
player.lastX = player.x;
game.addChild(player);
// Create starting grid with 8 bot cars
var startingPositions = [{
x: 400,
y: 1800
}, {
x: 1000,
y: 1800
}, {
x: 1600,
y: 1800
},
// Row 1 (positions 1-3)
{
x: 400,
y: 2000
}, {
x: 1600,
y: 2000
},
// Row 2 (positions 4-5)
{
x: 700,
y: 2200
}, {
x: 1300,
y: 2200
},
// Row 3 (positions 6-7)
{
x: 400,
y: 2400
} // Row 4 (position 8)
];
for (var i = 0; i < 8; i++) {
var bot = new BotCar();
bot.x = startingPositions[i].x;
bot.y = startingPositions[i].y;
bot.startingPosition = i + 1;
bot.currentSpeed = 0; // Start stationary
botCars.push(bot);
game.addChild(bot);
}
// Create track edges
for (var i = 0; i < 20; i++) {
var leftEdge = new TrackEdge();
leftEdge.x = 150;
leftEdge.y = i * 200 - 100;
trackEdges.push(leftEdge);
game.addChild(leftEdge);
var rightEdge = new TrackEdge();
rightEdge.x = 1898;
rightEdge.y = i * 200 - 100;
trackEdges.push(rightEdge);
game.addChild(rightEdge);
}
// Create initial road lines
for (var i = 0; i < 15; i++) {
var line1 = new RoadLine();
line1.x = 700;
line1.y = i * 200 - 100;
roadLines.push(line1);
game.addChild(line1);
var line2 = new RoadLine();
line2.x = 1300;
line2.y = i * 200 - 100;
roadLines.push(line2);
game.addChild(line2);
}
// Input handling
var dragTarget = null;
game.down = function (x, y, obj) {
dragTarget = player;
handleMove(x, y, obj);
};
game.up = function (x, y, obj) {
dragTarget = null;
};
function handleMove(x, y, obj) {
if (dragTarget) {
dragTarget.x = x;
// Keep player within racing lanes
if (dragTarget.x < 300) dragTarget.x = 300;
if (dragTarget.x > 1748) dragTarget.x = 1748;
// Increase speed based on movement
if (Math.abs(dragTarget.x - dragTarget.lastX) > 5) {
raceSpeed = Math.min(15, raceSpeed + 0.1);
}
}
}
game.move = handleMove;
// Spawn bot car function
function spawnBotCar() {
var bot = new BotCar();
bot.x = 400 + Math.floor(Math.random() * 3) * 600; // Random lane
bot.y = -100;
botCars.push(bot);
game.addChild(bot);
}
// Spawn road lines function
function spawnRoadLines() {
var line1 = new RoadLine();
line1.x = 700;
line1.y = -50;
roadLines.push(line1);
game.addChild(line1);
var line2 = new RoadLine();
line2.x = 1300;
line2.y = -50;
roadLines.push(line2);
game.addChild(line2);
}
// Main game update
game.update = function () {
// Update race distance
raceDistance += raceSpeed;
// Update speed display
speedTxt.setText('Speed: ' + Math.floor(raceSpeed * 10));
// Spawn finish line when approaching lap 10
if (lapNumber === 10 && raceDistance >= lapDistance - 1000 && finishLines.length === 0) {
var finishLine = new FinishLine();
finishLine.x = 1024;
finishLine.y = -200;
finishLines.push(finishLine);
game.addChild(finishLine);
}
// Check for lap completion or finish line crossing
if (raceDistance >= lapDistance && !raceFinished) {
raceDistance = 0;
lapNumber++;
lapTxt.setText('Lap: ' + lapNumber + '/10');
LK.getSound('checkpoint').play();
}
// Check for finish line crossing
for (var f = 0; f < finishLines.length; f++) {
var finishLine = finishLines[f];
if (finishLine.lastY === undefined) finishLine.lastY = finishLine.y;
if (finishLine.lastY > player.y && finishLine.y <= player.y && !raceFinished) {
raceFinished = true;
finalPosition = botsFinished + 1; // Player finishes after bots that already finished
// Create result text
var resultTxt = new Text2('Race Finished!\nFinal Position: ' + finalPosition + '/9\nLaps Completed: 10', {
size: 60,
fill: 0xFFFFFF,
align: 'center'
});
resultTxt.anchor.set(0.5, 0.5);
resultTxt.x = 1024;
resultTxt.y = 1366;
game.addChild(resultTxt);
LK.setScore(900 - finalPosition * 100); // Higher score for better position
// Show you win after 3 seconds
LK.setTimeout(function () {
LK.showYouWin();
}, 3000);
break;
}
finishLine.lastY = finishLine.y;
}
// Start race after 3 seconds
if (!raceStarted && LK.ticks > 180) {
raceStarted = true;
// Activate bot cars
for (var i = 0; i < botCars.length; i++) {
botCars[i].currentSpeed = botCars[i].baseSpeed;
}
}
// Spawn road lines
lineSpawnTimer++;
if (lineSpawnTimer >= 25) {
lineSpawnTimer = 0;
spawnRoadLines();
}
// Update and check bot cars
for (var i = botCars.length - 1; i >= 0; i--) {
var bot = botCars[i];
if (bot.lastY === undefined) bot.lastY = bot.y;
if (bot.lastIntersecting === undefined) bot.lastIntersecting = false;
// Remove bots that go off screen
if (bot.lastY <= 2800 && bot.y > 2800) {
bot.destroy();
botCars.splice(i, 1);
continue;
}
// Check collision with player
var currentIntersecting = bot.intersects(player);
if (!bot.lastIntersecting && currentIntersecting) {
LK.getSound('collision').play();
// Slow down both cars on collision
raceSpeed = Math.max(3, raceSpeed - 2);
// Move player away from collision
if (player.x < bot.x) {
player.x -= 30;
} else {
player.x += 30;
}
}
bot.lastY = bot.y;
bot.lastIntersecting = currentIntersecting;
}
// Update road lines
for (var i = roadLines.length - 1; i >= 0; i--) {
var line = roadLines[i];
if (line.lastY === undefined) line.lastY = line.y;
// Remove lines that go off screen
if (line.lastY <= 2800 && line.y > 2800) {
line.destroy();
roadLines.splice(i, 1);
continue;
}
line.lastY = line.y;
}
// Update track edges
for (var i = trackEdges.length - 1; i >= 0; i--) {
var edge = trackEdges[i];
if (edge.lastY === undefined) edge.lastY = edge.y;
// Remove edges that go off screen and spawn new ones
if (edge.lastY <= 2800 && edge.y > 2800) {
edge.destroy();
trackEdges.splice(i, 1);
continue;
}
edge.lastY = edge.y;
}
// Update finish lines
for (var i = finishLines.length - 1; i >= 0; i--) {
var finishLine = finishLines[i];
if (finishLine.lastY === undefined) finishLine.lastY = finishLine.y;
// Remove finish lines that go off screen
if (finishLine.lastY <= 2800 && finishLine.y > 2800) {
finishLine.destroy();
finishLines.splice(i, 1);
continue;
}
finishLine.lastY = finishLine.y;
}
// Spawn new track edges
if (LK.ticks % 25 === 0) {
var leftEdge = new TrackEdge();
leftEdge.x = 150;
leftEdge.y = -100;
trackEdges.push(leftEdge);
game.addChild(leftEdge);
var rightEdge = new TrackEdge();
rightEdge.x = 1898;
rightEdge.y = -100;
trackEdges.push(rightEdge);
game.addChild(rightEdge);
}
// Calculate position based on bot cars behind player and finished bots
if (!raceFinished) {
var carsAhead = botsFinished; // Count finished bots as ahead
for (var i = 0; i < botCars.length; i++) {
var bot = botCars[i];
if (!bot.hasFinished) {
// Compare lap progress for unfinished bots
if (bot.lapCount > lapNumber || bot.lapCount === lapNumber && bot.raceDistance > raceDistance) {
carsAhead++;
}
}
}
position = carsAhead + 1;
positionTxt.setText('Position: ' + position + '/9');
} else {
positionTxt.setText('Position: ' + finalPosition + '/9 - FINISHED');
}
// Gradually increase race speed
if (LK.ticks % 300 === 0) {
// Every 5 seconds
raceSpeed = Math.min(12, raceSpeed + 0.1);
}
}; ===================================================================
--- original.js
+++ change.js
@@ -60,14 +60,36 @@
}
};
return self;
});
-var CheckpointFlag = Container.expand(function () {
+var FinishLine = Container.expand(function () {
var self = Container.call(this);
- var flagGraphics = self.attachAsset('checkpointFlag', {
+ // Create left pole
+ var leftPole = self.attachAsset('finishPole', {
anchorX: 0.5,
- anchorY: 0.5
+ anchorY: 1
});
+ leftPole.x = -800;
+ leftPole.y = 0;
+ // Create right pole
+ var rightPole = self.attachAsset('finishPole', {
+ anchorX: 0.5,
+ anchorY: 1
+ });
+ rightPole.x = 800;
+ rightPole.y = 0;
+ // Create checkered pattern
+ for (var i = 0; i < 16; i++) {
+ for (var j = 0; j < 2; j++) {
+ var isBlack = (i + j) % 2 === 0;
+ var square = self.attachAsset(isBlack ? 'checkeredSquare1' : 'checkeredSquare2', {
+ anchorX: 0.5,
+ anchorY: 0.5
+ });
+ square.x = (i - 7.5) * 100;
+ square.y = (j - 0.5) * 40;
+ }
+ }
self.update = function () {
self.y += raceSpeed;
};
return self;
@@ -130,9 +152,9 @@
// Game variables
var player;
var botCars = [];
var roadLines = [];
-var checkpoints = [];
+var finishLines = [];
var trackEdges = [];
var botSpawnTimer = 0;
var lineSpawnTimer = 0;
var checkpointTimer = 0;
@@ -292,17 +314,28 @@
// Update race distance
raceDistance += raceSpeed;
// Update speed display
speedTxt.setText('Speed: ' + Math.floor(raceSpeed * 10));
- // Check for lap completion
+ // Spawn finish line when approaching lap 10
+ if (lapNumber === 10 && raceDistance >= lapDistance - 1000 && finishLines.length === 0) {
+ var finishLine = new FinishLine();
+ finishLine.x = 1024;
+ finishLine.y = -200;
+ finishLines.push(finishLine);
+ game.addChild(finishLine);
+ }
+ // Check for lap completion or finish line crossing
if (raceDistance >= lapDistance && !raceFinished) {
raceDistance = 0;
lapNumber++;
lapTxt.setText('Lap: ' + lapNumber + '/10');
- LK.effects.flashScreen(0x00FF00, 500);
LK.getSound('checkpoint').play();
- // Check for race completion
- if (lapNumber > 10) {
+ }
+ // Check for finish line crossing
+ for (var f = 0; f < finishLines.length; f++) {
+ var finishLine = finishLines[f];
+ if (finishLine.lastY === undefined) finishLine.lastY = finishLine.y;
+ if (finishLine.lastY > player.y && finishLine.y <= player.y && !raceFinished) {
raceFinished = true;
finalPosition = botsFinished + 1; // Player finishes after bots that already finished
// Create result text
var resultTxt = new Text2('Race Finished!\nFinal Position: ' + finalPosition + '/9\nLaps Completed: 10', {
@@ -313,22 +346,16 @@
resultTxt.anchor.set(0.5, 0.5);
resultTxt.x = 1024;
resultTxt.y = 1366;
game.addChild(resultTxt);
- // Flash screen based on position
- if (finalPosition <= 3) {
- LK.effects.flashScreen(0xFFD700, 2000); // Gold flash for podium
- } else if (finalPosition <= 6) {
- LK.effects.flashScreen(0x00FF00, 1500); // Green flash for good position
- } else {
- LK.effects.flashScreen(0xFF0000, 1000); // Red flash for poor position
- }
LK.setScore(900 - finalPosition * 100); // Higher score for better position
// Show you win after 3 seconds
LK.setTimeout(function () {
LK.showYouWin();
}, 3000);
+ break;
}
+ finishLine.lastY = finishLine.y;
}
// Start race after 3 seconds
if (!raceStarted && LK.ticks > 180) {
raceStarted = true;
@@ -357,9 +384,8 @@
// Check collision with player
var currentIntersecting = bot.intersects(player);
if (!bot.lastIntersecting && currentIntersecting) {
LK.getSound('collision').play();
- LK.effects.flashScreen(0xFF0000, 800);
// Slow down both cars on collision
raceSpeed = Math.max(3, raceSpeed - 2);
// Move player away from collision
if (player.x < bot.x) {
@@ -394,8 +420,20 @@
continue;
}
edge.lastY = edge.y;
}
+ // Update finish lines
+ for (var i = finishLines.length - 1; i >= 0; i--) {
+ var finishLine = finishLines[i];
+ if (finishLine.lastY === undefined) finishLine.lastY = finishLine.y;
+ // Remove finish lines that go off screen
+ if (finishLine.lastY <= 2800 && finishLine.y > 2800) {
+ finishLine.destroy();
+ finishLines.splice(i, 1);
+ continue;
+ }
+ finishLine.lastY = finishLine.y;
+ }
// Spawn new track edges
if (LK.ticks % 25 === 0) {
var leftEdge = new TrackEdge();
leftEdge.x = 150;
Images
:quality(85)/https://cdn.frvr.ai/68820f874e490958c035f186.png%3F3)
formula one race car 2d redbull vertical. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/688213c24e490958c035f1a1.png%3F3)
mclaren f1 race car vertical. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/688221abae648e2b31845312.png%3F3)
f1 grand prix barriers vertical 2d. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/68822217ae648e2b3184531d.png%3F3)
bird's-eye view of the F1 spectator crowd. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/688228c4ae648e2b31845339.png%3F3)
f1 mercedes car 2d vertical. In-Game asset. 2d. High contrast. No shadows
Used plugins
@upit/tween
