Upit | Learn about creating the game SwipeBall with gen AI

Play

SwipeBall

nox

SwipeBall

762

Playit

Score points before the ball is swiped away! Aim & sink shots to rack up points. Strategic twist on classic basketball gameplay

#arcade

#sports

#basketball2024

#basketball

Creation History

Code edit (3 edits merged)

Please save this source code

User prompt

Please fix the bug: 'Timeout.tick error: Cannot read properties of null (reading 'x')' in or related to this line: 'var dx = basketball.x - catImage.x;' Line Number: 487

Code edit (7 edits merged)

Please save this source code

User prompt

Please fix the bug: 'Timeout.tick error: Cannot read properties of null (reading 'x')' in or related to this line: 'var dx = basketball.x - catImage.x;' Line Number: 485

Code edit (5 edits merged)

Please save this source code

User prompt

after scoring, there should be a 33% chance for the score to get an additional point and create bonus above hoops

User prompt

Please fix the bug: 'Timeout.tick error: Cannot read properties of null (reading 'y')' in or related to this line: 'catImage.y -= 30; // Move up' Line Number: 502

User prompt

Please fix the bug: 'ReferenceError: Bonus is not defined' in or related to this line: 'var bonus = game.addChild(new Bonus()); // Instantiate the Bonus object' Line Number: 325

User prompt

// Spawn a Bonus object with a 33% chance if (Math.random() < 0.33) { var bonus = game.addChild(new Bonus()); // Instantiate the Bonus object bonus.x = hoop.x; // Position the Bonus object on top of the hoop bonus.y = hoop.y - hoop.height / 2 - bonus.height / 2; // Adjust the position above the hoop score += 2;

Code edit (1 edits merged)

Please save this source code

User prompt

ensure that scoreTxt appears above sky, make sure it's added to the game after sky.

Code edit (4 edits merged)

Please save this source code

User prompt

move score a little bit higher

User prompt

move score down

User prompt

center scoretxt on sky

User prompt

move score on top of sky

User prompt

move score above sky

Code edit (6 edits merged)

Please save this source code

User prompt

make sure SKY is one layer below the score

User prompt

make sure the score is on the upper layer and sky is below it

Code edit (1 edits merged)

Please save this source code

Code edit (8 edits merged)

Please save this source code

User prompt

fix this: The score is not centered with the sky because its positioning is not dynamically linked to the sky's current position.

User prompt

i cannot see the score, make sure it's on the highest layer and sky is under

User prompt

make sure the score is on the upper layer

===================================================================
--- original.js
+++ change.js
@@ -235,9 +235,9 @@
 	sky.x = 1024 + Math.sin(hoverAngle) * hoverAmplitudeX; // Horizontal hover
 	sky.y = 300 + Math.cos(hoverAngle) * hoverAmplitudeY; // Vertical hover
 	// Dynamically update scoreTxt position to be centered with sky
 	scoreTxt.x = sky.x;
-	scoreTxt.y = sky.y + sky.height / 2 + scoreTxt.height / 2 - 30;
+	scoreTxt.y = sky.y + sky.height / 2 + scoreTxt.height / 2 - 300;
 	;
 });
 var scoreTxt = new Text2(score.toString(), {
 	size: 100,