Upit | Learn about creating the game Bubble Shooter with gen AI

Play

game-community-background

user photo

game-pic

208K

69

11mo

Classic Bubble Shooter Game

#arcade

#puzzle

#casual

#bubbleshooter

#bubble

Creation History

Code edit (1 edits merged)

Please save this source code

Code edit (23 edits merged)

Please save this source code

User prompt

implement //Loop over rows, if a row only has empty values in it, remove it.

Code edit (1 edits merged)

Please save this source code

Code edit (1 edits merged)

Please save this source code

Code edit (3 edits merged)

Please save this source code

User prompt

Please fix the bug: 'Script error.' in or related to this line: 'game.addChildAt(currentBubble, particleInjectionZIndex);' Line Number: 555

Code edit (1 edits merged)

Please save this source code

User prompt

Please fix the bug: 'Script error.' in or related to this line: 'currentBubble = hintBubbles[hintBubbleOffset] = new HintBubble();' Line Number: 554

Code edit (10 edits merged)

Please save this source code

User prompt

implement self.printRowsToConsole = function () { //Prints nice representation of the rows grid to console as a string };

Code edit (1 edits merged)

Please save this source code

Code edit (1 edits merged)

Please save this source code

Code edit (14 edits merged)

Please save this source code

User prompt

We have the pixel offsets for the bubbles around offsetPositions, however we also want to offset in terms of offset in the rows / columns grid. Can you add that as rx: and ry:

User prompt

Add row / column offsets to offsetPositions

User prompt

implement //Loop trough the offsetPositions and find the one that bubble is closest to

Code edit (4 edits merged)

Please save this source code

User prompt

implement //Calculate the position of potential neighbour bubbles into a list here

Code edit (1 edits merged)

Please save this source code

User prompt

implement /* Based on the intersectedBubble x,y position calculate the 6 points around this bubble where another bubble could exist and put that into a list. */

Code edit (1 edits merged)

Please save this source code

User prompt

implement //Based on intersectedBubblePos calculate the absolute row and column numbers to insert the current moving bubble to attach it to the grid

Code edit (3 edits merged)

Please save this source code

User prompt

fix any spelling errors in the source code

===================================================================
--- original.js
+++ change.js
@@ -293,39 +293,9 @@
 			}
 			var intersectedBubble = self.bubbleIntersectsGrid(nextX + self.x, nextY + self.y);
 			if (intersectedBubble) {
 				var intersectedBubblePos = self.findBubbleRowAndColumn(intersectedBubble);
-				// Calculate the row and column to insert the bubble based on the intersected bubble's position
-				var insertionRow = intersectedBubblePos.row;
-				var insertionCol = intersectedBubblePos.col;
-				// Determine the side of the intersected bubble the current bubble will attach to
-				var angleDeg = current.angle * (180 / Math.PI);
-				if (angleDeg > -90 && angleDeg < 90) {
-					// Bubble is coming from the left
-					insertionCol += 1;
-				} else {
-					// Bubble is coming from the right or directly above
-					insertionCol -= 1;
-				}
-				// Adjust for even and odd rows
-				if (insertionRow % 2 === 0) {
-					if (current.angle > 0) {
-						insertionRow += 1;
-					}
-				} else {
-					if (current.angle < 0) {
-						insertionRow += 1;
-					}
-				}
-				// Ensure the column is within bounds after adjustment
-				insertionCol = Math.max(0, Math.min(rows[insertionRow].length - 1, insertionCol));
-				// Insert the bubble into the grid
-				if (!rows[insertionRow][insertionCol]) {
-					rows[insertionRow][insertionCol] = bubble;
-					bubble.setPos(bubble.x, bubble.y); // Update bubble position to its final grid position
-					bubblesInFlight.splice(a, 1); // Remove the bubble from bubblesInFlight
-					a--; // Adjust loop index after removal
-				}
+				//Based on intersectedBubblePos and the current.angle that we are moving calculate the absolute row and column numbers to insert the current moving bubble to attach it to the grid
 			} else {
 				bubble.x = nextX;
 				bubble.y = nextY;
 			}

Showing 751 to 775 of 1328

1 ...29 30 31 32 33 ...54

Images

Circular white gradient circle on black background. Gradient from white on the center to black on the outer edge all around..
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

Soft straight Long red paint on black background.
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

Fire ball. Bubble shooter game. Thin black outline..
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

green notification bubble.
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

Sounds & Music

scoreCollected

Sound effect

detachCircle

Sound effect

attachCircle

Sound effect

circleBounce

Sound effect

fireBubble

Sound effect

gameOverJingle

Sound effect

Most played remixes

Bubble Blast (From the past)

Pokemon Bubble Shooter

Bubble Zombos

Bubble Shooter (Hard Mode)

Bubble Blast

Ezzzz Bubble Shooter

Fruits Shooter

ball explode

Bubble Shooter

Bubble Shooter

Bubble Shooter

Main