Upit | Learn about creating the game Meme crash

/**** * Classes ****/ var Grid = Container.expand(function () { var self = Container.call(this); // Grid configuration self.rows = 9; self.cols = 9; self.cellSize = 160; // Size of each grid cell self.spacing = 10; // Spacing between cells // Calculate total grid dimensions self.gridWidth = self.cellSize * self.cols + self.spacing * (self.cols - 1); self.gridHeight = self.cellSize * self.rows + self.spacing * (self.rows - 1); // Create cells for the grid self.createGrid = function () { for (var row = 0; row < self.rows; row++) { for (var col = 0; col < self.cols; col++) { var cell = self.attachAsset('cuadricula', { anchorX: 0, anchorY: 0 }); // Position the cell with spacing cell.x = col * (self.cellSize + self.spacing); cell.y = row * (self.cellSize + self.spacing); } } }; // Initialize the grid self.createGrid(); return self; }); /**** * Initialize Game ****/ // Create a new grid var game = new LK.Game({ backgroundColor: 0xF4FFFF }); /**** * Game Code ****/ // Create a new grid var grid = new Grid(); // Center the grid on the screen grid.x = (2048 - grid.gridWidth) / 2; grid.y = (2732 - grid.gridHeight) / 2; // Add the grid to the game game.addChild(grid);

===================================================================
--- original.js
+++ change.js
@@ -1,20 +1,14 @@
 /**** 
-* Plugins
-****/ 
-var tween = LK.import("@upit/tween.v1");
-
-/**** 
 * Classes
 ****/ 
 var Grid = Container.expand(function () {
 	var self = Container.call(this);
 	// Grid configuration
 	self.rows = 9;
 	self.cols = 9;
-	self.cellSize = 100; // Size of each grid cell
+	self.cellSize = 160; // Size of each grid cell
 	self.spacing = 10; // Spacing between cells
-	self.cells = []; // Store references to all cells
 	// Calculate total grid dimensions
 	self.gridWidth = self.cellSize * self.cols + self.spacing * (self.cols - 1);
 	self.gridHeight = self.cellSize * self.rows + self.spacing * (self.rows - 1);
 	// Create cells for the grid
@@ -27,50 +21,11 @@
 				});
 				// Position the cell with spacing
 				cell.x = col * (self.cellSize + self.spacing);
 				cell.y = row * (self.cellSize + self.spacing);
-				// Store cell reference
-				self.cells.push(cell);
 			}
 		}
 	};
-	// Method to resize the grid cells
-	self.resizeGrid = function (scaleFactor, duration) {
-		var newCellSize = self.cellSize * scaleFactor;
-		var oldCellSize = self.cellSize;
-		// Update cell size
-		self.cellSize = newCellSize;
-		// Recalculate grid dimensions
-		self.gridWidth = self.cellSize * self.cols + self.spacing * (self.cols - 1);
-		self.gridHeight = self.cellSize * self.rows + self.spacing * (self.rows - 1);
-		// Animate each cell to its new size and position
-		for (var i = 0; i < self.cells.length; i++) {
-			var cell = self.cells[i];
-			var row = Math.floor(i / self.cols);
-			var col = i % self.cols;
-			// Animate the size and position
-			tween(cell, {
-				width: newCellSize,
-				height: newCellSize,
-				x: col * (newCellSize + self.spacing),
-				y: row * (newCellSize + self.spacing)
-			}, {
-				duration: duration || 800,
-				easing: tween.easeInOut
-			});
-		}
-		// Re-center the grid in the game
-		var centerX = (2048 - self.gridWidth) / 2;
-		var centerY = (2732 - self.gridHeight) / 2;
-		// Animate the grid to center it
-		tween(self, {
-			x: centerX,
-			y: centerY
-		}, {
-			duration: duration || 800,
-			easing: tween.easeInOut
-		});
-	};
 	// Initialize the grid
 	self.createGrid();
 	return self;
 });
@@ -91,9 +46,5 @@
 // Center the grid on the screen
 grid.x = (2048 - grid.gridWidth) / 2;
 grid.y = (2732 - grid.gridHeight) / 2;
 // Add the grid to the game
-game.addChild(grid);
-// Increase grid size by 60% after a short delay
-LK.setTimeout(function () {
-	grid.resizeGrid(1.6, 1000); // Increase size by 60% with 1 second animation
-}, 500);
\ No newline at end of file
+game.addChild(grid);
\ No newline at end of file

Creation History

Images

Sounds & Music

Used plugins