Upit | Learn about creating the game 💣 Bomb Squad with gen AI

Play

💣 Bomb Squad

fussbucket

BombSquad

8mo

Playit

Is your timing good enough to diffuse the bomb before it explodes? 💥

#timinggame

#reflextest

#precisiongaming

#fun

#new

#minigame

Creation History

User prompt

You win text should appear 200 pixels below the top of the screen with a 200 size

User prompt

If the player wins, the screen should stay green and a message should appear below the score that says you win.

User prompt

The game should end when the stopwatch reaches zero or the player wins by scoring 10 points.

User prompt

The stopwatch should start at 60 seconds and tick backwards to zero.

User prompt

Let's reverse the direction of the stopwatch. It should start from 60 seconds and go down to zero.

User prompt

If the player scores 10 points before the clock runs out, they win. If they don't, they lose.

User prompt

This new progress bar will refer to as the defuse bar.

User prompt

This new progress bar should use green progress, and it will have 10 segments. Each point equals a segment that it will fill in until it reaches.

User prompt

Let's create another progress bar that will sit above the image. This progress bar is going to track points, and it will be a green bar that moves from left to right.

User prompt

create a progress bar that counts down from the time we start to the time we end in a red bar that moves from right to left.

User prompt

Make the flash effect fade out faster.

User prompt

The player will score a point if they get it within 1 tenth of a second for any second leading up to 60 seconds.

User prompt

The player should score a point if they get it within 1 tenth of a second.

User prompt

The player will score a point if they get it within one hundredth of a second.

User prompt

Show the player's score at the top of the screen.

User prompt

The game won't end until 60 seconds is reached. The player scores one point every time they hit one second on the nose.

User prompt

The clock should start the moment the game begins and will continue running until it reaches 60 seconds. The player is tasked to try to time it at the 1 second mark up to 60 seconds.

User prompt

The stopwatch should start the second the game begins, and all the player can do is click to stop it. If they stop it at exactly one second, they get a firework effect. If they don't, they get a negative red light effect.

User prompt

The game should provide an image of a stopwatch with the timer on top of it.

User prompt

The timer should be running once I click go, and then I click again to stop it, and if I stop it at exactly one second, firework defects.

Initial prompt

Perfect Timing

/**** 
* Initialize Game
****/ 
// No assets are needed for this game
// No classes are needed for this game
var game = new LK.Game({
	backgroundColor: 0x000000 //Init game with black background 
});

/**** 
* Game Code
****/ 
// Initialize variables
var startTime = null;
var elapsedTime = 0;
var timerTxt = null;
var gameStarted = false;
var progressBar = null;
var progressBarWidth = 2048; // Full width of the screen
var progressBarHeight = 50; // Height of the progress bar
// Add stopwatch image to the game
var stopwatchImage = LK.getAsset('stopwatchImage', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2,
	y: 2732 / 2
});
game.addChild(stopwatchImage);
// Create a progress bar
progressBar = LK.getAsset('stopwatch', {
	anchorX: 1.0,
	anchorY: 0.0,
	x: 2048,
	// Start from the right edge
	y: 0,
	// Top of the screen
	width: progressBarWidth,
	height: progressBarHeight
});
game.addChild(progressBar);
// Create a defuse bar for points
var defuseBar = LK.getAsset('stopwatch', {
	anchorX: 0.0,
	anchorY: 0.0,
	x: 0,
	// Start from the left edge
	y: 50,
	// Just below the top of the screen
	width: 0,
	// Start with zero width
	height: progressBarHeight,
	color: 0x00ff00 // Green color for defuse progress
});
game.addChild(defuseBar);
// Create a text object to display the timer
timerTxt = new Text2('0.00', {
	size: 150,
	fill: "#ffffff"
});
timerTxt.anchor.set(0.5, 0.5);
timerTxt.x = 2048 / 2;
timerTxt.y = 2732 / 2;
game.addChild(timerTxt);
// Create a text object to display the score
var scoreTxt = new Text2('Score: 0', {
	size: 100,
	fill: "#ffffff"
});
scoreTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreTxt);
startTime = Date.now();
gameStarted = true;
// Check the elapsed time on mouse up
game.up = function (x, y, obj) {
	if (gameStarted) {
		elapsedTime = 60 - (Date.now() - startTime) / 1000;
		timerTxt.setText(elapsedTime.toFixed(2));
		if (Math.abs(elapsedTime - Math.round(elapsedTime)) <= 0.1) {
			LK.effects.flashScreen(0x00ff00, 500); // Flash green to simulate fireworks
			LK.setScore(LK.getScore() + 1); // Increment score
			scoreTxt.setText('Score: ' + LK.getScore()); // Update score display
		} else {
			LK.effects.flashScreen(0xff0000, 500); // Flash red for negative effect
		}
	}
};
// Update the timer every game tick
game.update = function () {
	if (gameStarted) {
		elapsedTime = 60 - (Date.now() - startTime) / 1000;
		timerTxt.setText(elapsedTime.toFixed(2));
		// Update progress bar width
		progressBar.width = progressBarWidth * (1 - elapsedTime / 60);
		// Update defuse bar width with 10 segments
		defuseBar.width = progressBarWidth * (LK.getScore() / 10);
		if (LK.getScore() >= 10) {
			LK.showGameOver(); // Player wins
			gameStarted = false;
		} else if (elapsedTime >= 60) {
			LK.showGameOver(); // Player loses
			gameStarted = false;
		}
	}
};
// Initialize stopwatch image asset

===================================================================
--- original.js
+++ change.js
@@ -86,9 +86,9 @@
 };
 // Update the timer every game tick
 game.update = function () {
 	if (gameStarted) {
-		elapsedTime = (Date.now() - startTime) / 1000;
+		elapsedTime = 60 - (Date.now() - startTime) / 1000;
 		timerTxt.setText(elapsedTime.toFixed(2));
 		// Update progress bar width
 		progressBar.width = progressBarWidth * (1 - elapsedTime / 60);
 		// Update defuse bar width with 10 segments