Tic-Tac-Toe is a classic game loved by many, and it’s a perfect beginner project for those new to programming. In this tutorial, we’ll guide you through creating a graphical Tic-Tac-Toe game using Python and the Pygame library. We’ll start with the necessary steps to set up the game and provide a comprehensive breakdown of the code.
Getting Started with Pygame
Before diving into the code, you’ll need to install the Pygame library, which can be done using pip: Tic-Tac-Toe Game using Python
pip install pygameSetting up the Game Display
Once you’ve installed the library, we’ll create the main game window using the following code:
# Tic-Tac-Toe Game with Python
import pygame
import sys
# Initialize Pygame
pygame.init()
# Constants
WINDOW_SIZE = 300
GRID_SIZE = 100
LINE_WIDTH = 5
# Colors
WHITE = (255, 255, 255)
BLACK = (0, 0, 0)
LINE_COLOR = (0, 0, 0)
# Set up the display
screen = pygame.display.set_mode((WINDOW_SIZE, WINDOW_SIZE))
pygame.display.set_caption('Tic Tac Toe')Implementing the Game Logic
To make the game functional, we need to implement the game logic, such as managing the game state, checking for wins, and switching between players.
# Set up the game state
game_board = [[' ' for _ in range(3)] for _ in range(3)]
current_player = 'X'
def check_win(board, player):
for row in board:
if all(cell == player for cell in row):
return True
for col in range(3):
if all(board[row][col] == player for row in range(3)):
return True
if all(board[i][i] == player for i in range(3)) or all(board[i][2 - i] == player for i in range(3)):
return True
return FalseDrawing the Game Elements
In this section, we’ll draw the game elements, such as the grid lines, X’s, and O’s.
def draw_lines():
for i in range(1, 3):
pygame.draw.line(screen, LINE_COLOR, (i * GRID_SIZE, 0), (i * GRID_SIZE, WINDOW_SIZE), LINE_WIDTH)
pygame.draw.line(screen, LINE_COLOR, (0, i * GRID_SIZE), (WINDOW_SIZE, i * GRID_SIZE), LINE_WIDTH)
def draw_x(row, col):
offset = GRID_SIZE // 4
pygame.draw.line(screen, LINE_COLOR, (col * GRID_SIZE + offset, row * GRID_SIZE + offset),
((col + 1) * GRID_SIZE - offset, (row + 1) * GRID_SIZE - offset), LINE_WIDTH)
pygame.draw.line(screen, LINE_COLOR, ((col + 1) * GRID_SIZE - offset, row * GRID_SIZE + offset),
(col * GRID_SIZE + offset, (row + 1) * GRID_SIZE - offset), LINE_WIDTH)
def draw_o(row, col):
offset = GRID_SIZE // 4
pygame.draw.circle(screen, LINE_COLOR, (col * GRID_SIZE + GRID_SIZE // 2, row * GRID_SIZE + GRID_SIZE // 2),
GRID_SIZE // 2 - offset, LINE_WIDTH)
Adding a Main Game Loop
Now, we’ll add the main game loop to handle user input, update the game state, and redraw the screen.
# Main game loop
running = True
game_over = False
while running:
screen.fill(WHITE)
draw_lines()
for event in pygame.event.get():
if event.type == pygame.QUIT:
running = False
if not game_over and event.type == pygame.MOUSEBUTTONDOWN:
x, y = event.pos
row, col = y // GRID_SIZE, x // GRID_SIZE
if game_board[row][col] == ' ':
game_board[row][col] = current_player
if check_win(game_board, current_player):
print(f"Player {current_player} wins!")
game_over = True
else:
current_player = 'O' if current_player == 'X' else 'X'
# Draw symbols
for row in range(3):
for col in range(3):
if game_board[row][col] == 'X':
draw_x(row, col)
elif game_board[row][col] == 'O':
draw_o(row, col)
pygame.display.flip()
pygame.quit()
sys.exit()
Complete Code : Tic-Tac-Toe Game using Python
#Tic-Tac-Toe Game using Python
import pygame
import sys
# Initialize Pygame
pygame.init()
# Constants
WINDOW_SIZE = 300
GRID_SIZE = 100
LINE_WIDTH = 5
# Colors
WHITE = (255, 255, 255)
BLACK = (0, 0, 0)
LINE_COLOR = (0, 0, 0)
# Set up the display
screen = pygame.display.set_mode((WINDOW_SIZE, WINDOW_SIZE))
pygame.display.set_caption('Tic Tac Toe')
# Set up the game state
game_board = [[' ' for _ in range(3)] for _ in range(3)]
current_player = 'X'
def check_win(board, player):
for row in board:
if all(cell == player for cell in row):
return True
for col in range(3):
if all(board[row][col] == player for row in range(3)):
return True
if all(board[i][i] == player for i in range(3)) or all(board[i][2 - i] == player for i in range(3)):
return True
return False
def draw_lines():
for i in range(1, 3):
pygame.draw.line(screen, LINE_COLOR, (i * GRID_SIZE, 0), (i * GRID_SIZE, WINDOW_SIZE), LINE_WIDTH)
pygame.draw.line(screen, LINE_COLOR, (0, i * GRID_SIZE), (WINDOW_SIZE, i * GRID_SIZE), LINE_WIDTH)
def draw_x(row, col):
offset = GRID_SIZE // 4
pygame.draw.line(screen, LINE_COLOR, (col * GRID_SIZE + offset, row * GRID_SIZE + offset),
((col + 1) * GRID_SIZE - offset, (row + 1) * GRID_SIZE - offset), LINE_WIDTH)
pygame.draw.line(screen, LINE_COLOR, ((col + 1) * GRID_SIZE - offset, row * GRID_SIZE + offset),
(col * GRID_SIZE + offset, (row + 1) * GRID_SIZE - offset), LINE_WIDTH)
def draw_o(row, col):
offset = GRID_SIZE // 4
pygame.draw.circle(screen, LINE_COLOR, (col * GRID_SIZE + GRID_SIZE // 2, row * GRID_SIZE + GRID_SIZE // 2),
GRID_SIZE // 2 - offset, LINE_WIDTH)
# Main game loop
running = True
game_over = False
while running:
screen.fill(WHITE)
draw_lines()
for event in pygame.event.get():
if event.type == pygame.QUIT:
running = False
if not game_over and event.type == pygame.MOUSEBUTTONDOWN:
x, y = event.pos
row, col = y // GRID_SIZE, x // GRID_SIZE
if game_board[row][col] == ' ':
game_board[row][col] = current_player
if check_win(game_board, current_player):
print(f"Player {current_player} wins!")
game_over = True
else:
current_player = 'O' if current_player == 'X' else 'X'
# Draw symbols
for row in range(3):
for col in range(3):
if game_board[row][col] == 'X':
draw_x(row, col)
elif game_board[row][col] == 'O':
draw_o(row, col)
pygame.display.flip()
pygame.quit()
sys.exit()
OUTPUT
FAQs
Q: How do I install the Pygame library?
A: You can install the Pygame library using pip with the following command:
pip install pygameQ: How can I customize the colors and appearance of the game?
A: You can customize the colors by changing the values of the color tuples, such as WHITE, BLACK, and LINE_COLOR. To modify the appearance, adjust the values of WINDOW_SIZE, GRID_SIZE, and LINE_WIDTH.
Q: How can I detect a draw in the game?
A: You can add a function to check if the board is full, which indicates a draw. You can then call this function in the main game loop to detect and handle a draw.
Q: How can I improve the game or add new features?
A: You can enhance the game by adding features such as a reset button, a visual win notification, a draw detection and notification, an option to play against the computer (AI), or even implementing a score counter for multiple games.
With this tutorial, you should now be able to create a simple graphical Tic-Tac-Toe game using Python and the Pygame library. Happy coding! Tic-Tac-Toe Game using Python
Click Here For More Python Projects
