Play
:quality(85)/https:%2F%2Fcdn.frvr.ai/6859fd9861e3060686dba7eb.png)
:quality(85)/https:%2F%2Fcdn.frvr.ai/6859fd9161e3060686dba7e9.png)
#StrategyGame
#PuzzleGame
#CustomizableGaming
Creation History
User prompt
add a shop so you can buy skins ↪💡 Consider importing and using the following plugins: @upit/storage.v1
User prompt
When I'm winning in tic-tac-toe, it doesn't give me a point. So when you win in tic-tac-toe, it gives the player a point and makes the X disappear. Actually, no, restart the game.
User prompt
If it is 3 in a row, give the player a point. If it is any kind of line, like a diagonal line, or a line going up, give the X a point. But if it's 4-0, don't give X a point.
User prompt
If X wins, give them one win, and if O wins, don't give X a win, and make it so if O wins, you win.
User prompt
add a menu screen that you can play multiplayer or play with an AI
User prompt
Make tic-tac-toe
Code edit (1 edits merged)
Please save this source code
User prompt
Ultimate Tic-Tac-Toe Arena
Initial prompt
can you make tic-tac-toe like better so you could have like multiplayer custom modes
/****
* Classes
****/
var TicTacToeCell = Container.expand(function (row, col) {
var self = Container.call(this);
self.row = row;
self.col = col;
self.state = 'empty'; // 'empty', 'X', 'O'
// Create border
var border = self.attachAsset('cellBorder', {
anchorX: 0.5,
anchorY: 0.5
});
// Create empty cell background
var cellBg = self.attachAsset('cellEmpty', {
anchorX: 0.5,
anchorY: 0.5
});
var symbol = null;
self.placeSymbol = function (symbolType) {
if (self.state !== 'empty') return false;
self.state = symbolType;
if (symbolType === 'X') {
symbol = self.attachAsset('symbolX', {
anchorX: 0.5,
anchorY: 0.5
});
} else if (symbolType === 'O') {
symbol = self.attachAsset('symbolO', {
anchorX: 0.5,
anchorY: 0.5
});
}
LK.getSound('placeSymbol').play();
return true;
};
self.reset = function () {
self.state = 'empty';
if (symbol) {
symbol.destroy();
symbol = null;
}
};
self.down = function (x, y, obj) {
if (gameState === 'playing' && self.state === 'empty') {
if (self.placeSymbol(currentPlayer)) {
checkWin();
if (gameState === 'playing') {
if (gameMode === 'multiplayer') {
currentPlayer = currentPlayer === 'X' ? 'O' : 'X';
} else if (gameMode === 'ai' && currentPlayer === 'X') {
currentPlayer = 'O';
// AI makes move after short delay
LK.setTimeout(makeAIMove, 500);
}
updateUI();
}
}
}
};
return self;
});
/****
* Initialize Game
****/
// Game variables
var game = new LK.Game({
backgroundColor: 0x87CEEB
});
/****
* Game Code
****/
// Game variables
var gridSize = 3;
var cells = [];
var currentPlayer = 'X';
var gameState = 'menu'; // 'menu', 'playing', 'won', 'draw'
var gameMode = null; // 'multiplayer', 'ai'
var winner = null;
// UI elements
var titleText = new Text2('Tic-Tac-Toe', {
size: 120,
fill: 0x333333
});
titleText.anchor.set(0.5, 0);
titleText.y = 200;
LK.gui.top.addChild(titleText);
var statusText = new Text2('Player X\'s Turn', {
size: 80,
fill: 0x333333
});
statusText.anchor.set(0.5, 0);
statusText.y = 100;
statusText.visible = false;
LK.gui.top.addChild(statusText);
var multiplayerButton = new Text2('Multiplayer', {
size: 80,
fill: 0x4444ff
});
multiplayerButton.anchor.set(0.5, 0.5);
multiplayerButton.x = 2048 / 2;
multiplayerButton.y = 2732 / 2 - 100;
game.addChild(multiplayerButton);
var aiButton = new Text2('Play vs AI', {
size: 80,
fill: 0xff4444
});
aiButton.anchor.set(0.5, 0.5);
aiButton.x = 2048 / 2;
aiButton.y = 2732 / 2 + 100;
game.addChild(aiButton);
var resetButton = new Text2('Reset Game', {
size: 60,
fill: 0x666666
});
resetButton.anchor.set(0.5, 1);
resetButton.visible = false;
LK.gui.bottom.addChild(resetButton);
var backButton = new Text2('Back to Menu', {
size: 60,
fill: 0x666666
});
backButton.anchor.set(0.5, 1);
backButton.y = -100;
backButton.visible = false;
LK.gui.bottom.addChild(backButton);
// Initialize grid
function initializeGrid() {
// Clear existing cells
for (var i = 0; i < cells.length; i++) {
for (var j = 0; j < cells[i].length; j++) {
if (cells[i][j]) {
cells[i][j].destroy();
}
}
}
cells = [];
var cellSize = 220;
var gridWidth = gridSize * cellSize;
var gridHeight = gridSize * cellSize;
var startX = (2048 - gridWidth) / 2 + cellSize / 2;
var startY = (2732 - gridHeight) / 2 + cellSize / 2;
for (var row = 0; row < gridSize; row++) {
cells[row] = [];
for (var col = 0; col < gridSize; col++) {
var cell = new TicTacToeCell(row, col);
cell.x = startX + col * cellSize;
cell.y = startY + row * cellSize;
cells[row][col] = cell;
game.addChild(cell);
}
}
}
function checkWin() {
// Check rows
for (var row = 0; row < gridSize; row++) {
var allSame = true;
var firstCell = cells[row][0].state;
if (firstCell === 'empty') continue;
for (var col = 1; col < gridSize; col++) {
if (cells[row][col].state !== firstCell) {
allSame = false;
break;
}
}
if (allSame) {
gameState = 'won';
winner = firstCell;
LK.getSound('winSound').play();
return;
}
}
// Check columns
for (var col = 0; col < gridSize; col++) {
var allSame = true;
var firstCell = cells[0][col].state;
if (firstCell === 'empty') continue;
for (var row = 1; row < gridSize; row++) {
if (cells[row][col].state !== firstCell) {
allSame = false;
break;
}
}
if (allSame) {
gameState = 'won';
winner = firstCell;
LK.getSound('winSound').play();
return;
}
}
// Check diagonal (top-left to bottom-right)
var allSame = true;
var firstCell = cells[0][0].state;
if (firstCell !== 'empty') {
for (var i = 1; i < gridSize; i++) {
if (cells[i][i].state !== firstCell) {
allSame = false;
break;
}
}
if (allSame) {
gameState = 'won';
winner = firstCell;
LK.getSound('winSound').play();
return;
}
}
// Check diagonal (top-right to bottom-left)
allSame = true;
firstCell = cells[0][gridSize - 1].state;
if (firstCell !== 'empty') {
for (var i = 1; i < gridSize; i++) {
if (cells[i][gridSize - 1 - i].state !== firstCell) {
allSame = false;
break;
}
}
if (allSame) {
gameState = 'won';
winner = firstCell;
LK.getSound('winSound').play();
return;
}
}
// Check for draw
var allFilled = true;
for (var row = 0; row < gridSize; row++) {
for (var col = 0; col < gridSize; col++) {
if (cells[row][col].state === 'empty') {
allFilled = false;
break;
}
}
if (!allFilled) break;
}
if (allFilled) {
gameState = 'draw';
}
}
function updateUI() {
if (gameState === 'won') {
statusText.setText('Player ' + winner + ' Wins!');
} else if (gameState === 'draw') {
statusText.setText('It\'s a Draw!');
} else {
statusText.setText('Player ' + currentPlayer + '\'s Turn');
}
}
function startGame(mode) {
gameMode = mode;
gameState = 'playing';
currentPlayer = 'X';
winner = null;
// Hide menu elements
titleText.visible = false;
multiplayerButton.visible = false;
aiButton.visible = false;
// Show game elements
statusText.visible = true;
resetButton.visible = true;
backButton.visible = true;
initializeGrid();
updateUI();
}
function showMenu() {
gameState = 'menu';
gameMode = null;
// Hide game elements
statusText.visible = false;
resetButton.visible = false;
backButton.visible = false;
// Show menu elements
titleText.visible = true;
multiplayerButton.visible = true;
aiButton.visible = true;
// Clear grid
for (var i = 0; i < cells.length; i++) {
for (var j = 0; j < cells[i].length; j++) {
if (cells[i][j]) {
cells[i][j].destroy();
}
}
}
cells = [];
}
function resetGame() {
gameState = 'playing';
currentPlayer = 'X';
winner = null;
for (var row = 0; row < gridSize; row++) {
for (var col = 0; col < gridSize; col++) {
cells[row][col].reset();
}
}
updateUI();
}
// Menu button functionality
multiplayerButton.down = function (x, y, obj) {
if (gameState === 'menu') {
startGame('multiplayer');
}
};
aiButton.down = function (x, y, obj) {
if (gameState === 'menu') {
startGame('ai');
}
};
// Reset button functionality
resetButton.down = function (x, y, obj) {
resetGame();
};
// Back button functionality
backButton.down = function (x, y, obj) {
showMenu();
};
function makeAIMove() {
if (gameState !== 'playing' || currentPlayer !== 'O') return;
// Simple AI: find first empty cell
var emptyCells = [];
for (var row = 0; row < gridSize; row++) {
for (var col = 0; col < gridSize; col++) {
if (cells[row][col].state === 'empty') {
emptyCells.push({
row: row,
col: col
});
}
}
}
if (emptyCells.length > 0) {
var randomIndex = Math.floor(Math.random() * emptyCells.length);
var move = emptyCells[randomIndex];
cells[move.row][move.col].placeSymbol('O');
checkWin();
if (gameState === 'playing') {
currentPlayer = 'X';
updateUI();
}
}
}
// Initialize the game - start with menu
showMenu(); ===================================================================
--- original.js
+++ change.js
@@ -45,9 +45,15 @@
if (gameState === 'playing' && self.state === 'empty') {
if (self.placeSymbol(currentPlayer)) {
checkWin();
if (gameState === 'playing') {
- currentPlayer = currentPlayer === 'X' ? 'O' : 'X';
+ if (gameMode === 'multiplayer') {
+ currentPlayer = currentPlayer === 'X' ? 'O' : 'X';
+ } else if (gameMode === 'ai' && currentPlayer === 'X') {
+ currentPlayer = 'O';
+ // AI makes move after short delay
+ LK.setTimeout(makeAIMove, 500);
+ }
updateUI();
}
}
}
@@ -69,23 +75,58 @@
// Game variables
var gridSize = 3;
var cells = [];
var currentPlayer = 'X';
-var gameState = 'playing'; // 'playing', 'won', 'draw'
+var gameState = 'menu'; // 'menu', 'playing', 'won', 'draw'
+var gameMode = null; // 'multiplayer', 'ai'
var winner = null;
// UI elements
+var titleText = new Text2('Tic-Tac-Toe', {
+ size: 120,
+ fill: 0x333333
+});
+titleText.anchor.set(0.5, 0);
+titleText.y = 200;
+LK.gui.top.addChild(titleText);
var statusText = new Text2('Player X\'s Turn', {
size: 80,
fill: 0x333333
});
statusText.anchor.set(0.5, 0);
+statusText.y = 100;
+statusText.visible = false;
LK.gui.top.addChild(statusText);
+var multiplayerButton = new Text2('Multiplayer', {
+ size: 80,
+ fill: 0x4444ff
+});
+multiplayerButton.anchor.set(0.5, 0.5);
+multiplayerButton.x = 2048 / 2;
+multiplayerButton.y = 2732 / 2 - 100;
+game.addChild(multiplayerButton);
+var aiButton = new Text2('Play vs AI', {
+ size: 80,
+ fill: 0xff4444
+});
+aiButton.anchor.set(0.5, 0.5);
+aiButton.x = 2048 / 2;
+aiButton.y = 2732 / 2 + 100;
+game.addChild(aiButton);
var resetButton = new Text2('Reset Game', {
size: 60,
fill: 0x666666
});
resetButton.anchor.set(0.5, 1);
+resetButton.visible = false;
LK.gui.bottom.addChild(resetButton);
+var backButton = new Text2('Back to Menu', {
+ size: 60,
+ fill: 0x666666
+});
+backButton.anchor.set(0.5, 1);
+backButton.y = -100;
+backButton.visible = false;
+LK.gui.bottom.addChild(backButton);
// Initialize grid
function initializeGrid() {
// Clear existing cells
for (var i = 0; i < cells.length; i++) {
@@ -206,8 +247,45 @@
} else {
statusText.setText('Player ' + currentPlayer + '\'s Turn');
}
}
+function startGame(mode) {
+ gameMode = mode;
+ gameState = 'playing';
+ currentPlayer = 'X';
+ winner = null;
+ // Hide menu elements
+ titleText.visible = false;
+ multiplayerButton.visible = false;
+ aiButton.visible = false;
+ // Show game elements
+ statusText.visible = true;
+ resetButton.visible = true;
+ backButton.visible = true;
+ initializeGrid();
+ updateUI();
+}
+function showMenu() {
+ gameState = 'menu';
+ gameMode = null;
+ // Hide game elements
+ statusText.visible = false;
+ resetButton.visible = false;
+ backButton.visible = false;
+ // Show menu elements
+ titleText.visible = true;
+ multiplayerButton.visible = true;
+ aiButton.visible = true;
+ // Clear grid
+ for (var i = 0; i < cells.length; i++) {
+ for (var j = 0; j < cells[i].length; j++) {
+ if (cells[i][j]) {
+ cells[i][j].destroy();
+ }
+ }
+ }
+ cells = [];
+}
function resetGame() {
gameState = 'playing';
currentPlayer = 'X';
winner = null;
@@ -217,11 +295,50 @@
}
}
updateUI();
}
+// Menu button functionality
+multiplayerButton.down = function (x, y, obj) {
+ if (gameState === 'menu') {
+ startGame('multiplayer');
+ }
+};
+aiButton.down = function (x, y, obj) {
+ if (gameState === 'menu') {
+ startGame('ai');
+ }
+};
// Reset button functionality
resetButton.down = function (x, y, obj) {
resetGame();
};
-// Initialize the game
-initializeGrid();
-updateUI();
\ No newline at end of file
+// Back button functionality
+backButton.down = function (x, y, obj) {
+ showMenu();
+};
+function makeAIMove() {
+ if (gameState !== 'playing' || currentPlayer !== 'O') return;
+ // Simple AI: find first empty cell
+ var emptyCells = [];
+ for (var row = 0; row < gridSize; row++) {
+ for (var col = 0; col < gridSize; col++) {
+ if (cells[row][col].state === 'empty') {
+ emptyCells.push({
+ row: row,
+ col: col
+ });
+ }
+ }
+ }
+ if (emptyCells.length > 0) {
+ var randomIndex = Math.floor(Math.random() * emptyCells.length);
+ var move = emptyCells[randomIndex];
+ cells[move.row][move.col].placeSymbol('O');
+ checkWin();
+ if (gameState === 'playing') {
+ currentPlayer = 'X';
+ updateUI();
+ }
+ }
+}
+// Initialize the game - start with menu
+showMenu();
\ No newline at end of file
Showing 1 to 9 of 9
Images
:quality(85)/https:%2F%2Fcdn.frvr.ai/6859fe92a707587439b6bf40.png%3F3)
:quality(85)/https:%2F%2Fcdn.frvr.ai/6859ff0aa707587439b6bf4d.png%3F3)
:quality(85)/https:%2F%2Fcdn.frvr.ai/685a01b2572e348030579e38.png%3F3)
Used plugins
@upit/storage
