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
@@ -104,14 +104,14 @@
 	stroke: "#000000",
 	// Black color for the outline
 	strokeThickness: 10 // Outline thickness
 });
-// Position the score text at the top center of the board
+// Position the score text at the top center of the screen
 scoreText.anchor.set(0.5, 0); // Center the text horizontally
-scoreText.x = game.width / 2; // Center horizontally on the screen
-scoreText.y = 50; // Position at the top of the screen with some margin
-// Add the score text to the game
-game.addChild(scoreText);
+scoreText.x = 1024; // Center horizontally in the game view
+scoreText.y = 50; // Position at the top with some margin
+// Add the score text to the GUI overlay
+LK.gui.top.addChild(scoreText);
 // Add the new rectangle asset to the game
 var centerRectangle = LK.getAsset('centerRectangle', {
 	anchorX: 0.5,
 	anchorY: 0.5,

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