Upit | Learn about creating the game basketball with gen AI

/**** * Classes ****/ var Pota = Container.expand(function () { var self = Container.call(this); var potaGraphics = self.attachAsset('pota', { anchorX: 0.5, anchorY: 0.5, alpha: 0.5 // Make the pota semi-transparent to ensure visibility of the top }); }); //<Assets used in the game will automatically appear here> //<Write imports for supported plugins here> var Top = Container.expand(function () { var self = Container.call(this); var topGraphics = self.attachAsset('top', { anchorX: 0.5, anchorY: 0.5 }); }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x000000 //Init game with black background }); /**** * Game Code ****/ // Removed the large blue square asset initialization //{0.1} var background = LK.getAsset('background', { anchorX: 0.5, anchorY: 0.5, x: 2048 / 2, y: 2732 / 2 }); game.addChild(background); var top = new Top(); top.x = 2048 / 2; top.y = 2732 / 2; top.speedY = 0; // Initial vertical speed top.gravity = 0.5; // Gravity effect top.bounce = -0.7; // Bounce effect game.addChild(top); var pota = new Pota(); pota.x = 2048 / 2; pota.y = 2732 / 4; game.addChild(pota); // Initialize score var score = 0; // Create a score display var scoreTxt = new Text2('Score: 0', { size: 150, // Increased font size for better readability fill: 0xFFFF00, shadow: { color: 0x000000, blur: 10, offsetX: 5, offsetY: 5 } // Added shadow for better contrast }); scoreTxt.anchor.set(0.5, 0); LK.gui.top.addChild(scoreTxt); // Add event listeners for throwing the ball game.down = function (x, y, obj) { // Calculate the direction to throw the ball var directionX = (x - top.x) * 0.1; var directionY = (y - top.y) * 0.1; // Set the ball's speed based on the direction top.speedX = directionX; top.speedY = directionY; }; // Game update loop game.update = function () { // Update top's position top.x += top.speedX; top.speedY += top.gravity; top.y += top.speedY; // Check for collision with the left side of the screen if (top.x - top.width / 2 < 0) { top.x = top.width / 2; top.speedX *= -1; // Reverse horizontal speed } // Check for collision with the right side of the screen if (top.x + top.width / 2 > 2048) { top.x = 2048 - top.width / 2; top.speedX *= -1; // Reverse horizontal speed } // Check for collision with the top of the screen if (top.y - top.height / 2 < 0) { top.y = top.height / 2; top.speedY *= top.bounce; // Reverse speed and apply bounce effect } // Check for collision with the bottom of the screen if (top.y + top.height / 2 > 2732) { top.y = 2732 - top.height / 2; top.speedY *= top.bounce; // Reverse speed and apply bounce effect } // Allow the top to pass through the pota without stopping if (top.y - top.height / 2 < pota.y + pota.height / 2) { // No action needed, the top can pass through } // Check if top touches the red area above the pota if (top.intersects(pota) && top.speedY > 0 && top.y - top.height / 2 < pota.y - pota.height / 2) { score += 5; // Increase score by 5 scoreTxt.setText('Score: ' + score); // Update score display } };

===================================================================
--- original.js
+++ change.js
@@ -28,10 +28,10 @@
 
 /**** 
 * Game Code
 ****/ 
-//{0.1}
 // Removed the large blue square asset initialization
+//{0.1}
 var background = LK.getAsset('background', {
 	anchorX: 0.5,
 	anchorY: 0.5,
 	x: 2048 / 2,
@@ -41,9 +41,10 @@
 var top = new Top();
 top.x = 2048 / 2;
 top.y = 2732 / 2;
 top.speedY = 0; // Initial vertical speed
-top.speedX = 0; // Initial horizontal speed
+top.gravity = 0.5; // Gravity effect
+top.bounce = -0.7; // Bounce effect
 game.addChild(top);
 var pota = new Pota();
 pota.x = 2048 / 2;
 pota.y = 2732 / 4;
@@ -53,9 +54,9 @@
 // Create a score display
 var scoreTxt = new Text2('Score: 0', {
 	size: 150,
 	// Increased font size for better readability
-	fill: 0xFFFFFF,
+	fill: 0xFFFF00,
 	shadow: {
 		color: 0x000000,
 		blur: 10,
 		offsetX: 5,
@@ -76,13 +77,10 @@
 // Game update loop
 game.update = function () {
 	// Update top's position
 	top.x += top.speedX;
-	if (top.y + top.height / 2 < 2732) {
-		top.y += 5; // Make the top fall down initially
-	} else {
-		top.speedY = 0; // Stop the top from moving further
-	}
+	top.speedY += top.gravity;
+	top.y += top.speedY;
 	// Check for collision with the left side of the screen
 	if (top.x - top.width / 2 < 0) {
 		top.x = top.width / 2;
 		top.speedX *= -1; // Reverse horizontal speed
@@ -99,16 +97,16 @@
 	}
 	// Check for collision with the bottom of the screen
 	if (top.y + top.height / 2 > 2732) {
 		top.y = 2732 - top.height / 2;
-		top.speedY = 0; // Stop the top from moving further
+		top.speedY *= top.bounce; // Reverse speed and apply bounce effect
 	}
 	// Allow the top to pass through the pota without stopping
 	if (top.y - top.height / 2 < pota.y + pota.height / 2) {
 		// No action needed, the top can pass through
 	}
 	// Check if top touches the red area above the pota
-	if (top.intersects(pota) && top.y - top.height / 2 < pota.y - pota.height / 2) {
+	if (top.intersects(pota) && top.speedY > 0 && top.y - top.height / 2 < pota.y - pota.height / 2) {
 		score += 5; // Increase score by 5
 		scoreTxt.setText('Score: ' + score); // Update score display
 	}
 };
\ No newline at end of file

Creation History

Images

Sounds & Music