When the user taps a button (representing a grid cell), you pass the position (0-8) to the extension.
Drag the invisible TicTacToe component from your extensions layout into the designer viewer window.
: Player B’s application receives the index value and calls the extension to update the opponent's placement automatically.
: Drag the component into your project. Use a Canvas or Table Arrangement to represent your 3x3 board. Logic Implementation :
: Fires immediately when three identical signs match along an active axis, returning the winning identity string.
Because the extension handles local board state arrays natively, you can easily pair it with a or CloudDB component to build a real-time online multiplayer game.
┌────────────────────────────────────────────────────────┐ │ Your App UI Layer (VerticalArrangement) │ │ ┌──────────────────────────────────────────────────┐ │ │ │ io.horizon.tictactoe.aix Container │ │ │ │ ┌─────────────┬─────────────┬─────────────┐ │ │ │ │ │ [ Button ] │ [ Button ] │ [ Button ] │ │ │ │ │ ├─────────────┼─────────────┼─────────────┤ │ │ │ │ │ [ Button ] │ [ Button ] │ [ Button ] │ │ │ │ │ ├─────────────┼─────────────┼─────────────┤ │ │ │ │ │ [ Button ] │ [ Button ] │ [ Button ] │ │ │ │ │ └─────────────┴─────────────┴─────────────┘ │ │ │ └──────────────────────────────────────────────────┘ │ └────────────────────────────────────────────────────────┘
io.horizon.tictactoe.aix is a specialized used by developers in the MIT App Inventor and Niotron communities to build customizable Tic-Tac-Toe games without manual coding. Key Features of the Extension
You can drag buttons and check winners with a massive chain of "if-then" blocks, but implementing an (using the Minimax algorithm) becomes a spaghetti monster of nested logic. It’s slow, hard to debug, and impossible to reuse.
: Download the .aix file and use the Import Extension tool within the MIT App Inventor Designer .
