/**** * Plugins ****/ var storage = LK.import("@upit/storage.v1"); /**** * Classes ****/ var BackButton = Container.expand(function () { var self = Container.call(this); var background = self.attachAsset('backButton', { anchorX: 0.5, anchorY: 0.5 }); var hoverBackground = self.attachAsset('backButtonHover', { anchorX: 0.5, anchorY: 0.5 }); hoverBackground.visible = false; var buttonText = new Text2("Back", { size: 30, fill: 0xFFFFFF }); buttonText.anchor.set(0.5, 0.5); self.addChild(buttonText); self.isHovered = false; self.down = function (x, y, obj) { currentGame = 'menu'; switchToGame('menu'); }; self.setHover = function (hover) { self.isHovered = hover; background.visible = !hover; hoverBackground.visible = hover; }; return self; }); var GameNavButton = Container.expand(function (text, targetGame) { var self = Container.call(this); var background = self.attachAsset('gameNavButton', { anchorX: 0.5, anchorY: 0.5 }); var hoverBackground = self.attachAsset('gameNavButtonHover', { anchorX: 0.5, anchorY: 0.5 }); hoverBackground.visible = false; var buttonText = new Text2(text, { size: 22, fill: 0xFFFFFF }); buttonText.anchor.set(0.5, 0.5); self.addChild(buttonText); self.targetGame = targetGame; self.isHovered = false; self.down = function (x, y, obj) { currentGame = self.targetGame; switchToGame(self.targetGame); }; self.setHover = function (hover) { self.isHovered = hover; background.visible = !hover; hoverBackground.visible = hover; }; return self; }); var ListButton = Container.expand(function (text, action) { var self = Container.call(this); var background = self.attachAsset('actionButton', { anchorX: 0.5, anchorY: 0.5 }); var hoverBackground = self.attachAsset('actionButtonHover', { anchorX: 0.5, anchorY: 0.5 }); hoverBackground.visible = false; var buttonText = new Text2(text, { size: 25, fill: 0xFFFFFF }); buttonText.anchor.set(0.5, 0.5); self.addChild(buttonText); self.action = action; self.isHovered = false; self.down = function (x, y, obj) { if (self.action === 'random') { showRandomItem(); } else if (self.action === 'clear') { clearAllItems(); } else if (self.action === 'view') { toggleViewList(); } }; self.setHover = function (hover) { self.isHovered = hover; background.visible = !hover; hoverBackground.visible = hover; }; return self; }); var MenuButton = Container.expand(function (text, gameType) { var self = Container.call(this); var background = self.attachAsset('menuBackground', { anchorX: 0.5, anchorY: 0.5 }); var hoverBackground = self.attachAsset('menuBackgroundHover', { anchorX: 0.5, anchorY: 0.5 }); hoverBackground.visible = false; var buttonText = new Text2(text, { size: 40, fill: 0xFFFFFF }); buttonText.anchor.set(0.5, 0.5); self.addChild(buttonText); self.gameType = gameType; self.isHovered = false; self.down = function (x, y, obj) { currentGame = self.gameType; switchToGame(self.gameType); }; self.setHover = function (hover) { self.isHovered = hover; background.visible = !hover; hoverBackground.visible = hover; }; return self; }); var RPSButton = Container.expand(function (choice) { var self = Container.call(this); var background = self.attachAsset('rpsButton', { anchorX: 0.5, anchorY: 0.5 }); var hoverBackground = self.attachAsset('rpsButtonHover', { anchorX: 0.5, anchorY: 0.5 }); hoverBackground.visible = false; var buttonText = new Text2(choice, { size: 50, fill: 0xFFFFFF }); buttonText.anchor.set(0.5, 0.5); self.addChild(buttonText); self.choice = choice; self.isHovered = false; self.down = function (x, y, obj) { if (rpsGameActive) { playRPSRound(self.choice); } }; self.setHover = function (hover) { self.isHovered = hover; background.visible = !hover; hoverBackground.visible = hover; }; return self; }); var XOXCell = Container.expand(function (row, col) { var self = Container.call(this); var background = self.attachAsset('xoxGrid', { anchorX: 0.5, anchorY: 0.5 }); var hoverBackground = self.attachAsset('xoxGridHover', { anchorX: 0.5, anchorY: 0.5 }); hoverBackground.visible = false; var cellText = new Text2("", { size: 60, fill: 0xFFFFFF }); cellText.anchor.set(0.5, 0.5); self.addChild(cellText); self.row = row; self.col = col; self.value = ""; self.isHovered = false; self.down = function (x, y, obj) { if (xoxGameActive && self.value === "" && currentPlayer === "X") { makeXOXMove(self.row, self.col, "X"); } }; self.setValue = function (value) { self.value = value; cellText.setText(value); cellText.fill = value === "X" ? "#e74c3c" : "#3498db"; }; self.setHover = function (hover) { if (self.value === "") { self.isHovered = hover; background.visible = !hover; hoverBackground.visible = hover; } }; return self; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x2d1b14 }); /**** * Game Code ****/ // Date converter assets // List manager assets // Rock Paper Scissors assets // XOX Game assets // Game backgrounds // Main menu backgrounds // Game state variables var currentGame = 'menu'; var menuButtons = []; var backButton; var gameContainer; // XOX Game variables var xoxBoard = [["", "", ""], ["", "", ""], ["", "", ""]]; var xoxCells = []; var currentPlayer = "X"; var xoxGameActive = true; var xoxStatusText; // Rock Paper Scissors variables var rpsButtons = []; var playerScore = 0; var computerScore = 0; var rpsGameActive = true; var rpsStatusText; var rpsScoreText; // List Manager variables var itemsList = storage.itemsList || []; var currentInput = ""; var listStatusText; var listDisplayText; var showingList = false; // Date Converter variables var dateInput = ""; var dateStatusText; var isHijriInput = true; // Initialize storage storage.itemsList = storage.itemsList || []; function createMainMenu() { // Clear existing content game.children.forEach(function (child) { if (child !== gameContainer) { game.removeChild(child); } }); var titleText = new Text2("Multi-Game Arcade", { size: 80, fill: 0xffeaa7 }); titleText.anchor.set(0.5, 0.5); titleText.x = 1024; titleText.y = 300; game.addChild(titleText); // Create menu buttons var buttonTexts = ["Film & Game Manager", "XOX (Tic-Tac-Toe)", "Rock Paper Scissors", "Date Converter"]; var gameTypes = ["list", "xox", "rps", "date"]; menuButtons = []; for (var i = 0; i < 4; i++) { var button = new MenuButton(buttonTexts[i], gameTypes[i]); button.x = 1024; button.y = 600 + i * 250; menuButtons.push(button); game.addChild(button); } } function createXOXGame() { gameContainer = game.addChild(new Container()); var titleText = new Text2("XOX (Tic-Tac-Toe)", { size: 60, fill: 0xffeaa7 }); titleText.anchor.set(0.5, 0.5); titleText.x = 1024; titleText.y = 200; gameContainer.addChild(titleText); xoxStatusText = new Text2("Your turn (X)", { size: 40, fill: 0xFFFFFF }); xoxStatusText.anchor.set(0.5, 0.5); xoxStatusText.x = 1024; xoxStatusText.y = 300; gameContainer.addChild(xoxStatusText); // Create XOX grid xoxCells = []; for (var row = 0; row < 3; row++) { xoxCells[row] = []; for (var col = 0; col < 3; col++) { var cell = new XOXCell(row, col); cell.x = 824 + col * 140; cell.y = 500 + row * 140; xoxCells[row][col] = cell; gameContainer.addChild(cell); } } var newGameButton = new ListButton("New Game", "newgame"); newGameButton.x = 1024; newGameButton.y = 1000; newGameButton.down = function () { resetXOXGame(); }; gameContainer.addChild(newGameButton); // Add direct game navigation buttons var rpsNavButton = new GameNavButton("Rock Paper Scissors", "rps"); rpsNavButton.x = 300; rpsNavButton.y = 100; gameContainer.addChild(rpsNavButton); var listNavButton = new GameNavButton("Film Manager", "list"); listNavButton.x = 500; listNavButton.y = 100; gameContainer.addChild(listNavButton); var dateNavButton = new GameNavButton("Date Converter", "date"); dateNavButton.x = 700; dateNavButton.y = 100; gameContainer.addChild(dateNavButton); backButton = new BackButton(); backButton.x = 150; backButton.y = 150; gameContainer.addChild(backButton); } function createRPSGame() { gameContainer = game.addChild(new Container()); var titleText = new Text2("Rock Paper Scissors", { size: 60, fill: 0xFFFFFF }); titleText.anchor.set(0.5, 0.5); titleText.x = 1024; titleText.y = 200; gameContainer.addChild(titleText); rpsStatusText = new Text2("Choose your move!", { size: 40, fill: 0xFFFFFF }); rpsStatusText.anchor.set(0.5, 0.5); rpsStatusText.x = 1024; rpsStatusText.y = 300; gameContainer.addChild(rpsStatusText); rpsScoreText = new Text2("Player: 0 | Computer: 0", { size: 35, fill: 0xFFFFFF }); rpsScoreText.anchor.set(0.5, 0.5); rpsScoreText.x = 1024; rpsScoreText.y = 380; gameContainer.addChild(rpsScoreText); // Create RPS buttons var choices = ["Rock", "Paper", "Scissors"]; rpsButtons = []; for (var i = 0; i < 3; i++) { var button = new RPSButton(choices[i]); button.x = 524 + i * 350; button.y = 600; rpsButtons.push(button); gameContainer.addChild(button); } var newGameButton = new ListButton("New Game", "newgame"); newGameButton.x = 1024; newGameButton.y = 1000; newGameButton.down = function () { resetRPSGame(); }; gameContainer.addChild(newGameButton); // Add direct game navigation buttons var xoxNavButton = new GameNavButton("XOX Game", "xox"); xoxNavButton.x = 300; xoxNavButton.y = 100; gameContainer.addChild(xoxNavButton); var listNavButton = new GameNavButton("Film Manager", "list"); listNavButton.x = 500; listNavButton.y = 100; gameContainer.addChild(listNavButton); var dateNavButton = new GameNavButton("Date Converter", "date"); dateNavButton.x = 700; dateNavButton.y = 100; gameContainer.addChild(dateNavButton); backButton = new BackButton(); backButton.x = 150; backButton.y = 150; gameContainer.addChild(backButton); } function createListGame() { gameContainer = game.addChild(new Container()); var titleText = new Text2("Film & Game Manager", { size: 60, fill: 0xFFFFFF }); titleText.anchor.set(0.5, 0.5); titleText.x = 1024; titleText.y = 200; gameContainer.addChild(titleText); var instructionText = new Text2("Tap below to add items to your wishlist:", { size: 30, fill: 0xFFFFFF }); instructionText.anchor.set(0.5, 0.5); instructionText.x = 1024; instructionText.y = 300; gameContainer.addChild(instructionText); // Input simulation area var inputBg = LK.getAsset('inputBox', { anchorX: 0.5, anchorY: 0.5 }); inputBg.x = 1024; inputBg.y = 400; gameContainer.addChild(inputBg); var inputText = new Text2("Tap here to add item...", { size: 25, fill: 0x666666 }); inputText.anchor.set(0.5, 0.5); inputText.x = 1024; inputText.y = 400; gameContainer.addChild(inputText); listStatusText = new Text2("Items in list: " + itemsList.length, { size: 30, fill: 0xFFFFFF }); listStatusText.anchor.set(0.5, 0.5); listStatusText.x = 1024; listStatusText.y = 500; gameContainer.addChild(listStatusText); // Action buttons var randomButton = new ListButton("Random Pick", "random"); randomButton.x = 624; randomButton.y = 600; gameContainer.addChild(randomButton); var viewButton = new ListButton("View List", "view"); viewButton.x = 1024; viewButton.y = 600; gameContainer.addChild(viewButton); var clearButton = new ListButton("Clear All", "clear"); clearButton.x = 1424; clearButton.y = 600; gameContainer.addChild(clearButton); listDisplayText = new Text2("", { size: 25, fill: 0xFFFFFF }); listDisplayText.anchor.set(0.5, 0); listDisplayText.x = 1024; listDisplayText.y = 700; gameContainer.addChild(listDisplayText); // Simulate add item functionality inputBg.interactive = true; inputBg.down = function () { var sampleItems = ["Avatar", "Inception", "The Matrix", "Interstellar", "The Witcher 3", "Cyberpunk 2077", "Red Dead Redemption", "Minecraft"]; var randomItem = sampleItems[Math.floor(Math.random() * sampleItems.length)]; itemsList.push(randomItem); storage.itemsList = itemsList; updateListStatus(); inputText.setText("Added: " + randomItem); LK.setTimeout(function () { inputText.setText("Tap here to add item..."); }, 2000); }; // Add direct game navigation buttons var xoxNavButton = new GameNavButton("XOX Game", "xox"); xoxNavButton.x = 300; xoxNavButton.y = 100; gameContainer.addChild(xoxNavButton); var rpsNavButton = new GameNavButton("Rock Paper Scissors", "rps"); rpsNavButton.x = 500; rpsNavButton.y = 100; gameContainer.addChild(rpsNavButton); var dateNavButton = new GameNavButton("Date Converter", "date"); dateNavButton.x = 700; dateNavButton.y = 100; gameContainer.addChild(dateNavButton); backButton = new BackButton(); backButton.x = 150; backButton.y = 150; gameContainer.addChild(backButton); updateListStatus(); } function createDateGame() { gameContainer = game.addChild(new Container()); var titleText = new Text2("Date Converter", { size: 60, fill: 0xFFFFFF }); titleText.anchor.set(0.5, 0.5); titleText.x = 1024; titleText.y = 200; gameContainer.addChild(titleText); var instructionText = new Text2("Tap buttons to convert dates between Hijri and Gregorian calendars", { size: 30, fill: 0xFFFFFF }); instructionText.anchor.set(0.5, 0.5); instructionText.x = 1024; instructionText.y = 300; gameContainer.addChild(instructionText); // Convert buttons var hijriButton = new ListButton("Convert to Hijri", "hijri"); hijriButton.x = 724; hijriButton.y = 450; hijriButton.down = function () { convertDate(false); }; gameContainer.addChild(hijriButton); var gregorianButton = new ListButton("Convert to Gregorian", "gregorian"); gregorianButton.x = 1324; gregorianButton.y = 450; gregorianButton.down = function () { convertDate(true); }; gameContainer.addChild(gregorianButton); dateStatusText = new Text2("Sample: 2024/1/1 (Gregorian) = 1445/5/20 (Hijri)", { size: 35, fill: 0x2ECC71 }); dateStatusText.anchor.set(0.5, 0.5); dateStatusText.x = 1024; dateStatusText.y = 600; gameContainer.addChild(dateStatusText); var infoText = new Text2("The Hijri calendar is based on lunar cycles,\nwhile the Gregorian calendar follows solar years.\nConversions are approximate.", { size: 25, fill: 0x95A5A6 }); infoText.anchor.set(0.5, 0.5); infoText.x = 1024; infoText.y = 750; gameContainer.addChild(infoText); // Add direct game navigation buttons var xoxNavButton = new GameNavButton("XOX Game", "xox"); xoxNavButton.x = 300; xoxNavButton.y = 100; gameContainer.addChild(xoxNavButton); var rpsNavButton = new GameNavButton("Rock Paper Scissors", "rps"); rpsNavButton.x = 500; rpsNavButton.y = 100; gameContainer.addChild(rpsNavButton); var listNavButton = new GameNavButton("Film Manager", "list"); listNavButton.x = 700; listNavButton.y = 100; gameContainer.addChild(listNavButton); backButton = new BackButton(); backButton.x = 150; backButton.y = 150; gameContainer.addChild(backButton); } function switchToGame(gameType) { // Clear current game if (gameContainer) { game.removeChild(gameContainer); gameContainer = null; } // Remove menu buttons menuButtons.forEach(function (button) { game.removeChild(button); }); menuButtons = []; // Remove any other UI elements game.children.forEach(function (child) { if (child.constructor === Text2) { game.removeChild(child); } }); // Create new game switch (gameType) { case 'menu': createMainMenu(); break; case 'xox': createXOXGame(); resetXOXGame(); break; case 'rps': createRPSGame(); resetRPSGame(); break; case 'list': createListGame(); break; case 'date': createDateGame(); break; } } // XOX Game Logic function makeXOXMove(row, col, player) { if (xoxBoard[row][col] === "" && xoxGameActive) { xoxBoard[row][col] = player; xoxCells[row][col].setValue(player); if (checkXOXWin(player)) { xoxStatusText.setText(player + " wins!"); xoxGameActive = false; return; } if (checkXOXDraw()) { xoxStatusText.setText("It's a draw!"); xoxGameActive = false; return; } currentPlayer = player === "X" ? "O" : "X"; xoxStatusText.setText(currentPlayer === "X" ? "Your turn (X)" : "Computer's turn (O)"); if (currentPlayer === "O") { LK.setTimeout(makeComputerMove, 500); } } } function makeComputerMove() { if (!xoxGameActive) return; var emptyCells = []; for (var row = 0; row < 3; row++) { for (var col = 0; col < 3; col++) { if (xoxBoard[row][col] === "") { emptyCells.push({ row: row, col: col }); } } } if (emptyCells.length > 0) { var randomMove = emptyCells[Math.floor(Math.random() * emptyCells.length)]; makeXOXMove(randomMove.row, randomMove.col, "O"); } } function checkXOXWin(player) { // Check rows for (var row = 0; row < 3; row++) { if (xoxBoard[row][0] === player && xoxBoard[row][1] === player && xoxBoard[row][2] === player) { return true; } } // Check columns for (var col = 0; col < 3; col++) { if (xoxBoard[0][col] === player && xoxBoard[1][col] === player && xoxBoard[2][col] === player) { return true; } } // Check diagonals if (xoxBoard[0][0] === player && xoxBoard[1][1] === player && xoxBoard[2][2] === player) { return true; } if (xoxBoard[0][2] === player && xoxBoard[1][1] === player && xoxBoard[2][0] === player) { return true; } return false; } function checkXOXDraw() { for (var row = 0; row < 3; row++) { for (var col = 0; col < 3; col++) { if (xoxBoard[row][col] === "") { return false; } } } return true; } function resetXOXGame() { xoxBoard = [["", "", ""], ["", "", ""], ["", "", ""]]; for (var row = 0; row < 3; row++) { for (var col = 0; col < 3; col++) { xoxCells[row][col].setValue(""); } } currentPlayer = "X"; xoxGameActive = true; xoxStatusText.setText("Your turn (X)"); } // Rock Paper Scissors Logic function playRPSRound(playerChoice) { if (!rpsGameActive) return; var choices = ["Rock", "Paper", "Scissors"]; var computerChoice = choices[Math.floor(Math.random() * 3)]; var result = ""; if (playerChoice === computerChoice) { result = "Tie! Both chose " + playerChoice; } else if (playerChoice === "Rock" && computerChoice === "Scissors" || playerChoice === "Paper" && computerChoice === "Rock" || playerChoice === "Scissors" && computerChoice === "Paper") { result = "You win! " + playerChoice + " beats " + computerChoice; playerScore++; } else { result = "Computer wins! " + computerChoice + " beats " + playerChoice; computerScore++; } rpsStatusText.setText(result); rpsScoreText.setText("Player: " + playerScore + " | Computer: " + computerScore); if (playerScore >= 3 || computerScore >= 3) { var winner = playerScore >= 3 ? "You win the match!" : "Computer wins the match!"; rpsStatusText.setText(winner); rpsGameActive = false; } } function resetRPSGame() { playerScore = 0; computerScore = 0; rpsGameActive = true; rpsStatusText.setText("Choose your move!"); rpsScoreText.setText("Player: 0 | Computer: 0"); } // List Manager Logic function showRandomItem() { if (itemsList.length === 0) { listDisplayText.setText("No items in your list yet!"); return; } var randomIndex = Math.floor(Math.random() * itemsList.length); var randomItem = itemsList[randomIndex]; listDisplayText.setText("Random pick: " + randomItem); showingList = false; } function clearAllItems() { itemsList = []; storage.itemsList = []; updateListStatus(); listDisplayText.setText("All items cleared!"); showingList = false; } function toggleViewList() { if (itemsList.length === 0) { listDisplayText.setText("No items in your list yet!"); return; } if (showingList) { listDisplayText.setText(""); showingList = false; } else { var displayText = "Your list:\n"; for (var i = 0; i < Math.min(itemsList.length, 10); i++) { displayText += i + 1 + ". " + itemsList[i] + "\n"; } if (itemsList.length > 10) { displayText += "... and " + (itemsList.length - 10) + " more items"; } listDisplayText.setText(displayText); showingList = true; } } function updateListStatus() { if (listStatusText) { listStatusText.setText("Items in list: " + itemsList.length); } } // Date Converter Logic function convertDate(toHijri) { var samples = [{ gregorian: "2024/1/1", hijri: "1445/5/20" }, { gregorian: "2023/12/25", hijri: "1445/6/12" }, { gregorian: "2024/7/4", hijri: "1445/12/28" }, { gregorian: "2024/3/15", hijri: "1445/9/5" }]; var randomSample = samples[Math.floor(Math.random() * samples.length)]; if (toHijri) { dateStatusText.setText("Sample: " + randomSample.gregorian + " (Gregorian) = " + randomSample.hijri + " (Hijri)"); } else { dateStatusText.setText("Sample: " + randomSample.hijri + " (Hijri) = " + randomSample.gregorian + " (Gregorian)"); } } // Mouse handling var hoveredElement = null; game.move = function (x, y, obj) { var newHoveredElement = null; // Check menu buttons if (currentGame === 'menu') { menuButtons.forEach(function (button) { if (x >= button.x - 200 && x <= button.x + 200 && y >= button.y - 100 && y <= button.y + 100) { newHoveredElement = button; } }); } // Check back button if (backButton && x >= backButton.x - 75 && x <= backButton.x + 75 && y >= backButton.y - 40 && y <= backButton.y + 40) { newHoveredElement = backButton; } // Check XOX cells if (currentGame === 'xox' && xoxCells.length > 0) { xoxCells.forEach(function (row) { row.forEach(function (cell) { if (x >= cell.x - 60 && x <= cell.x + 60 && y >= cell.y - 60 && y <= cell.y + 60) { newHoveredElement = cell; } }); }); } // Check RPS buttons if (currentGame === 'rps' && rpsButtons.length > 0) { rpsButtons.forEach(function (button) { if (x >= button.x - 100 && x <= button.x + 100 && y >= button.y - 100 && y <= button.y + 100) { newHoveredElement = button; } }); } // Update hover states if (hoveredElement && hoveredElement !== newHoveredElement) { if (hoveredElement.setHover) { hoveredElement.setHover(false); } } if (newHoveredElement && newHoveredElement !== hoveredElement) { if (newHoveredElement.setHover) { newHoveredElement.setHover(true); } } hoveredElement = newHoveredElement; }; // Initialize the game createMainMenu();