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

frame shoudl use its own asset frame

User prompt

Frame is only covering the top left of the screen

User prompt

can we move thhe left and bottom frames closer to the center of the screen

Code edit (3 edits merged)

Please save this source code

User prompt

move right frame 200 piexles to the right

User prompt

move right fram 400 pixels to the left

User prompt

Fix it please andshow the bottom frame

Code edit (16 edits merged)

Please save this source code

Code edit (4 edits merged)

Please save this source code

User prompt

can we add a tween to the frame to rotate its titnt like the game title does

User prompt

NIce, it was applied tothe bottom frame, it should be applied to all the frames ↪💡 Consider importing and using the following plugins: @upit/tween.v1

User prompt

move brick a 10 pixels closer on the sides

User prompt

reduce the space between bricks

Code edit (5 edits merged)

Please save this source code

User prompt

Make top frame also change colors with tween like bottom frame ↪💡 Consider importing and using the following plugins: @upit/tween.v1

User prompt

Make left frame change colors with tween like bottom frame ↪💡 Consider importing and using the following plugins: @upit/tween.v1

User prompt

Nice, now lets make right frame also change colors with a tween like the bottom frame ↪💡 Consider importing and using the following plugins: @upit/tween.v1

Code edit (4 edits merged)

Please save this source code

User prompt

Make ball check collision with bottom frame

User prompt

can you adjust game height so ball boucnes from bottom frame position

User prompt

When a new level starts, balls should respawn from the bottom of the top, evenly

User prompt

balls shoudl not always spawn from the top, they shoudl spawn from the top or bottom, at a same ratio

User prompt

When player moves to next level, the current balls on the screen should respawn from the bottom or the top of the screen evenly, like when the game loads and there are balls in storage.

User prompt

comment all levels out except level 1

User prompt

Move restart and rest on end screen 40 pixels up

===================================================================
--- original.js
+++ change.js
@@ -1071,10 +1071,10 @@
 	var totalBricks = config.totalBricks || 50;
 	var baseHitpoints = config.hitpoints || 1; // Base HP from level config
 	var gridSize = config.gridSize || 200;
 	var pattern = config.pattern || 'grid';
-	var spacingX = 1; // Reduced spacing between columns
-	var spacingY = 2;
+	var spacingX = 0.5; // Further reduce spacing between columns
+	var spacingY = 1; // Further reduce spacing between rows
 	brickGrid = {};
 	bricks = [];
 	var cols = 7; // Set to 7 columns
 	var rows = Math.ceil(totalBricks / cols);