Upit | Learn about creating the game Abder Bounce with gen AI

Play

Abder Bounce

sidra_silverkit

AbderBounce

868

Playit

Score big in Abder Bounce! Maximize bounces for epic points in this thrilling basket game of skill and fun! 🏀✨

#arcade

#basketball

#casual

#sport

Creation History

Code edit (1 edits merged)

Please save this source code

Code edit (1 edits merged)

Please save this source code

User prompt

in swipeAnim, separate the target setting and the asset movement

Code edit (6 edits merged)

Please save this source code

User prompt

in swipeAnim, update the rotation of the asset toward the target

User prompt

in swipeAnim, alternate the targetX each time between these values: 1*game.width *0.25 2*game.width *0.25 3*game.width *0.25

Code edit (1 edits merged)

Please save this source code

Code edit (9 edits merged)

Please save this source code

User prompt

implement swipeAnim, bt adding the swipe asset and make it move infinetly from ball to the center of the screen

Code edit (1 edits merged)

Please save this source code

User prompt

implement animateScore with wdith and height grow and restore of scoreTxt

Code edit (7 edits merged)

Please save this source code

User prompt

animate scoreTxt when player scores

Code edit (1 edits merged)

Please save this source code

Code edit (1 edits merged)

Please save this source code

Code edit (5 edits merged)

Please save this source code

User prompt

add a little label "Score" above the scoreTxt

Code edit (1 edits merged)

Please save this source code

User prompt

in animateTimer make size bump

User prompt

in animateTimer make size increase then decrease each sec

User prompt

in handleTimer , when time is under 5, animate timerTxt width and height

Code edit (1 edits merged)

Please save this source code

User prompt

Please fix the bug: 'Timeout.tick error: timerInterval is not defined' in or related to this line: 'LK.clearInterval(timerInterval); // Stop the timer when it reaches 0' Line Number: 321

Code edit (2 edits merged)

Please save this source code

User prompt

in handleTimer , when timer is < 5,, change text fill to red

===================================================================
--- original.js
+++ change.js
@@ -581,15 +581,18 @@
 		var normalizedDirectionX = directionX / magnitude;
 		var normalizedDirectionY = directionY / magnitude;
 		// Calculate angle towards the target and update rotation of the swipe asset
 		var angle = Math.atan2(normalizedDirectionY, normalizedDirectionX);
+		angle = Math.atan2(directionY, directionX * 0.5);
 		swipeAsset.rotation = angle;
 		// Move the swipe asset towards the center
 		swipeAsset.x += normalizedDirectionX * 10; // Adjust speed as necessary
 		swipeAsset.y += normalizedDirectionY * 10;
 		// Reset position to ball's position if it reaches or overshoots the center
 		if (Math.abs(swipeAsset.x - targetX) < 5 && Math.abs(swipeAsset.y - targetY) < 5) {
-			swipeAsset.x = startX;
+			targetXIndex = (targetXIndex + 1) % targetXValues.length;
+			targetX = targetXValues[targetXIndex];
+			swipeAsset.x = startX + (targetX - game.width * 0.5) / 2;
 			swipeAsset.y = startY;
 		}
 	});
 }

Showing 76 to 100 of 362

1 2 3 4 5 6 7 ...15

Images

Main