/**** * Classes ****/ // // // Tile class to represent each tile in the puzzle var Tile = Container.expand(function () { var self = Container.call(this); self.value = 0; // Initial value of the tile self.background = LK.getAsset('tileBackground', { width: TILE_SIZE, height: TILE_SIZE, color: 0xFFFFFF, // White background shape: 'box' }); self.background.anchor.set(0.5, 0.5); self.addChild(self.background); self.outline = LK.getAsset('tileOutline', { width: TILE_SIZE + 10, height: TILE_SIZE + 10, color: 0x000000, // Black outline shape: 'box' }); self.outline.anchor.set(0.5, 0.5); self.addChild(self.outline); self.text = new Text2('', { size: 100, fill: 0xEDC9AF // Desert sand color }); self.text.anchor.set(0.5, 0.5); self.addChild(self.text); self.updateValue = function (newValue) { self.value = newValue; self.text.setText(newValue > 0 ? newValue.toString() : ''); }; self.merge = function (otherTile) { if (self.value === otherTile.value) { self.updateValue(self.value * 2); otherTile.updateValue(0); return true; } return false; }; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x000000 //Init game with black background }); /**** * Game Code ****/ // Constants var GRID_SIZE = 4; var TILE_SIZE = 200; var TILE_MARGIN = 20; var BOARD_SIZE = GRID_SIZE * (TILE_SIZE + TILE_MARGIN) - TILE_MARGIN; // Variables var tiles = []; var score = 0; // Score display var scoreDisplay = new Text2('Score: 0', { size: 100, fill: 0xFFFFFF }); scoreDisplay.anchor.set(0.5, 0); scoreDisplay.x = 2048 / 2; scoreDisplay.y = 50; scoreDisplay.anchor.set(0.5, 0); LK.gui.top.addChild(scoreDisplay); LK.gui.top.addChild(scoreDisplay); // Initialize the board function initBoard() { for (var i = 0; i < GRID_SIZE; i++) { tiles[i] = []; for (var j = 0; j < GRID_SIZE; j++) { var tile = new Tile(); tile.x = j * (TILE_SIZE + TILE_MARGIN) + TILE_SIZE / 2 + (2048 - BOARD_SIZE) / 2; tile.y = i * (TILE_SIZE + TILE_MARGIN) + TILE_SIZE / 2 + (2732 - BOARD_SIZE) / 2; tile.updateValue(0); game.addChild(tile); tiles[i][j] = tile; } } addRandomTile(); addRandomTile(); } // Add a random tile to the board function addRandomTile() { var emptyTiles = []; for (var i = 0; i < GRID_SIZE; i++) { for (var j = 0; j < GRID_SIZE; j++) { if (tiles[i][j].value === 0) { emptyTiles.push(tiles[i][j]); } } } if (emptyTiles.length > 0) { var randomTile = emptyTiles[Math.floor(Math.random() * emptyTiles.length)]; randomTile.updateValue(Math.random() < 0.9 ? 2 : 4); } } // Move tiles in a specified direction function moveTiles(direction) { var moved = false; if (direction === 'left' || direction === 'right') { for (var i = 0; i < GRID_SIZE; i++) { var row = tiles[i]; if (direction === 'right') { row.reverse(); } moved = slideAndMerge(row) || moved; if (direction === 'right') { row.reverse(); } } } else if (direction === 'up' || direction === 'down') { for (var j = 0; j < GRID_SIZE; j++) { var column = tiles.map(function (row) { return row[j]; }); if (direction === 'down') { column.reverse(); } moved = slideAndMerge(column) || moved; if (direction === 'down') { column.reverse(); } } } if (moved) { addRandomTile(); if (checkGameOver()) { LK.showGameOver(); } } } // Slide and merge tiles in a line function slideAndMerge(line) { var moved = false; for (var i = 0; i < line.length; i++) { for (var j = i + 1; j < line.length; j++) { if (line[j].value === 0) { continue; } if (line[i].value === 0) { line[i].updateValue(line[j].value); line[j].updateValue(0); moved = true; } else if (line[i].merge(line[j])) { score += line[i].value; scoreDisplay.setText('Score: ' + score); moved = true; } break; } } return moved; } // Check if the game is over function checkGameOver() { for (var i = 0; i < GRID_SIZE; i++) { for (var j = 0; j < GRID_SIZE; j++) { if (tiles[i][j].value === 0) { return false; } if (j < GRID_SIZE - 1 && tiles[i][j].value === tiles[i][j + 1].value) { return false; } if (i < GRID_SIZE - 1 && tiles[i][j].value === tiles[i + 1][j].value) { return false; } } } return true; } // Initialize the game initBoard(); // Event listeners for swipe gestures game.down = function (x, y, obj) { this.startX = x; this.startY = y; }; game.up = function (x, y, obj) { var dx = x - this.startX; var dy = y - this.startY; if (Math.abs(dx) > Math.abs(dy)) { if (dx > 0) { moveTiles('right'); } else { moveTiles('left'); } } else { if (dy > 0) { moveTiles('down'); } else { moveTiles('up'); } } };

2048 by Mai_Light_Hoon