/**** 
* Plugins
****/ 
var tween = LK.import("@upit/tween.v1");

/**** 
* Classes
****/ 
var GridCell = Container.expand(function () {
	var self = Container.call(this);
	// Create the background square for the cell
	var background = self.attachAsset('cuadricula', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Add a slight shadow/glow effect to background for depth
	background.alpha = 0.8;
	// Initialize properties
	self.value = 0;
	self.sprite = null;
	self.row = -1; // Initialize row property
	self.col = -1; // Initialize col property
	// Method to set value and corresponding sprite
	self.setValue = function (newValue) {
		self.value = newValue;
		// Remove previous sprite if exists
		if (self.sprite) {
			self.removeChild(self.sprite);
		}
		// Create a colored box based on value
		var colors = [0x3498db, 0xe74c3c, 0x2ecc71, 0xf39c12, 0x9b59b6];
		var color = colors[(newValue - 1) % colors.length];
		self.sprite = LK.getAsset('cuadricula', {
			anchorX: 0.5,
			anchorY: 0.5,
			scaleX: 0.9,
			scaleY: 0.9
		});
		// Set the tint color
		self.sprite.tint = color;
		// Add sprite with a little animation for new cells
		self.addChild(self.sprite);
		self.sprite.alpha = 0;
		self.sprite.scaleX = 0.5;
		self.sprite.scaleY = 0.5;
		// Animate in with a little bounce effect
		tween(self.sprite, {
			alpha: 1,
			scaleX: 0.9,
			scaleY: 0.9
		}, {
			duration: 200,
			easing: tween.easing.outBack
		});
	};
	// Visual feedback on tap/touch
	self.down = function (x, y, obj) {
		// Add small scale effect on tap
		tween(self, {
			scaleX: 0.95,
			scaleY: 0.95
		}, {
			duration: 100,
			onComplete: function onComplete() {
				tween(self, {
					scaleX: 1,
					scaleY: 1
				}, {
					duration: 100
				});
			}
		});
		handleCellTap(self);
	};
	return self;
});

/**** 
* Initialize Game
****/ 
// Grid configuration
var game = new LK.Game({
	backgroundColor: 0xF4FFFF
});

/**** 
* Game Code
****/ 
// Grid configuration
// Initialize tween.easing if needed
if (!tween.easing) {
	tween.easing = {
		outBack: function outBack(t) {
			return 1 - --t * t * (-3.5 * t + 2.5);
		},
		outQuad: function outQuad(t) {
			return t * (2 - t);
		},
		outBounce: function outBounce(t) {
			return t < 0.36363636 ? 7.5625 * t * t : t < 0.72727272 ? 7.5625 * (t -= 0.54545454) * t + 0.75 : t < 0.90909090 ? 7.5625 * (t -= 0.81818181) * t + 0.9375 : 7.5625 * (t -= 0.95454545) * t + 0.984375;
		}
	};
}
var selectedCell = null;
function handleCellTap(tappedCell) {
	// Check if animations are in progress
	if (animationInProgress) {
		return; // Ignore taps during animations
	}
	// Function to highlight a cell as selected
	function highlightCell(cell) {
		tween(cell.sprite, {
			scaleX: 1.1,
			scaleY: 1.1
		}, {
			duration: 150,
			easing: tween.easing.outBack
		});
		LK.effects.flashObject(cell.sprite, 0xFFFF00, 150);
	}
	// Function to reset cell highlight
	function resetHighlight(cell) {
		tween(cell.sprite, {
			scaleX: 0.9,
			scaleY: 0.9
		}, {
			duration: 150,
			easing: tween.easing.outQuad
		});
	}
	if (selectedCell === null) {
		// First cell selection
		selectedCell = tappedCell;
		highlightCell(selectedCell);
	} else {
		var cell1 = selectedCell;
		var cell2 = tappedCell;
		if (cell1 === cell2) {
			// Tapped the same selected cell again - deselect
			resetHighlight(selectedCell);
			selectedCell = null; // Deselect
		} else {
			// Check for adjacency (vertical or horizontal)
			var isAdjacent = Math.abs(cell1.row - cell2.row) === 1 && cell1.col === cell2.col || Math.abs(cell1.col - cell2.col) === 1 && cell1.row === cell2.row;
			if (isAdjacent) {
				// Reset selection effect
				resetHighlight(selectedCell);
				animationInProgress = true; // Prevent new selections during animation
				// Store original positions for animation
				var pos1_x = cell1.x;
				var pos1_y = cell1.y;
				var pos2_x = cell2.x;
				var pos2_y = cell2.y;
				// Store original grid indices
				var row1 = cell1.row;
				var col1 = cell1.col;
				var row2 = cell2.row;
				var col2 = cell2.col;
				// Swap cells in the gridCells array
				gridCells[row1][col1] = cell2;
				gridCells[row2][col2] = cell1;
				// Swap row/col properties on the cell objects
				cell1.row = row2;
				cell1.col = col2;
				cell2.row = row1;
				cell2.col = col1;
				// Animate the visual swap of positions with improved animation
				tween(cell1, {
					x: pos2_x,
					y: pos2_y
				}, {
					duration: 300,
					easing: tween.easing.outQuad,
					onComplete: function onComplete() {
						// First part of animation complete
					}
				});
				tween(cell2, {
					x: pos1_x,
					y: pos1_y
				}, {
					duration: 300,
					easing: tween.easing.outQuad,
					onComplete: function onComplete() {
						// Schedule the match check and destruction after animation completes
						LK.setTimeout(function () {
							// Check for matches involving the swapped cells
							var matchesFound = checkForAndDestroyMatches(cell1, cell2);
							// Re-enable selections after a short delay
							LK.setTimeout(function () {
								animationInProgress = false;
							}, matchesFound ? 800 : 300); // Adjusted timing for better UX
						}, 50);
					}
				});
				selectedCell = null; // Reset selection after swap
			} else {
				// Reset previous selection effect
				resetHighlight(selectedCell);
				// Tapped a non-adjacent cell. Treat this as a new selection.
				selectedCell = tappedCell;
				// Visual feedback for new selection
				highlightCell(selectedCell);
			}
		}
	}
}
// Helper functions for match detection and destruction
function getMatches() {
	var matches = [];
	var cell1, nextCell, currentMatchValue, currentMatchCells;
	// Horizontal matches - optimized loop
	for (var r = 0; r < gridSize; r++) {
		for (var c = 0; c < gridSize;) {
			// Early exit optimization
			if (c > gridSize - 3) {
				// Not enough cells left for a match of 3
				break; // Exit this row completely
			}
			cell1 = gridCells[r][c];
			if (!cell1) {
				// Skip empty cells
				c++;
				continue;
			}
			currentMatchValue = cell1.value;
			currentMatchCells = [cell1];
			// Find consecutive matching cells
			var k = c + 1;
			while (k < gridSize) {
				nextCell = gridCells[r][k];
				if (nextCell && nextCell.value === currentMatchValue) {
					currentMatchCells.push(nextCell);
					k++;
				} else {
					break; // End of current potential match
				}
			}
			if (currentMatchCells.length >= 3) {
				matches.push(currentMatchCells);
			}
			c += currentMatchCells.length; // Advance index by match length
		}
	}
	// Vertical matches - optimized loop
	for (var c = 0; c < gridSize; c++) {
		for (var r = 0; r < gridSize;) {
			// Early exit optimization
			if (r > gridSize - 3) {
				// Not enough cells left for a match of 3
				break; // Exit this column completely
			}
			cell1 = gridCells[r][c];
			if (!cell1) {
				// Skip empty cells
				r++;
				continue;
			}
			currentMatchValue = cell1.value;
			currentMatchCells = [cell1];
			// Find consecutive matching cells
			var k = r + 1;
			while (k < gridSize) {
				nextCell = gridCells[k][c];
				if (nextCell && nextCell.value === currentMatchValue) {
					currentMatchCells.push(nextCell);
					k++;
				} else {
					break; // End of current potential match
				}
			}
			if (currentMatchCells.length >= 3) {
				matches.push(currentMatchCells);
			}
			r += currentMatchCells.length; // Advance index by match length
		}
	}
	return matches;
}
function destroyCells(cellsToDestroy) {
	// Process cells with staggered animation for visual appeal
	for (var i = 0; i < cellsToDestroy.length; i++) {
		var cell = cellsToDestroy[i];
		// Defensive checks: ensure cell exists and is the one we expect in the grid
		if (cell && gridCells[cell.row] && gridCells[cell.row][cell.col] === cell) {
			// Visual effect before removal: flash and then explode
			LK.effects.flashObject(cell, 0xFFFFFF, 100);
			// Delayed animation for staggered effect
			var delay = i * 30; // Stagger animations
			// Animate the cell before removing it
			tween(cell.sprite, {
				alpha: 0,
				scaleX: 1.5,
				scaleY: 1.5,
				rotation: Math.PI * 2
			}, {
				duration: 200,
				delay: delay,
				easing: tween.easing.outQuad,
				onComplete: function onComplete() {
					// Closure to capture the correct cell reference
					var currentCell = cell;
					return function () {
						gridContainer.removeChild(currentCell); // Remove from display
						currentCell.destroy(); // Destroy the cell object (releases resources)
						gridCells[currentCell.row][currentCell.col] = null; // Mark as empty in the logical grid
					};
				}()
			});
		}
	}
}
function refillGrid() {
	// First move existing cells down to fill gaps
	var hasMoved = false;
	// Process each column
	for (var col = 0; col < gridSize; col++) {
		// Start from the bottom row and move up
		for (var row = gridSize - 1; row > 0; row--) {
			if (gridCells[row][col] === null) {
				// Find the closest non-null cell above
				var sourceRow = row - 1;
				while (sourceRow >= 0 && gridCells[sourceRow][col] === null) {
					sourceRow--;
				}
				if (sourceRow >= 0) {
					// Move this cell down to the empty space
					var movingCell = gridCells[sourceRow][col];
					var targetY = startY + row * (cellSize + cellSpacing);
					// Update the grid references
					gridCells[row][col] = movingCell;
					gridCells[sourceRow][col] = null;
					// Update the cell's internal coordinates
					movingCell.row = row;
					// Animate the move
					tween(movingCell, {
						y: targetY
					}, {
						duration: 300,
						easing: tween.easing.outQuad
					});
					hasMoved = true;
				}
			}
		}
	}
	// Create new cells for any remaining empty spaces at the top
	for (var col = 0; col < gridSize; col++) {
		for (var row = 0; row < gridSize; row++) {
			if (gridCells[row][col] === null) {
				// Create a new cell
				var newCell = new GridCell();
				// Position cell (start above the grid and animate down)
				newCell.x = startX + col * (cellSize + cellSpacing);
				newCell.y = startY + (row - 3) * (cellSize + cellSpacing); // Start above grid
				// Assign coordinates
				newCell.row = row;
				newCell.col = col;
				// Generate random value
				var randomValue = Math.floor(Math.random() * 5) + 1;
				newCell.setValue(randomValue);
				// Add to grid and animate down
				gridContainer.addChild(newCell);
				gridCells[row][col] = newCell;
				// Animate falling into place
				tween(newCell, {
					y: startY + row * (cellSize + cellSpacing)
				}, {
					duration: 300,
					delay: Math.min(50 * row, 200),
					easing: tween.easing.outBounce
				});
				hasMoved = true;
			}
		}
	}
	return hasMoved;
}
function checkForAndDestroyMatches(swappedCellA, swappedCellB) {
	var allMatchGroupsOnBoard = getMatches(); // Get all potential matches on the board
	if (allMatchGroupsOnBoard.length === 0) {
		return false; // No matches found anywhere, nothing to do
	}
	var relevantMatchGroups = [];
	// If swapped cells are provided, only check matches involving them
	if (swappedCellA && swappedCellB) {
		// Filter to find groups containing one of the swapped cells
		for (var g = 0; g < allMatchGroupsOnBoard.length; g++) {
			var group = allMatchGroupsOnBoard[g];
			var groupIsRelevant = false;
			for (var i = 0; i < group.length; i++) {
				if (group[i] === swappedCellA || group[i] === swappedCellB) {
					groupIsRelevant = true;
					break;
				}
			}
			if (groupIsRelevant) {
				relevantMatchGroups.push(group);
			}
		}
		// If this was a move that didn't create a match, swap cells back
		if (relevantMatchGroups.length === 0) {
			// Swap back the cells in the grid array
			var row1 = swappedCellA.row;
			var col1 = swappedCellA.col;
			var row2 = swappedCellB.row;
			var col2 = swappedCellB.col;
			// Swap cells in the gridCells array
			gridCells[row1][col1] = swappedCellB;
			gridCells[row2][col2] = swappedCellA;
			// Swap row/col properties on the cell objects
			swappedCellA.row = row2;
			swappedCellA.col = col2;
			swappedCellB.row = row1;
			swappedCellB.col = col1;
			// Animate the swap back
			tween(swappedCellA, {
				x: startX + col2 * (cellSize + cellSpacing),
				y: startY + row2 * (cellSize + cellSpacing)
			}, {
				duration: 300
			});
			tween(swappedCellB, {
				x: startX + col1 * (cellSize + cellSpacing),
				y: startY + row1 * (cellSize + cellSpacing)
			}, {
				duration: 300
			});
			return false;
		}
	} else {
		// If no specific cells provided, check all matches (for cascade effects)
		relevantMatchGroups = allMatchGroupsOnBoard;
	}
	// Proceed with destroying cells from the relevant match groups
	var cellsToDestroy = [];
	var uniqueCellTracker = {}; // To ensure each cell is added only once
	for (var g = 0; g < relevantMatchGroups.length; g++) {
		var group = relevantMatchGroups[g];
		// Calculate points for this match
		var matchPoints = group.length * 10;
		// Bonus points for matches larger than 3
		if (group.length > 3) {
			matchPoints += (group.length - 3) * 10;
		}
		// Update score
		LK.setScore(LK.getScore() + matchPoints);
		// Add cells to destroy list
		for (var c = 0; c < group.length; c++) {
			var cell = group[c];
			var cellKey = cell.row + "_" + cell.col;
			if (!uniqueCellTracker[cellKey]) {
				cellsToDestroy.push(cell);
				uniqueCellTracker[cellKey] = true;
			}
		}
	}
	if (cellsToDestroy.length > 0) {
		destroyCells(cellsToDestroy);
		// After a short delay to allow destruction animations to complete,
		// refill the grid and check for new matches
		LK.setTimeout(function () {
			refillGrid();
			// Check for cascading matches after refill (with a delay)
			LK.setTimeout(function () {
				checkForAndDestroyMatches();
			}, 500);
		}, 300);
		return true;
	}
	return false;
}
// Game variables
var gridSize = 9;
var cellSpacing = 10;
var cellSize = 160; // Width/height of the cell background
var gridCells = [];
// Calculate total grid width and height
var totalGridWidth = gridSize * cellSize + (gridSize - 1) * cellSpacing;
var totalGridHeight = totalGridWidth; // Grid is square
// Calculate starting position to center the grid
var startX = (2048 - totalGridWidth) / 2 + cellSize / 2;
var startY = (2732 - totalGridHeight) / 2 + cellSize / 2;
// Set up score display with improved visuals
var scoreText = new Text2("Score: 0", {
	size: 80,
	fill: 0x333333,
	shadow: true,
	shadowColor: 0xFFFFFF,
	shadowBlur: 5,
	shadowDistance: 3
});
scoreText.anchor.set(0.5, 0);
scoreText.x = 1024; // Center horizontally
scoreText.y = 50; // Top padding
LK.gui.top.addChild(scoreText);
// Variable to track last score value to avoid unnecessary updates
var lastScoreValue = 0;
// Create grid container
var gridContainer = new Container();
game.addChild(gridContainer);
// Add game update listener to handle score display updates
LK.on('tick', function () {
	// Only update score text when the value changes
	var currentScore = LK.getScore();
	if (currentScore !== lastScoreValue) {
		scoreText.setText("Score: " + currentScore);
		// Add subtle animation when score changes
		tween(scoreText, {
			scaleX: 1.1,
			scaleY: 1.1
		}, {
			duration: 100,
			easing: tween.easing.outQuad,
			onComplete: function onComplete() {
				tween(scoreText, {
					scaleX: 1.0,
					scaleY: 1.0
				}, {
					duration: 100,
					easing: tween.easing.outQuad
				});
			}
		});
		lastScoreValue = currentScore;
	}
});
// Flag to track if animations are in progress
var animationInProgress = false;
// Initialize score to 0
LK.setScore(0);
// Create grid cells
for (var row = 0; row < gridSize; row++) {
	gridCells[row] = [];
	for (var col = 0; col < gridSize; col++) {
		// Create new cell
		var cell = new GridCell();
		// Position cell
		cell.x = startX + col * (cellSize + cellSpacing);
		cell.y = startY + row * (cellSize + cellSpacing);
		// Assign row and column to the cell
		cell.row = row;
		cell.col = col;
		// Generate random value between 1 and 5
		var randomValue = Math.floor(Math.random() * 5) + 1;
		cell.setValue(randomValue);
		// Add to grid container and store reference
		gridContainer.addChild(cell);
		gridCells[row][col] = cell;
	}
}
// Check and clear any initial matches that might exist on the grid
LK.setTimeout(function () {
	checkForAndDestroyMatches();
}, 500);

===================================================================
--- original.js
+++ change.js
@@ -26,16 +26,19 @@
 		// Remove previous sprite if exists
 		if (self.sprite) {
 			self.removeChild(self.sprite);
 		}
-		// Create new sprite based on value
-		var spriteId = 'meme' + newValue;
-		self.sprite = LK.getAsset(spriteId, {
+		// Create a colored box based on value
+		var colors = [0x3498db, 0xe74c3c, 0x2ecc71, 0xf39c12, 0x9b59b6];
+		var color = colors[(newValue - 1) % colors.length];
+		self.sprite = LK.getAsset('cuadricula', {
 			anchorX: 0.5,
 			anchorY: 0.5,
 			scaleX: 0.9,
 			scaleY: 0.9
 		});
+		// Set the tint color
+		self.sprite.tint = color;
 		// Add sprite with a little animation for new cells
 		self.addChild(self.sprite);
 		self.sprite.alpha = 0;
 		self.sprite.scaleX = 0.5;
@@ -141,9 +144,8 @@
 			var isAdjacent = Math.abs(cell1.row - cell2.row) === 1 && cell1.col === cell2.col || Math.abs(cell1.col - cell2.col) === 1 && cell1.row === cell2.row;
 			if (isAdjacent) {
 				// Reset selection effect
 				resetHighlight(selectedCell);
-				// Don't reset selectedCell here, move it to after the animation completes
 				animationInProgress = true; // Prevent new selections during animation
 				// Store original positions for animation
 				var pos1_x = cell1.x;
 				var pos1_y = cell1.y;
@@ -186,14 +188,13 @@
 							var matchesFound = checkForAndDestroyMatches(cell1, cell2);
 							// Re-enable selections after a short delay
 							LK.setTimeout(function () {
 								animationInProgress = false;
-								// Now it's safe to clear the selected cell
-								selectedCell = null;
 							}, matchesFound ? 800 : 300); // Adjusted timing for better UX
 						}, 50);
 					}
 				});
+				selectedCell = null; // Reset selection after swap
 			} else {
 				// Reset previous selection effect
 				resetHighlight(selectedCell);
 				// Tapped a non-adjacent cell. Treat this as a new selection.