Play
:quality(85)/https://cdn.frvr.ai/686f4d74a56673eccbdbdde0.png)
:quality(85)/https://cdn.frvr.ai/686f4d70a56673eccbdbddde.png)
#FastPaced
Creation History
User prompt
Lower the counter a bit.
User prompt
The customer who waits for 3 seconds should now wait for 6 seconds
User prompt
There should be 3 different customers. The first customer should remain the same. The second customer should wait for only 3 seconds. The third customer should have no time limit. Each one should have a different appearance. ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
Make the background a single scene and have the customers stand behind the counter
User prompt
Move the counter slightly lower and split the background in half starting from the counter.
User prompt
Make the timer last a bit longer and customers should stand behind the counter.
User prompt
Make the timer last a bit longer, and have the customers line up in a queue.
User prompt
Customers should stand behind a counter.
Code edit (1 edits merged)
Please save this source code
User prompt
Shop Rush
Initial prompt
Make a game where customers come to our shop and request products from us.There should be no health in the game. If you don’t give the product to the customer, your score decreases, and if your score drops below zero, the game ends.
/****
* Plugins
****/
var tween = LK.import("@upit/tween.v1");
/****
* Classes
****/
var Customer = Container.expand(function (customerType) {
var self = Container.call(this);
// Set customer type (default to type 1 if not specified)
self.customerType = customerType || 1;
// Set patience based on customer type
if (self.customerType === 1) {
self.maxPatience = 12000; // 12 seconds (unchanged)
} else if (self.customerType === 2) {
self.maxPatience = 3000; // 3 seconds
} else if (self.customerType === 3) {
self.maxPatience = Infinity; // No time limit
}
self.patience = self.maxPatience;
self.requestedProduct = productTypes[Math.floor(Math.random() * productTypes.length)];
self.served = false;
// Create different appearances based on customer type
var customerGraphic;
if (self.customerType === 1) {
// Original blue customer
customerGraphic = self.attachAsset('customer', {
anchorX: 0.5,
anchorY: 1.0
});
} else if (self.customerType === 2) {
// Red customer for impatient type
customerGraphic = self.attachAsset('customer', {
anchorX: 0.5,
anchorY: 1.0,
tint: 0xff6b6b
});
} else if (self.customerType === 3) {
// Green customer for patient type
customerGraphic = self.attachAsset('customer', {
anchorX: 0.5,
anchorY: 1.0,
tint: 0x51cf66
});
}
// Request bubble
var bubbleBg = self.attachAsset('requestBubble', {
anchorX: 0.5,
anchorY: 0.5,
x: 0,
y: -220
});
var requestedProductGraphic = self.addChild(new Product(self.requestedProduct));
requestedProductGraphic.x = 0;
requestedProductGraphic.y = -220;
requestedProductGraphic.scaleX = 0.6;
requestedProductGraphic.scaleY = 0.6;
// Patience bar background
var patienceBarBg = self.attachAsset('patienceBarBg', {
anchorX: 0.5,
anchorY: 0.5,
x: 0,
y: -250
});
// Patience bar
var patienceBar = self.attachAsset('patienceBar', {
anchorX: 0.5,
anchorY: 0.5,
x: 0,
y: -250
});
// Hide patience bar for customer type 3 (no time limit)
if (self.customerType === 3) {
patienceBarBg.visible = false;
patienceBar.visible = false;
}
self.updatePatienceBar = function () {
var patienceRatio = self.patience / self.maxPatience;
patienceBar.scaleX = patienceRatio;
// Change color based on patience level
if (patienceRatio > 0.6) {
patienceBar.tint = 0x00ff00; // Green
} else if (patienceRatio > 0.3) {
patienceBar.tint = 0xffff00; // Yellow
} else {
patienceBar.tint = 0xff0000; // Red
}
};
self.serve = function (productType) {
if (self.served) return false;
self.served = true;
if (productType === self.requestedProduct) {
// Correct order
LK.setScore(LK.getScore() + 10);
LK.getSound('correct').play();
LK.effects.flashObject(self, 0x00ff00, 300);
return true;
} else {
// Wrong order
LK.setScore(LK.getScore() - 5);
LK.getSound('wrong').play();
LK.effects.flashObject(self, 0xff0000, 300);
return false;
}
};
self.leave = function () {
if (!self.served) {
// Customer left without being served
LK.setScore(LK.getScore() - 3);
LK.getSound('customerLeave').play();
}
};
self.down = function (x, y, obj) {
if (selectedProduct && !self.served) {
self.serve(selectedProduct);
selectedProduct = null;
// Remove customer after serving
tween(self, {
alpha: 0,
scaleX: 0.5,
scaleY: 0.5
}, {
duration: 500,
onFinish: function onFinish() {
removeCustomer(self);
}
});
}
};
self.update = function () {
if (self.served) return;
// Only decrease patience for customer types 1 and 2
if (self.customerType !== 3) {
self.patience -= 16.67; // Decrease patience (assuming 60 FPS)
self.updatePatienceBar();
if (self.patience <= 0) {
// Customer ran out of patience
self.leave();
tween(self, {
alpha: 0,
x: self.x - 200
}, {
duration: 500,
onFinish: function onFinish() {
removeCustomer(self);
}
});
}
}
};
return self;
});
var InventorySlot = Container.expand(function (productType, slotIndex) {
var self = Container.call(this);
self.productType = productType;
self.slotIndex = slotIndex;
var slotBg = self.attachAsset('inventorySlot', {
anchorX: 0.5,
anchorY: 0.5
});
var product = self.addChild(new Product(productType));
self.down = function (x, y, obj) {
selectedProduct = self.productType;
// Visual feedback for selection
tween(self, {
scaleX: 0.9,
scaleY: 0.9
}, {
duration: 100
});
tween(self, {
scaleX: 1.0,
scaleY: 1.0
}, {
duration: 100
});
};
return self;
});
var Product = Container.expand(function (productType) {
var self = Container.call(this);
self.productType = productType;
var productGraphic = self.attachAsset('product' + productType, {
anchorX: 0.5,
anchorY: 0.5
});
return self;
});
/****
* Initialize Game
****/
var game = new LK.Game({
backgroundColor: 0xf0f0f0
});
/****
* Game Code
****/
// Game variables
var customers = [];
var selectedProduct = null;
var customerSpawnTimer = 0;
var difficultyTimer = 0;
var spawnRate = 180; // frames between spawns (3 seconds at 60fps)
var productTypes = ['Apple', 'Bread', 'Milk', 'Cheese'];
// Score display
var scoreTxt = new Text2('Score: 0', {
size: 60,
fill: 0x000000
});
scoreTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreTxt);
// Create single background scene
var background = game.addChild(LK.getAsset('shopBackground', {
anchorX: 0.5,
anchorY: 0,
scaleX: 0.2048,
scaleY: 0.272
}));
background.x = 2048 / 2;
background.y = 0;
// Create counter
var counter = game.addChild(LK.getAsset('counter', {
anchorX: 0.5,
anchorY: 0.5
}));
counter.x = 2048 / 2;
counter.y = 1500; // Position counter lower
// Create inventory at bottom of screen
var inventoryY = 2732 - 100;
var inventoryStartX = 2048 / 2 - productTypes.length * 180 / 2;
for (var i = 0; i < productTypes.length; i++) {
var slot = game.addChild(new InventorySlot(productTypes[i], i));
slot.x = inventoryStartX + i * 180;
slot.y = inventoryY;
}
// Customer spawn positions (positioned behind counter)
var customerPositions = [{
x: 400,
y: 1600
}, {
x: 800,
y: 1600
}, {
x: 1200,
y: 1600
}, {
x: 1600,
y: 1600
}];
function spawnCustomer() {
if (customers.length >= 4) return; // Max 4 customers at once
// Queue system: find the leftmost available position
var targetPosition = null;
for (var i = 0; i < customerPositions.length; i++) {
var positionTaken = false;
for (var j = 0; j < customers.length; j++) {
if (Math.abs(customers[j].x - customerPositions[i].x) < 50) {
positionTaken = true;
break;
}
}
if (!positionTaken) {
targetPosition = customerPositions[i];
break; // Take the first available position (leftmost)
}
}
if (!targetPosition) return;
// Randomly select customer type (1, 2, or 3)
var customerType = Math.floor(Math.random() * 3) + 1;
var customer = game.addChild(new Customer(customerType));
customer.x = targetPosition.x;
customer.y = targetPosition.y;
customer.alpha = 0;
customers.push(customer);
// Animate customer entrance
tween(customer, {
alpha: 1,
y: targetPosition.y - 50
}, {
duration: 500
});
}
function removeCustomer(customer) {
var index = customers.indexOf(customer);
if (index > -1) {
customers.splice(index, 1);
customer.destroy();
// Move remaining customers forward in queue
moveCustomersForward();
}
}
function moveCustomersForward() {
// Sort customers by their current x position
customers.sort(function (a, b) {
return a.x - b.x;
});
// Move each customer to the next available position from left to right
for (var i = 0; i < customers.length; i++) {
var targetX = customerPositions[i].x;
if (Math.abs(customers[i].x - targetX) > 10) {
// Animate customer moving to new position
tween(customers[i], {
x: targetX
}, {
duration: 300
});
}
}
}
// Game update loop
game.update = function () {
// Update score display
scoreTxt.setText('Score: ' + LK.getScore());
// Check game over condition
if (LK.getScore() < 0) {
LK.showGameOver();
return;
}
// Spawn customers
customerSpawnTimer++;
if (customerSpawnTimer >= spawnRate) {
spawnCustomer();
customerSpawnTimer = 0;
}
// Increase difficulty over time
difficultyTimer++;
if (difficultyTimer >= 1800) {
// Every 30 seconds
spawnRate = Math.max(60, spawnRate - 20); // Minimum 1 second between spawns
difficultyTimer = 0;
}
// Update customers
for (var i = customers.length - 1; i >= 0; i--) {
customers[i].update();
}
};
// Initialize game state
LK.setScore(50); // Start with some buffer score ===================================================================
--- original.js
+++ change.js
@@ -5,18 +5,46 @@
/****
* Classes
****/
-var Customer = Container.expand(function () {
+var Customer = Container.expand(function (customerType) {
var self = Container.call(this);
- self.maxPatience = 12000; // 12 seconds
+ // Set customer type (default to type 1 if not specified)
+ self.customerType = customerType || 1;
+ // Set patience based on customer type
+ if (self.customerType === 1) {
+ self.maxPatience = 12000; // 12 seconds (unchanged)
+ } else if (self.customerType === 2) {
+ self.maxPatience = 3000; // 3 seconds
+ } else if (self.customerType === 3) {
+ self.maxPatience = Infinity; // No time limit
+ }
self.patience = self.maxPatience;
self.requestedProduct = productTypes[Math.floor(Math.random() * productTypes.length)];
self.served = false;
- var customerGraphic = self.attachAsset('customer', {
- anchorX: 0.5,
- anchorY: 1.0
- });
+ // Create different appearances based on customer type
+ var customerGraphic;
+ if (self.customerType === 1) {
+ // Original blue customer
+ customerGraphic = self.attachAsset('customer', {
+ anchorX: 0.5,
+ anchorY: 1.0
+ });
+ } else if (self.customerType === 2) {
+ // Red customer for impatient type
+ customerGraphic = self.attachAsset('customer', {
+ anchorX: 0.5,
+ anchorY: 1.0,
+ tint: 0xff6b6b
+ });
+ } else if (self.customerType === 3) {
+ // Green customer for patient type
+ customerGraphic = self.attachAsset('customer', {
+ anchorX: 0.5,
+ anchorY: 1.0,
+ tint: 0x51cf66
+ });
+ }
// Request bubble
var bubbleBg = self.attachAsset('requestBubble', {
anchorX: 0.5,
anchorY: 0.5,
@@ -41,8 +69,13 @@
anchorY: 0.5,
x: 0,
y: -250
});
+ // Hide patience bar for customer type 3 (no time limit)
+ if (self.customerType === 3) {
+ patienceBarBg.visible = false;
+ patienceBar.visible = false;
+ }
self.updatePatienceBar = function () {
var patienceRatio = self.patience / self.maxPatience;
patienceBar.scaleX = patienceRatio;
// Change color based on patience level
@@ -96,22 +129,25 @@
}
};
self.update = function () {
if (self.served) return;
- self.patience -= 16.67; // Decrease patience (assuming 60 FPS)
- self.updatePatienceBar();
- if (self.patience <= 0) {
- // Customer ran out of patience
- self.leave();
- tween(self, {
- alpha: 0,
- x: self.x - 200
- }, {
- duration: 500,
- onFinish: function onFinish() {
- removeCustomer(self);
- }
- });
+ // Only decrease patience for customer types 1 and 2
+ if (self.customerType !== 3) {
+ self.patience -= 16.67; // Decrease patience (assuming 60 FPS)
+ self.updatePatienceBar();
+ if (self.patience <= 0) {
+ // Customer ran out of patience
+ self.leave();
+ tween(self, {
+ alpha: 0,
+ x: self.x - 200
+ }, {
+ duration: 500,
+ onFinish: function onFinish() {
+ removeCustomer(self);
+ }
+ });
+ }
}
};
return self;
});
@@ -231,9 +267,11 @@
break; // Take the first available position (leftmost)
}
}
if (!targetPosition) return;
- var customer = game.addChild(new Customer());
+ // Randomly select customer type (1, 2, or 3)
+ var customerType = Math.floor(Math.random() * 3) + 1;
+ var customer = game.addChild(new Customer(customerType));
customer.x = targetPosition.x;
customer.y = targetPosition.y;
customer.alpha = 0;
customers.push(customer);
Images
:quality(85)/https://cdn.frvr.ai/686f4fd7a56673eccbdbddf7.png%3F3)
pixelart, up side stone, down side plank, top down. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/686f5064a56673eccbdbde07.png%3F3)
plank, pixelart. No background. Transparent background. Blank background. No shadows. 2d. In-Game asset. flat
:quality(85)/https://cdn.frvr.ai/686f559ba56673eccbdbde96.png%3F3)
pixelart, bar, green. No background. Transparent background. Blank background. No shadows. 2d. In-Game asset. flat
:quality(85)/https://cdn.frvr.ai/686f55e7a56673eccbdbde9f.png%3F3)
pixelart, bar, red. No background. Transparent background. Blank background. No shadows. 2d. In-Game asset. flat
:quality(85)/https://cdn.frvr.ai/686f57dca56673eccbdbdec2.png%3F3)
pixelart, man, half, villager. No background. Transparent background. Blank background. No shadows. 2d. In-Game asset. flat
:quality(85)/https://cdn.frvr.ai/686f595da56673eccbdbdef2.png%3F3)
bench,plank,pixelart. No background. Transparent background. Blank background. No shadows. 2d. In-Game asset. flat
:quality(85)/https://cdn.frvr.ai/686f59a0a56673eccbdbdef7.png%3F3)
pixelart, woman, half, villager. No background. Transparent background. Blank background. No shadows. 2d. In-Game asset. flat
:quality(85)/https://cdn.frvr.ai/686f5b1aa56673eccbdbdf18.png%3F3)
basket, top down, pixelart. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/686f5b4aa56673eccbdbdf27.png%3F3)
apple, pixelart. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/686f5b9aa56673eccbdbdf40.png%3F3)
Bread, pixelart. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/686f5f10a56673eccbdbdf5d.png%3F3)
cat human, pixel art, half, adventurer. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/686f5fc4a56673eccbdbdf6c.png%3F3)
speek bubble, pixel arth.
:quality(85)/https://cdn.frvr.ai/686f5ff9a56673eccbdbdf7b.png%3F3)
Cheese, pixelart. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/686f6890a56673eccbdbdfb1.png%3F3)
egg,pixelart. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/686f68e4a56673eccbdbdfbd.png%3F3)
milk bucketi pixel art. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/686f692da56673eccbdbdfc8.png%3F3)
yogurt bucket, pixelart. In-Game asset. 2d. High contrast. No shadows
:quality(85)/https://cdn.frvr.ai/68701dc5f9fd0d1f7b23d818.png%3F3)
iron bucket, pixelart, water. In-Game asset. 2d. High contrast. No shadows
Used plugins
@upit/tween
