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

User prompt

fix it so the ball can collide with the edge, and so that it can't go through it

User prompt

the ball still passes through the edge as if it doesn't exist. ensure the ball can collide withthe edge, and it can't go through it

User prompt

the ball doesnt collide with the edge, which is a bug. the ball should not be able to go through the edge

User prompt

Please fix the bug: 'TypeError: game.getObjectsByClass is not a function' in or related to this line: 'var edges = game.getObjectsByClass(Edge);' Line Number: 35

User prompt

the edge element is intended to interact with the ball. so that when the ball falls and interacts with the edge, the edge is supposed to behave as a fixed element from which the ball can bounce off. that means the ball needs to bounce off of it, and also means the ball can bounce also horizontally, not just vertically

Code edit (4 edits merged)

Please save this source code

User prompt

now create a duplicate of the Edge, so that each panel (both the existing one and all future ones) have these 2 edges. each Edge has it's own separate x and Y coordinates

User prompt

now create a new circle element named Edge. Attach this edge to the panel. ensure a singe edge element exists on the panel, and give it x and y coordinates that are relative to the panel

User prompt

now, each of the 2 edge elements needs to have their own separate X and Y coordinates, both relative to the panel

User prompt

you've duplicated the Edge element to the panel without me asking, but I was going to ask you to create 2 anyway, so you accidentally created a request without me asking, which happens to be good. now ensure both edge elements areon the same Y axis

User prompt

now create a new circle element named Edge. Attach this edge to the panel

User prompt

now, in order to layer game elements, please create 3 containers that will hold the lements inside the game. BackgroundContainer, MidgroundContainer and ForegroundContainer. The panel is placed in the midcontainer and the ball is placed in the foreground

Code edit (1 edits merged)

Please save this source code

User prompt

move the hoop 500 pixels lower, relative to the panel

User prompt

create a new asset called Panel. the hoop is attached to this panel. the panel is the main element, that will contain multiple other elements inside of it. multiple Panels will be present inside the game, but for now just create a single Panel. Each elements attached to the panel have their own layers, so the panel will be the element that will be attached to the first layer, then we have a second layer on which the other elements will displayed, thus they need to appear over the panel layer

User prompt

if the ball hits the bottom of the screen without scoring any points, go to game over

User prompt

now, the ball needs to track the player's cursor. the ball however can only move horizontally, the y position always remains the same

User prompt

all subsequent balls need to remain stuck until the player taps to release, not just the first one

User prompt

only release the ball when the player taps the screen, before then the ball has to remain stuck

Initial prompt

Drop the Basketball in the hoop

/**** 
* Classes
****/ 
// 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 = 0.5;
	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;
		}
	};
});
// Hoop class
var Hoop = Container.expand(function () {
	var self = Container.call(this);
	var hoopGraphics = self.attachAsset('hoop', {
		anchorX: 0.5,
		anchorY: 0.5
	});
});
// Panel class
var Panel = Container.expand(function () {
	var self = Container.call(this);
	var panelGraphics = self.attachAsset('panel', {
		anchorX: 0.5,
		anchorY: 0.5
	});
});

/**** 
* 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;
function initGame() {
	ball = game.addChild(new Ball());
	ball.x = 1024; // Center horizontally
	ball.y = 200; // Starting height
	var panel = game.addChild(new Panel());
	panel.x = 1024; // Center horizontally
	panel.y = 2732 - 300; // Position from bottom
	hoop = panel.addChild(new Hoop());
	hoop.x = 0; // Center horizontally
	hoop.y = 50; // 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();
		checkScore();
		if (ball.y >= 2732 - ball.height / 2 && !isStuck && !ball.intersects(hoop)) {
			LK.showGameOver();
		}
	});
}
function checkScore() {
	if (ball.intersects(hoop)) {
		score += 1;
		scoreTxt.setText(score.toString());
		// Reset ball position
		ball.x = 1024;
		ball.y = 200;
		ball.speedY = 0;
		isStuck = true;
	}
}
initGame();

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

Showing 251 to 270 of 270

1 ...5 6 7 8 9 10 11

Images

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

Main