Tic Tac Toe Game - Python Tkinter GUI Tutorial

[@Codemycom]

▶️ Watch Entire Tkinter Playlist ✅ Subscribe To My KZbin Channel: bit.ly/2UFLKgj bit.ly/2IGzvOR ▶️ See More At: ✅ Join My Facebook Group: Codemy.com bit.ly/2GFmOBz ▶️ Learn to Code at Codemy.com ✅ Buy a Codemy T-Shirt! Take $30 off with coupon code: youtube1 bit.ly/2VC9WUN ▶️ Get The Code bit.ly/3fLFQ8p

[@PhoenixVids123]

Hi! I would just like some help with the reset function! I did everything as you said and I don't get an error, but, when I try to use it, it doesn't do anything! Do you know how I could fix this?

[@PhoenixVids123]

Also, When a player wins, it doesn't change the box colour but it does disable the buttons! Do you know why?

[@Codemycom]

@@PhoenixVids123 put it away for a few days, come back and watch the videos again and follow along with your code to see what you did wrong. The time off will reset your brain enough to see your errors.

[@PhoenixVids123]

@@Codemycom You just got a new subscriber!

[@Codemycom]

@@PhoenixVids123 nice!

[@carsoma19]

Covered a lot of ground in this video. Very informative. We appreciate the preparation, humor and insightful commentary.

[@Codemycom]

Thanks! Glad you enjoyed it.

[@navoditsachdeva4986]

Your channel have such a real and great series on Python Tkinter

[@Codemycom]

Glad you think so!

[@AllyG1967]

Thank you. My class and I completed this as our second Tkinter project and it has helped increase our understanding some more.

[@Codemycom]

Very cool!

[@atindrapal238]

Thank you! Thank you so much for this video and also for the previous " print file " video... 😊

[@Codemycom]

My pleasure 😊

[@kapibara2440]

You are an amazing teacher! This channel is in my top three KZbin Series. The other are: Bro Code and Tech with Tim. 😊

[@Codemycom]

Thanks

[@marwaelesawy5918]

at first I write your code, then I edited it and delete 70 rows and just write 16 rows, and I happy with that so thank you so much🌷

[@Codemycom]

awesome

[@david0411]

What was your solution?

[@sunnywu4174]

Ur helping me get through so much of my programming class ! Great teacher fr 🎉

[@Codemycom]

Happy to hear it!

[@jonan2199]

you could make a list of all winning combinations (each as it's own list of three necessary squares) and loop over all 8 lists and compare if the player won. For this, you need to pre-initialize two lists, one for the winning combinations (list of 8 lists of three squares), and one for keeping track of what squares are occupied by what player. Then determining the winner is much more compact.

[@Codemycom]

Sure, lots of ways you could do it

[@xt.apollagaming771]

The way you are teaching is really awesome 😊

[@Codemycom]

Glad you like it!

[@AaronProgZ]

Thanks for making this video! The audio and video was not bad.

[@Codemycom]

welcome

[@flacdontbetter]

Weird question: How come when you call the reset command in the menu button you don't need to write it as reset() but just write it as reset...I had this issue and couldn't figure out why it wasn't working until I saw that yours did not have the brackets and tried it without, is it something to do with attaching the reset function rather than calling it?

[@Codemycom]

It's a quirk of tkinter. If you want to use functions, you have to call a lambda.

[@swastiksarkar]

When I click the buttons and the letters 'X' and 'O' appears, my buttons are expanding creating gaps around them.

[@Codemycom]

Did I change the font size? I don't recall, you should be able to see the code in the video

[@ruslanak3381]

thanks, this video was helpful and very informative.Also it was easy to understand the code because of commentary

[@Codemycom]

Glad you enjoyed it!

[@savannahwasko6469]

Your videos are so helpful! You explain everything very well. If I wanted to make the rest option a message box though, where would I put that?

[@viswamberprasad9418]

hey John! the text assignment to the button in the function b_clicked,i.e b['text']='X' is not working for me! please provide me a solution or a new method

[@Codemycom]

Check your code for typos.

[@viswamberprasad9418]

@@Codemycom i did john,still no luck,there are no typos, The code: #x_player is set to true,as x starts first x_player=True #counter to check tie count=0 def when_clicked(button): global x_player,count if button['text']==' ' and x_player==True: button['text']='X' x_player=False count+=1 elif button['text']==' ' and x_player==False: button['text']='O' x_player=True count+=1 else: print('Space Is Occupied!') messagebox.showerror('Oops!','Looks Like That Space Is Occupied!')

[@Codemycom]

@@viswamberprasad9418 Sure there is...you called your buttons button['text']...it should be b['text']

[@viswamberprasad9418]

@@Codemycom but the function's parameter,is (button)in my code,so doesn't it work the same way as 'b' ....or is Naming the input parameter 'button' wrong?

[@Codemycom]

@@viswamberprasad9418 Not sure if that's the problem but I wouldn't name a button as button. I wouldn't name a label label or an entry entry etc

[@codewithahmed9806]

Nice Sir Keep It up and make more awesome tkinter project like this .....

[@Codemycom]

Thank you, I will

[@codewithahmed9806]

@@Codemycom ok sir

[@DONGGASOGAMING69]

why when i repeat the code it doesnt work

[@LourdHarshanR]

Can u do a program for chess

[@AliChowdary]

What do i do with line 5? i dont know where i should redirect the file location to because ofc i dont have your pc so that file location isnt working for me. help please :)

[@Codemycom]

Point it to where that icon or any icon is sitting on your pc. Or go back to the beginning of this playlist where I discuss it, or leave it off.

[@mangoking7126]

Sir, there is a glitch in the code- If you click 4 buttons once and reset the game and click 5 more buttons and the game is not finished, it says tied because count = 9

[@Codemycom]

ok, so try to fix it as an exercise

[@haziqasyraf1998]

where is the code?

[@neoniq_q]

how to make it with flet?

[@user-yk9tv1lv5n]

I used the exact same code as you on vs code but the colour of winning player doesn't change why is this?

[@Codemycom]

Because you only think you used the same code…you have some typo somewhere

[@charusrivastava5724]

The video is very helpful but I am facing a problem. Menu(reset button) is not getting displayed in mac. What should I do to resolves this?

[@Codemycom]

It is getting displayed...it's just that mac's have their menu bars at the top of the screen on your monitor, not on the app.

[@aryanmehta5317]

my global button is not working when i want to make 2 windows with one windows as this code can anyone help what to do??

[@jaguelo1]

I have able to figure out to minimize redundancy of the codes. Create a function to change background color, function to check wither X or O wins. These functions has 3 parameters with type Button. So call this function pass the 3 specific button combinations.

[@jaguelo1]

And also create a button in for loop and put to a list.

[@Codemycom]

@@jaguelo1 Cool

[@sudin99and81]

will u make more series or this module cause I've learned a lot not only bout module but also python i mean like default python functions

[@Codemycom]

what module are you referring to?

[@sudin99and81]

@@Codemycom umm tkinter and is there any application made using tkinter?

[@Codemycom]

@@sudin99and81 I have a playlist with like 115 tkinter videos in the comment section below

[@sudin99and81]

@@Codemycom i know I've watched all but like will u do more things with it ... is this gonna end?

[@Codemycom]

@@sudin99and81 No, I release tkinter videos usually on Mondays, Wednesdays, an Fridays

[@anonjutuba5722]

works fine, but I can't really figure out how to make it simplier as you mentioned in the end

[@Codemycom]

No worries

[@reyesjoeroshan7286]

oh I like all your videos.. espcly Tkinter Videos I've Also Made a TicTacToe With Tkinter but this code you used is easy to do but does it consumes more memory, I made a algorith which checks victory in row column and diagonally without copy pasting(im a beginner) :) and keep uploading ..

[@vanshatcode]

when pygames series come , Waiting for that : )

[@KaruVision]

Thank you! The code worked perfectly!

[@Codemycom]

You're welcome!

[@Codemycom]

​@x binary01 It's always in the pinned comment

[@aayushraj2918]

reset function is not working, any solution please

[@Codemycom]

Look at your code, compare it to my code, determine what you did differently.

[@PhoenixVids123]

For me, I am using PyCharm on mac and when I do root.iconbitmap("TicTacToeIcon.ico") it does not show my icon for the window, instead, it shows the default icon! How would I fix this because I don't get an error message.

[@loniaomi4857]

Sir can I get a flowchart for the program?

[@Codemycom]

I have no idea what that is.

[@UncleQuizMaster]

Awesome vid!

[@Codemycom]

Thanks!

[@xtips2717]

Cool! I first understood it well. Then I tried to recode it again on my own to see how well I would be.

[@Codemycom]

Nice

[@itayf.848]

Can you make a tutorial about tic tac toe but player vs computer, not player vs player?

[@Codemycom]

That's more an AI thing than a tkinter thing

[@itayf.848]

But it still player vs player game...

[@alhassanmusah7242]

Awesome job sir Thanks alot

[@a.j2059]

Love this content Please am using this code for my students

[@Codemycom]

Happy to hear it!

[@siddharth5339]

how did he get x and o like what is he clicking to make x and o come up

[@Codemycom]

Just watch the video, I show you exactly.

[@suryabhavithperugupalli7041]

Love your videos

[@Codemycom]

Thanks!

[@shivansh9387]

Sir what you say about that KZbin algorithm in every video and why?

[@Codemycom]

If you click the thumbs up, the youtube algorithm knows that people like the video, and makes it more likely for others to see the video.

[@shivansh9387]

@@Codemycom Did it 👍😊

[@Codemycom]

@@shivansh9387 thanks!

[@devshreeshah6024]

Can I get the code for single player? i.e Player vs Computer

[@Codemycom]

I don’t have a video on that

[@mycode9004]

hi sir I just copy and paste the button o wins but the o in not win though the 3 buttons are o what is the solution of is sir

[@Codemycom]

Sorry, I'm not sure what you mean...you have an error in your code somewhere.

[@ita27rmp100]

May you give me the link of this code in github?

[@Codemycom]

github.com/flatplanet/Intro-To-TKinter-KZbin-Course

[@ita27rmp100]

@@Codemycom thank you

[@Codemycom]

sure thing

[@aao9353]

i have the problem when

[@aao9353]

it dosent work at all

[@Codemycom]

You're doing something wrong then, because there's no reason for it not to work.

[@codewithahmed9806]

How to write minimum if elif condition in this project

[@Codemycom]

that’s the exercise I tasked you with

[@codewithahmed9806]

@@Codemycom Please Give me hint

[@balain501]

@@Codemycom How about this code: if b[3]=='X': if b[1] =='X' and b[2] =='X': winner = True elif b[6]=='X' and b[9]=='X': winner = True elif b[5]=='X' and b[7]=='X': winner = True if b[5]=='X': if b[4]=='X' and b[6]=='X': winner = True elif b[1] =='X' and b[9]=='X': winner = True if b[7]=='X': if b[5]='X' and b[1]=='X': winner = True elif b[8]=='X' and b[9]=='X': winner = True (We are taking one button per row and checking conditions accordingly)

[@reyesjoeroshan7286]

@@balain501 this code is complex bro cuz it only checks X we want to copy paste it and change it to O :(

[@balain501]

@@reyesjoeroshan7286 it has been months. But I think I checked this code. It works. Still if you check the no. of ifs, nothing minimized :)

[@lilyfullery4779]

thank u , my concept got cleared

[@Codemycom]

glad to hear it

[@najlanaimi5030]

Hi How we reset or restart our tic tac toe game in this code ?? pleace answer me

[@Codemycom]

Keep watching the playlist, I cover that topic in a video.

[@mohammedredwan9466]

You could simply use nested loops

[@Codemycom]

you can always do things a million different ways

[@wagyua5752]

Will you make an AI for this tic tac toe?

[@Codemycom]

no, this is just a simple tic tax toe game

[@ashutoshjoshi4005]

Can I use pycharm for this project?

[@Codemycom]

You can try, but I don't recommend pycharm ever, for anything.

[@Codemycom]

@Debaditya Nath So? That's completely irrelevant lol Every day I get dozens of questions from students having trouble with pycharm. That you currently aren't doesn't mean anything.

[@linusssssssss]

@@Codemycom I think Pycharm is great ;)

[@meralmaradia4774]

Nothing comes up on the screen when I run this!!!!

[@Codemycom]

What did you do differently than the video?

[@gaitondegaoni1696]

Walter white teaching coding instead of chemistry

[@Codemycom]

ha

[@lucasgagne9529]

Anyone know why my colors are not changing after a win?

[@lucasgagne9529]

Im on Mac btw, it seems changing colors is not supported?

[@Codemycom]

@@lucasgagne9529 Yeah, mac's have the ability to change simple colors :-p you just messed up that part of the code. Rewatch the video and figure out what you did differently.

[@gloria..]

Hey I got a bug in 11:11 whenever i try test out the code it brings the error text even if the whole tkinter has no X nor O what should I do? Here is the code: from tkinter import * from tkinter import messagebox root = Tk() # root.geometry("1200*710") # X starts so true clicked = True count = 0 #Button clicked function def b_click(b): global clicked, count if b["text"] == " " and clicked == True: b["text"] = "X" clicked = False count += 1 elif b["text"] == " " and clicked == False: b["text"] = "O" clicked = True count += 1 else: messagebox.showerror("Tic Tac Toe", "The box is already chosen Pick another box") #Build the buttons b1= Button(root, text= "", font=("Helvetica", 20), height = 3, width = 6, bg = "SystemButtonFace",command = lambda: b_click(b1)) b2= Button(root, text= "", font=("Helvetica", 20), height = 3, width = 6, bg = "SystemButtonFace",command = lambda: b_click(b2)) b3= Button(root, text= "", font=("Helvetica", 20), height = 3, width = 6, bg = "SystemButtonFace",command = lambda: b_click(b3)) b4= Button(root, text= "", font=("Helvetica", 20), height = 3, width = 6, bg = "SystemButtonFace",command = lambda: b_click(b4)) b5= Button(root, text= "", font=("Helvetica", 20), height = 3, width = 6, bg = "SystemButtonFace",command = lambda: b_click(b5)) b6= Button(root, text= "", font=("Helvetica", 20), height = 3, width = 6, bg = "SystemButtonFace",command = lambda: b_click(b6)) b7= Button(root, text= "", font=("Helvetica", 20), height = 3, width = 6, bg = "SystemButtonFace",command = lambda: b_click(b7)) b8= Button(root, text= "", font=("Helvetica", 20), height = 3, width = 6, bg = "SystemButtonFace",command = lambda: b_click(b8)) b9= Button(root, text= "", font=("Helvetica", 20), height = 3, width = 6, bg = "SystemButtonFace",command = lambda: b_click(b9)) #Grid the buttons b1.grid(row = 0, column = 0) b2.grid(row = 0, column = 1) b3.grid(row = 0, column = 2) b4.grid(row = 1, column = 0) b5.grid(row = 1, column = 1) b6.grid(row = 1, column = 2) b7.grid(row = 2, column = 0) b8.grid(row = 2, column = 1) b9.grid(row = 2, column = 2) root.mainloop()

[@gloria..]

I found where I went wrong whilst I was creating the buttons (b1, b2, b3 etc) I did not leave a space in the so it did not have space to input X or O so it kept on bring the click another box error.

[@alextysen]

Thank you very much. You're great!

[@Codemycom]

Thanks!

[@YOGIT_Singh]

Can i do this same on Jupiter Notebook ???????????

[@Codemycom]

Try it and see

[@muchirajunior]

Thanks for the help

[@Codemycom]

Welcome!

[@phil6794]

You are one of the best

[@Codemycom]

Thanks!

[@bipinbhaivaghela5318]

The code was very useful...thank you...very nicely.. explained..

[@artastica8522]

What is root.iconbitmap?

[@Codemycom]

The titlebar icon

[@xyzterror6462]

Just remove it from the top of the code

[@sorooshkorhani3842]

What's the theme name?

[@Codemycom]

What theme? There is no theme...

[@LourdHarshanR]

Thanks a lot🌹❤🙏🙏🙏 bro I am ur fan from now Put more programs in kivy

[@LourdHarshanR]

Tkinter turtle python etc

[@Codemycom]

@@LourdHarshanR kivy every monday, tkinter every tuesday

[@LourdHarshanR]

Bro it doesn't show result for O as winner

[@LourdHarshanR]

Sorry bro I forgot to give checkifwon method for O Now it works correctly

[@viswamberprasad9418]

Would really appreciate if the source code is provided John!

[@Codemycom]

All my source code is on github, link in the pinned comment above

[@viswamberprasad9418]

@@Codemycom thnx again John!

[@Codemycom]

@@viswamberprasad9418 Sure thing

[@joshuakidssong1965]

8:16

[@manovikasreyya7221]

how to solve pylint errors while wildcard import

[@Codemycom]

stop using pylint

[@manovikasreyya7221]

@@Codemycom while using import * I am getting bunch of errors

[@Codemycom]

@@manovikasreyya7221 yeah, stop using pylint

[@manovikasreyya7221]

@@Codemycom how to stop pylint

[@Codemycom]

@@manovikasreyya7221 How did you start using it? I don't use it.

[@jager0724]

If you got crushed by your day and can't stand the minutiae of life, here's the check_win function in full. Just paste it in! It's 118 lines long, so get ready for a bumpy ride! def check_win(): global winner winner = False if b1["text"] == "X" and b2["text"] == "X" and b3["text"] == "X": b1.config(bg="green") b2.config(bg="green") b3.config(bg="green") winner = True messagebox.showinfo("Game Info", "X wins the game") disable_all_buttons() elif b4["text"] == "X" and b5["text"] == "X" and b6["text"] == "X": b4.config(bg="green") b5.config(bg="green") b6.config(bg="green") winner = True messagebox.showinfo("Game Info", "X wins the game") disable_all_buttons() elif b7["text"] == "X" and b8["text"] == "X" and b9["text"] == "X": b7.config(bg="green") b8.config(bg="green") b9.config(bg="green") winner = True messagebox.showinfo("Game Info", "X wins the game") disable_all_buttons() elif b1["text"] == "X" and b4["text"] == "X" and b7["text"] == "X": b1.config(bg="green") b4.config(bg="green") b7.config(bg="green") winner = True messagebox.showinfo("Game Info", "X wins the game") disable_all_buttons() elif b2["text"] == "X" and b5["text"] == "X" and b8["text"] == "X": b2.config(bg="green") b5.config(bg="green") b8.config(bg="green") winner = True messagebox.showinfo("Game Info", "X wins the game") disable_all_buttons() elif b3["text"] == "X" and b6["text"] == "X" and b9["text"] == "X": b3.config(bg="green") b6.config(bg="green") b9.config(bg="green") winner = True messagebox.showinfo("Game Info", "X wins the game") disable_all_buttons() elif b1["text"] == "X" and b5["text"] == "X" and b9["text"] == "X": b1.config(bg="green") b5.config(bg="green") b9.config(bg="green") winner = True messagebox.showinfo("Game Info", "X wins the game") disable_all_buttons() elif b3["text"] == "X" and b5["text"] == "X" and b7["text"] == "X": b3.config(bg="green") b5.config(bg="green") b7.config(bg="green") winner = True messagebox.showinfo("Game Info", "X wins the game") disable_all_buttons() if b1["text"] == "O" and b2["text"] == "O" and b3["text"] == "O": b1.config(bg="green") b2.config(bg="green") b3.config(bg="green") winner = True messagebox.showinfo("Game Info", "O wins the game") disable_all_buttons() elif b4["text"] == "O" and b5["text"] == "O" and b6["text"] == "O": b4.config(bg="green") b5.config(bg="green") b6.config(bg="green") winner = True messagebox.showinfo("Game Info", "O wins the game") disable_all_buttons() elif b7["text"] == "O" and b8["text"] == "O" and b9["text"] == "O": b7.config(bg="green") b8.config(bg="green") b9.config(bg="green") winner = True messagebox.showinfo("Game Info", "O wins the game") disable_all_buttons() elif b1["text"] == "O" and b4["text"] == "O" and b7["text"] == "O": b1.config(bg="green") b4.config(bg="green") b7.config(bg="green") winner = True messagebox.showinfo("Game Info", "O wins the game") disable_all_buttons() elif b2["text"] == "O" and b5["text"] == "O" and b8["text"] == "O": b2.config(bg="green") b5.config(bg="green") b8.config(bg="green") winner = True messagebox.showinfo("Game Info", "O wins the game") disable_all_buttons() elif b3["text"] == "O" and b6["text"] == "O" and b9["text"] == "O": b3.config(bg="green") b6.config(bg="green") b9.config(bg="green") winner = True messagebox.showinfo("Game Info", "O wins the game") disable_all_buttons() elif b1["text"] == "O" and b5["text"] == "O" and b9["text"] == "O": b1.config(bg="green") b5.config(bg="green") b9.config(bg="green") winner = True messagebox.showinfo("Game Info", "O wins the game") disable_all_buttons() elif b3["text"] == "O" and b5["text"] == "O" and b7["text"] == "O": b3.config(bg="green") b5.config(bg="green") b7.config(bg="green") winner = True messagebox.showinfo("Game Info", "O wins the game") disable_all_buttons() if count == 9 and winner == False: messagebox.showinfo('Game Info', "It's a tie, boys! Ya'll losers! Do another one.") disable_all_buttons()

[@vedanshvyas-yl4dd]

providing source code with videos would be extremely helpful ,,,, thanks

[@Codemycom]

That's why I do it.

[@ansarifayaz9529]

I want to create one-player game please suggest me

[@Codemycom]

I couldn't possibly. Do whatever you want. :-p

[@soumitraguhathakurta517]

Thank you Sir

[@Codemycom]

Welcome!

[@kibromgebreheiwotbedane4987]

I don't understand the whole system. it is so complex

[@Codemycom]

What about it is confusing? Maybe start the playlist on video 1 and just start watching...

[@aakash2333]

You are really cool person

[@Codemycom]

Ha thanks!

[@pintokatendejonathan1740]

Merci pour cette formation

[@kshyst]

nice thanks !

[@Codemycom]

Welcome!

[@LourdHarshanR]

Do a program for ludo

[@Codemycom]

I don’t know what that is?

[@sakshamkarna9041]

while(me==like_this_video): print("Very cool video. enjoyed it") break

[@Codemycom]

print("Thanks!")

[@Acem8887]

i made an aim training game lmao

[@Codemycom]

fun

[@kodakzak2836]

@@bhavyanavyadancechannel8276 from tkinter import * win = Tk() l = Label(win, text="I think he said no").pack()

[@sameersahu8271]

Thanks

[@djangodev]

Cod plz

[@Codemycom]

always in the pinned comment

[@user-mi8pj5lh7y]

sir I did the exact thing you did, but my reset function is not working edit: I just found where I gone wrong, I gave the command for button as reset() instead of just reset Thank you for this video, it helped me a lot

[@Codemycom]

:-)

[@AmitPatel-cl6ou]

Thnks

[@Codemycom]

Welcome

[@tedidervishi]

🔥

[@Codemycom]

🙂

[@dimitriosdesmos4699]

pygam next

[@Codemycom]

It's on the list

[@sudin99and81]

👍👍

[@Codemycom]

:-)

[@ArjunSingh_29]

You look like Walter White

[@Codemycom]

Ha!

[@ararshad4780]

This is not run In this program "C:/gui/codemy.ico" not defined Plz solved my program

[@Codemycom]

That's the icon at the top of the program. You can remove it or add your own icon

[@hussein0762]

Thanks for this nice video, for who wants smaller code, write this: if b1['text'] == 'X' and b2['text'] == 'X' and b3['text'] == 'X' or b1['text'] == 'O' and b2['text'] == 'O' and b3['text'] == 'O': b1.config(bg='red') b2.config(bg='red') b3.config(bg='red') winner = True if b1.cget('text') == 'X': messagebox.showinfo('Tic Tac Toe', 'Congratulations X Wins') else: messagebox.showinfo('Tic Tac Toe', 'Congratulations O Wins') disable_all_buttons()

[@alhassanmusah7242]

Awesome job sir Thanks alot

[@Codemycom]

Welcome

[@akshithisola5629]

8:16