Play
:quality(85)/https:%2F%2Fcdn.frvr.ai/68865d5d2adb78e809bc5ede.png)
:quality(85)/https:%2F%2Fcdn.frvr.ai/68865d4e2adb78e809bc5edc.png)
Creation History
User prompt
Translate the text into Turkish and enlarge it a bit
User prompt
Add 30 levels, difficulty increases as you pass the levels ↪💡 Consider importing and using the following plugins: @upit/storage.v1
User prompt
Enlarge the game board a little and center it
User prompt
move the game board slightly to the right of the center
User prompt
add background
User prompt
add background
User prompt
add background
User prompt
I can move the blocks from bottom to top but I can't move the blocks from top to bottom. Solve this.
User prompt
Do not put the unmatched blocks back to the same place. Instead, put them in the changed place.
User prompt
make moving blocks easier and smoother ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
align the score with the moves
User prompt
remove target
User prompt
When you move non-matching blocks, 1 unit is deducted from the moves
User prompt
When I try to move the mismatched blocks, it gets stuck and keeps changing. Fix this. ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
enlarge and center the game board
User prompt
enlarge the game board
User prompt
Still the same error. When I try to change the location of a "non-matching" block, it gets stuck and keeps changing. Fix this problem.
User prompt
Still the same error vat. When I try to change the location of a non-matching block, it gets stuck and keeps changing. Fix this problem.
User prompt
Still the same error vat. When I try to change the location of a block, it gets stuck and changes constantly. Fix this problem. Fix this problem
User prompt
When I try to move a block, it gets stuck and keeps changing. Fix this problem.
User prompt
When I try to move a block, it gets stuck and keeps changing. Fix the problem.
Code edit (1 edits merged)
Please save this source code
User prompt
Gem Drop Match
Initial prompt
Make a game similar to Candy Crush
/****
* Plugins
****/
var tween = LK.import("@upit/tween.v1");
/****
* Classes
****/
var Gem = Container.expand(function (gemType) {
var self = Container.call(this);
self.gemType = gemType;
self.gridX = 0;
self.gridY = 0;
self.isAnimating = false;
var gemGraphics = self.attachAsset(gemType, {
anchorX: 0.5,
anchorY: 0.5
});
self.setGridPosition = function (gridX, gridY) {
self.gridX = gridX;
self.gridY = gridY;
self.x = 424 + gridX * 140;
self.y = 566 + gridY * 140;
};
self.animateToPosition = function (targetX, targetY, callback) {
self.isAnimating = true;
tween(self, {
x: targetX,
y: targetY
}, {
duration: 300,
easing: tween.easeOut,
onFinish: function onFinish() {
self.isAnimating = false;
if (callback) callback();
}
});
};
self.down = function (x, y, obj) {
// Selection is now handled in game.down to prevent conflicts
};
return self;
});
/****
* Initialize Game
****/
var game = new LK.Game({
backgroundColor: 0x2C1810
});
/****
* Game Code
****/
// Add background
var background = game.addChild(LK.getAsset('background', {
anchorX: 0.5,
anchorY: 0.5,
x: 1024,
y: 1366,
scaleX: 1,
scaleY: 1
}));
var gemTypes = ['diamond', 'emerald', 'ruby', 'sapphire', 'topaz'];
var grid = [];
var selectedGem = null;
var gameAnimating = false;
var movesRemaining = 30;
var chainMultiplier = 1;
// Initialize grid array
for (var x = 0; x < 10; x++) {
grid[x] = [];
for (var y = 0; y < 10; y++) {
grid[x][y] = null;
}
}
// Create grid background
for (var x = 0; x < 10; x++) {
for (var y = 0; y < 10; y++) {
var gridCell = game.addChild(LK.getAsset('gridCell', {
anchorX: 0.5,
anchorY: 0.5,
x: 424 + x * 140,
y: 566 + y * 140
}));
}
}
// UI Elements
var scoreText = new Text2('Score: 0', {
size: 60,
fill: 0xFFFFFF
});
scoreText.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreText);
var movesText = new Text2('Moves: 30', {
size: 50,
fill: 0xFFFF00
});
movesText.anchor.set(0.5, 0);
movesText.y = 80;
LK.gui.top.addChild(movesText);
function getRandomGemType() {
return gemTypes[Math.floor(Math.random() * gemTypes.length)];
}
function createGem(x, y) {
var gemType = getRandomGemType();
var gem = new Gem(gemType);
gem.setGridPosition(x, y);
grid[x][y] = gem;
game.addChild(gem);
return gem;
}
function initializeGrid() {
for (var x = 0; x < 10; x++) {
for (var y = 0; y < 10; y++) {
createGem(x, y);
}
}
// Remove initial matches
clearMatches(false);
}
function isValidPosition(x, y) {
return x >= 0 && x < 10 && y >= 0 && y < 10;
}
function swapGems(gem1, gem2) {
if (!gem1 || !gem2 || gem1.isAnimating || gem2.isAnimating) return false;
var tempX = gem1.gridX;
var tempY = gem1.gridY;
// Update grid positions
gem1.gridX = gem2.gridX;
gem1.gridY = gem2.gridY;
gem2.gridX = tempX;
gem2.gridY = tempY;
// Update grid array
grid[gem1.gridX][gem1.gridY] = gem1;
grid[gem2.gridX][gem2.gridY] = gem2;
// Animate to new positions
gameAnimating = true;
var animationsComplete = 0;
function checkMatches() {
if (animationsComplete === 2) {
LK.getSound('swap').play();
// Check for matches
var matches = findMatches();
if (matches.length > 0) {
movesRemaining--;
updateUI();
gameAnimating = false;
clearMatches(true);
} else {
// Deduct move for non-matching swap but keep gems in new positions
movesRemaining--;
updateUI();
gameAnimating = false;
}
}
}
gem1.animateToPosition(424 + gem1.gridX * 140, 566 + gem1.gridY * 140, function () {
animationsComplete++;
checkMatches();
});
gem2.animateToPosition(424 + gem2.gridX * 140, 566 + gem2.gridY * 140, function () {
animationsComplete++;
checkMatches();
});
return true;
}
function findMatches() {
var matches = [];
var checked = [];
// Initialize checked array
for (var x = 0; x < 10; x++) {
checked[x] = [];
for (var y = 0; y < 10; y++) {
checked[x][y] = false;
}
}
// Check horizontal matches
for (var y = 0; y < 10; y++) {
for (var x = 0; x < 8; x++) {
if (grid[x][y] && grid[x + 1][y] && grid[x + 2][y] && grid[x][y].gemType === grid[x + 1][y].gemType && grid[x][y].gemType === grid[x + 2][y].gemType) {
var matchLength = 3;
while (x + matchLength < 10 && grid[x + matchLength][y] && grid[x + matchLength][y].gemType === grid[x][y].gemType) {
matchLength++;
}
for (var i = 0; i < matchLength; i++) {
if (!checked[x + i][y]) {
matches.push({
x: x + i,
y: y
});
checked[x + i][y] = true;
}
}
x += matchLength - 1;
}
}
}
// Check vertical matches
for (var x = 0; x < 10; x++) {
for (var y = 0; y < 8; y++) {
if (grid[x][y] && grid[x][y + 1] && grid[x][y + 2] && grid[x][y].gemType === grid[x][y + 1].gemType && grid[x][y].gemType === grid[x][y + 2].gemType) {
var matchLength = 3;
while (y + matchLength < 10 && grid[x][y + matchLength] && grid[x][y + matchLength].gemType === grid[x][y].gemType) {
matchLength++;
}
for (var i = 0; i < matchLength; i++) {
if (!checked[x][y + i]) {
matches.push({
x: x,
y: y + i
});
checked[x][y + i] = true;
}
}
y += matchLength - 1;
}
}
}
return matches;
}
function clearMatches(addScore) {
var matches = findMatches();
if (matches.length === 0) {
chainMultiplier = 1;
return false;
}
if (addScore) {
var points = matches.length * 10 * chainMultiplier;
LK.setScore(LK.getScore() + points);
chainMultiplier++;
LK.getSound('match').play();
}
// Remove matched gems
for (var i = 0; i < matches.length; i++) {
var match = matches[i];
if (grid[match.x][match.y]) {
grid[match.x][match.y].destroy();
grid[match.x][match.y] = null;
}
}
// Drop gems down
gameAnimating = true;
var animationsRemaining = 0;
for (var x = 0; x < 10; x++) {
var writeIndex = 9;
for (var y = 9; y >= 0; y--) {
if (grid[x][y] !== null) {
if (writeIndex !== y) {
grid[x][writeIndex] = grid[x][y];
grid[x][y] = null;
grid[x][writeIndex].gridY = writeIndex;
animationsRemaining++;
grid[x][writeIndex].animateToPosition(424 + x * 140, 566 + writeIndex * 140, function () {
animationsRemaining--;
if (animationsRemaining === 0) {
fillEmptySpaces();
}
});
}
writeIndex--;
}
}
}
if (animationsRemaining === 0) {
fillEmptySpaces();
}
return true;
}
function fillEmptySpaces() {
var animationsRemaining = 0;
for (var x = 0; x < 10; x++) {
for (var y = 0; y < 10; y++) {
if (grid[x][y] === null) {
var gem = new Gem(getRandomGemType());
gem.gridX = x;
gem.gridY = y;
gem.x = 424 + x * 140;
gem.y = 566 + y * 140 - 1400;
grid[x][y] = gem;
game.addChild(gem);
animationsRemaining++;
gem.animateToPosition(424 + x * 140, 566 + y * 140, function () {
animationsRemaining--;
if (animationsRemaining === 0) {
gameAnimating = false;
// Check for new matches after falling
LK.setTimeout(function () {
clearMatches(true);
}, 100);
}
});
}
}
}
if (animationsRemaining === 0) {
gameAnimating = false;
LK.setTimeout(function () {
clearMatches(true);
}, 100);
}
}
function updateUI() {
scoreText.setText('Score: ' + LK.getScore());
movesText.setText('Moves: ' + movesRemaining);
// Check lose condition
if (movesRemaining <= 0) {
LK.showGameOver();
}
}
function areAdjacent(gem1, gem2) {
var dx = Math.abs(gem1.gridX - gem2.gridX);
var dy = Math.abs(gem1.gridY - gem2.gridY);
return dx === 1 && dy === 0 || dx === 0 && dy === 1;
}
game.down = function (x, y, obj) {
if (gameAnimating || movesRemaining <= 0) return;
// Find which gem was touched
var touchedGem = null;
for (var gx = 0; gx < 10; gx++) {
for (var gy = 0; gy < 10; gy++) {
if (grid[gx][gy]) {
var gemX = 424 + gx * 140;
var gemY = 566 + gy * 140;
var distance = Math.sqrt((x - gemX) * (x - gemX) + (y - gemY) * (y - gemY));
if (distance < 70) {
touchedGem = grid[gx][gy];
break;
}
}
}
if (touchedGem) break;
}
if (touchedGem) {
// If touching the same gem that's already selected, do nothing
if (selectedGem === touchedGem) {
return;
}
// Reset all gem scales first
for (var gx = 0; gx < 10; gx++) {
for (var gy = 0; gy < 10; gy++) {
if (grid[gx][gy]) {
grid[gx][gy].scaleX = 1;
grid[gx][gy].scaleY = 1;
}
}
}
// Select and scale the touched gem
selectedGem = touchedGem;
selectedGem.scaleX = 1.1;
selectedGem.scaleY = 1.1;
} else {
// Reset all gem scales if touching empty space
for (var gx = 0; gx < 10; gx++) {
for (var gy = 0; gy < 10; gy++) {
if (grid[gx][gy]) {
grid[gx][gy].scaleX = 1;
grid[gx][gy].scaleY = 1;
}
}
}
selectedGem = null;
}
};
game.up = function (x, y, obj) {
if (selectedGem) {
selectedGem.scaleX = 1;
selectedGem.scaleY = 1;
// Find gem at release position
var releaseGem = null;
var found = false;
for (var gx = 0; gx < 10 && !found; gx++) {
for (var gy = 0; gy < 10 && !found; gy++) {
if (grid[gx][gy] && grid[gx][gy] !== selectedGem) {
var gemX = 424 + gx * 140;
var gemY = 566 + gy * 140;
var distance = Math.sqrt((x - gemX) * (x - gemX) + (y - gemY) * (y - gemY));
if (distance < 70) {
releaseGem = grid[gx][gy];
found = true;
}
}
}
}
// Try to swap if gems are adjacent
if (releaseGem && areAdjacent(selectedGem, releaseGem)) {
swapGems(selectedGem, releaseGem);
}
selectedGem = null;
}
};
// Initialize the game
initializeGrid();
updateUI();
game.update = function () {
// Game loop updates handled by individual gem classes and tween animations
}; ===================================================================
--- original.js
+++ change.js
@@ -18,9 +18,9 @@
});
self.setGridPosition = function (gridX, gridY) {
self.gridX = gridX;
self.gridY = gridY;
- self.x = 324 + gridX * 140;
+ self.x = 424 + gridX * 140;
self.y = 566 + gridY * 140;
};
self.animateToPosition = function (targetX, targetY, callback) {
self.isAnimating = true;
@@ -79,9 +79,9 @@
for (var y = 0; y < 10; y++) {
var gridCell = game.addChild(LK.getAsset('gridCell', {
anchorX: 0.5,
anchorY: 0.5,
- x: 324 + x * 140,
+ x: 424 + x * 140,
y: 566 + y * 140
}));
}
}
@@ -154,13 +154,13 @@
gameAnimating = false;
}
}
}
- gem1.animateToPosition(324 + gem1.gridX * 140, 566 + gem1.gridY * 140, function () {
+ gem1.animateToPosition(424 + gem1.gridX * 140, 566 + gem1.gridY * 140, function () {
animationsComplete++;
checkMatches();
});
- gem2.animateToPosition(324 + gem2.gridX * 140, 566 + gem2.gridY * 140, function () {
+ gem2.animateToPosition(424 + gem2.gridX * 140, 566 + gem2.gridY * 140, function () {
animationsComplete++;
checkMatches();
});
return true;
@@ -250,9 +250,9 @@
grid[x][writeIndex] = grid[x][y];
grid[x][y] = null;
grid[x][writeIndex].gridY = writeIndex;
animationsRemaining++;
- grid[x][writeIndex].animateToPosition(324 + x * 140, 566 + writeIndex * 140, function () {
+ grid[x][writeIndex].animateToPosition(424 + x * 140, 566 + writeIndex * 140, function () {
animationsRemaining--;
if (animationsRemaining === 0) {
fillEmptySpaces();
}
@@ -274,14 +274,14 @@
if (grid[x][y] === null) {
var gem = new Gem(getRandomGemType());
gem.gridX = x;
gem.gridY = y;
- gem.x = 324 + x * 140;
+ gem.x = 424 + x * 140;
gem.y = 566 + y * 140 - 1400;
grid[x][y] = gem;
game.addChild(gem);
animationsRemaining++;
- gem.animateToPosition(324 + x * 140, 566 + y * 140, function () {
+ gem.animateToPosition(424 + x * 140, 566 + y * 140, function () {
animationsRemaining--;
if (animationsRemaining === 0) {
gameAnimating = false;
// Check for new matches after falling
@@ -319,9 +319,9 @@
var touchedGem = null;
for (var gx = 0; gx < 10; gx++) {
for (var gy = 0; gy < 10; gy++) {
if (grid[gx][gy]) {
- var gemX = 324 + gx * 140;
+ var gemX = 424 + gx * 140;
var gemY = 566 + gy * 140;
var distance = Math.sqrt((x - gemX) * (x - gemX) + (y - gemY) * (y - gemY));
if (distance < 70) {
touchedGem = grid[gx][gy];
@@ -371,9 +371,9 @@
var found = false;
for (var gx = 0; gx < 10 && !found; gx++) {
for (var gy = 0; gy < 10 && !found; gy++) {
if (grid[gx][gy] && grid[gx][gy] !== selectedGem) {
- var gemX = 324 + gx * 140;
+ var gemX = 424 + gx * 140;
var gemY = 566 + gy * 140;
var distance = Math.sqrt((x - gemX) * (x - gemX) + (y - gemY) * (y - gemY));
if (distance < 70) {
releaseGem = grid[gx][gy];
Showing 1 to 24 of 24
:quality(85)/https:%2F%2Fcdn.frvr.ai/688668292adb78e809bc5f52.png%3F3)
Used plugins
@upit/tween@upit/storage
