Upit | Learn about creating the game Spin the Ball with gen AI

Play

Spin the Ball

octo

SpintheBall

1.1K

9mo

Playit

Balance the ball on your finger! How long can you keep it up?

#basketball

#hypercasual

#arcade

#skill

#sports

Creation History

User prompt

1 point is added to the score every second after the player starts moving the platform, however the first point takes a second to actually be added. instead of waiting 1 second, instantly add it as soon as the platform has moved, and only then start dding +1 every second

Code edit (1 edits merged)

Please save this source code

User prompt

move the score 50 pixels higher

Code edit (2 edits merged)

Please save this source code

User prompt

ensure the board appears one layer under the score text

User prompt

ensure the score text is one layer over the board, so that is appears over it

User prompt

Please fix the bug: 'Uncaught TypeError: Cannot read properties of undefined (reading 'x')' in or related to this line: 'scoreText.x = Board.x; // Center horizontally on the board' Line Number: 119

User prompt

ensure the score text is on top of the board asset

Code edit (1 edits merged)

Please save this source code

User prompt

create a new rectangle asset and name it Board. give it an x and y position

User prompt

create a new rectangle on the screen named ScoreBoard. give it an x and y position

User prompt

there's a very slight space between the ball and the platform. reduce the ball's hitbox by 10 pixels, so that it appears the ball actually overlaps the platform by a bit, but maintain the actual graphic at teh same size

User prompt

shit the platform's animation to the left by 50 pixels. keep all the other mechanics in place as they are, just shift the graphical asset

User prompt

speed up the ball animation

===================================================================
--- original.js
+++ change.js
@@ -175,12 +175,12 @@
 		LK.showGameOver();
 	}
 });
 // Touch event to move the platform
-var targetX = platform.x; // Initialize targetX to the current platform position
+var targetX = platform.x - 50; // Initialize targetX to the current platform position shifted to the left by 50 pixels
 game.on('move', function (obj) {
 	var pos = obj.event.getLocalPosition(game);
-	targetX = pos.x; // Update targetX when the cursor moves
+	targetX = pos.x - 50; // Update targetX when the cursor moves, shifted to the left by 50 pixels
 });
 LK.on('tick', function () {
 	var oldPlatformX = platform.x;
 	var speedLimit = 20; // Set the speed limit

Showing 1 to 25 of 298

1 2 3 4 5 6 7 ...12

Images

perfectly round basketball ball. pixelated. 8 bit..
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

Create an image of a basketball player's hand, focusing on the hand only without showing the entire arm. The hand should be positioned with the index finger extended upwards. pixelated. 8 bit..
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

basketball court background seen from the perspective of a player. pixelated. 8 bit.
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

Main