Play
:quality(85)/https:%2F%2Fcdn.frvr.ai/685d4d58420b226d44d5f72c.png)
:quality(85)/https:%2F%2Fcdn.frvr.ai/685d4d51420b226d44d5f72a.png)
#TicTacToe
#PuzzleGame
#MobileGaming
#Strategy
##MysticPuzzleQuest #tictactoe
##MysticPuzzleQuest tictactoe
Creation History
User prompt
I can't scroll it still
User prompt
I'm still not able to scroll it up
User prompt
I am not able to swipe
User prompt
Solve the error
User prompt
Fix the bug cus I can't find it, make it such a way that u can scroll and find the other games ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
Make this game under tic tac toe
User prompt
Under this game make another game
User prompt
Make more kids like this, all cheering when someone wins ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
Make the background aesthetic, make the box look aesthetic, balls a little realistic and a small cute cartoon boy under the box standing and saying if "X wins" or "O wins"
Code edit (1 edits merged)
Please save this source code
User prompt
Tic Tac Toe Master
Initial prompt
def print_board(board): """Prints the current state of the board.""" for row in board: print(" | ".join(row)) print("-" * 9) def check_winner(board): """Checks if there's a winner or a tie.""" # Check rows for row in board: if row[0] == row[1] == row[2] != " ": return row[0] # Check columns for col in range(3): if board[0][col] == board[1][col] == board[2][col] != " ": return board[0][col] # Check diagonals if board[0][0] == board[1][1] == board[2][2] != " ": return board[0][0] if board[0][2] == board[1][1] == board[2][0] != " ": return board[0][2] # Check for tie if all(cell != " " for row in board for cell in row): return "Tie" return None def tic_tac_toe(): """Main function to run the Tic Tac Toe game.""" board = [[" " for _ in range(3)] for _ in range(3)] current_player = "X" print("Welcome to Tic Tac Toe!") print("Enter row and column numbers (0-2) separated by space.") while True: print_board(board) print(f"Player {current_player}'s turn.") try: row, col = map(int, input("Enter your move (row column): ").split()) if row not in range(3) or col not in range(3): print("Invalid input! Row and column must be 0, 1, or 2.") continue if board[row][col] != " ": print("That cell is already occupied! Try again.") continue except ValueError: print("Invalid input! Please enter two numbers separated by space.") continue board[row][col] = current_player winner = check_winner(board) if winner: print_board(board) if winner == "Tie": print("It's a tie!") else: print(f"Player {winner} wins!") break current_player = "O" if current_player == "X" else "X" if __name__ == "__main__": tic_tac_toe()
/****
* Plugins
****/
var tween = LK.import("@upit/tween.v1");
/****
* Classes
****/
var CartoonBoy = Container.expand(function () {
var self = Container.call(this);
// Character body
var body = self.attachAsset('characterBody', {
anchorX: 0.5,
anchorY: 1
});
// Character head
var head = self.attachAsset('characterHead', {
anchorX: 0.5,
anchorY: 1,
y: -100
});
// Eyes
var leftEye = self.attachAsset('characterEye', {
anchorX: 0.5,
anchorY: 0.5,
x: -12,
y: -115
});
var rightEye = self.attachAsset('characterEye', {
anchorX: 0.5,
anchorY: 0.5,
x: 12,
y: -115
});
// Mouth
var mouth = self.attachAsset('characterMouth', {
anchorX: 0.5,
anchorY: 0.5,
x: 0,
y: -100,
scaleY: 0.4
});
// Speech bubble
var speechBubble = self.attachAsset('speechBubble', {
anchorX: 0.5,
anchorY: 1,
x: 0,
y: -180,
alpha: 0
});
// Speech text
var speechText = new Text2('', {
size: 24,
fill: 0x2c3e50
});
speechText.anchor.set(0.5, 0.5);
speechText.x = 0;
speechText.y = -180;
self.addChild(speechText);
self.speak = function (message) {
speechText.setText(message);
tween(speechBubble, {
alpha: 1
}, {
duration: 300
});
tween(speechText, {
alpha: 1
}, {
duration: 300
});
// Animate character excitement
tween(self, {
scaleX: 1.1,
scaleY: 1.1
}, {
duration: 200,
yoyo: true,
repeat: 1
});
};
self.hideSpeech = function () {
tween(speechBubble, {
alpha: 0
}, {
duration: 300
});
tween(speechText, {
alpha: 0
}, {
duration: 300
});
};
return self;
});
var Cell = Container.expand(function (row, col) {
var self = Container.call(this);
self.row = row;
self.col = col;
self.state = 0; // 0 = empty, 1 = X, 2 = O
self.isHighlighted = false;
var cellBackground = self.attachAsset('cell', {
anchorX: 0.5,
anchorY: 0.5
});
var cellHighlight = self.attachAsset('cellHighlight', {
anchorX: 0.5,
anchorY: 0.5,
alpha: 0
});
var symbol = null;
self.highlight = function () {
if (!self.isHighlighted) {
self.isHighlighted = true;
tween(cellHighlight, {
alpha: 1
}, {
duration: 200
});
}
};
self.unhighlight = function () {
if (self.isHighlighted) {
self.isHighlighted = false;
tween(cellHighlight, {
alpha: 0
}, {
duration: 200
});
}
};
self.placeSymbol = function (player) {
if (self.state !== 0) return false;
self.state = player;
if (player === 1) {
var xContainer = new Container();
var xLine1 = LK.getAsset('xShape', {
anchorX: 0.5,
anchorY: 0.5,
scaleX: 0,
scaleY: 0,
rotation: Math.PI * 0.25
});
var xLine2 = LK.getAsset('xShape2', {
anchorX: 0.5,
anchorY: 0.5,
scaleX: 0,
scaleY: 0,
rotation: Math.PI * 0.25
});
xContainer.addChild(xLine1);
xContainer.addChild(xLine2);
symbol = xContainer;
self.addChild(symbol);
tween(xLine1, {
scaleX: 1,
scaleY: 1
}, {
duration: 300,
easing: tween.elasticOut
});
tween(xLine2, {
scaleX: 1,
scaleY: 1
}, {
duration: 300,
easing: tween.elasticOut,
delay: 100
});
} else {
symbol = self.attachAsset('oShape', {
anchorX: 0.5,
anchorY: 0.5,
scaleX: 0,
scaleY: 0
});
tween(symbol, {
scaleX: 1,
scaleY: 1
}, {
duration: 300,
easing: tween.elasticOut
});
}
LK.getSound('place').play();
return true;
};
self.down = function (x, y, obj) {
if (self.state === 0) {
self.highlight();
}
};
self.up = function (x, y, obj) {
self.unhighlight();
if (self.state === 0 && gameState === 'playing') {
if (self.placeSymbol(currentPlayer)) {
checkWin();
if (gameState === 'playing') {
switchPlayer();
}
}
}
};
return self;
});
var WinLine = Container.expand(function () {
var self = Container.call(this);
var line = self.attachAsset('winLine', {
anchorX: 0.5,
anchorY: 0.5,
scaleX: 0,
alpha: 0
});
self.showWinLine = function (startX, startY, endX, endY) {
self.x = (startX + endX) / 2;
self.y = (startY + endY) / 2;
var dx = endX - startX;
var dy = endY - startY;
var angle = Math.atan2(dy, dx);
var distance = Math.sqrt(dx * dx + dy * dy);
line.rotation = angle;
line.width = distance;
tween(self, {
alpha: 1
}, {
duration: 300
});
tween(line, {
scaleX: 1
}, {
duration: 500,
easing: tween.easeOut
});
LK.getSound('win').play();
};
return self;
});
/****
* Initialize Game
****/
var game = new LK.Game({
backgroundColor: 0x74b9ff
});
/****
* Game Code
****/
var cells = [];
var currentPlayer = 1; // 1 = X, 2 = O
var gameState = 'playing'; // 'playing', 'win', 'tie'
var winLine = null;
// Create grid
var gridContainer = new Container();
game.addChild(gridContainer);
// Position grid in center
gridContainer.x = 2048 / 2;
gridContainer.y = 2732 / 2;
// Create grid lines
var verticalLine1 = LK.getAsset('gridLine', {
anchorX: 0.5,
anchorY: 0.5,
x: -100,
y: 0
});
gridContainer.addChild(verticalLine1);
var verticalLine2 = LK.getAsset('gridLine', {
anchorX: 0.5,
anchorY: 0.5,
x: 100,
y: 0
});
gridContainer.addChild(verticalLine2);
var horizontalLine1 = LK.getAsset('gridLine', {
anchorX: 0.5,
anchorY: 0.5,
x: 0,
y: -100,
rotation: Math.PI / 2
});
gridContainer.addChild(horizontalLine1);
var horizontalLine2 = LK.getAsset('gridLine', {
anchorX: 0.5,
anchorY: 0.5,
x: 0,
y: 100,
rotation: Math.PI / 2
});
gridContainer.addChild(horizontalLine2);
// Create cells
for (var row = 0; row < 3; row++) {
cells[row] = [];
for (var col = 0; col < 3; col++) {
var cell = new Cell(row, col);
cell.x = (col - 1) * 200;
cell.y = (row - 1) * 200;
gridContainer.addChild(cell);
cells[row][col] = cell;
}
}
// Create turn indicator
var turnText = new Text2('X\'s Turn', {
size: 80,
fill: 0x333333
});
turnText.anchor.set(0.5, 0.5);
turnText.x = 2048 / 2;
turnText.y = 500;
game.addChild(turnText);
// Create cartoon character
var cartoonBoy = new CartoonBoy();
cartoonBoy.x = 2048 / 2;
cartoonBoy.y = 2400;
game.addChild(cartoonBoy);
// Create game status text
var statusText = new Text2('', {
size: 100,
fill: 0xFF0000
});
statusText.anchor.set(0.5, 0.5);
statusText.x = 2048 / 2;
statusText.y = 2200;
game.addChild(statusText);
// Create restart button text
var restartText = new Text2('Tap to Restart', {
size: 60,
fill: 0x666666
});
restartText.anchor.set(0.5, 0.5);
restartText.x = 2048 / 2;
restartText.y = 2350;
restartText.alpha = 0;
game.addChild(restartText);
function switchPlayer() {
currentPlayer = currentPlayer === 1 ? 2 : 1;
turnText.setText(currentPlayer === 1 ? 'X\'s Turn' : 'O\'s Turn');
turnText.tint = currentPlayer === 1 ? 0xff4444 : 0x4444ff;
}
function checkWin() {
// Check rows
for (var row = 0; row < 3; row++) {
if (cells[row][0].state !== 0 && cells[row][0].state === cells[row][1].state && cells[row][1].state === cells[row][2].state) {
showWin(cells[row][0].x + gridContainer.x, cells[row][0].y + gridContainer.y, cells[row][2].x + gridContainer.x, cells[row][2].y + gridContainer.y);
return;
}
}
// Check columns
for (var col = 0; col < 3; col++) {
if (cells[0][col].state !== 0 && cells[0][col].state === cells[1][col].state && cells[1][col].state === cells[2][col].state) {
showWin(cells[0][col].x + gridContainer.x, cells[0][col].y + gridContainer.y, cells[2][col].x + gridContainer.x, cells[2][col].y + gridContainer.y);
return;
}
}
// Check diagonals
if (cells[0][0].state !== 0 && cells[0][0].state === cells[1][1].state && cells[1][1].state === cells[2][2].state) {
showWin(cells[0][0].x + gridContainer.x, cells[0][0].y + gridContainer.y, cells[2][2].x + gridContainer.x, cells[2][2].y + gridContainer.y);
return;
}
if (cells[0][2].state !== 0 && cells[0][2].state === cells[1][1].state && cells[1][1].state === cells[2][0].state) {
showWin(cells[0][2].x + gridContainer.x, cells[0][2].y + gridContainer.y, cells[2][0].x + gridContainer.x, cells[2][0].y + gridContainer.y);
return;
}
// Check for tie
var isTie = true;
for (var row = 0; row < 3; row++) {
for (var col = 0; col < 3; col++) {
if (cells[row][col].state === 0) {
isTie = false;
break;
}
}
if (!isTie) break;
}
if (isTie) {
showTie();
}
}
function showWin(startX, startY, endX, endY) {
gameState = 'win';
var winner = currentPlayer === 1 ? 'X' : 'O';
statusText.setText(winner + ' Wins!');
statusText.tint = currentPlayer === 1 ? 0x3498db : 0xe74c3c;
turnText.alpha = 0;
// Make cartoon boy announce the winner
cartoonBoy.speak(winner + ' Wins!');
winLine = new WinLine();
game.addChild(winLine);
winLine.showWinLine(startX, startY, endX, endY);
tween(restartText, {
alpha: 1
}, {
duration: 500
});
}
function showTie() {
gameState = 'tie';
statusText.setText('It\'s a Tie!');
statusText.tint = 0x95a5a6;
turnText.alpha = 0;
// Make cartoon boy announce the tie
cartoonBoy.speak('It\'s a Tie!');
tween(restartText, {
alpha: 1
}, {
duration: 500
});
}
function restartGame() {
// Reset game state
gameState = 'playing';
currentPlayer = 1;
// Clear cells
for (var row = 0; row < 3; row++) {
for (var col = 0; col < 3; col++) {
cells[row][col].state = 0;
cells[row][col].removeChildren();
// Re-add cell background and highlight
var cellBackground = cells[row][col].attachAsset('cell', {
anchorX: 0.5,
anchorY: 0.5
});
var cellHighlight = cells[row][col].attachAsset('cellHighlight', {
anchorX: 0.5,
anchorY: 0.5,
alpha: 0
});
}
}
// Reset UI
turnText.setText('X\'s Turn');
turnText.tint = 0x3498db;
turnText.alpha = 1;
statusText.setText('');
restartText.alpha = 0;
// Hide cartoon boy speech
cartoonBoy.hideSpeech();
// Remove win line
if (winLine) {
winLine.destroy();
winLine = null;
}
}
game.down = function (x, y, obj) {
if (gameState !== 'playing' && restartText.alpha > 0) {
restartGame();
}
};
game.update = function () {
// Game logic is handled by event-driven cell interactions
}; ===================================================================
--- original.js
+++ change.js
@@ -5,8 +5,95 @@
/****
* Classes
****/
+var CartoonBoy = Container.expand(function () {
+ var self = Container.call(this);
+ // Character body
+ var body = self.attachAsset('characterBody', {
+ anchorX: 0.5,
+ anchorY: 1
+ });
+ // Character head
+ var head = self.attachAsset('characterHead', {
+ anchorX: 0.5,
+ anchorY: 1,
+ y: -100
+ });
+ // Eyes
+ var leftEye = self.attachAsset('characterEye', {
+ anchorX: 0.5,
+ anchorY: 0.5,
+ x: -12,
+ y: -115
+ });
+ var rightEye = self.attachAsset('characterEye', {
+ anchorX: 0.5,
+ anchorY: 0.5,
+ x: 12,
+ y: -115
+ });
+ // Mouth
+ var mouth = self.attachAsset('characterMouth', {
+ anchorX: 0.5,
+ anchorY: 0.5,
+ x: 0,
+ y: -100,
+ scaleY: 0.4
+ });
+ // Speech bubble
+ var speechBubble = self.attachAsset('speechBubble', {
+ anchorX: 0.5,
+ anchorY: 1,
+ x: 0,
+ y: -180,
+ alpha: 0
+ });
+ // Speech text
+ var speechText = new Text2('', {
+ size: 24,
+ fill: 0x2c3e50
+ });
+ speechText.anchor.set(0.5, 0.5);
+ speechText.x = 0;
+ speechText.y = -180;
+ self.addChild(speechText);
+ self.speak = function (message) {
+ speechText.setText(message);
+ tween(speechBubble, {
+ alpha: 1
+ }, {
+ duration: 300
+ });
+ tween(speechText, {
+ alpha: 1
+ }, {
+ duration: 300
+ });
+ // Animate character excitement
+ tween(self, {
+ scaleX: 1.1,
+ scaleY: 1.1
+ }, {
+ duration: 200,
+ yoyo: true,
+ repeat: 1
+ });
+ };
+ self.hideSpeech = function () {
+ tween(speechBubble, {
+ alpha: 0
+ }, {
+ duration: 300
+ });
+ tween(speechText, {
+ alpha: 0
+ }, {
+ duration: 300
+ });
+ };
+ return self;
+});
var Cell = Container.expand(function (row, col) {
var self = Container.call(this);
self.row = row;
self.col = col;
@@ -45,30 +132,57 @@
self.placeSymbol = function (player) {
if (self.state !== 0) return false;
self.state = player;
if (player === 1) {
- symbol = self.attachAsset('xShape', {
+ var xContainer = new Container();
+ var xLine1 = LK.getAsset('xShape', {
anchorX: 0.5,
anchorY: 0.5,
scaleX: 0,
scaleY: 0,
rotation: Math.PI * 0.25
});
+ var xLine2 = LK.getAsset('xShape2', {
+ anchorX: 0.5,
+ anchorY: 0.5,
+ scaleX: 0,
+ scaleY: 0,
+ rotation: Math.PI * 0.25
+ });
+ xContainer.addChild(xLine1);
+ xContainer.addChild(xLine2);
+ symbol = xContainer;
+ self.addChild(symbol);
+ tween(xLine1, {
+ scaleX: 1,
+ scaleY: 1
+ }, {
+ duration: 300,
+ easing: tween.elasticOut
+ });
+ tween(xLine2, {
+ scaleX: 1,
+ scaleY: 1
+ }, {
+ duration: 300,
+ easing: tween.elasticOut,
+ delay: 100
+ });
} else {
symbol = self.attachAsset('oShape', {
anchorX: 0.5,
anchorY: 0.5,
scaleX: 0,
scaleY: 0
});
+ tween(symbol, {
+ scaleX: 1,
+ scaleY: 1
+ }, {
+ duration: 300,
+ easing: tween.elasticOut
+ });
}
- tween(symbol, {
- scaleX: 1,
- scaleY: 1
- }, {
- duration: 300,
- easing: tween.elasticOut
- });
LK.getSound('place').play();
return true;
};
self.down = function (x, y, obj) {
@@ -125,9 +239,9 @@
/****
* Initialize Game
****/
var game = new LK.Game({
- backgroundColor: 0xffffff
+ backgroundColor: 0x74b9ff
});
/****
* Game Code
@@ -192,8 +306,13 @@
turnText.anchor.set(0.5, 0.5);
turnText.x = 2048 / 2;
turnText.y = 500;
game.addChild(turnText);
+// Create cartoon character
+var cartoonBoy = new CartoonBoy();
+cartoonBoy.x = 2048 / 2;
+cartoonBoy.y = 2400;
+game.addChild(cartoonBoy);
// Create game status text
var statusText = new Text2('', {
size: 100,
fill: 0xFF0000
@@ -259,10 +378,12 @@
function showWin(startX, startY, endX, endY) {
gameState = 'win';
var winner = currentPlayer === 1 ? 'X' : 'O';
statusText.setText(winner + ' Wins!');
- statusText.tint = currentPlayer === 1 ? 0xff4444 : 0x4444ff;
+ statusText.tint = currentPlayer === 1 ? 0x3498db : 0xe74c3c;
turnText.alpha = 0;
+ // Make cartoon boy announce the winner
+ cartoonBoy.speak(winner + ' Wins!');
winLine = new WinLine();
game.addChild(winLine);
winLine.showWinLine(startX, startY, endX, endY);
tween(restartText, {
@@ -273,10 +394,12 @@
}
function showTie() {
gameState = 'tie';
statusText.setText('It\'s a Tie!');
- statusText.tint = 0x666666;
+ statusText.tint = 0x95a5a6;
turnText.alpha = 0;
+ // Make cartoon boy announce the tie
+ cartoonBoy.speak('It\'s a Tie!');
tween(restartText, {
alpha: 1
}, {
duration: 500
@@ -304,12 +427,14 @@
}
}
// Reset UI
turnText.setText('X\'s Turn');
- turnText.tint = 0xff4444;
+ turnText.tint = 0x3498db;
turnText.alpha = 1;
statusText.setText('');
restartText.alpha = 0;
+ // Hide cartoon boy speech
+ cartoonBoy.hideSpeech();
// Remove win line
if (winLine) {
winLine.destroy();
winLine = null;
Showing 1 to 12 of 12
Used plugins
@upit/tween
