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

Play

game-community-background

user photo

game-pic

206K

66

11mo

Classic Bubble Shooter Game

#arcade

#puzzle

#casual

#bubbleshooter

#bubble

Creation History

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

Code edit (3 edits merged)

Please save this source code

User prompt

implement self.findBubbleRowAndColumn = function (bubble) {};

Code edit (1 edits merged)

Please save this source code

User prompt

implement //Calculate the offset from the intersectedBubble to insert the bubble. Use angular math to determine the row / colum offset of where to insert the bubble.

Code edit (4 edits merged)

Please save this source code

User prompt

Please fix the bug: 'TypeError: this.calculateInsertionPoint is not a function. (In 'this.calculateInsertionPoint(intersectedBubble, bubble)', 'this.calculateInsertionPoint' is undefined)' in or related to this line: 'var insertionPoint = this.calculateInsertionPoint(intersectedBubble, bubble);' Line Number: 293

User prompt

implement //We have a bubble we just intersected with. We want to know where to insert this bubble into the grid. Use the intersectedBubble position in the grid as the starting point for this calculation.

Code edit (4 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: 463

Code edit (1 edits merged)

Please save this source code

Code edit (1 edits merged)

Please save this source code

User prompt

implement //Calculate position that the bubble would snap into if it was part of the grid.

Code edit (20 edits merged)

Please save this source code

User prompt

Find //Calculate position that the bubble would snap into if it was part of the grid. and implement that

Code edit (1 edits merged)

Please save this source code

Code edit (20 edits merged)

Please save this source code

User prompt

Please fix the bug: 'Script error.' in or related to this line: 'bobble.y += launcher.y - self.y;' Line Number: 275

Code edit (1 edits merged)

Please save this source code

Code edit (1 edits merged)

Please save this source code

Code edit (13 edits merged)

Please save this source code

User prompt

Please fix the bug: 'Script error.' in or related to this line: 'var dist = bubble.y - nextYx - self.x;' Line Number: 243

===================================================================
--- 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 901 to 925 of 1369

1 ...35 36 37 38 39 ...55

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