Upit | Learn about creating the game Catch'em with gen AI

Play

Catch'em

earis

Catchem

340

11mo

Playit

It's a sunny day ! Catch some butterflies !

#cooking

#arcade

#timechallenge

#foodgame

#casual

Creation History

User prompt

Fix Bug: 'ReferenceError: Enemy is not defined' in this line: 'var enemy = new Enemy(type);' Line Number: 69

User prompt

Fix Bug: 'ReferenceError: Enemy is not defined' in this line: 'var enemy = new Enemy(type);' Line Number: 69

User prompt

Fix Bug: 'ReferenceError: Enemy is not defined' in this line: 'var enemy = new Enemy(type);' Line Number: 69

User prompt

the enemies appear random on the screen moving randomy form right to left or left to right going up and down. enemy1 appear more frequently enemy2 less and enemy3 rearlly

User prompt

add enemy 3

User prompt

Fix Bug: 'Uncaught ReferenceError: Enemy1 is not defined' in this line: 'var enemy1 = game.addChild(new Enemy1());' Line Number: 69

User prompt

add enemy2 twice the size of enemy1

User prompt

add enemy1

User prompt

before the score on the same line add an image

User prompt

under the timer, on the top right corner ad an icon next to the icon on the right side add a score counter.

User prompt

Fix Bug: 'Uncaught TypeError: Cannot read properties of undefined (reading 'y')' in this line: 'timerInstance.y = scoreCounterInstance.y;' Line Number: 56

User prompt

on the same horizontal line

User prompt

the icon and the score are on the same line

User prompt

the icon and the score counter are on the same line. The score counter is on the right of the icon.

User prompt

under the timer, on the top right corner ad an icon and a score counter.

User prompt

the score Icon is inside the screen borders and has a vizible size !

User prompt

make it much bigger

User prompt

the counter is inside the screen borders !

User prompt

Fix Bug: 'Uncaught TypeError: timerText.setText is not a function' in this line: 'timerText.setText(timeLeft);' Line Number: 8

User prompt

On the top right corner add a timer that counts from 120 to 0. Once the timer reaches 0 the game ends.

Code edit (1 edits merged)

Please save this source code

User prompt

on the screen dree different color butterflies appear each one gives different score. the first 5, the second 10 and the third 15. Thy also have different sizes they appear random on the screen and move from left to right or right to left till they disappear from the screen. the butterflies are in the screen. You move the catcher to catch them and a score that is on the top right corner updates. there is a timer that counts form 120 backwards till it reaches 0 and the game ends.

Code edit (1 edits merged)

Please save this source code

User prompt

Left Side - Recipe Display: Display a recipe on the left side of the screen. Include ingredients, prices, and a standard burger image in the recipe. Top Right - Countdown Timer: Implement a countdown timer that starts at 120 and counts backward to 0. Display the countdown timer at the top right of the screen. Top Right, Below Timer - Score Display: Add an icon and a number to the right of the countdown timer. The number should start at 0.00 and increase as the player makes burgers. Game Components: Background: Implement a game background that covers the entire screen. Countdown Timer: Create a countdown timer class that starts at 120 and counts backward. Display the timer in a visually appealing way. Score Display: Create a class for the score display. Include an icon and a number (starting at 0.00) that increases as burgers are made. Burger Recipe: Design a class for displaying the burger recipe. Include ingredients, their prices, and a standard burger image. Burger Building: Allow the player to interact with ingredients and build a burger. Update the score display as each burger is successfully made. Game Logic: Timer Countdown: Start the countdown timer when the game begins. Countdown from 120 to 0. Score Update: Update the score display each time a burger is successfully made. The score should increase based on the value of the burger made. Initialization: Create Game Object: Initialize the game with a black background. Instantiate Components: Instantiate the background, countdown timer, and score display classes. Set positions for each component to ensure proper layout. Start Countdown: Call the method to start the countdown timer when the game begins. Implement Burger Recipe: Display the burger recipe on the left side of the screen. Implement Burger Building: Allow player interaction to build burgers. Update the score display accordingly.

Code edit (1 edits merged)

Please save this source code

/**** 
* Classes
****/
var ScoreCounter = Container.expand(function () {
	var self = Container.call(this);
	var score = 0;
	var scoreIcon = self.createAsset('scoreIcon', 'Score Icon', 0, 0.5);
	var scoreText = new Text2(score.toString(), {
		size: 150,
		fill: '#ffffff'
	});
	scoreText.x = scoreIcon.width + 10;
	self.addChild(scoreIcon);
	self.addChild(scoreText);
	self.updateScore = function (newScore) {
		score = newScore;
		scoreText.setText(score.toString());
	};
});
var Timer = Container.expand(function () {
	var self = Container.call(this);
	var timeLeft = 120;
	var timerText = new Text2(timeLeft.toString(), {
		size: 150,
		fill: '#ffffff'
	});
	self.addChild(timerText);
	timerText.setText(timeLeft);
	self.update = function () {
		if (timeLeft > 0) {
			timeLeft -= 1 / 60;
			timerText.setText(Math.ceil(timeLeft));
		} else {
			LK.showGameOver();
		}
	};
});

/**** 
* Initialize Game
****/
var game = new LK.Game({
	backgroundColor: 0x000000
});

/**** 
* Game Code
****/
LK.on('tick', function () {
	timerInstance.update();
	scoreCounterInstance.updateScore(LK.getScore());
});
var timerInstance = game.addChild(new Timer());
timerInstance.x = game.width - timerInstance.width - 20;
timerInstance.y = 20;
var scoreCounterInstance = game.addChild(new ScoreCounter());
scoreCounterInstance.x = game.width - scoreCounterInstance.width - 20;
scoreCounterInstance.y = timerInstance.y + timerInstance.height + 20;
game.addChild(scoreCounterInstance);

===================================================================
--- original.js
+++ change.js
@@ -3,12 +3,15 @@
 ****/
 var ScoreCounter = Container.expand(function () {
 	var self = Container.call(this);
 	var score = 0;
+	var scoreIcon = self.createAsset('scoreIcon', 'Score Icon', 0, 0.5);
 	var scoreText = new Text2(score.toString(), {
 		size: 150,
 		fill: '#ffffff'
 	});
+	scoreText.x = scoreIcon.width + 10;
+	self.addChild(scoreIcon);
 	self.addChild(scoreText);
 	self.updateScore = function (newScore) {
 		score = newScore;
 		scoreText.setText(score.toString());

Showing 51 to 75 of 122

1 2 3 4 5

Images

pixel butterfly.
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

pixel sunny field height is bigger than width..
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

Main