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); // Create and add a meme to this cell var meme = new Meme(); meme.x = cell.x + self.cellSize / 2; meme.y = cell.y + self.cellSize / 2; self.addChild(meme); } } }; // Initialize the grid self.createGrid(); return self; }); var Meme = Container.expand(function () { var self = Container.call(this); // Randomly select a value between 1 and 5 self.value = Math.floor(Math.random() * 5) + 1; // Create the meme based on its value var memeGraphic = self.attachAsset('meme' + self.value, { anchorX: 0.5, anchorY: 0.5 }); 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
@@ -21,8 +21,13 @@
 				});
 				// Position the cell with spacing
 				cell.x = col * (self.cellSize + self.spacing);
 				cell.y = row * (self.cellSize + self.spacing);
+				// Create and add a meme to this cell
+				var meme = new Meme();
+				meme.x = cell.x + self.cellSize / 2;
+				meme.y = cell.y + self.cellSize / 2;
+				self.addChild(meme);
 			}
 		}
 	};
 	// Initialize the grid
@@ -30,12 +35,12 @@
 	return self;
 });
 var Meme = Container.expand(function () {
 	var self = Container.call(this);
-	// Random value between 1 and 5 to determine meme design
+	// Randomly select a value between 1 and 5
 	self.value = Math.floor(Math.random() * 5) + 1;
-	// Get the appropriate meme asset based on value
-	var memeAsset = self.attachAsset('meme' + self.value, {
+	// Create the meme based on its value
+	var memeGraphic = self.attachAsset('meme' + self.value, {
 		anchorX: 0.5,
 		anchorY: 0.5
 	});
 	return self;
@@ -57,34 +62,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);
-// Store all grid cells for easier access
-var gridCells = [];
-for (var i = 0; i < grid.children.length; i++) {
-	gridCells.push(grid.children[i]);
-}
-// Function to place a meme at a random position in the grid
-function placeRandomMeme() {
-	// Create a new meme with random value
-	var meme = new Meme();
-	// Select a random cell from the grid
-	var randomIndex = Math.floor(Math.random() * gridCells.length);
-	var cell = gridCells[randomIndex];
-	// Position the meme in the center of the cell
-	meme.x = cell.x + grid.cellSize / 2;
-	meme.y = cell.y + grid.cellSize / 2;
-	// Add meme to the grid
-	grid.addChild(meme);
-	// Remove this cell from available cells to prevent overlap
-	gridCells.splice(randomIndex, 1);
-}
-// Place several memes randomly on the grid
-for (var i = 0; i < 25; i++) {
-	// Placing 25 memes, adjust as needed
-	if (gridCells.length > 0) {
-		placeRandomMeme();
-	} else {
-		break; // No more cells available
-	}
-}
\ No newline at end of file
+game.addChild(grid);
\ No newline at end of file

Creation History

Images

Sounds & Music

Used plugins