Upit | Learn about creating the game Meme crash

/**** * 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 }); // Initialize properties self.value = 0; self.sprite = null; // 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 new sprite based on value var spriteId = 'meme' + newValue; self.sprite = LK.getAsset(spriteId, { anchorX: 0.5, anchorY: 0.5 }); self.addChild(self.sprite); }; return self; }); /**** * Initialize Game ****/ // Grid configuration var game = new LK.Game({ backgroundColor: 0xF4FFFF }); /**** * Game Code ****/ // Grid configuration 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; // Create grid container var gridContainer = new Container(); game.addChild(gridContainer); // Track first selected cell var firstSelected = null; // Function to check if cells are adjacent function areAdjacent(cell1Row, cell1Col, cell2Row, cell2Col) { // Check if cells are horizontally or vertically adjacent return Math.abs(cell1Row - cell2Row) === 1 && cell1Col === cell2Col || Math.abs(cell1Col - cell2Col) === 1 && cell1Row === cell2Row; } // Function to swap cells function swapCells(row1, col1, row2, col2) { // Store current values var temp = gridCells[row1][col1].value; // Swap values gridCells[row1][col1].setValue(gridCells[row2][col2].value); gridCells[row2][col2].setValue(temp); } // 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); // Generate random value between 1 and 5 var randomValue = Math.floor(Math.random() * 5) + 1; cell.setValue(randomValue); // Store row and column for easy access cell.row = row; cell.col = col; // Add tap event handler cell.down = function (x, y, obj) { var currentCell = obj; if (firstSelected === null) { // First cell selected firstSelected = currentCell; } else if (firstSelected !== currentCell) { // Second cell selected if (areAdjacent(firstSelected.row, firstSelected.col, currentCell.row, currentCell.col)) { // Swap cells swapCells(firstSelected.row, firstSelected.col, currentCell.row, currentCell.col); } // Reset selection firstSelected = null; } }; // Add to grid container and store reference gridContainer.addChild(cell); gridCells[row][col] = cell; } }

===================================================================
--- original.js
+++ change.js
@@ -53,8 +53,23 @@
 var startY = (2732 - totalGridHeight) / 2 + cellSize / 2;
 // Create grid container
 var gridContainer = new Container();
 game.addChild(gridContainer);
+// Track first selected cell
+var firstSelected = null;
+// Function to check if cells are adjacent
+function areAdjacent(cell1Row, cell1Col, cell2Row, cell2Col) {
+	// Check if cells are horizontally or vertically adjacent
+	return Math.abs(cell1Row - cell2Row) === 1 && cell1Col === cell2Col || Math.abs(cell1Col - cell2Col) === 1 && cell1Row === cell2Row;
+}
+// Function to swap cells
+function swapCells(row1, col1, row2, col2) {
+	// Store current values
+	var temp = gridCells[row1][col1].value;
+	// Swap values
+	gridCells[row1][col1].setValue(gridCells[row2][col2].value);
+	gridCells[row2][col2].setValue(temp);
+}
 // Create grid cells
 for (var row = 0; row < gridSize; row++) {
 	gridCells[row] = [];
 	for (var col = 0; col < gridSize; col++) {
@@ -65,8 +80,27 @@
 		cell.y = startY + row * (cellSize + cellSpacing);
 		// Generate random value between 1 and 5
 		var randomValue = Math.floor(Math.random() * 5) + 1;
 		cell.setValue(randomValue);
+		// Store row and column for easy access
+		cell.row = row;
+		cell.col = col;
+		// Add tap event handler
+		cell.down = function (x, y, obj) {
+			var currentCell = obj;
+			if (firstSelected === null) {
+				// First cell selected
+				firstSelected = currentCell;
+			} else if (firstSelected !== currentCell) {
+				// Second cell selected
+				if (areAdjacent(firstSelected.row, firstSelected.col, currentCell.row, currentCell.col)) {
+					// Swap cells
+					swapCells(firstSelected.row, firstSelected.col, currentCell.row, currentCell.col);
+				}
+				// Reset selection
+				firstSelected = null;
+			}
+		};
 		// Add to grid container and store reference
 		gridContainer.addChild(cell);
 		gridCells[row][col] = cell;
 	}

Creation History

Images

Sounds & Music

Used plugins