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

Play

Dagger Drop

octo

DaggerDrop

4.6K

11mo

Playit

Aim, wait, DROP! Master timing & precision and sharpen your skills in this cutting-edge game.

#arcade

#timing

#swipegame

#precision

Creation History

User prompt

right now the check for the dagger reaching the bottom of the screen is done using a certain method. I want to make it more precise by creating an asset that performs this check. create a new asset at the bottom of the screen called DaggerEdge, that is used to check when the dagger has reached the bottom of the screen.

User prompt

that still dint fix it, the game doesnt advance to the next lvl

User prompt

that still didn't work, the game still doesnt advances to the next level

User prompt

To ensure that the game advances to the next level only after the last dagger has reached the bottom of the screen and the combo check is completed, you should adjust the logic in the tick function. Here's a step-by-step guide on what you need to do: Separate Combo Display and Level Advancement Logic: Ensure that the logic for displaying the combo and the logic for advancing to the next level are distinct and not intertwined. This helps in managing the flow of the game more effectively. Use a Flag for Level Completion: Introduce a boolean flag (e.g., isLevelComplete) that is set to true when all targets are destroyed but is used to delay the level advancement until after the last dagger's actions are completed. Check for Last Dagger's Completion: In the section where you check if the dagger has reached the bottom of the screen (daggers[a].y > 2732), after executing the combo display logic, add a check to see if this is the last dagger in play. If it is, and if the isLevelComplete flag is true, then proceed with the level advancement. Modify Target Destruction Logic: When a target is hit and destroyed, check if all targets are destroyed. If they are, set the isLevelComplete flag to true. Do not advance to the next level immediately. Advancing to the Next Level: In the section where you would normally advance to the next level, modify the logic to also check the isLevelComplete flag and whether all daggers have completed their actions (e.g., reached the bottom or destroyed).

User prompt

To modify the game's logic so that it checks for level advancement only after the dagger has reached the bottom of the screen, allowing for the combo check to be properly executed, follow these steps: Identify the Dagger Drop Completion Point: Locate the section in your code where the dagger's movement is being updated, specifically where you check if the dagger has reached the bottom of the screen. This is typically where you check daggers[a].y > some_value. Adjust Combo Logic Execution: Within this section, ensure that the logic for displaying the combo (DoubleCombo, TripleCombo, or MultiCombo) is executed before proceeding to any level completion checks. This might involve reordering some of your logic to ensure the combo display is prioritized. Delay Level Advancement Check: Modify the level advancement logic so that it only executes after the combo display logic has completed. This could involve setting a flag or a conditional check that ensures all active daggers have either completed their drop or have been destroyed. Conditional Level Progression: Implement a conditional check to see if all targets are destroyed and if there are no more active daggers in play. Only then should the game consider advancing to the next level. Update Target Destruction Logic: In the section where targets are being hit and destroyed by daggers, ensure that the game doesn’t immediately check for level advancement. Instead, it should continue to track the remaining active daggers.

User prompt

To update the game logic for managing daggers as per your requirements, you need to adjust the handling of the daggers at the end of each level and when initializing a new level. Here are the steps to make these changes: Step 1: Modify Level Completion Logic When a level is completed, regardless of how many daggers are left, reset the dagger count to 5 for the new level. This logic should be placed where the level completion is handled. Current Code Snippet to Modify: The section in the existing code where you check if targets.length === 0 after destroying a dagger indicates the end of a level. Modification Needed: Remove the loop that destroys remaining daggers (for loop inside if (targets.length === 0)). Instead, reset daggers array to an empty array. Add logic to create 5 new daggers. Step 2: Add New Daggers for New Level After resetting the dagger count, add new daggers for the new level. Code Addition: Use a loop to create 5 new daggers using the existing Dagger constructor. Set the initial position for each dagger. Add each new dagger to the daggers array and to the game container. Step 3: Remove Unnecessary Code Any existing code that handles leftover daggers when a new level starts should be removed, as it's no longer relevant.

User prompt

right now the games advances to the next level immediatelly after the final target was destroyed. instead, the game needs to check the state of the level every time the dagger hits the bottom of the screen. the game still needs to ensure all targets have been destroyed, but this new check of the dagger hitting the bottom must also be included, effectivelly delaying the level advancement until the dagger hits the ground. if there's no more targets left on the screen, advance to the next level

User prompt

the game needs to check the state of the level every time the dagger hits the bottom of the screen. if there's no more targets left on the screen, advance to the next level

User prompt

the combo system doesn't appear to trigger if the combo happened on the hit that destroyed the last target which triggered the advancement in the level. I think that's because the level advancement is triggered as soon as the last target is destroyed, thus the dagger never even reaches the bottom side of the screen to trigger the combo system. I'd like for the level advancement trigger to be checked only after the current dagger has hit the bottom side of the screen instead of when the last target in the level is destroyed

User prompt

double the falling speed of the falling daggers. this only affects the vertical speed, not the horizontal one before being dropped

User prompt

increase the screen duration of the combo from 1 second to 1.5 seconds

User prompt

ensure the combo assets appear under the targets layer, so it doesn't cover the targets when the combo assets appear. make sure however the combo assets do appear over the background layer

User prompt

now I can't see the combo assets anymore, I believe they appear under the background layer. make sure the background layer is at the lowest possible layer so it covers absolutely nothing

User prompt

the 3 assets from the combo system need to appear under the target assets, as to not cover them

User prompt

increase the falling speed of the dagger by 100%. this only affects it's vertical dropping speed, not it's horizontal speed before getting dropped

User prompt

I asked you to create 3 states for the combos, you only created a single state. there needs to be a state for hitting 2 targets, another state for hitting 3 targets and another state for hitting 4 or more targets at the same time

User prompt

let's add a combo system to the game. this system can have 3 states. one for hitting 2 targets, one for hitting 3 targets and one for hitting 4 or more targets at the same time. For each of these states, each state needs to have an unique associate asset, so you need to create 3 assets for each state. Only a single combo graphic can be displayed on the screen at the same time. the game checks for the combo once the dropped dagger reached the bottom of the screen. there it checks how many targets were destroyed using that dagger, and then it displayes one of the 3 combo assets. the assets appear in the center of the screen and stay there for a duration of 1 second before going away

User prompt

make the text stroke color black

User prompt

add these changes to the score text " stroke: "#075079", strokeThickness: 11.25, font: "'Luckiest Guy', 'Arial Black', sans-serif" });"

User prompt

I want the targets to display an explosion assets when they get hit. so this asset should basically overlap the destroyed target and be visible for 100 miliseconds before going away

User prompt

move all the targets 300 pixels lower

User prompt

move all the targets 500 pixels lower

User prompt

there's a row of 14 totals targets. ca you flip them vertically?

User prompt

can you vertically flip the targets? right now, as the level advances, a new target appears on top of the targets bellow it. But I want things to be reversed, where the first target is generated up and the other targets are bellow it

var Explosion = Container.expand(function () {
	var self = Container.call(this);
	var explosionGraphics = self.createAsset('explosion', 'Explosion Graphics', .5, .5);
	self.visible = false;
	self.show = function () {
		self.visible = true;
		LK.setTimeout(function () {
			self.destroy();
		}, 100);
	};
});
var Dagger = Container.expand(function () {
	var self = Container.call(this);
	var daggerGraphics = self.createAsset('dagger', 'Dagger Graphics', .5, .5);
	self.speed = 22 * 1.1;
	self.direction = 1;
	self.move = function () {
		if (!self.isDropping) {
			if (self.x > 2048 - self.width / 2) {
				self.x = 2048 - self.width / 2;
				self.direction *= -1;
			} else if (self.x < self.width / 2) {
				self.x = self.width / 2;
				self.direction *= -1;
			}
			self.x += self.speed * self.direction;
		} else {
			self.y += self.speed * 2;
		}
	};
	self.isDropping = false;
	self.drop = function () {
		if (self.isDropping) {
			self.y += self.speed / 2;
		}
	};
});
var Target = Container.expand(function (index) {
	var self = Container.call(this);
	var targetGraphics = self.createAsset('target', 'Target Graphics', .5, .5);
	self.direction = index % 2 === 0 ? -1 : 1;
	self.speed = 2 * 3 * 1.25 * 0.9 * (1 + 0.33 * index);
	self.move = function () {
		if (self.x > 2048 - self.width / 2) {
			self.x = 2048 - self.width / 2;
			self.direction *= -1;
		} else if (self.x < self.width / 2) {
			self.x = self.width / 2;
			self.direction *= -1;
		}
		self.x += self.speed * self.direction;
	};
	LK.on('tick', function () {
		self.move();
	});
});
var Game = Container.expand(function () {
	var self = Container.call(this);
	var background = self.createAsset('background', 'Background Image', 0, 0);
	background.width = 2048;
	background.height = 2732;
	var daggers = [];
	var currentScore = 0;
	var targets = [];
	var currentScore = 0;
	var scoreTxt = new Text2(currentScore.toString(), {
		size: 150,
		fill: "#ffffff"
	});
	scoreTxt.anchor.set(.5, 0);
	LK.gui.topCenter.addChild(scoreTxt);
	var targetSpacing = 150;
	var currentLevel = 1;
	function addTargets(level) {
		for (var i = 0; i < level + 2; i++) {
			var target = self.addChild(new Target(i));
			target.x = Math.random() * 2048;
			target.y = 2732 / 2 + i * targetSpacing - 1200 - 100 + 500 + 300;
			target.number = i + 1;
			targets.push(target);
		}
	}
	addTargets(currentLevel);
	var dragNode = null;
	var isGameOver = false;
	var tickOffset = 0;
	for (var i = 0; i < 5; i++) {
		var newDagger = new Dagger();
		newDagger.x = 2048 / 2;
		newDagger.y = 2732 / 4 - 200 - i * 100;
		daggers.push(newDagger);
		self.addChild(newDagger);
		if (i === 0) {
			dragNode = newDagger;
			newDagger.isDropping = false;
		}
	}
	stage.on('down', function (obj) {
		if (dragNode && !dragNode.isDropping) {
			dragNode.isDropping = true;
			dragNode = null;
		}
	});
	LK.on('tick', function () {
		for (var a = daggers.length - 1; a >= 0; a--) {
			if (daggers[a]) {
				daggers[a].move();
				daggers[a].drop();
			}
			for (var b = targets.length - 1; b >= 0; b--) {
				if (daggers[a].intersects(targets[b])) {
					var explosion = self.addChild(new Explosion());
					explosion.x = targets[b].x;
					explosion.y = targets[b].y;
					explosion.show();
					self.removeChild(targets[b]);
					targets.splice(b, 1);
					currentScore += 10;
					scoreTxt.setText(currentScore.toString());
					break;
				}
			}
			if (daggers[a] && daggers[a].y > 2732) {
				daggers[a].destroy();
				daggers.splice(a, 1);
				if (daggers.length > 0) {
					dragNode = daggers[daggers.length - 1];
					dragNode.isDropping = false;
				} else if (targets.length === 0) {
					currentLevel++;
					for (var i = 0; i < daggers.length; i++) {
						daggers[i].destroy();
					}
					daggers = [];
					if (currentLevel <= 12) {
						addTargets(currentLevel);
					} else {
						isGameOver = true;
					}
				}
			}
		}
		if ((isGameOver || daggers.length === 0) && targets.length > 0) {
			LK.effects.flashScreen(0xff0000, 1000);
			LK.showGameOver();
		} else if (targets.length === 0) {
			for (var i = 0; i < daggers.length; i++) {
				daggers[i].destroy();
			}
			daggers = [];
			currentLevel++;
			addTargets(currentLevel);
			for (var i = 0; i < 5; i++) {
				var newDagger = new Dagger();
				newDagger.x = 2048 / 2;
				newDagger.y = 2732 / 4 - 200 - i * 100;
				daggers.push(newDagger);
				self.addChild(newDagger);
				if (i === 0) {
					dragNode = newDagger;
					dragNode.isDropping = false;
				}
			}
		}
	});
});

===================================================================
--- original.js
+++ change.js
@@ -1,4 +1,15 @@
+var Explosion = Container.expand(function () {
+	var self = Container.call(this);
+	var explosionGraphics = self.createAsset('explosion', 'Explosion Graphics', .5, .5);
+	self.visible = false;
+	self.show = function () {
+		self.visible = true;
+		LK.setTimeout(function () {
+			self.destroy();
+		}, 100);
+	};
+});
 var Dagger = Container.expand(function () {
 	var self = Container.call(this);
 	var daggerGraphics = self.createAsset('dagger', 'Dagger Graphics', .5, .5);
 	self.speed = 22 * 1.1;
@@ -97,8 +108,12 @@
 				daggers[a].drop();
 			}
 			for (var b = targets.length - 1; b >= 0; b--) {
 				if (daggers[a].intersects(targets[b])) {
+					var explosion = self.addChild(new Explosion());
+					explosion.x = targets[b].x;
+					explosion.y = targets[b].y;
+					explosion.show();
 					self.removeChild(targets[b]);
 					targets.splice(b, 1);
 					currentScore += 10;
 					scoreTxt.setText(currentScore.toString());