Want to create interactive content? It’s easy in Genially!

Get started free

Tic-Tac-Toe

Thayú Kilili

Created on May 21, 2025

Start designing with a free template

Discover more than 1500 professional designs like these:

Essential Map

Akihabara Map

Discover Your AI Assistant

Match the Verbs in Spanish: Present and Past

Syllabus Organizer for Higher Education

Mathematical Operations

Frayer Model

Transcript

Step Four

Step Three

Step Five

Step Two

Step Six

Step Seven

Step Eight

Step One

WOW

Idea 3

Visual content is a cross-cutting, universal language, like music. We are able to understand images from millions of years ago, even from other cultures.

  • It matches with your audience...
  • And makes them part of the message.

Idea 2

+ Info

Did you know that Genially allows you to share your creation directly, without the need for downloads? Ready for your audience to view it on any device and share it anywhere.

Idea 1

Idea 4

  • It is clear and structured
  • It tells stories hierarchically.

Graphic Organizer

+ Info

STEP 7: Check for a Winner

Use if blocks to check:

  • Rows: Box1 + Box2 + Box3
  • Columns: Box1 + Box4 + Box7
  • Diagonals: Box1 + Box5 + Box9

If someone wins, say: "X wins!" or "O wins!" and stop the game.

Write agreat headline

Do you need more reasons to create dynamic content? Well: 90% of the information we assimilate comes to us through sight, and we retain 42% more information when the content is moving.

STEP 5: Code the Turn System

  • For each box sprite (Box1 to Box9), add this code:

when this sprite clicked if <(Box1) = ""> then if <(Turn) = "X"> then create clone of [X v] set [Box1 v] to [X] set [Turn v] to [O] else create clone of [O v] set [Box1 v] to [O] set [Turn v] to [X] endend

Write agreat headline

Do you need more reasons to create dynamic content? Well: 90% of the information we absorb comes to us through sight, and we retain 42% more information when the contentis moving.Disciplines like Visual Thinking facilitate taking visually rich notes thanks to the use of images, graphs, infographics, and simple drawings. Go for it!

STEP 6: Position X and O Clones

For the X and O sprites:

when I start as a clone go to [Box1 v] // Match it with the right box sprite show

Use go to x:__ y:__ to place it perfectly.

STEP 1: Set Up the Stage

  1. Click “Create” on Scratch to start a new project.
  2. Delete the cat sprite (right-click > delete).
  3. Click “Choose a Sprite” → Pick or draw a grid (3x3 Tic Tac Toe board). Or draw your own using the Paint tool!

STEP 2: Make the Player Pieces

  1. Click “Paint new sprite” and draw a big X. Name it “X”.2. Do it again and draw a big O. Name it “O”.

Tip: Use bright colors so it pops!

STEP 4: Set Up Variables

  1. Click the “Variables” tab and create: Turn → To know if it's X's turn or O's
  2. Box1 to Box9 → To store what's in each square Winner → To check who won

STEP 8: Make It Look Awesome

  • Add sounds (like a pop when clicked)
  • Add a "Reset Game" button
  • Add a title like "Tic Tac Wow!"

STEP 3: Create the Clickable Boxes

  1. Create a new sprite: draw a transparent square with a colored outline.2. Make 9 copies of this sprite (one for each square on the grid). 3. Arrange them to match the board layout (3 rows × 3 columns).

Make sure you rename each one to Box1, Box2, ..., Box9.

Here you can put a highlighted title

With Genially templates, you can include visual resources to leave your audience in awe. You can also highlight a specific phrase or fact that sticks in your audience's memory, and even embed external content that surprises: videos, photos, audio...Whatever you want!

Bring your creation's elements to life with animation. It’s impossible not to pay attention to moving content!

+ Info

Write agreat headline

Write a great text by clicking on Text in the left sidebar. Note: Fonts, size, and color must match the theme youare addressing.

WOW!!!!

You're now a Scratch game developer! Share your game with friends or remix it to make a cooler version.