User prompt
Make it 5 points per second
User prompt
Make that you lose 1 point per second when you swipe ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
It’s not working
User prompt
Make a 5 Second Timeout to the swipe feature when it’s used 5 seconds ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
Make that you can slice the Boxes with the Swipe feature
User prompt
Make it if you swipe you have a trail
User prompt
Make that if you swipe you get a bonus
User prompt
Add a Swipe mechanic
User prompt
Add a cube variant that destroys all cubes in it horizontal line
User prompt
Please fix the bug: 'Script error.' in or related to this line: 'comboText.style.fill = 0xFFCC00; // Yellow for medium combo' Line Number: 108
User prompt
Please fix the bug: 'Script error.' in or related to this line: 'comboText.setFill(0xFFCC00); // Yellow for medium combo' Line Number: 108
User prompt
Please fix the bug: 'Script error.' in or related to this line: 'comboText.style.fill = 0xFFCC00; // Yellow for medium combo' Line Number: 108
User prompt
Make a Combo System
User prompt
Make the Background green when the score hits 300 ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
Make the green slighter
User prompt
Make the background fade into green the closer you get to winning ↪💡 Consider importing and using the following plugins: @upit/tween.v1
Initial prompt
Make the score black
/**** * Plugins ****/ var tween = LK.import("@upit/tween.v1"); var storage = LK.import("@upit/storage.v1"); /**** * Classes ****/ var Box = Container.expand(function (type) { var self = Container.call(this); self.type = type || 'regular'; self.speed = 5; self.points = 1; self.active = true; // Different box configurations based on type if (self.type === 'regular') { self.boxGraphics = self.attachAsset('regularBox', { anchorX: 0.5, anchorY: 0.5 }); self.points = 1; } else if (self.type === 'bonus') { self.boxGraphics = self.attachAsset('bonusBox', { anchorX: 0.5, anchorY: 0.5 }); self.points = 3; self.speed = 7; } else if (self.type === 'special') { self.boxGraphics = self.attachAsset('specialBox', { anchorX: 0.5, anchorY: 0.5 }); self.points = 5; self.speed = 9; } // Add a small rotation to make it visually interesting self.rotationSpeed = (Math.random() - 0.5) * 0.02; self.update = function () { if (!self.active) { return; } self.y += self.speed; self.boxGraphics.rotation += self.rotationSpeed; // Check if box moved out of screen if (self.y > 2732 + self.boxGraphics.height) { self.active = false; missedBoxes++; // Check if the player has missed too many boxes if (missedBoxes >= maxMissedBoxes) { LK.effects.flashScreen(0xff0000, 500); LK.getSound('gameOverSound').play(); LK.setTimeout(function () { LK.showGameOver(); }, 500); } } }; self.tap = function () { if (!self.active) { return; } self.active = false; // Play appropriate sound if (self.type === 'regular') { LK.getSound('tap').play(); } else { LK.getSound('bonus').play(); } // Update score LK.setScore(LK.getScore() + self.points); updateScoreDisplay(); // Show score increase effect var pointText = new Text2('+' + self.points, { size: 50, fill: 0xFFFFFF }); pointText.anchor.set(0.5, 0.5); pointText.x = self.x; pointText.y = self.y; game.addChild(pointText); // Animate the text and then remove it tween(pointText, { y: pointText.y - 80, alpha: 0 }, { duration: 800, easing: tween.easeOut, onFinish: function onFinish() { pointText.destroy(); } }); // Animate the box explosion tween(self, { alpha: 0, scaleX: 1.5, scaleY: 1.5 }, { duration: 300, easing: tween.linear, onFinish: function onFinish() { self.destroy(); } }); // Check if player reached target score if (LK.getScore() >= winScore) { LK.showYouWin(); } }; // Event handler for tapping on boxes self.down = function () { self.tap(); }; // Method to handle swipe interactions self.checkSwipe = function (startX, startY, endX, endY) { if (!self.active) { return false; } // Calculate swipe line intersection with box var boxRadius = self.boxGraphics.width / 2; // Simple check for line-circle intersection // Calculate the nearest point on the line to the circle center var dx = endX - startX; var dy = endY - startY; var len = Math.sqrt(dx * dx + dy * dy); // Normalize direction vector if (len > 0) { dx /= len; dy /= len; } // Vector from line start to circle center var cx = self.x - startX; var cy = self.y - startY; // Project circle center onto line var projLen = cx * dx + cy * dy; // Closest point on line to circle center var closestX, closestY; if (projLen < 0) { // Closest point is line start closestX = startX; closestY = startY; } else if (projLen > len) { // Closest point is line end closestX = endX; closestY = endY; } else { // Closest point is on the line closestX = startX + projLen * dx; closestY = startY + projLen * dy; } // Check if the closest point is within the circle var distX = self.x - closestX; var distY = self.y - closestY; var distance = Math.sqrt(distX * distX + distY * distY); if (distance <= boxRadius) { var createBoxHalf = function createBoxHalf(offsetX, offsetY, rotationOffset) { var halfAssetId = self.type === 'regular' ? 'regularBox' : self.type === 'bonus' ? 'bonusBox' : 'specialBox'; var halfBox = LK.getAsset(halfAssetId, { anchorX: 0.5, anchorY: 0.5, width: self.boxGraphics.width * 0.9, height: self.boxGraphics.height * 0.5, alpha: 0.9 }); halfBox.x = self.x + offsetX; halfBox.y = self.y + offsetY; halfBox.rotation = swipeAngle + rotationOffset; game.addChild(halfBox); // Animate halves flying apart tween(halfBox, { x: halfBox.x + Math.cos(swipeAngle + rotationOffset) * 100, y: halfBox.y + Math.sin(swipeAngle + rotationOffset) * 100, rotation: halfBox.rotation + Math.random() * 0.5, alpha: 0 }, { duration: 700, easing: tween.easeOut, onFinish: function (p) { return function () { p.destroy(); }; }(halfBox) }); }; // Create two halves that appear to split from the swipe // Apply swipe bonus - double the points when swiped instead of tapped var originalPoints = self.points; self.points = self.points * 2; // Show bonus indicator var bonusText = new Text2('SWIPE BONUS!', { size: 40, fill: 0xFFD700 }); bonusText.anchor.set(0.5, 0.5); bonusText.x = self.x; bonusText.y = self.y - 50; game.addChild(bonusText); // Animate and remove the bonus text tween(bonusText, { y: bonusText.y - 60, alpha: 0 }, { duration: 800, easing: tween.easeOut, onFinish: function onFinish() { bonusText.destroy(); } }); // Calculate the angle of the swipe var swipeAngle = Math.atan2(distY, distX); // Create box half for slicing effect createBoxHalf(0, -20, Math.PI / 2); createBoxHalf(0, 20, -Math.PI / 2); // Also create particle burst for additional effect for (var i = 0; i < 10; i++) { var angle = Math.random() * Math.PI * 2; var speed = 2 + Math.random() * 3; var size = 10 + Math.random() * 15; var particle = LK.getAsset('regularBox', { anchorX: 0.5, anchorY: 0.5, width: size, height: size, alpha: 0.8, tint: 0xFFD700 // Gold color for trail }); particle.x = self.x; particle.y = self.y; game.addChild(particle); // Animate particle outward from box tween(particle, { x: particle.x + Math.cos(angle) * 100 * speed, y: particle.y + Math.sin(angle) * 100 * speed, alpha: 0, width: size / 2, height: size / 2 }, { duration: 500 + Math.random() * 300, easing: tween.easeOut, onFinish: function (p) { return function () { p.destroy(); }; }(particle) }); } self.tap(); return true; } return false; }; return self; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0xFFFFFF }); /**** * Game Code ****/ // Game variables var boxes = []; var spawnInterval = 1000; // Initial spawn interval in ms var minSpawnInterval = 300; // Minimum spawn interval var spawnTimer = null; var missedBoxes = 0; var maxMissedBoxes = 10; // Game over after 10 missed boxes var winScore = 300; // Score needed to win var difficultyIncreaseInterval = 10000; // Increase difficulty every 10 seconds var difficultyTimer = null; var gameStarted = false; // Swipe variables var swipeStartX = 0; var swipeStartY = 0; var isSwipeActive = false; var swipeMinDistance = 100; // Minimum distance to register as a swipe var trailParticles = []; // Array to store trail particles var lastTrailX = 0; // Last position where trail was created var lastTrailY = 0; // Last position where trail was created var trailMinDistance = 10; // Minimum distance between trail particles var lastTrailX = 0; // Last position where trail was created var lastTrailY = 0; // Last position where trail was created var trailMinDistance = 10; // Minimum distance between trail particles // Swipe cooldown variables var swipeCooldown = false; // Whether swipe is currently on cooldown var swipeCooldownDuration = 5000; // 5 seconds cooldown var swipeCooldownTimer = null; // Timer for cooldown var swipeCooldownIndicator = null; // Visual indicator for cooldown // Initialize UI var scoreTxt = new Text2('0', { size: 80, fill: 0x000000 }); scoreTxt.anchor.set(0.5, 0); LK.gui.top.addChild(scoreTxt); var missedBoxesTxt = new Text2('Missed: 0/' + maxMissedBoxes, { size: 50, fill: 0xFFFFFF }); missedBoxesTxt.anchor.set(0, 0); missedBoxesTxt.x = 150; missedBoxesTxt.y = 50; LK.gui.topRight.addChild(missedBoxesTxt); var instructionsTxt = new Text2('Tap or SLICE the falling boxes! (Slice with swipe for 2X bonus!)', { size: 60, fill: 0xFFFFFF }); instructionsTxt.anchor.set(0.5, 0.5); LK.gui.center.addChild(instructionsTxt); // Hide instructions after a delay LK.setTimeout(function () { tween(instructionsTxt, { alpha: 0 }, { duration: 1000, easing: tween.linear, onFinish: function onFinish() { instructionsTxt.destroy(); } }); startGame(); }, 2000); // Function to update score display function updateScoreDisplay() { scoreTxt.setText(LK.getScore()); missedBoxesTxt.setText('Missed: ' + missedBoxes + '/' + maxMissedBoxes); } // Function to create and update swipe cooldown indicator function createSwipeCooldownIndicator() { if (swipeCooldownIndicator) { swipeCooldownIndicator.destroy(); } // Create container for cooldown indicator swipeCooldownIndicator = new Container(); game.addChild(swipeCooldownIndicator); // Create background var background = LK.getAsset('regularBox', { anchorX: 0.5, anchorY: 0.5, width: 200, height: 100, tint: 0x000000, alpha: 0.6 }); swipeCooldownIndicator.addChild(background); // Create text var cooldownText = new Text2('SWIPE: 5s', { size: 40, fill: 0xFF0000 }); cooldownText.anchor.set(0.5, 0.5); swipeCooldownIndicator.addChild(cooldownText); // Position indicator swipeCooldownIndicator.x = 2048 - 150; swipeCooldownIndicator.y = 200; // Animate countdown var secondsLeft = swipeCooldownDuration / 1000; var updateTimer = LK.setInterval(function () { secondsLeft -= 1; if (secondsLeft <= 0) { LK.clearInterval(updateTimer); return; } cooldownText.setText('SWIPE: ' + secondsLeft + 's'); }, 1000); // When cooldown completes, clear the timer LK.setTimeout(function () { LK.clearInterval(updateTimer); }, swipeCooldownDuration); } // Function to spawn a box function spawnBox() { var boxType; var random = Math.random(); if (random < 0.7) { boxType = 'regular'; } else if (random < 0.9) { boxType = 'bonus'; } else { boxType = 'special'; } var box = new Box(boxType); box.x = Math.random() * (2048 - 100) + 50; // Random x position box.y = -100; // Start above the screen // Add some variety to the path box.xSpeed = (Math.random() - 0.5) * 3; boxes.push(box); game.addChild(box); } // Function to start the game function startGame() { if (gameStarted) { return; } gameStarted = true; // Reset variables boxes.forEach(function (box) { box.destroy(); }); boxes = []; missedBoxes = 0; LK.setScore(0); updateScoreDisplay(); // Start spawning boxes spawnTimer = LK.setInterval(function () { spawnBox(); }, spawnInterval); // Increase difficulty over time difficultyTimer = LK.setInterval(function () { if (spawnInterval > minSpawnInterval) { spawnInterval = Math.max(minSpawnInterval, spawnInterval - 100); // Clear and restart spawn timer with new interval LK.clearInterval(spawnTimer); spawnTimer = LK.setInterval(function () { spawnBox(); }, spawnInterval); } }, difficultyIncreaseInterval); // Play background music LK.playMusic('gameMusic', { fade: { start: 0, end: 0.5, duration: 1000 } }); } // Update function called every frame game.update = function () { // Process all active boxes for (var i = boxes.length - 1; i >= 0; i--) { var box = boxes[i]; // Remove inactive boxes from the array if (!box.active) { boxes.splice(i, 1); continue; } // Add some horizontal movement to make it more interesting if (box.xSpeed) { box.x += box.xSpeed; // Bounce off the edges if (box.x < 50 || box.x > 2048 - 50) { box.xSpeed *= -1; } } } }; // Handle both tapping and swipe start game.down = function (x, y) { // Check if any box was hit (for tap) var hitBox = false; for (var i = boxes.length - 1; i >= 0; i--) { var box = boxes[i]; // Calculate distance from tap to box center var dx = x - box.x; var dy = y - box.y; var distance = Math.sqrt(dx * dx + dy * dy); // If tap is within the box, trigger a tap if (distance < box.boxGraphics.width / 2 && box.active) { box.tap(); hitBox = true; break; // Only tap one box at a time } } // Start tracking potential swipe (only if not on cooldown) if (!swipeCooldown) { swipeStartX = x; swipeStartY = y; lastTrailX = x; lastTrailY = y; isSwipeActive = true; } else if (!hitBox) { // If on cooldown and player tries to swipe, show feedback var cooldownNotice = new Text2('SWIPE ON COOLDOWN!', { size: 40, fill: 0xFF0000 }); cooldownNotice.anchor.set(0.5, 0.5); cooldownNotice.x = x; cooldownNotice.y = y; game.addChild(cooldownNotice); // Animate and remove the notice tween(cooldownNotice, { y: cooldownNotice.y - 60, alpha: 0 }, { duration: 1000, easing: tween.easeOut, onFinish: function onFinish() { cooldownNotice.destroy(); } }); } // Flash screen very subtly when missing a box if (!hitBox && boxes.length > 0) { LK.effects.flashScreen(0x3498db, 100); } }; // Handle swipe end game.up = function (x, y) { if (!isSwipeActive || swipeCooldown) { return; } // Calculate swipe distance var dx = x - swipeStartX; var dy = y - swipeStartY; var distance = Math.sqrt(dx * dx + dy * dy); // Check if this was a valid swipe (minimum distance) if (distance >= swipeMinDistance) { // Process the swipe through all boxes var hitAnyBox = false; for (var i = boxes.length - 1; i >= 0; i--) { if (boxes[i].checkSwipe(swipeStartX, swipeStartY, x, y)) { hitAnyBox = true; } } // Visual feedback for swipe if (hitAnyBox) { // Play bonus sound for successful swipes LK.getSound('bonus').play(); // Add swipe line visual effect with gold color for bonus effect var lineEffect = new Container(); game.addChild(lineEffect); // Draw swipe line with multiple dots for trail effect var steps = Math.min(20, Math.floor(distance / 20)); var dotSize = 20; for (var s = 0; s < steps; s++) { var dotPercent = s / (steps - 1); var dotX = swipeStartX + dx * dotPercent; var dotY = swipeStartY + dy * dotPercent; // Create dot with gold color for bonus effect var dot = LK.getAsset('regularBox', { anchorX: 0.5, anchorY: 0.5, width: dotSize, height: dotSize, alpha: 0.5 * (1 - dotPercent), // Fade out towards the end tint: 0xFFD700 // Gold color for bonus effect }); dot.x = dotX; dot.y = dotY; lineEffect.addChild(dot); } // Animate and remove the effect tween(lineEffect, { alpha: 0 }, { duration: 300, easing: tween.linear, onFinish: function onFinish() { lineEffect.destroy(); } }); // Start cooldown after successful swipe swipeCooldown = true; // Create cooldown indicator createSwipeCooldownIndicator(); // Set cooldown timer if (swipeCooldownTimer) { LK.clearTimeout(swipeCooldownTimer); } swipeCooldownTimer = LK.setTimeout(function () { swipeCooldown = false; if (swipeCooldownIndicator) { swipeCooldownIndicator.destroy(); swipeCooldownIndicator = null; } // Play sound to indicate cooldown is over LK.getSound('tap').play(); }, swipeCooldownDuration); } } // Reset swipe tracking isSwipeActive = false; }; // Add move handler to track active swipes game.move = function (x, y) { // For very long swipes, we can process while still moving if (isSwipeActive && !swipeCooldown) { var dx = x - swipeStartX; var dy = y - swipeStartY; var distance = Math.sqrt(dx * dx + dy * dy); // Calculate distance from last trail point var trailDx = x - lastTrailX; var trailDy = y - lastTrailY; var trailDistance = Math.sqrt(trailDx * trailDx + trailDy * trailDy); // Add slice trail effect (more blade-like) if (trailDistance > trailMinDistance) { // Update last trail position lastTrailX = x; lastTrailY = y; // Calculate angle of swipe for rotation var swipeAngle = Math.atan2(dy, dx); // Create slice trail (elongated particle) var slice = LK.getAsset('regularBox', { anchorX: 0.5, anchorY: 0.5, width: 30, height: 6, alpha: 0.8, tint: 0xFFD700 // Gold color for trail }); slice.x = x; slice.y = y; slice.rotation = swipeAngle; game.addChild(slice); // Animate and remove the slice effect tween(slice, { alpha: 0, width: 40, height: 3 }, { duration: 300, easing: tween.easeOut, onFinish: function onFinish() { slice.destroy(); } }); } // For very long swipes, check boxes during the swipe if (distance >= swipeMinDistance * 2) { for (var i = boxes.length - 1; i >= 0; i--) { boxes[i].checkSwipe(swipeStartX, swipeStartY, x, y); } // Update swipe start position to current swipeStartX = x; swipeStartY = y; } } }; // Game clean-up function game.cleanup = function () { if (spawnTimer) { LK.clearInterval(spawnTimer); } if (difficultyTimer) { LK.clearInterval(difficultyTimer); } if (swipeCooldownTimer) { LK.clearTimeout(swipeCooldownTimer); } LK.stopMusic(); };
===================================================================
--- original.js
+++ change.js
@@ -284,8 +284,13 @@
var trailMinDistance = 10; // Minimum distance between trail particles
var lastTrailX = 0; // Last position where trail was created
var lastTrailY = 0; // Last position where trail was created
var trailMinDistance = 10; // Minimum distance between trail particles
+// Swipe cooldown variables
+var swipeCooldown = false; // Whether swipe is currently on cooldown
+var swipeCooldownDuration = 5000; // 5 seconds cooldown
+var swipeCooldownTimer = null; // Timer for cooldown
+var swipeCooldownIndicator = null; // Visual indicator for cooldown
// Initialize UI
var scoreTxt = new Text2('0', {
size: 80,
fill: 0x000000
@@ -323,8 +328,51 @@
function updateScoreDisplay() {
scoreTxt.setText(LK.getScore());
missedBoxesTxt.setText('Missed: ' + missedBoxes + '/' + maxMissedBoxes);
}
+// Function to create and update swipe cooldown indicator
+function createSwipeCooldownIndicator() {
+ if (swipeCooldownIndicator) {
+ swipeCooldownIndicator.destroy();
+ }
+ // Create container for cooldown indicator
+ swipeCooldownIndicator = new Container();
+ game.addChild(swipeCooldownIndicator);
+ // Create background
+ var background = LK.getAsset('regularBox', {
+ anchorX: 0.5,
+ anchorY: 0.5,
+ width: 200,
+ height: 100,
+ tint: 0x000000,
+ alpha: 0.6
+ });
+ swipeCooldownIndicator.addChild(background);
+ // Create text
+ var cooldownText = new Text2('SWIPE: 5s', {
+ size: 40,
+ fill: 0xFF0000
+ });
+ cooldownText.anchor.set(0.5, 0.5);
+ swipeCooldownIndicator.addChild(cooldownText);
+ // Position indicator
+ swipeCooldownIndicator.x = 2048 - 150;
+ swipeCooldownIndicator.y = 200;
+ // Animate countdown
+ var secondsLeft = swipeCooldownDuration / 1000;
+ var updateTimer = LK.setInterval(function () {
+ secondsLeft -= 1;
+ if (secondsLeft <= 0) {
+ LK.clearInterval(updateTimer);
+ return;
+ }
+ cooldownText.setText('SWIPE: ' + secondsLeft + 's');
+ }, 1000);
+ // When cooldown completes, clear the timer
+ LK.setTimeout(function () {
+ LK.clearInterval(updateTimer);
+ }, swipeCooldownDuration);
+}
// Function to spawn a box
function spawnBox() {
var boxType;
var random = Math.random();
@@ -402,14 +450,8 @@
}
};
// Handle both tapping and swipe start
game.down = function (x, y) {
- // Start tracking potential swipe
- swipeStartX = x;
- swipeStartY = y;
- lastTrailX = x;
- lastTrailY = y;
- isSwipeActive = true;
// Check if any box was hit (for tap)
var hitBox = false;
for (var i = boxes.length - 1; i >= 0; i--) {
var box = boxes[i];
@@ -423,16 +465,45 @@
hitBox = true;
break; // Only tap one box at a time
}
}
+ // Start tracking potential swipe (only if not on cooldown)
+ if (!swipeCooldown) {
+ swipeStartX = x;
+ swipeStartY = y;
+ lastTrailX = x;
+ lastTrailY = y;
+ isSwipeActive = true;
+ } else if (!hitBox) {
+ // If on cooldown and player tries to swipe, show feedback
+ var cooldownNotice = new Text2('SWIPE ON COOLDOWN!', {
+ size: 40,
+ fill: 0xFF0000
+ });
+ cooldownNotice.anchor.set(0.5, 0.5);
+ cooldownNotice.x = x;
+ cooldownNotice.y = y;
+ game.addChild(cooldownNotice);
+ // Animate and remove the notice
+ tween(cooldownNotice, {
+ y: cooldownNotice.y - 60,
+ alpha: 0
+ }, {
+ duration: 1000,
+ easing: tween.easeOut,
+ onFinish: function onFinish() {
+ cooldownNotice.destroy();
+ }
+ });
+ }
// Flash screen very subtly when missing a box
if (!hitBox && boxes.length > 0) {
LK.effects.flashScreen(0x3498db, 100);
}
};
// Handle swipe end
game.up = function (x, y) {
- if (!isSwipeActive) {
+ if (!isSwipeActive || swipeCooldown) {
return;
}
// Calculate swipe distance
var dx = x - swipeStartX;
@@ -484,17 +555,34 @@
onFinish: function onFinish() {
lineEffect.destroy();
}
});
+ // Start cooldown after successful swipe
+ swipeCooldown = true;
+ // Create cooldown indicator
+ createSwipeCooldownIndicator();
+ // Set cooldown timer
+ if (swipeCooldownTimer) {
+ LK.clearTimeout(swipeCooldownTimer);
+ }
+ swipeCooldownTimer = LK.setTimeout(function () {
+ swipeCooldown = false;
+ if (swipeCooldownIndicator) {
+ swipeCooldownIndicator.destroy();
+ swipeCooldownIndicator = null;
+ }
+ // Play sound to indicate cooldown is over
+ LK.getSound('tap').play();
+ }, swipeCooldownDuration);
}
}
// Reset swipe tracking
isSwipeActive = false;
};
// Add move handler to track active swipes
game.move = function (x, y) {
// For very long swipes, we can process while still moving
- if (isSwipeActive) {
+ if (isSwipeActive && !swipeCooldown) {
var dx = x - swipeStartX;
var dy = y - swipeStartY;
var distance = Math.sqrt(dx * dx + dy * dy);
// Calculate distance from last trail point
@@ -552,6 +640,9 @@
}
if (difficultyTimer) {
LK.clearInterval(difficultyTimer);
}
+ if (swipeCooldownTimer) {
+ LK.clearTimeout(swipeCooldownTimer);
+ }
LK.stopMusic();
};
\ No newline at end of file