Upit | Learn about creating the game Meme crash

/**** * Classes ****/ var Grid = Container.expand(function () { var self = Container.call(this); self.rows = 9; self.cols = 9; self.cellSize = 160; self.spacing = 10; self.gridWidth = self.cellSize * self.cols + self.spacing * (self.cols - 1); self.gridHeight = self.cellSize * self.rows + self.spacing * (self.rows - 1); 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 }); cell.x = col * (self.cellSize + self.spacing); cell.y = row * (self.cellSize + self.spacing); var meme = new Meme(); meme.x = cell.x + self.cellSize / 2; meme.y = cell.y + self.cellSize / 2; self.addChild(meme); } } }; self.createGrid(); return self; }); var Meme = Container.expand(function () { var self = Container.call(this); self.value = Math.floor(Math.random() * 5) + 1; var memeGraphic = self.attachAsset('meme' + self.value, { anchorX: 0.5, anchorY: 0.5 }); return self; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0xF4FFFF }); /**** * Game Code ****/ var grid = new Grid(); grid.x = (2048 - grid.gridWidth) / 2; grid.y = (2732 - grid.gridHeight) / 2; game.addChild(grid); ;

===================================================================
--- original.js
+++ change.js
@@ -2,44 +2,36 @@
 * 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.cellSize = 160;
+	self.spacing = 10;
 	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
 	});
@@ -48,19 +40,16 @@
 
 /**** 
 * 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);
\ No newline at end of file
+game.addChild(grid);
+;
\ No newline at end of file

Creation History

Images

Sounds & Music

Used plugins