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

Play

Bubble Shooter

benjaminsen

BubbleShooter

205K

11mo

Playit

Classic Bubble Shooter Game

#arcade

#puzzle

#casual

#bubbleshooter

#bubble

Creation History

Code edit (1 edits merged)

Please save this source code

User prompt

when circles and barriers intersect, move the circle back, such that it just touches the barrier and no longer intersects

Code edit (1 edits merged)

Please save this source code

User prompt

Move the ball outside the barrier so they no longer intersects, when they intersect

Code edit (7 edits merged)

Please save this source code

User prompt

When intersecting a barrier, the new speed should be based on ball to ball intersection like billiard balls. With the barrier being static and the bubbles being standard billiard balls

User prompt

Bubbles should bounce on barriers, using circle to circle intersections and billiard ball like physics

Code edit (1 edits merged)

Please save this source code

User prompt

When intersection a barrier with a bubble. Move the bubble out of the barrier such that they no longer intersects

User prompt

If a ball intersects a barrier, it should be rejected out of the barrier

Code edit (11 edits merged)

Please save this source code

User prompt

The bubbles seems to intersect with the barriers more than once, please update the code such that it only triggers if the bubble is moving towards each specific barrier

Code edit (1 edits merged)

Please save this source code

Code edit (1 edits merged)

Please save this source code

Code edit (6 edits merged)

Please save this source code

User prompt

Bubbles should intersect barriers, and bounce based on circle to line intersection. With each barrier being considered four lines and each bubble being a circle. The balls should bounce of the barriers similar to how the logic would be implemented in billiard or eight ball pool. Please consider that both bubbles and barriers have their anchor set at .5,.5

User prompt

Code edit (1 edits merged)

Please save this source code

User prompt

Bubbles should intersect barriers, and bounce based on circle to line intersection. With each barrier being considered four lines. The balls should bounce of the barriers similar to how the logic would be implemented in billiard or eight ball pool.

Code edit (1 edits merged)

Please save this source code

User prompt

Please fix the bug: 'ReferenceError: Can't find variable: checkLineIntersection' in or related to this line: 'if (checkLineIntersection(self.x, self.y, self.x + speedX, self.y + speedY, line.x1, line.y1, line.x2, line.y2) && movingTowards) {' Line Number: 85

User prompt

Please fix the bug: 'TypeError: self.intersectsLine is not a function. (In 'self.intersectsLine(line.x1, line.y1, line.x2, line.y2)', 'self.intersectsLine' is undefined)' in or related to this line: 'if (self.intersectsLine(line.x1, line.y1, line.x2, line.y2) && movingTowards) {' Line Number: 85

Code edit (1 edits merged)

Please save this source code

User prompt

in bubble update, if not attached, if a bubble intersects with a barrier and the bubble is moving towards the barrier. Bounce the bubble off the barrier. Consider the barriers 4 lines each that is intersected with individually. With the circles new speedX and speedY being calculated based on circle to line intersections using real physics.

User prompt

n ball update, update the intersection logic such that it's between the ball circle and the barrier rectangle. With all the faces of the rectangle being factored in. Please factor in that both barrier and balls have an anchor point of .5, .5

===================================================================
--- original.js
+++ change.js
@@ -61,8 +61,9 @@
 					// Move the bubble back to the point where it just touches the barrier
 					var overlap = minDist - distance;
 					self.x += overlap * Math.cos(angle);
 					self.y += overlap * Math.sin(angle);
+					isAttached = true;
 				}
 			}
 		}
 	};