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; }); var Meme = Container.expand(function () { var self = Container.call(this); // Random value between 1 and 5 to determine meme design self.value = Math.floor(Math.random() * 5) + 1; // Get the appropriate meme asset based on value var memeAsset = 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); // 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 } }

/**** 
* 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;
});
var Meme = Container.expand(function () {
	var self = Container.call(this);
	// Random value between 1 and 5 to determine meme design
	self.value = Math.floor(Math.random() * 5) + 1;
	// Get the appropriate meme asset based on value
	var memeAsset = 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);
// 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
	}
}

Creation History

Images

Sounds & Music

Used plugins