Play
:quality(85)/https://cdn.frvr.ai/6872b680ddba31cb1919810f.png)
:quality(85)/https://cdn.frvr.ai/6872b674ddba31cb1919810c.png)
#LabubuPuzzle
#PuzzleGame
#CutePuzzles
#MobilePuzzle
#LabubuAdventure
Creation History
User prompt
Make a timer for one minute if it runs out of time then the player looses the game when on next level reset timer
User prompt
Make the text saying drag the puzzle pieces into the white puzzle pieces 90 size
User prompt
Make the text saying put the puzzle pieces in order say drag the puzzle pieces to the white puzzle pieces
User prompt
Make the text that says put puzzle pieces in order 100 size
User prompt
Make the text that says put the puzzle pieces in order 200 size
User prompt
When player in level make text at the bottom of the screen saying put the puzzle pieces in order
Code edit (1 edits merged)
Please save this source code
User prompt
Labubu Puzzle Adventure
Initial prompt
Labubu puzzle make it so thre are 10 levels in labubu puzzle
/****
* Plugins
****/
var tween = LK.import("@upit/tween.v1");
var storage = LK.import("@upit/storage.v1");
/****
* Classes
****/
var LevelButton = Container.expand(function () {
var self = Container.call(this);
var graphics = self.attachAsset('level_button', {
anchorX: 0.5,
anchorY: 0.5
});
self.levelNumber = 1;
self.unlocked = false;
var levelText = new Text2('1', {
size: 40,
fill: 0x000000
});
levelText.anchor.set(0.5, 0.5);
self.addChild(levelText);
self.setLevel = function (level) {
self.levelNumber = level;
levelText.setText(level.toString());
self.unlocked = level <= unlockedLevel;
graphics.tint = self.unlocked ? 0x90EE90 : 0x808080;
};
self.down = function (x, y, obj) {
if (self.unlocked) {
startLevel(self.levelNumber);
}
};
return self;
});
var PuzzlePiece = Container.expand(function () {
var self = Container.call(this);
var graphics = self.attachAsset('puzzle_piece', {
anchorX: 0.5,
anchorY: 0.5
});
self.originalX = 0;
self.originalY = 0;
self.targetX = 0;
self.targetY = 0;
self.pieceId = 0;
self.isPlaced = false;
self.isDragging = false;
self.setColor = function (color) {
graphics.tint = color;
};
self.down = function (x, y, obj) {
if (!self.isPlaced) {
self.isDragging = true;
self.originalX = self.x;
self.originalY = self.y;
LK.getSound('move').play();
}
};
self.up = function (x, y, obj) {
if (self.isDragging) {
self.isDragging = false;
self.checkPlacement();
}
};
self.checkPlacement = function () {
var targetSlot = findNearestSlot(self.x, self.y);
if (targetSlot && !targetSlot.occupied && getDistance(self.x, self.y, targetSlot.x, targetSlot.y) < 80) {
self.snapToSlot(targetSlot);
} else {
self.returnToOriginal();
}
};
self.snapToSlot = function (slot) {
tween(self, {
x: slot.x,
y: slot.y
}, {
duration: 300,
easing: tween.easeOut
});
self.isPlaced = true;
slot.occupied = true;
slot.pieceId = self.pieceId;
LK.getSound('success').play();
checkLevelComplete();
};
self.returnToOriginal = function () {
tween(self, {
x: self.originalX,
y: self.originalY
}, {
duration: 300,
easing: tween.easeOut
});
};
return self;
});
var TargetSlot = Container.expand(function () {
var self = Container.call(this);
var graphics = self.attachAsset('target_slot', {
anchorX: 0.5,
anchorY: 0.5
});
self.slotId = 0;
self.occupied = false;
self.pieceId = -1;
return self;
});
/****
* Initialize Game
****/
var game = new LK.Game({
backgroundColor: 0xF5F5DC
});
/****
* Game Code
****/
var gameState = 'menu'; // 'menu', 'playing', 'complete'
var currentLevel = 1;
var unlockedLevel = storage.unlockedLevel || 1;
var puzzlePieces = [];
var targetSlots = [];
var levelButtons = [];
var hintButton;
var backButton;
var levelCompleteText;
var gameTimer = 60; // 60 seconds
var timerText;
var timerInterval;
// Level definitions
var levelConfigs = [{
pieces: 3,
colors: [0xFF69B4, 0x87CEEB, 0x98FB98],
pattern: 'simple'
}, {
pieces: 4,
colors: [0xFF69B4, 0x87CEEB, 0x98FB98, 0xFFD700],
pattern: 'simple'
}, {
pieces: 4,
colors: [0xFF69B4, 0x87CEEB, 0x98FB98, 0xFFD700],
pattern: 'cross'
}, {
pieces: 5,
colors: [0xFF69B4, 0x87CEEB, 0x98FB98, 0xFFD700, 0xFF6347],
pattern: 'simple'
}, {
pieces: 6,
colors: [0xFF69B4, 0x87CEEB, 0x98FB98, 0xFFD700, 0xFF6347, 0x9370DB],
pattern: 'grid'
}, {
pieces: 6,
colors: [0xFF69B4, 0x87CEEB, 0x98FB98, 0xFFD700, 0xFF6347, 0x9370DB],
pattern: 'circle'
}, {
pieces: 8,
colors: [0xFF69B4, 0x87CEEB, 0x98FB98, 0xFFD700, 0xFF6347, 0x9370DB, 0xFF1493, 0x00CED1],
pattern: 'grid'
}, {
pieces: 9,
colors: [0xFF69B4, 0x87CEEB, 0x98FB98, 0xFFD700, 0xFF6347, 0x9370DB, 0xFF1493, 0x00CED1, 0xFFA500],
pattern: 'grid'
}, {
pieces: 10,
colors: [0xFF69B4, 0x87CEEB, 0x98FB98, 0xFFD700, 0xFF6347, 0x9370DB, 0xFF1493, 0x00CED1, 0xFFA500, 0x32CD32],
pattern: 'complex'
}, {
pieces: 12,
colors: [0xFF69B4, 0x87CEEB, 0x98FB98, 0xFFD700, 0xFF6347, 0x9370DB, 0xFF1493, 0x00CED1, 0xFFA500, 0x32CD32, 0xFF4500, 0x8A2BE2],
pattern: 'complex'
}];
// Create title
var titleText = new Text2('Labubu Puzzle Adventure', {
size: 80,
fill: 0xFF69B4
});
titleText.anchor.set(0.5, 0.5);
titleText.x = 1024;
titleText.y = 300;
// Create Labubu mascot
var labubuMascot = LK.getAsset('labubu', {
anchorX: 0.5,
anchorY: 0.5,
x: 1024,
y: 500,
scaleX: 1.5,
scaleY: 1.5
});
game.addChild(labubuMascot);
function createMenu() {
gameState = 'menu';
game.addChild(titleText);
// Create level selection grid
var startY = 800;
var cols = 5;
var spacing = 200;
for (var i = 0; i < 10; i++) {
var button = new LevelButton();
var row = Math.floor(i / cols);
var col = i % cols;
button.x = 400 + col * spacing;
button.y = startY + row * 150;
button.setLevel(i + 1);
levelButtons.push(button);
game.addChild(button);
}
}
function startLevel(levelNum) {
clearMenu();
currentLevel = levelNum;
gameState = 'playing';
createLevel(levelNum);
}
function clearMenu() {
game.removeChild(titleText);
for (var i = 0; i < levelButtons.length; i++) {
game.removeChild(levelButtons[i]);
}
levelButtons = [];
}
function createLevel(levelNum) {
var config = levelConfigs[levelNum - 1];
// Create background board
var board = LK.getAsset('board_bg', {
anchorX: 0.5,
anchorY: 0.5,
x: 1024,
y: 1366
});
game.addChild(board);
// Create level title
var levelTitle = new Text2('Level ' + levelNum, {
size: 60,
fill: 0x333333
});
levelTitle.anchor.set(0.5, 0.5);
levelTitle.x = 1024;
levelTitle.y = 200;
game.addChild(levelTitle);
// Create back button
backButton = LK.getAsset('level_button', {
anchorX: 0.5,
anchorY: 0.5,
x: 150,
y: 150,
scaleX: 0.8,
scaleY: 0.8
});
var backText = new Text2('Back', {
size: 30,
fill: 0x000000
});
backText.anchor.set(0.5, 0.5);
backText.x = 150;
backText.y = 150;
game.addChild(backButton);
game.addChild(backText);
// Create hint button
hintButton = LK.getAsset('hint_button', {
anchorX: 0.5,
anchorY: 0.5,
x: 1900,
y: 150
});
var hintText = new Text2('Hint', {
size: 25,
fill: 0x000000
});
hintText.anchor.set(0.5, 0.5);
hintText.x = 1900;
hintText.y = 150;
game.addChild(hintButton);
game.addChild(hintText);
// Create instruction text at bottom of screen
var instructionText = new Text2('Drag the puzzle pieces to the white puzzle pieces', {
size: 90,
fill: 0x333333
});
instructionText.anchor.set(0.5, 0.5);
instructionText.x = 1024;
instructionText.y = 2500;
game.addChild(instructionText);
// Create timer text
timerText = new Text2('Time: 60', {
size: 60,
fill: 0xFF0000
});
timerText.anchor.set(0.5, 0.5);
timerText.x = 1024;
timerText.y = 300;
game.addChild(timerText);
// Reset and start timer
gameTimer = 60;
if (timerInterval) {
LK.clearInterval(timerInterval);
}
timerInterval = LK.setInterval(function () {
gameTimer--;
timerText.setText('Time: ' + gameTimer);
if (gameTimer <= 0) {
LK.clearInterval(timerInterval);
LK.showGameOver();
}
}, 1000);
createPuzzleLayout(config);
}
function createPuzzleLayout(config) {
var pieces = config.pieces;
var colors = config.colors;
var pattern = config.pattern;
// Create target slots based on pattern
createTargetSlots(pieces, pattern);
// Create puzzle pieces
createPuzzlePieces(pieces, colors);
}
function createTargetSlots(numSlots, pattern) {
targetSlots = [];
var centerX = 1024;
var centerY = 1000;
if (pattern === 'simple') {
var spacing = 120;
var startX = centerX - (numSlots - 1) * spacing / 2;
for (var i = 0; i < numSlots; i++) {
var slot = new TargetSlot();
slot.x = startX + i * spacing;
slot.y = centerY;
slot.slotId = i;
targetSlots.push(slot);
game.addChild(slot);
}
} else if (pattern === 'cross') {
var positions = [{
x: centerX,
y: centerY - 120
}, {
x: centerX - 120,
y: centerY
}, {
x: centerX,
y: centerY
}, {
x: centerX + 120,
y: centerY
}, {
x: centerX,
y: centerY + 120
}];
for (var i = 0; i < Math.min(numSlots, positions.length); i++) {
var slot = new TargetSlot();
slot.x = positions[i].x;
slot.y = positions[i].y;
slot.slotId = i;
targetSlots.push(slot);
game.addChild(slot);
}
} else if (pattern === 'grid') {
var cols = Math.ceil(Math.sqrt(numSlots));
var rows = Math.ceil(numSlots / cols);
var spacing = 120;
var startX = centerX - (cols - 1) * spacing / 2;
var startY = centerY - (rows - 1) * spacing / 2;
for (var i = 0; i < numSlots; i++) {
var row = Math.floor(i / cols);
var col = i % cols;
var slot = new TargetSlot();
slot.x = startX + col * spacing;
slot.y = startY + row * spacing;
slot.slotId = i;
targetSlots.push(slot);
game.addChild(slot);
}
} else if (pattern === 'circle') {
var radius = 150;
var angleStep = 2 * Math.PI / numSlots;
for (var i = 0; i < numSlots; i++) {
var angle = i * angleStep;
var slot = new TargetSlot();
slot.x = centerX + Math.cos(angle) * radius;
slot.y = centerY + Math.sin(angle) * radius;
slot.slotId = i;
targetSlots.push(slot);
game.addChild(slot);
}
} else if (pattern === 'complex') {
// Custom complex patterns for higher levels
var positions = generateComplexPattern(numSlots, centerX, centerY);
for (var i = 0; i < numSlots; i++) {
var slot = new TargetSlot();
slot.x = positions[i].x;
slot.y = positions[i].y;
slot.slotId = i;
targetSlots.push(slot);
game.addChild(slot);
}
}
}
function generateComplexPattern(numSlots, centerX, centerY) {
var positions = [];
var spacing = 100;
// Create a spiral pattern
var angle = 0;
var radius = 50;
for (var i = 0; i < numSlots; i++) {
positions.push({
x: centerX + Math.cos(angle) * radius,
y: centerY + Math.sin(angle) * radius
});
angle += Math.PI / 3;
radius += 15;
}
return positions;
}
function createPuzzlePieces(numPieces, colors) {
puzzlePieces = [];
var startY = 1600;
var spacing = 120;
var startX = 1024 - (numPieces - 1) * spacing / 2;
// Shuffle colors for random placement
var shuffledColors = colors.slice();
for (var i = shuffledColors.length - 1; i > 0; i--) {
var j = Math.floor(Math.random() * (i + 1));
var temp = shuffledColors[i];
shuffledColors[i] = shuffledColors[j];
shuffledColors[j] = temp;
}
for (var i = 0; i < numPieces; i++) {
var piece = new PuzzlePiece();
piece.x = startX + i * spacing;
piece.y = startY;
piece.pieceId = i;
piece.setColor(shuffledColors[i % shuffledColors.length]);
piece.originalX = piece.x;
piece.originalY = piece.y;
puzzlePieces.push(piece);
game.addChild(piece);
}
}
function findNearestSlot(x, y) {
var nearest = null;
var minDistance = Infinity;
for (var i = 0; i < targetSlots.length; i++) {
var slot = targetSlots[i];
var distance = getDistance(x, y, slot.x, slot.y);
if (distance < minDistance) {
minDistance = distance;
nearest = slot;
}
}
return nearest;
}
function getDistance(x1, y1, x2, y2) {
var dx = x2 - x1;
var dy = y2 - y1;
return Math.sqrt(dx * dx + dy * dy);
}
function checkLevelComplete() {
var placedPieces = 0;
for (var i = 0; i < puzzlePieces.length; i++) {
if (puzzlePieces[i].isPlaced) {
placedPieces++;
}
}
if (placedPieces === puzzlePieces.length) {
LK.getSound('complete').play();
completeLevel();
}
}
function completeLevel() {
gameState = 'complete';
// Clear timer
if (timerInterval) {
LK.clearInterval(timerInterval);
timerInterval = null;
}
// Update unlocked level
if (currentLevel >= unlockedLevel) {
unlockedLevel = currentLevel + 1;
storage.unlockedLevel = unlockedLevel;
}
// Show completion message
levelCompleteText = new Text2('Level Complete!', {
size: 80,
fill: 0x00FF00
});
levelCompleteText.anchor.set(0.5, 0.5);
levelCompleteText.x = 1024;
levelCompleteText.y = 600;
game.addChild(levelCompleteText);
// Flash effect
LK.effects.flashScreen(0x00FF00, 1000);
// Auto return to menu after delay
LK.setTimeout(function () {
returnToMenu();
}, 3000);
}
function returnToMenu() {
// Clear timer
if (timerInterval) {
LK.clearInterval(timerInterval);
timerInterval = null;
}
// Clear level elements
for (var i = game.children.length - 1; i >= 0; i--) {
var child = game.children[i];
if (child !== labubuMascot) {
game.removeChild(child);
}
}
puzzlePieces = [];
targetSlots = [];
createMenu();
}
function showHint() {
if (gameState === 'playing') {
// Flash target slots to give hint
for (var i = 0; i < targetSlots.length; i++) {
LK.effects.flashObject(targetSlots[i], 0xFFD700, 1000);
}
}
}
var draggedPiece = null;
game.move = function (x, y, obj) {
if (draggedPiece && draggedPiece.isDragging) {
draggedPiece.x = x;
draggedPiece.y = y;
}
};
game.down = function (x, y, obj) {
if (gameState === 'playing') {
// Check if clicked on back button
if (getDistance(x, y, 150, 150) < 60) {
returnToMenu();
return;
}
// Check if clicked on hint button
if (getDistance(x, y, 1900, 150) < 50) {
showHint();
return;
}
// Find clicked puzzle piece
for (var i = puzzlePieces.length - 1; i >= 0; i--) {
var piece = puzzlePieces[i];
if (!piece.isPlaced && getDistance(x, y, piece.x, piece.y) < 60) {
draggedPiece = piece;
piece.down(x, y, obj);
break;
}
}
}
};
game.up = function (x, y, obj) {
if (draggedPiece) {
draggedPiece.up(x, y, obj);
draggedPiece = null;
}
};
// Animate Labubu mascot
game.update = function () {
if (gameState === 'menu') {
labubuMascot.y = 500 + Math.sin(LK.ticks * 0.05) * 10;
labubuMascot.rotation = Math.sin(LK.ticks * 0.03) * 0.1;
}
};
// Initialize the game
createMenu(); ===================================================================
--- original.js
+++ change.js
@@ -127,8 +127,11 @@
var levelButtons = [];
var hintButton;
var backButton;
var levelCompleteText;
+var gameTimer = 60; // 60 seconds
+var timerText;
+var timerInterval;
// Level definitions
var levelConfigs = [{
pieces: 3,
colors: [0xFF69B4, 0x87CEEB, 0x98FB98],
@@ -280,8 +283,30 @@
instructionText.anchor.set(0.5, 0.5);
instructionText.x = 1024;
instructionText.y = 2500;
game.addChild(instructionText);
+ // Create timer text
+ timerText = new Text2('Time: 60', {
+ size: 60,
+ fill: 0xFF0000
+ });
+ timerText.anchor.set(0.5, 0.5);
+ timerText.x = 1024;
+ timerText.y = 300;
+ game.addChild(timerText);
+ // Reset and start timer
+ gameTimer = 60;
+ if (timerInterval) {
+ LK.clearInterval(timerInterval);
+ }
+ timerInterval = LK.setInterval(function () {
+ gameTimer--;
+ timerText.setText('Time: ' + gameTimer);
+ if (gameTimer <= 0) {
+ LK.clearInterval(timerInterval);
+ LK.showGameOver();
+ }
+ }, 1000);
createPuzzleLayout(config);
}
function createPuzzleLayout(config) {
var pieces = config.pieces;
@@ -445,8 +470,13 @@
}
}
function completeLevel() {
gameState = 'complete';
+ // Clear timer
+ if (timerInterval) {
+ LK.clearInterval(timerInterval);
+ timerInterval = null;
+ }
// Update unlocked level
if (currentLevel >= unlockedLevel) {
unlockedLevel = currentLevel + 1;
storage.unlockedLevel = unlockedLevel;
@@ -467,8 +497,13 @@
returnToMenu();
}, 3000);
}
function returnToMenu() {
+ // Clear timer
+ if (timerInterval) {
+ LK.clearInterval(timerInterval);
+ timerInterval = null;
+ }
// Clear level elements
for (var i = game.children.length - 1; i >= 0; i--) {
var child = game.children[i];
if (child !== labubuMascot) {
Showing 1 to 9 of 9
Images
:quality(85)/https://cdn.frvr.ai/6872b828ddba31cb19198174.png%3F3)
:quality(85)/https://cdn.frvr.ai/6872b8c1ddba31cb19198194.png%3F3)
:quality(85)/https://cdn.frvr.ai/6872b90eddba31cb191981aa.png%3F3)
Used plugins
@upit/tween@upit/storage
