Play
:quality(85)/https:%2F%2Fcdn.frvr.ai/6872390a0a62997a6828ff4a.png)
:quality(85)/https:%2F%2Fcdn.frvr.ai/6872363b305ab420685bb2eb.png)
#2048puzzle
#goldrewards
#customizable
#milestone
#addictive
Creation History
User prompt
write the player name above the board not on the board please
User prompt
just fix the error with the player name and make it random again
User prompt
add a "undo" button to game to let the player to take his last movement back. add the player name on top of the board and center it. when the the player gets 50 gold he/ she can swap any tiles for 5 times to get a higher score o to halt ending the game.
User prompt
make the player name can be entered by the user.
User prompt
add the dual score again just remove the gold symbol
User prompt
remove the gold sign just wirte the score
User prompt
Please fix the bug: 'Uncaught TypeError: Cannot read properties of undefined (reading 'toGlobal')' in or related to this line: 'var localPos = self.toLocal(obj.parent.toGlobal(obj.position));' Line Number: 334
Code edit (1 edits merged)
Please save this source code
User prompt
2048 Gold Rush
Initial prompt
create 2048 game before the game starts ask the player to write his name or nickname add a menu to choose "4x4" or "5x5" board. if clicked "4x4" start the game with 4x4 board and if clicked "5x5" the game starts with 5x5 board. the score must be on the top right and next to the score there is gold sign with another score panel starting with "0" which increases during game. the rules for the second score bar is simple; when the player gets his first "128" he gets +2 gold , write a pop-up message on the screen "Good job Dude you got 2 gold" and show it for 3 seconds than continue the game; when the player gets his first "256" +4 gold, write a pop-up message on the screen "Well done man you got 4 more gold, Go on! " and show it for 3 seconds tham continue the game; when the player gets his first "512" he gets +8 gold , write a pop-up message on the screen " Crazy!!! 8 more gold," and show it for 3 seconds than continue the game; when the player gets his first "1024" he gets +16 gold, write a pop-up message on the screen " So close to the end go on don't give up now !! 16 more gold for you"and show it for 3 seconds than continue the game; when the player gets his first "2048" he gets +32 gold, write a pop-up message on the screen " congratulations You won here is your big prize 32 more gold "and show it for 3 seconds than continue the game;
/****
* Plugins
****/
var tween = LK.import("@upit/tween.v1");
/****
* Classes
****/
var GameBoard = Container.expand(function (size) {
var self = Container.call(this);
self.size = size || 4;
self.tiles = [];
self.cellSize = 200;
self.init = function () {
// Create background grid
for (var row = 0; row < self.size; row++) {
for (var col = 0; col < self.size; col++) {
var cellBg = self.attachAsset('grid_bg', {
anchorX: 0.5,
anchorY: 0.5
});
cellBg.x = col * self.cellSize;
cellBg.y = row * self.cellSize;
}
}
// Initialize tile array
for (var i = 0; i < self.size; i++) {
self.tiles[i] = [];
for (var j = 0; j < self.size; j++) {
self.tiles[i][j] = new Tile(0);
self.tiles[i][j].x = j * self.cellSize;
self.tiles[i][j].y = i * self.cellSize;
self.addChild(self.tiles[i][j]);
}
}
self.addRandomTile();
self.addRandomTile();
};
self.addRandomTile = function () {
var emptyCells = [];
for (var row = 0; row < self.size; row++) {
for (var col = 0; col < self.size; col++) {
if (self.tiles[row][col].value === 0) {
emptyCells.push({
row: row,
col: col
});
}
}
}
if (emptyCells.length > 0) {
var randomCell = emptyCells[Math.floor(Math.random() * emptyCells.length)];
var value = Math.random() < 0.9 ? 2 : 4;
self.tiles[randomCell.row][randomCell.col].setValue(value);
}
};
self.move = function (direction) {
var boardStateBeforeMove = [];
for (var r = 0; r < self.size; r++) {
boardStateBeforeMove[r] = [];
for (var c = 0; c < self.size; c++) {
boardStateBeforeMove[r][c] = self.tiles[r][c].value;
}
}
var scoreBeforeMove = score;
var goldBeforeMove = gold;
var moved = false;
var merged = [];
for (var i = 0; i < self.size; i++) {
merged[i] = [];
for (var j = 0; j < self.size; j++) {
merged[i][j] = false;
}
}
if (direction === 'left') {
for (var row = 0; row < self.size; row++) {
for (var col = 1; col < self.size; col++) {
if (self.tiles[row][col].value !== 0) {
var targetCol = col;
while (targetCol > 0 && self.tiles[row][targetCol - 1].value === 0) {
targetCol--;
}
if (targetCol > 0 && self.tiles[row][targetCol - 1].value === self.tiles[row][col].value && !merged[row][targetCol - 1]) {
self.tiles[row][targetCol - 1].setValue(self.tiles[row][targetCol - 1].value * 2);
self.tiles[row][col].setValue(0);
merged[row][targetCol - 1] = true;
moved = true;
self.onMerge(self.tiles[row][targetCol - 1].value);
} else if (targetCol !== col) {
self.tiles[row][targetCol].setValue(self.tiles[row][col].value);
self.tiles[row][col].setValue(0);
moved = true;
}
}
}
}
} else if (direction === 'right') {
for (var row = 0; row < self.size; row++) {
for (var col = self.size - 2; col >= 0; col--) {
if (self.tiles[row][col].value !== 0) {
var targetCol = col;
while (targetCol < self.size - 1 && self.tiles[row][targetCol + 1].value === 0) {
targetCol++;
}
if (targetCol < self.size - 1 && self.tiles[row][targetCol + 1].value === self.tiles[row][col].value && !merged[row][targetCol + 1]) {
self.tiles[row][targetCol + 1].setValue(self.tiles[row][targetCol + 1].value * 2);
self.tiles[row][col].setValue(0);
merged[row][targetCol + 1] = true;
moved = true;
self.onMerge(self.tiles[row][targetCol + 1].value);
} else if (targetCol !== col) {
self.tiles[row][targetCol].setValue(self.tiles[row][col].value);
self.tiles[row][col].setValue(0);
moved = true;
}
}
}
}
} else if (direction === 'up') {
for (var col = 0; col < self.size; col++) {
for (var row = 1; row < self.size; row++) {
if (self.tiles[row][col].value !== 0) {
var targetRow = row;
while (targetRow > 0 && self.tiles[targetRow - 1][col].value === 0) {
targetRow--;
}
if (targetRow > 0 && self.tiles[targetRow - 1][col].value === self.tiles[row][col].value && !merged[targetRow - 1][col]) {
self.tiles[targetRow - 1][col].setValue(self.tiles[targetRow - 1][col].value * 2);
self.tiles[row][col].setValue(0);
merged[targetRow - 1][col] = true;
moved = true;
self.onMerge(self.tiles[targetRow - 1][col].value);
} else if (targetRow !== row) {
self.tiles[targetRow][col].setValue(self.tiles[row][col].value);
self.tiles[row][col].setValue(0);
moved = true;
}
}
}
}
} else if (direction === 'down') {
for (var col = 0; col < self.size; col++) {
for (var row = self.size - 2; row >= 0; row--) {
if (self.tiles[row][col].value !== 0) {
var targetRow = row;
while (targetRow < self.size - 1 && self.tiles[targetRow + 1][col].value === 0) {
targetRow++;
}
if (targetRow < self.size - 1 && self.tiles[targetRow + 1][col].value === self.tiles[row][col].value && !merged[targetRow + 1][col]) {
self.tiles[targetRow + 1][col].setValue(self.tiles[targetRow + 1][col].value * 2);
self.tiles[row][col].setValue(0);
merged[targetRow + 1][col] = true;
moved = true;
self.onMerge(self.tiles[targetRow + 1][col].value);
} else if (targetRow !== row) {
self.tiles[targetRow][col].setValue(self.tiles[row][col].value);
self.tiles[row][col].setValue(0);
moved = true;
}
}
}
}
}
if (moved) {
lastBoardState = boardStateBeforeMove;
lastScore = scoreBeforeMove;
lastGold = goldBeforeMove;
undoAvailable = true;
if (undoButton) {
undoButton.alpha = 1.0;
}
self.addRandomTile();
LK.getSound('merge').play();
}
return moved;
};
self.onMerge = function (value) {
// Override this in game code
};
self.init();
return self;
});
var RewardPopup = Container.expand(function (value, goldReward, playerName) {
var self = Container.call(this);
self.init = function () {
// Background
self.bg = self.attachAsset('popup_bg', {
anchorX: 0.5,
anchorY: 0.5
});
self.bg.alpha = 0.8;
// Title
var messages = {
128: 'Great start, ' + playerName + '!',
256: 'You\'re on fire, ' + playerName + '!',
512: 'Amazing progress, ' + playerName + '!',
1024: 'Outstanding work, ' + playerName + '!',
2048: 'Incredible achievement, ' + playerName + '!'
};
self.titleText = new Text2(messages[value] || 'Well done!', {
size: 60,
fill: '#ffffff'
});
self.titleText.anchor.set(0.5, 0.5);
self.titleText.y = -80;
self.addChild(self.titleText);
// Achievement text
self.achievementText = new Text2('Reached ' + value + '!', {
size: 80,
fill: '#ffd700'
});
self.achievementText.anchor.set(0.5, 0.5);
self.achievementText.y = 0;
self.addChild(self.achievementText);
// Gold reward
self.goldText = new Text2('+' + goldReward + ' Gold Coins!', {
size: 50,
fill: '#ffd700'
});
self.goldText.anchor.set(0.5, 0.5);
self.goldText.y = 80;
self.addChild(self.goldText);
// Gold coin icon
self.goldCoin = self.attachAsset('gold_coin', {
anchorX: 0.5,
anchorY: 0.5
});
self.goldCoin.x = -100;
self.goldCoin.y = 80;
};
self.init();
return self;
});
var SetupScreen = Container.expand(function () {
var self = Container.call(this);
self.playerName = 'Player';
self.selectedSize = 4;
self.init = function () {
// Title
self.titleText = new Text2('2048 Gold Rush', {
size: 120,
fill: '#776e65'
});
self.titleText.anchor.set(0.5, 0.5);
self.titleText.x = 1024;
self.titleText.y = 400;
self.addChild(self.titleText);
// Name input instruction
self.nameInstruction = new Text2('Enter your name:', {
size: 60,
fill: '#776e65'
});
self.nameInstruction.anchor.set(0.5, 0.5);
self.nameInstruction.x = 1024;
self.nameInstruction.y = 600;
self.addChild(self.nameInstruction);
// Name display
self.nameDisplay = new Text2(self.playerName, {
size: 50,
fill: '#8f7a66'
});
self.nameDisplay.anchor.set(0.5, 0.5);
self.nameDisplay.x = 1024;
self.nameDisplay.y = 700;
self.addChild(self.nameDisplay);
// Grid size instruction
self.sizeInstruction = new Text2('Choose grid size:', {
size: 60,
fill: '#776e65'
});
self.sizeInstruction.anchor.set(0.5, 0.5);
self.sizeInstruction.x = 1024;
self.sizeInstruction.y = 900;
self.addChild(self.sizeInstruction);
// 4x4 button
self.button4x4 = self.attachAsset('button_bg', {
anchorX: 0.5,
anchorY: 0.5
});
self.button4x4.x = 800;
self.button4x4.y = 1050;
self.button4x4Text = new Text2('4x4', {
size: 50,
fill: '#f9f6f2'
});
self.button4x4Text.anchor.set(0.5, 0.5);
self.button4x4Text.x = 800;
self.button4x4Text.y = 1050;
self.addChild(self.button4x4Text);
// 5x5 button
self.button5x5 = self.attachAsset('button_bg', {
anchorX: 0.5,
anchorY: 0.5
});
self.button5x5.x = 1248;
self.button5x5.y = 1050;
self.button5x5Text = new Text2('5x5', {
size: 50,
fill: '#f9f6f2'
});
self.button5x5Text.anchor.set(0.5, 0.5);
self.button5x5Text.x = 1248;
self.button5x5Text.y = 1050;
self.addChild(self.button5x5Text);
// Start button
self.startButton = self.attachAsset('button_bg', {
anchorX: 0.5,
anchorY: 0.5
});
self.startButton.x = 1024;
self.startButton.y = 1250;
self.startButtonText = new Text2('Start Game', {
size: 50,
fill: '#f9f6f2'
});
self.startButtonText.anchor.set(0.5, 0.5);
self.startButtonText.x = 1024;
self.startButtonText.y = 1250;
self.addChild(self.startButtonText);
self.updateSelection();
};
self.updateSelection = function () {
self.button4x4.alpha = self.selectedSize === 4 ? 1.0 : 0.6;
self.button5x5.alpha = self.selectedSize === 5 ? 1.0 : 0.6;
};
self.down = function (x, y, obj) {
var localPos;
if (obj && obj.parent && obj.parent.toGlobal) {
localPos = self.toLocal(obj.parent.toGlobal(obj.position));
} else {
localPos = {
x: x,
y: y
};
}
if (Math.abs(localPos.x - 800) < 150 && Math.abs(localPos.y - 1050) < 40) {
self.selectedSize = 4;
self.updateSelection();
} else if (Math.abs(localPos.x - 1248) < 150 && Math.abs(localPos.y - 1050) < 40) {
self.selectedSize = 5;
self.updateSelection();
} else if (Math.abs(localPos.x - 1024) < 150 && Math.abs(localPos.y - 1250) < 40) {
self.onStartGame();
} else if (Math.abs(localPos.x - 1024) < 200 && Math.abs(localPos.y - 700) < 30) {
self.onNameEdit();
}
};
self.onStartGame = function () {
// Override this in game code
};
self.onNameEdit = function () {
LK.showInputPopup('Enter your name', self.playerName, function (name) {
if (name && name.trim().length > 0) {
self.playerName = name.trim();
self.nameDisplay.setText(self.playerName);
}
}, {
placeholder: 'Your Name',
maxLength: 15
});
};
self.init();
return self;
});
var Tile = Container.expand(function (value) {
var self = Container.call(this);
self.value = value || 0;
self.createGraphics = function () {
if (self.graphics) {
self.removeChild(self.graphics);
}
var assetName = self.value === 0 ? 'tile_empty' : 'tile_' + self.value;
self.graphics = self.attachAsset(assetName, {
anchorX: 0.5,
anchorY: 0.5
});
if (self.value > 0) {
self.text = new Text2(self.value.toString(), {
size: self.value >= 1000 ? 50 : 60,
fill: self.value <= 4 ? "#776e65" : "#f9f6f2"
});
self.text.anchor.set(0.5, 0.5);
self.addChild(self.text);
}
};
self.setValue = function (newValue) {
self.value = newValue;
self.createGraphics();
};
self.createGraphics();
return self;
});
/****
* Initialize Game
****/
var game = new LK.Game({
backgroundColor: 0xfaf8ef
});
/****
* Game Code
****/
var gameState = 'setup'; // setup, playing
var playerName = 'Player';
var gridSize = 4;
var board = null;
var setupScreen = null;
var score = 0;
var gold = 0;
var achievedMilestones = {};
var currentPopup = null;
var popupTimer = null;
// Undo and Swap Feature Variables
var lastBoardState = null;
var lastScore = 0;
var lastGold = 0;
var undoAvailable = false;
var undoButton = null;
var playerNameText = null;
var swapModeActive = false;
var swapAbilityUnlocked = false;
var swapCharges = 0;
var firstSelectedTile = null;
var swapButton = null;
var swapButtonText = null;
// Swipe detection
var swipeStartX = 0;
var swipeStartY = 0;
var isSwipeActive = false;
var minSwipeDistance = 100;
// UI Elements
var scoreText = new Text2('Score: 0', {
size: 60,
fill: '#776e65'
});
scoreText.anchor.set(1, 0);
scoreText.x = -20;
LK.gui.topRight.addChild(scoreText);
var goldText = new Text2('Gold: 0', {
size: 60,
fill: '#ffd700'
});
goldText.anchor.set(1, 0);
goldText.y = 80;
LK.gui.topRight.addChild(goldText);
function updateScore(points) {
score += points;
LK.setScore(score);
scoreText.setText('Score: ' + score);
}
function updateGold(goldPoints) {
gold += goldPoints;
goldText.setText('Gold: ' + gold);
if (!swapAbilityUnlocked && gold >= 50) {
swapAbilityUnlocked = true;
swapCharges = 5;
if (swapButton) {
swapButton.visible = true;
updateSwapButtonText();
}
}
}
function handleUndo() {
if (!undoAvailable || !lastBoardState) return;
for (var row = 0; row < board.size; row++) {
for (var col = 0; col < board.size; col++) {
board.tiles[row][col].setValue(lastBoardState[row][col]);
}
}
score = lastScore;
LK.setScore(score);
scoreText.setText('Score: ' + score);
gold = lastGold;
goldText.setText('Gold: ' + gold);
undoAvailable = false;
lastBoardState = null;
undoButton.alpha = 0.5;
}
function updateSwapButtonText() {
if (swapAbilityUnlocked) {
swapButtonText.setText('Swap (' + swapCharges + ')');
}
}
function handleSwapButton() {
if (!swapAbilityUnlocked || swapCharges <= 0) return;
swapModeActive = !swapModeActive;
if (swapModeActive) {
swapButton.alpha = 1.0;
} else {
swapButton.alpha = 0.8;
if (firstSelectedTile) {
firstSelectedTile.scale.set(1);
firstSelectedTile = null;
}
}
}
function handleTileSelection(gameX, gameY) {
var boardPos = board.toLocal({
x: gameX,
y: gameY
});
var col = Math.floor(boardPos.x / board.cellSize);
var row = Math.floor(boardPos.y / board.cellSize);
if (row >= 0 && row < board.size && col >= 0 && col < board.size) {
var clickedTile = board.tiles[row][col];
if (clickedTile.value === 0) return;
if (!firstSelectedTile) {
firstSelectedTile = clickedTile;
firstSelectedTile.scale.set(1.1);
} else {
if (firstSelectedTile === clickedTile) {
firstSelectedTile.scale.set(1);
firstSelectedTile = null;
return;
}
var val1 = firstSelectedTile.value;
var val2 = clickedTile.value;
firstSelectedTile.setValue(val2);
clickedTile.setValue(val1);
firstSelectedTile.scale.set(1);
swapCharges--;
updateSwapButtonText();
swapModeActive = false;
firstSelectedTile = null;
swapButton.alpha = 0.8;
if (swapCharges <= 0) {
swapButton.visible = false;
}
}
}
}
function checkMilestone(value) {
var goldRewards = {
128: 2,
256: 4,
512: 8,
1024: 16,
2048: 32
};
if (goldRewards[value] && !achievedMilestones[value]) {
achievedMilestones[value] = true;
updateGold(goldRewards[value]);
showRewardPopup(value, goldRewards[value]);
LK.getSound('gold').play();
}
}
function showRewardPopup(value, goldReward) {
if (currentPopup) {
game.removeChild(currentPopup);
}
currentPopup = new RewardPopup(value, goldReward, playerName);
currentPopup.x = 1024;
currentPopup.y = 1366;
game.addChild(currentPopup);
if (popupTimer) {
LK.clearTimeout(popupTimer);
}
popupTimer = LK.setTimeout(function () {
if (currentPopup) {
game.removeChild(currentPopup);
currentPopup = null;
}
}, 3000);
}
function startGame() {
gameState = 'playing';
if (setupScreen) {
game.removeChild(setupScreen);
setupScreen = null;
}
board = new GameBoard(gridSize);
var boardContainerWidth = gridSize * 200;
board.x = (2048 - boardContainerWidth) / 2;
board.y = (2732 - boardContainerWidth) / 2;
board.onMerge = function (value) {
updateScore(value);
checkMilestone(value);
};
game.addChild(board);
playerNameText = new Text2(playerName, {
size: 70,
fill: '#776e65'
});
playerNameText.anchor.set(0.5, 1);
playerNameText.x = 1024;
playerNameText.y = board.y - 20;
game.addChild(playerNameText);
undoButton = new Container();
var undoBg = undoButton.attachAsset('button_bg', {
anchorX: 0.5,
anchorY: 0.5
});
var undoText = new Text2('Undo', {
size: 50,
fill: '#f9f6f2'
});
undoText.anchor.set(0.5, 0.5);
undoButton.addChild(undoText);
undoButton.x = -200;
undoButton.alpha = 0.5;
undoButton.down = handleUndo;
LK.gui.bottom.addChild(undoButton);
swapButton = new Container();
var swapBg = swapButton.attachAsset('button_bg', {
anchorX: 0.5,
anchorY: 0.5
});
swapButtonText = new Text2('Swap', {
size: 50,
fill: '#f9f6f2'
});
swapButtonText.anchor.set(0.5, 0.5);
swapButton.addChild(swapButtonText);
swapButton.x = 200;
swapButton.visible = false;
swapButton.down = handleSwapButton;
LK.gui.bottom.addChild(swapButton);
}
function initSetup() {
setupScreen = new SetupScreen();
setupScreen.onStartGame = function () {
playerName = setupScreen.playerName || 'Player';
gridSize = setupScreen.selectedSize;
startGame();
};
game.addChild(setupScreen);
}
game.down = function (x, y, obj) {
if (gameState === 'playing') {
if (swapModeActive) {
handleTileSelection(x, y);
return;
}
swipeStartX = x;
swipeStartY = y;
isSwipeActive = true;
}
};
game.up = function (x, y, obj) {
if (gameState === 'playing' && isSwipeActive) {
var deltaX = x - swipeStartX;
var deltaY = y - swipeStartY;
var distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY);
if (distance >= minSwipeDistance) {
var direction = null;
if (Math.abs(deltaX) > Math.abs(deltaY)) {
direction = deltaX > 0 ? 'right' : 'left';
} else {
direction = deltaY > 0 ? 'down' : 'up';
}
if (direction && board) {
board.move(direction);
}
}
isSwipeActive = false;
}
};
// Initialize setup screen
initSetup(); ===================================================================
--- original.js
+++ change.js
@@ -54,11 +54,19 @@
self.tiles[randomCell.row][randomCell.col].setValue(value);
}
};
self.move = function (direction) {
+ var boardStateBeforeMove = [];
+ for (var r = 0; r < self.size; r++) {
+ boardStateBeforeMove[r] = [];
+ for (var c = 0; c < self.size; c++) {
+ boardStateBeforeMove[r][c] = self.tiles[r][c].value;
+ }
+ }
+ var scoreBeforeMove = score;
+ var goldBeforeMove = gold;
var moved = false;
var merged = [];
- // Initialize merged array
for (var i = 0; i < self.size; i++) {
merged[i] = [];
for (var j = 0; j < self.size; j++) {
merged[i][j] = false;
@@ -153,8 +161,15 @@
}
}
}
if (moved) {
+ lastBoardState = boardStateBeforeMove;
+ lastScore = scoreBeforeMove;
+ lastGold = goldBeforeMove;
+ undoAvailable = true;
+ if (undoButton) {
+ undoButton.alpha = 1.0;
+ }
self.addRandomTile();
LK.getSound('merge').play();
}
return moved;
@@ -395,8 +410,21 @@
var gold = 0;
var achievedMilestones = {};
var currentPopup = null;
var popupTimer = null;
+// Undo and Swap Feature Variables
+var lastBoardState = null;
+var lastScore = 0;
+var lastGold = 0;
+var undoAvailable = false;
+var undoButton = null;
+var playerNameText = null;
+var swapModeActive = false;
+var swapAbilityUnlocked = false;
+var swapCharges = 0;
+var firstSelectedTile = null;
+var swapButton = null;
+var swapButtonText = null;
// Swipe detection
var swipeStartX = 0;
var swipeStartY = 0;
var isSwipeActive = false;
@@ -423,9 +451,86 @@
}
function updateGold(goldPoints) {
gold += goldPoints;
goldText.setText('Gold: ' + gold);
+ if (!swapAbilityUnlocked && gold >= 50) {
+ swapAbilityUnlocked = true;
+ swapCharges = 5;
+ if (swapButton) {
+ swapButton.visible = true;
+ updateSwapButtonText();
+ }
+ }
}
+function handleUndo() {
+ if (!undoAvailable || !lastBoardState) return;
+ for (var row = 0; row < board.size; row++) {
+ for (var col = 0; col < board.size; col++) {
+ board.tiles[row][col].setValue(lastBoardState[row][col]);
+ }
+ }
+ score = lastScore;
+ LK.setScore(score);
+ scoreText.setText('Score: ' + score);
+ gold = lastGold;
+ goldText.setText('Gold: ' + gold);
+ undoAvailable = false;
+ lastBoardState = null;
+ undoButton.alpha = 0.5;
+}
+function updateSwapButtonText() {
+ if (swapAbilityUnlocked) {
+ swapButtonText.setText('Swap (' + swapCharges + ')');
+ }
+}
+function handleSwapButton() {
+ if (!swapAbilityUnlocked || swapCharges <= 0) return;
+ swapModeActive = !swapModeActive;
+ if (swapModeActive) {
+ swapButton.alpha = 1.0;
+ } else {
+ swapButton.alpha = 0.8;
+ if (firstSelectedTile) {
+ firstSelectedTile.scale.set(1);
+ firstSelectedTile = null;
+ }
+ }
+}
+function handleTileSelection(gameX, gameY) {
+ var boardPos = board.toLocal({
+ x: gameX,
+ y: gameY
+ });
+ var col = Math.floor(boardPos.x / board.cellSize);
+ var row = Math.floor(boardPos.y / board.cellSize);
+ if (row >= 0 && row < board.size && col >= 0 && col < board.size) {
+ var clickedTile = board.tiles[row][col];
+ if (clickedTile.value === 0) return;
+ if (!firstSelectedTile) {
+ firstSelectedTile = clickedTile;
+ firstSelectedTile.scale.set(1.1);
+ } else {
+ if (firstSelectedTile === clickedTile) {
+ firstSelectedTile.scale.set(1);
+ firstSelectedTile = null;
+ return;
+ }
+ var val1 = firstSelectedTile.value;
+ var val2 = clickedTile.value;
+ firstSelectedTile.setValue(val2);
+ clickedTile.setValue(val1);
+ firstSelectedTile.scale.set(1);
+ swapCharges--;
+ updateSwapButtonText();
+ swapModeActive = false;
+ firstSelectedTile = null;
+ swapButton.alpha = 0.8;
+ if (swapCharges <= 0) {
+ swapButton.visible = false;
+ }
+ }
+ }
+}
function checkMilestone(value) {
var goldRewards = {
128: 2,
256: 4,
@@ -464,18 +569,54 @@
game.removeChild(setupScreen);
setupScreen = null;
}
board = new GameBoard(gridSize);
- // Center the board
- var boardWidth = (gridSize - 1) * 200;
- var boardHeight = (gridSize - 1) * 200;
- board.x = (2048 - boardWidth) / 2 - 100;
- board.y = (2732 - boardHeight) / 2 - 100;
+ var boardContainerWidth = gridSize * 200;
+ board.x = (2048 - boardContainerWidth) / 2;
+ board.y = (2732 - boardContainerWidth) / 2;
board.onMerge = function (value) {
updateScore(value);
checkMilestone(value);
};
game.addChild(board);
+ playerNameText = new Text2(playerName, {
+ size: 70,
+ fill: '#776e65'
+ });
+ playerNameText.anchor.set(0.5, 1);
+ playerNameText.x = 1024;
+ playerNameText.y = board.y - 20;
+ game.addChild(playerNameText);
+ undoButton = new Container();
+ var undoBg = undoButton.attachAsset('button_bg', {
+ anchorX: 0.5,
+ anchorY: 0.5
+ });
+ var undoText = new Text2('Undo', {
+ size: 50,
+ fill: '#f9f6f2'
+ });
+ undoText.anchor.set(0.5, 0.5);
+ undoButton.addChild(undoText);
+ undoButton.x = -200;
+ undoButton.alpha = 0.5;
+ undoButton.down = handleUndo;
+ LK.gui.bottom.addChild(undoButton);
+ swapButton = new Container();
+ var swapBg = swapButton.attachAsset('button_bg', {
+ anchorX: 0.5,
+ anchorY: 0.5
+ });
+ swapButtonText = new Text2('Swap', {
+ size: 50,
+ fill: '#f9f6f2'
+ });
+ swapButtonText.anchor.set(0.5, 0.5);
+ swapButton.addChild(swapButtonText);
+ swapButton.x = 200;
+ swapButton.visible = false;
+ swapButton.down = handleSwapButton;
+ LK.gui.bottom.addChild(swapButton);
}
function initSetup() {
setupScreen = new SetupScreen();
setupScreen.onStartGame = function () {
@@ -486,8 +627,12 @@
game.addChild(setupScreen);
}
game.down = function (x, y, obj) {
if (gameState === 'playing') {
+ if (swapModeActive) {
+ handleTileSelection(x, y);
+ return;
+ }
swipeStartX = x;
swipeStartY = y;
isSwipeActive = true;
}
Showing 1 to 10 of 10
Used plugins
@upit/tween
