Tic-Tac-Toe Game with Python

Tic-Tac-Toe Game using Python: Building a Graphical Interface Using Pygame

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 pygame

Setting 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 = (, , )
LINE_COLOR = (, , )

# 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 False

Drawing 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, ), (i * GRID_SIZE, WINDOW_SIZE), LINE_WIDTH)
        pygame.draw.line(screen, LINE_COLOR, (, 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 = (, , )
LINE_COLOR = (, , )

# 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, ), (i * GRID_SIZE, WINDOW_SIZE), LINE_WIDTH)
        pygame.draw.line(screen, LINE_COLOR, (, 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

Tic-Tac-Toe Game with Python

FAQs

Q: How do I install the Pygame library?

See also  10 Mind-Blowing Python IDEs That Will Revolutionize Your Coding Experience!

A: You can install the Pygame library using pip with the following command:

pip install pygame

Q: 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

Leave a Comment

Your email address will not be published. Required fields are marked *