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 (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

User prompt

after a point is scored, move the panel 100 pixels lower and increase it's speed by 20%

User prompt

after the ball scored a point, we need to increase the difficulty of the game. we do this by moving the panel 100 pixels lower and incrementing it's movement speed by 20%

User prompt

perfect. but now instead of instantly realigning it, also add a X speed to this realignment, so it doesn't look like it instantly teleports there. the ball needs to slowly move towards this new position instead of instantly teleporting. it needs to slowly realign, but after that it should cotninue moving just straight down. the x movement needs to only happen when it realigns but then it needs to continue moving just downwards

User prompt

great, you've added a speed to the ball when it realigns after hitting the hoop, but the problem is this x movement keeps being added, which makes the ball contious to move horitontally even after it exits the hoop, which breaks the illusion of it going down. so it needs to slowly realign, but after that it should cotninue moving just straight down. the x movement needs to only happen when it realigns but then it needs to continue moving just downwards

User prompt

Code edit (1 edits merged)

Please save this source code

User prompt

perfect. but now instead of instantly realigning it, also add a speed to this realignment, so it doesn't look like it instantly teleports there

User prompt

the ball does get realigned, but wrngly. instead of realigning ti the current hoop's center, it actually realigns with the left edge of the screen, which is a bug. it needs to realign to the hoop's center current X position.

User prompt

when the ball hits the hoop, instantly move the ball's horizontal position to match the center of the hoop. the ball will continue it's vertical movement, but it's x position has to realign to the hoop. the idea is that the balls center needs to align to the hoop's center, to give the illusion it passed through it

User prompt

when the ball hits the hoop, instantly move the ball's horizontal position to match the middle of the hoop. the ball will continue it's vertical movement, but it's x position has to realign to the hoop's center

User prompt

move the panel horizontally. start moving it to the left and when it hits the left edge of the screen, reverse it's direction. when it hits the right edge of the screen, reverse its direction again. this movement continues idnefinitely

User prompt

Please fix the bug: 'Uncaught TypeError: Cannot set properties of undefined (setting 'update')' in or related to this line: 'self.update = function () {' Line Number: 76

/**** 
* Classes
****/ 
// BackgroundContainer class
var BackgroundContainer = Container.expand(function () {
	var self = Container.call(this);
});
// 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());
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 = 200; // Starting height
	var panel = midgroundContainer.addChild(new Panel());
	panel.x = 1024; // Center horizontally
	panel.y = 500; // Position from bottom
	hoop = panel.addChild(new Hoop());
	hoop.x = 0; // Center horizontally
	hoop.y = 200; // 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 = 200;
		ball.speedY = 0;
		isStuck = true;
		ball.scoring = false; // Reset scoring status for the next drop
	}
}
initGame();

===================================================================
--- original.js
+++ change.js
@@ -90,9 +90,9 @@
 	panel.x = 1024; // Center horizontally
 	panel.y = 500; // Position from bottom
 	hoop = panel.addChild(new Hoop());
 	hoop.x = 0; // Center horizontally
-	hoop.y = 150; // Position from bottom
+	hoop.y = 200; // Position from bottom
 	scoreTxt = new Text2(score.toString(), {
 		size: 150,
 		fill: "#ffffff"
 	});

Showing 126 to 150 of 279

1 ...4 5 6 7 8 ...12

Images

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

Main