Tic Tac Toe is a very common two player mind game. It is liked by people of all age groups. Its working is very simple. A play area of 3X3 boxes is defined. The player who first marks any row or column or diagonal of three boxes with his symbol(O or X) wins the game. It is not that difficult to code either. In this post we will share Tic Tac Toe Python Code with you and explain the logic of this code.

So, let’s begin by understanding how it is created.

## Creating interface

The interface of Tic Tac Toe Python code is created by using the GraphWin, setBackground and Line methods available in graphics.py module.

Two vertical and two horizontal lines are drawn using Line object to create a # like surface.

Players can click in the boxes thus created and the position is recorded using getMouse method with GraphWin Object.

The top left and right bottom corners of all the nine boxes are stored in two arrays to define their boundaries

## Tic Tac Toe Python Code- logic

When the player clicks in a box, these things happen

- The point clicked in the window is recorded by using getMouse method which returns a Point object. According to current player X or 0 is drawn at that position. The symbol is toggled to change to the turn of other player
- This
point is checked against the corner values of the boxes stored in two arrays
and*arrf*. According to the position of the box, its index(1-9) is appended to the array that stores the all the clicked boxes by current player. For two players two such arrays are maintained*arrt*and*p1*.*p2* - All possible winning combinations are generated using combinations and permutations methods of combinations and permutations modules.
- The array that stores the clicked box indices by player is used to generate all the possible 3 digit combinations for that player.
- Whenever a player has clicked more than 3 boxes it’s possible permutations are generated. All these are checked against all the possible winning combinations. If a combination generated for a player matches a winning combination, the winner is declared winner by drawing the Text object at the bottom of the game board.

*Code*

# A simple graphical Calculator Application in Python from itertools import permutations from itertools import combinations from graphics import * def getRes(): #generate all the winning combinations and store in an array resArr=[] seq = permutations(['7','8','9']) for p in list(seq): tt=''.join(p) resArr.append(tt) seq = permutations(['6','5','4']) for p in list(seq): tt=''.join(p) resArr.append(tt) seq = permutations(['3','2','1']) for p in list(seq): tt=''.join(p) resArr.append(tt) seq = permutations(['1','4','7']) for p in list(seq): tt=''.join(p) resArr.append(tt) seq = permutations(['2','5','8']) for p in list(seq): tt=''.join(p) resArr.append(tt) seq = permutations(['3','6','9']) for p in list(seq): tt=''.join(p) resArr.append(tt) seq = permutations(['1','5','9']) for p in list(seq): tt=''.join(p) resArr.append(tt) seq = permutations(['3','5','7']) for p in list(seq): tt=''.join(p) resArr.append(tt) return resArr def check(clkvals, rescombs): playArr=[] combi = permutations(clkvals, 3) #generate all the combinations of boxes clicked by a player for c in list(combi): tt=''.join(c) playArr.append(tt) #compare the player's combinations with all the winning combinations for p in playArr: if(p in rescombs): #return true if a combination matches a winning combination return True def main(): #generate all the winning combinations and store in an array rescombs=getRes() # define window for the game board workArea = GraphWin('TicTacToe', 300, 350) # give title and dimensions workArea.setBackground('yellow') #horizontal lines ln=Line(Point(10,100),Point(280,100)) ln.setWidth(3) ln.draw(workArea) ln=Line(Point(10,190),Point(280,190)) ln.setWidth(3) ln.draw(workArea) #vertical lines ln=Line(Point(100,10),Point(100, 280)) ln.setWidth(3) ln.draw(workArea) ln=Line(Point(190,10),Point(190,280)) ln.setWidth(3) ln.draw(workArea) #variables arrf=[] arrt=[] cnt1=0 cnt2=0 x=10 y=10 i=0 j=8 p1=[' '] p2=[' '] pl="X" #loop to store boundaries while j>=0: arrf.append(Point(x,y)) arrt.append(Point(x+90,y+90)) x=x+90 j=j-1 i=i+1 if (i==3): x=10 y=y+90 i=0 clk=True numv="" t1=Text(Point(1,1),p1) t2=Text(Point(1,1),p1) finres=False cnt=1 inBox=False mid=Point(0,0) #loop to check the range of coordinates where user clicked while cnt<=9: ch=workArea.getMouse() if (ch.x >arrf[0].x and ch.x <arrt[0].x and ch.y >arrf[0].y and ch.y<arrt[0].y): numv="9" mid=Point(arrf[0].x +45,arrf[0].y+45) inBox=True if (ch.x >arrf[1].x and ch.x <arrt[1].x and ch.y >arrf[1].y and ch.y<arrt[1].y): numv="8" mid=Point(arrf[1].x +45,arrf[1].y+45) inBox=True if (ch.x >arrf[2].x and ch.x <arrt[2].x and ch.y >arrf[2].y and ch.y<arrt[2].y): numv="7" mid=Point(arrf[2].x +45,arrf[2].y+45) inBox=True if (ch.x >arrf[3].x and ch.x <arrt[3].x and ch.y >arrf[3].y and ch.y<arrt[3].y): numv="6" mid=Point(arrf[3].x +45,arrf[3].y+45) inBox=True if (ch.x >arrf[4].x and ch.x <arrt[4].x and ch.y >arrf[4].y and ch.y<arrt[4].y): numv="5" mid=Point(arrf[4].x +45,arrf[4].y+45) inBox=True if (ch.x >arrf[5].x and ch.x <arrt[5].x and ch.y >arrf[5].y and ch.y<arrt[5].y): numv="4" mid=Point(arrf[5].x +45,arrf[5].y+45) inBox=True if (ch.x >arrf[6].x and ch.x <arrt[6].x and ch.y >arrf[6].y and ch.y<arrt[6].y): numv="3" mid=Point(arrf[6].x +45,arrf[6].y+45) inBox=True if (ch.x >arrf[7].x and ch.x <arrt[7].x and ch.y >arrf[7].y and ch.y<arrt[7].y): numv="2" mid=Point(arrf[7].x +45,arrf[7].y+45) inBox=True if (ch.x >arrf[8].x and ch.x <arrt[8].x and ch.y >arrf[8].y and ch.y<arrt[8].y): numv="1" mid=Point(arrf[8].x +45,arrf[8].y+45) inBox=True #put point if inBox: txt=Text(mid,pl) txt.setSize(36) txt.draw(workArea) inBox=False cnt=cnt+1 #change symbol of the current player and check result if pl=="X": p1.append(numv) if len(p1)>=3: finres=check(p1,rescombs) if finres: t1=Text(Point(workArea.getWidth()/2,320),"Player "+pl+" wins") t1.setSize(20) t1.setTextColor("red") t1.draw(workArea) clk=False break pl="O" else: cnt2+=1 p2.append(numv) if len(p2)>=3: finres=check(p2,rescombs) if finres: t1=Text(Point(workArea.getWidth()/2,320),"Player " +pl+ " wins") t1.setSize(20) t1.setTextColor("red") t1.draw(workArea) clk=False break pl="X" # If game is draw if clk: t1=Text(Point(workArea.getWidth()/2,320),"Game Draw") t1.setSize(20) t1.setTextColor("red") t1.draw(workArea) main()

*Display screens*

Thanks for sharing this funny code! XD

I have some comments:

1) The “X” and “O” symbols are not displayed in the middle of the squares;

2) Is it easy to make the main game box with editable size by using the mouse, changing the size of the lines and other symbols accordingly?

3) If there is a draw, the code actually does not display it. It keeps running until either player “X” or “O” wins;

Do these bugs are actually related to my Linux Ubuntu 18.04.2 LTS system?

Thank you for your attention!

Hello Filipe.

Thanks for bringing attention to the bugs and finding it funny. The code is now updated by removing bugs mentioned in points 1 and 3. They were there:(. Nothing related to your Linux Ubuntu 18.04.2 LTS system. We will try your suggestions mentioned in second point and revert back to you. Keep correcting us in future as well.