[Free/Paid] TicTacToe Extension: creates a fully functional Tic Tac Toe game

Extensions
, ,
1

TicTacToe Extension

tictactoethumb-1024x576
tictactoethumb-1024x5761024×576 93 KB

Version: 8
Category: Extension
Visibility: Non-Visible
Developer: Idriss (using Fast-CLI, adapted for MIT App Inventor)
Size: 17Kb
Date: March 27, 2025
Update: March 28, 2025

🔹 Overview

TicTacToe Extension is a powerful extension now compatible with MIT App Inventor, allowing you to create a fully functional Tic Tac Toe game within your apps. It features a stylish 3x3 grid with square buttons, customizable images for X and O, background options, and an AI bot with three difficulty levels (Noob, Medium, Pro). Designed for both Player vs. Player (PvP) and Player vs. Bot (PvB) modes, it’s perfect for developers aiming to add an engaging and interactive game to their MIT App Inventor projects!

✅ Key Features

  • 🎨 Customizable Design: Set button colors, text colors, and background color/image.
  • 🖼️ Image Support: Use custom X and O images from assets.
  • 🤖 AI Bot: Choose from three difficulty levels (Noob, Medium, Pro) for single-player mode.
  • 📊 Score Tracking: Track X wins, O wins, and ties with event feedback.
  • 🎬 Animations: Button click animations for a smooth user experience.
  • 🎮 Flexible Gameplay: Supports both PvP and PvB modes.

🛠️ Functions & Usage

:small_blue_diamond: Core Properties:

  • SetButtonColor(int color): Sets the default button background color.
  • SetTextColor(int color): Sets the text color for X/O (if no images).
  • SetBackgroundColor(int color): Sets the background color.
  • SetXImage(String path): Sets the X image from assets.
  • SetOImage(String path): Sets the O image from assets.
  • SetBackgroundImage(String path): Sets the background image from assets.

:small_blue_diamond: Setup & Display:

  • Create(VerticalArrangement component): Creates the game board in a VerticalArrangement (MIT App Inventor compatible).
  • RestartGame(): Resets the game board and scores.
  • GameFinished(String lastWinner, int xScore, int oScore, int ties): Event triggered when the game ends.

:small_blue_diamond: Customization:

  • EnableBot(boolean enable): Enables or disables the bot (O player).
  • SetBotLevel(String level): Sets the bot difficulty (Noob, Medium, Pro).
  • IsBotEnabled(): Returns true if the bot is enabled, false otherwise.

📌 How It Works (Step-by-Step Guide)

  1. Step 1: Import the TicTacToe Extension (.aix) into your MIT App Inventor project.
  2. Step 2: Customize the game with SetButtonColor, SetXImage, etc.
  3. Step 3: Enable the bot using EnableBot and set difficulty with SetBotLevel (optional).
  4. Step 4: Call Create with a VerticalArrangement component.
  5. Step 5: Handle the GameFinished event to display results or proceed.

*** Example Blocks

image
image

Below are example blocks showing how to use TicTacToe Extension in your MIT App Inventor project:

image
image959×438 32.8 KB

Description: This example sets up a Tic Tac Toe game with a bot at "Medium" difficulty, custom X/O images, and triggers the GameFinished event to display scores.

*** Video Test

Watch the video below to see TicTacToe Extension in action:

Description: This video demonstrates the Tic Tac Toe game with a bot enabled, custom X/O images, and the GameFinished event showing results in MIT App Inventor.

🔔 Events & Error Handling

  • GameFinished(String lastWinner, int xScore, int oScore, int ties): Triggered when the game ends with winner and scores.

image

Note: Ensure the game completes (win or tie) for the event to return values.

🛠️ Troubleshooting & Common Issues

⚠️ "GameFinished event not returning values"?
→ Ensure the game ends (win/tie) and check your blocks for proper event handling.

image

:warning: "Bot not playing"?

→ Verify EnableBot is true and SetBotLevel is set correctly.

image

:warning: "Images not loading"?

→ Check asset paths for SetXImage and SetOImage (.png, .jpg supported).

image

🚀 Why Use This Extension?

✅ Engaging Game: Add a fun Tic Tac Toe experience to your app.
✅ Highly Customizable: Tailor the design to fit your app’s style.
✅ Easy Integration: Simple blocks and events for quick setup.
✅ Flexible Modes: Supports both PvP and PvB gameplay.

🚀 Over 12 Blocks 🚀

Create_Method
EnableBot_Set_Property
GameFinished_Event
IsBotEnabled_Method
RestartGame_Method
SetBackgroundColor_Set_Property
SetBackgroundImage_Set_Property
SetBotLevel_Method
SetButtonColor_Set_Property
SetOImage_Set_Property
SetTextColor_Set_Property
SetXImage_Set_Property

What’s New in Version 8

  • Click Protection: Fixed a problem where clicking two buttons at once could mess up the game. Now, it locks after each click so only one move happens at a time, making it fair and smooth.
  • Phone Size Support: Added support for all phone sizes, so the game looks good and works well no matter what device you’re using.
Version: 8
Category: Extension
Visibility: Non-Visible
Developer: Idriss (using Fast-CLI, adapted for MIT App Inventor)
Size: 17Kb
Date: March 27, 2025
Update: March 28, 2025

Extension Support for MIT App Inventor

🎉 Enjoy using TicTacToe Extension in MIT App Inventor! Share your feedback & suggestions below. 🚀

💰 Purchase TicTacToe Extension: Get the full version of TicTacToe Extension for just 3 USD via PayPal. If you don’t have money, I’ll provide it to you for free—contact me! Click the link below to make your payment:

📩 After Payment: Contact me on Telegram or via email to receive your extension file. Provide your payment details for verification.

image
image1052×306 22.4 KB

Telegram: @IdrissCAma

2 Likes
2

Good job. but with this extension, there is much less the fun of coding, since you have done most of work.

2 Likes
3

Thanks for the feedback, I get what you mean using an extension like this can take away some of the coding fun since it handles a lot of the heavy lifting for you. My goal was to make a ready to use Tic Tac Toe game so you can focus on other creative parts of your app, like designing the UI or adding cool features around it. :wink:

4

Agreed, this was the fun way :

2 Likes
5

Agreed :stuck_out_tongue_closed_eyes:

6

What’s New in Version 8

  • Click Protection: Fixed a problem where clicking two buttons at once could mess up the game. Now, it locks after each click so only one move happens at a time, making it fair and smooth.
  • Phone Size Support: Added support for all phone sizes, so the game looks good and works well no matter what device you’re using.
1 Like