Upit | Learn about creating the game Idle BrickBreaker with gen AI

Play

Idle BrickBreaker

jppalli

idlebrickbreaker

1.2K

Playit

Tap to break bricks and earn rewards! Upgrade balls, unlock power-ups, and strategize to conquer endless levels in Idle Breakou

#breakout

#idle

#UpitIdleGameContest

#UpitIdleContest

#idelbreakout

Creation History

User prompt

comment all levels out except level 1

User prompt

Move restart and rest on end screen 40 pixels up

Code edit (1 edits merged)

Please save this source code

User prompt

create new fucntion to explicitly tints the end screen game title container

Code edit (2 edits merged)

Please save this source code

User prompt

Please fix the bug: 'ReferenceError: tintEndScreenTitle is not defined' in or related to this line: 'tintEndScreenTitle();' Line Number: 527

User prompt

Make game title end screen container (currently pink) instead make it tween with colors like the bottom frame ↪💡 Consider importing and using the following plugins: @upit/tween.v1

User prompt

remove commented levels

User prompt

un comment levels code

Code edit (12 edits merged)

Please save this source code

User prompt

When a new level start if a ball is overlapping with a brick, teleportit to a brick free area

User prompt

on level end, destroy all balls, and when next level starts, restore them from memory. like we do when we start a game that already had balls

User prompt

Remove all current balls when a level end, and resspawn them from either the bottom or top of the screen.

Code edit (1 edits merged)

Please save this source code

User prompt

When start button is pressed, add teh same explosion effect as when brick is detroyed

User prompt

when start button is pressed, fade out the elelemtns leaving and fade int the ones coming in ↪💡 Consider importing and using the following plugins: @upit/tween.v1

User prompt

For text in upgrades us SPD instead of Speed, and DMG instead of Power.

User prompt

add a little more space between the upgrade buttons, but make sure they are still in the screen

User prompt

increse the size of the font on the ball powerups button

User prompt

clisck powerup button, should have 3 rows: 1: Click text 2: Power up level 3: Powe up cost

User prompt

Please fix the bug: 'Uncaught ReferenceError: labelText is not defined' in or related to this line: 'labelText.fill = isEnabled ? 0x000000 : 0x666666; // Grey out label text when disabled' Line Number: 1065

User prompt

Can we should the clickdamage belwo the cick text here: createUpgradeButton('Click', startX + 8 * (buttonWidth + spacing), 'clickCost', 'clickDamage', 25, null, null);

User prompt

OKay, so move click up50 pixxels and remove the damage next to it since we have it below now

Code edit (2 edits merged)

Please save this source code

User prompt

text inside teh clickupgrade button should be handled different that the rest of the powerups

===================================================================
--- original.js
+++ change.js
@@ -323,8 +323,24 @@
 	self.addChild(buttonText);
 	self.interactive = true;
 	self.down = function () {
 		LK.getSound('click').play();
+		var explosionColors = [0xff0000, 0x00ff00, 0x0000ff, 0xffff00, 0xff00ff, 0x00ffff];
+		var randomColor = explosionColors[Math.floor(Math.random() * explosionColors.length)];
+		var randomScale = Math.random() * 1.5 + 1.5;
+		var randomDuration = Math.random() * 300 + 400;
+		tween(self, {
+			tint: randomColor,
+			scaleX: randomScale,
+			scaleY: randomScale,
+			alpha: 0
+		}, {
+			duration: randomDuration,
+			easing: tween.easeOut,
+			onFinish: function onFinish() {
+				self.destroy();
+			}
+		});
 		startGame();
 	};
 });
 var UpgradeButton = Container.expand(function () {