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

Play

Bubble Shooter

benjaminsen

BubbleShooter

206K

11mo

Playit

Classic Bubble Shooter Game

#arcade

#puzzle

#casual

#bubbleshooter

#bubble

Creation History

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

Code edit (1 edits merged)

Please save this source code

Code edit (1 edits merged)

Please save this source code

Code edit (1 edits merged)

Please save this source code

Code edit (21 edits merged)

Please save this source code

User prompt

Add a method to Grid, that takes a point and a direction given as an angle and returns a path of movement as an array of points. It should do this by starting at the point, stepping 10px in the direction of the angle with the following rules. * If the left wall or right wall is hit, bounce * If the top of the screen is hit, stop * If a bubble in the rows array is hit bounce. To do intersection testing, use circle to circle intersection, with the radius of the circle used for the iteration being 70

Code edit (1 edits merged)

Please save this source code

Code edit (3 edits merged)

Please save this source code

User prompt

Add a function to the game code that is used to increase the game score. This should use LK methods to update score and also update the label value

Code edit (1 edits merged)

Please save this source code

Code edit (9 edits merged)

Please save this source code

User prompt

The score colors does not work as the format must be "#xxxxxx"

User prompt

In ScoreIndicatorLabel use the bubbleColors values to set color based on type. Make sure to covert to string hex values

Code edit (6 edits merged)

Please save this source code

User prompt

Please fix the bug: 'TypeError: undefined is not an object (evaluating 'scoreMultipliers[Math.floor(self.x / (2048 / 5))].applyBubble')' in or related to this line: 'scoreMultipliers[Math.floor(self.x / (2048 / 5))].applyBubble(self);' Line Number: 77

Code edit (5 edits merged)

Please save this source code

User prompt

If unattached bubbles falls below 2732 - 500 remove them

Code edit (1 edits merged)

Please save this source code

Code edit (2 edits merged)

Please save this source code

User prompt

In ScoreMultipliers add a score label text string. This should be white with the font Impact.

Code edit (10 edits merged)

Please save this source code

User prompt

Use impact for the score label

User prompt

Add a score label to the top center of the screen. The score label should be centered and have a black outline and white font

Code edit (1 edits merged)

Please save this source code

===================================================================
--- original.js
+++ change.js
@@ -203,10 +203,10 @@
 var ScoreMultipliers = Container.expand(function (baseValue) {
 	var self = Container.call(this);
 	// Create a score label text string for ScoreMultipliers
 	var scoreMultiplierLabel = new Text2(baseValue, {
-		size: 50,
-		fill: "#ffffff",
+		size: 100,
+		fill: "#2035bd",
 		font: "Impact"
 	});
 	scoreMultiplierLabel.anchor.set(0.5, 0);
 	self.addChild(scoreMultiplierLabel);
@@ -249,8 +249,11 @@
 });
 scoreLabel.anchor.set(0.5, 0);
 LK.gui.top.addChild(scoreLabel);
 var scoreMultipliers = [];
+var baseScores = [100, 250, 500, 250, 100];
 for (var a = 0; a < 5; a++) {
-	var sm = new ScoreMultipliers(a);
+	var sm = new ScoreMultipliers(baseScores[a]);
+	sm.x = 2048 / 5 * a + 2048 / 10;
+	sm.y = 2300;
 	game.addChild(sm);
 }
\ No newline at end of file