Upit | Learn about creating the game Dunk Drop with gen AI

Play

Dunk Drop

octo

DunkDrop

555

Playit

Aim, drop, dunk! Score high in this addictive, simple basketball game. Victory awaits!

#basketball

#arcade

#sports

#addictive

#dunk

Creation History

Code edit (2 edits merged)

Please save this source code

User prompt

the scor text is missaligned horizontally, it needs to be aligned to the center of the screen

Code edit (1 edits merged)

Please save this source code

User prompt

ensure the score it aligned to the middle of the screen on it's x axis

Code edit (1 edits merged)

Please save this source code

User prompt

when you reset the ball, ensure it uses the same y position from this line " ball.y = 300; // Starting height"

Code edit (8 edits merged)

Please save this source code

User prompt

the ball's y position uses 2 different heights. one for where it starts and one for where it resets. it should use the same y position so that it always starts from the same y position

Code edit (2 edits merged)

Please save this source code

User prompt

move the hoop lower

User prompt

make sure the background image is contained within the screen edges. the edges of the image should match the edges of the screen

User prompt

make sure the background image is stretched across the entire screen and is contained inside

User prompt

add a background to the game that stretches across the entire screen

Code edit (1 edits merged)

Please save this source code

Code edit (1 edits merged)

Please save this source code

User prompt

move the hoop 50 pixels lower

Code edit (2 edits merged)

Please save this source code

User prompt

Directly within the scoring logic, where the game checks if the ball has scored, add code to lower the panel and increase its speed. Instruction: "In the checkScore function, after incrementing the score and before resetting the ball, add code to lower the panel's y position by 100 pixels and increase its speed by 20%."

User prompt

Step 3: Adjust Difficulty Upon Scoring Directly within the scoring logic, where the game checks if the ball has scored, add code to lower the panel and increase its speed. Instruction: "In the checkScore function, after incrementing the score and before resetting the ball, add code to lower the panel's y position by 100 pixels and increase its speed by 20%."

User prompt

Step 2: Update Panel Movement Logic Modify the Panel's movement logic to utilize the speed property for horizontal movement. This allows the game to dynamically adjust the panel's speed. Instruction: "Adjust the Panel's move method to use the speed property for determining its movement across the screen."

User prompt

Step 1: Initialize Panel Speed and Position Adjustment First, ensure that the Panel class has properties for speed and its Y position that can be dynamically adjusted. If these properties aren't explicitly defined in your current Panel class, you'll need to add them. Instruction: "Ensure the Panel class includes speed and y properties. Initialize speed with the panel's initial movement speed and y with its initial position."

User prompt

when the ball hits the ground, if it also touched the hoop on t's way down, increase the difficulty of the game. you do this by destroying the current panel then creating a new one. this new panel behaves the same, but it's y position is 100 pixels lower and it's speed is increase by 20% comapred to it's previous speed

User prompt

Panel Speed Initialization: When the Panel class is instantiated, it should now have a speed property that determines how fast it moves across the screen. This allows for dynamic adjustments to the panel's speed based on the game's difficulty. Dynamic Panel Movement: The Panel's move method should be updated to use this speed property, thus allowing the panel's movement speed to be adjusted as part of the difficulty system. Difficulty Adjustment: The adjustDifficulty function is crucial for implementing the difficulty system. It should: Increase the panel's y position by 100 pixels, making the target lower and potentially harder to hit. Increase the panel's movement speed by 20%, making the game faster and more challenging. Scoring and Difficulty Adjustment: Whenever a score is made, in addition to updating the score and resetting the ball, the game should now also call adjustDifficulty to make the next round more challenging. Maintaining Playability: It's important to ensure that adjustments to the panel's position and speed keep the game fun and playable. For example, you might set a minimum y position to prevent the panel from moving too low off the screen and a maximum speed to prevent the game from becoming impossibly difficult.

User prompt

after a point is scored, move the panel 100 pixels lower

User prompt

after a point is scored, increment the difficulty of the game by moving the panel lower by 100 pixels and incrementing it's speed by 20%. to do this, destroy the current panel nd create a new one to the new position with the new speed

/**** 
* Classes
****/ 
// BackgroundContainer class
var BackgroundContainer = Container.expand(function () {
	var self = Container.call(this);
	var backgroundGraphics = self.attachAsset('background', {
		anchorX: 0.5,
		anchorY: 0.5,
		scaleX: 2048 / 1000,
		scaleY: 2732 / 1000
	});
});
// Assets will be automatically created based on usage in the code.
// Ball class
var Ball = Container.expand(function () {
	var self = Container.call(this);
	var ballGraphics = self.attachAsset('ball', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.speedY = 0;
	self.gravity = 1;
	self.bounce = -0.7;
	self.update = function () {
		if (!isStuck) {
			self.speedY += self.gravity;
			self.y += self.speedY;
			if (self.y > 2732 - self.height / 2) {
				self.speedY *= self.bounce;
				self.y = 2732 - self.height / 2;
			}
		} else {
			self.x = cursorX;
		}
	};
});
// ForegroundContainer class
var ForegroundContainer = Container.expand(function () {
	var self = Container.call(this);
});
// Hoop class
var Hoop = Container.expand(function () {
	var self = Container.call(this);
	var hoopGraphics = self.attachAsset('hoop', {
		anchorX: 0.5,
		anchorY: 0.5
	});
});
// MidgroundContainer class
var MidgroundContainer = Container.expand(function () {
	var self = Container.call(this);
});
// Panel class
var Panel = Container.expand(function () {
	var self = Container.call(this);
	var panelGraphics = self.attachAsset('panel', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.direction = 1; // 1 for moving right, -1 for moving left
	self.move = function () {
		self.x += 5 * self.direction;
		if (self.x > 2048 - self.width / 2) {
			self.direction = -1;
		} else if (self.x < self.width / 2) {
			self.direction = 1;
		}
	};
});

/**** 
* Initialize Game
****/ 
var game = new LK.Game({
	backgroundColor: 0x87CEEB // Light blue background to simulate sky
});

/**** 
* Game Code
****/ 
var ball;
var hoop;
var score = 0;
var isStuck = true;
var cursorX = 1024; // Initialize cursorX to the center of the screen
var scoreTxt;
var backgroundContainer = game.addChild(new BackgroundContainer());
backgroundContainer.x = 1024; // Center horizontally
backgroundContainer.y = 1366; // Center vertically
var midgroundContainer = game.addChild(new MidgroundContainer());
var foregroundContainer = game.addChild(new ForegroundContainer());
function initGame() {
	ball = foregroundContainer.addChild(new Ball());
	ball.x = 1024; // Center horizontally
	ball.y = 300; // Starting height
	var panel = midgroundContainer.addChild(new Panel());
	panel.x = 1024; // Center horizontally
	panel.y = 700; // Position from bottom
	hoop = panel.addChild(new Hoop());
	hoop.x = 0; // Center horizontally
	hoop.y = 260; // Position from bottom
	scoreTxt = new Text2(score.toString(), {
		size: 150,
		fill: "#ffffff"
	});
	LK.gui.top.addChild(scoreTxt);
	game.on('move', function (obj) {
		var event = obj.event;
		var pos = event.getLocalPosition(game);
		cursorX = pos.x;
	});
	game.on('down', function (obj) {
		isStuck = false;
	});
	LK.on('tick', function () {
		ball.update();
		panel.move();
		checkScore();
		if (ball.y >= 2732 - ball.height / 2 && !isStuck && !ball.scoring) {
			LK.showGameOver();
		}
	});
}
function checkScore() {
	if (ball.intersects(hoop) && !ball.scoring) {
		score += 1;
		scoreTxt.setText(score.toString());
		ball.scoring = true; // Mark the ball as having scored
		ball.x = hoop.x + hoop.parent.x; // Move the ball's horizontal position to match the center of the hoop
	}
	// Handle ball reset if it has scored
	if (ball.y >= 2732 - ball.height / 2 && ball.scoring) {
		// Reset ball position for another drop
		ball.x = 1024;
		ball.y = 300;
		ball.speedY = 0;
		isStuck = true;
		ball.scoring = false; // Reset scoring status for the next drop
	}
}
initGame();

===================================================================
--- original.js
+++ change.js
@@ -132,9 +132,9 @@
 	// Handle ball reset if it has scored
 	if (ball.y >= 2732 - ball.height / 2 && ball.scoring) {
 		// Reset ball position for another drop
 		ball.x = 1024;
-		ball.y = 200;
+		ball.y = 300;
 		ball.speedY = 0;
 		isStuck = true;
 		ball.scoring = false; // Reset scoring status for the next drop
 	}

Showing 101 to 125 of 268

1 2 3 4 5 6 7 ...11

Images

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

Main