After having proposed a tutorial showing you , I continue my comeback to the Python language with the creation of a little game. how to develop a program to create a Sitemap generator in Python The goal here is to show you how to use the Tkinter GUI library that comes standard with Python. The game I have chosen is not revolutionary, but it is interesting enough to allow you to play it a little once you have finished the program we are going to develop. This game is called Flipping Bits. If you are a programmer, I assume that you have already developed it at least once in your career, but if you haven’t, this is your chance to fill that gap. From a square grid (in 2 dimensions) composed of 0 and 1 randomly generated, the goal is to obtain a target grid by performing operations of two types: A click on a column reverses all the 0’s and 1’s of the column. This operation is called flipping a column.A click on a row reverses all the 0s and 1s in the row. This operation is called flipping a row. You solve this puzzle when you get the target grid. Concretely, here is an initial grid of dimension 3×3: 0 1 0 1 0 0 1 1 1 Here is the grid you want to obtain: 1 0 1 0 1 1 0 0 1 Let’s say you click on column 1 of the initial grid, you would have the following configuration: 1 1 0 0 0 0 0 1 1 And so on. Modeling the program Our program will be divided into two classes. The first one will be a class which will model the game itself with methods to flip a column and a row, but also to generate a new grid. FlippingBitsGame The second class will be called . It will model the graphical part of the game by managing the graphical part but also the interactions with the user. I think here in particular of the click on a column and a row, as well as the message telling the player that he has won. FlippingBitsGUI To materialize a 0, we will use the yellow color. The blue color will be reserved for the number 1. When displaying the squares of the grid, a small square with the target color for that square should be placed in the upper left corner. This will allow the player to know the goal to be reached to solve the Flipping Bits Game. Creating the FlippingBitsGame class In the constructor of the class, we define as a data member. This corresponds to the size of our square grid. Then, we define two two-dimensional arrays to store respectively the grid to be reached and the current grid. FlippingBitsGame level We define a boolean which will indicate if the grid is solved or not. Finally, we call a method newgame which will be defined later. It will allow to create a new game. solved We then define a method and a method. flipcol fliprow The method will invert all the values of the cells of a column within the grid to be solved. The method will do the same job for the values of the cells in a row of the grid. flipcol fliprow When these methods are called, the 0’s become 1’s, and the 1’s become 0’s. This gives us the following code for these two methods: In order to create a different grid between the target and the one from which the player will play, we define a method that will perform different flipping operations randomly on the rows and columns. shuffle This gives the following code: The method can then be defined. A new game can only be created if the grid is marked as resolved. To do this, we check the value of the data member solved. newgame Then, we will iterate to create a target grid to reach different from the current one. For this, it will be necessary to call the method and to copy the current grid into the target grid. shuffle If the current grid is not already solved, then the work is finished. Otherwise, the iteration continues. It would be a pity to propose to the player a grid already solved … It remains to finish the code of this class with the method which will check if the current grid corresponds to the grid to be reached. FlippingBitsGame issolved This gives us the following code for the class: FlippingBitsGame Creating the FlippingBitsGUI class With our class finished, it’s time to move on to the class which will display to the user the state of the grid to be solved, but also manage the interactions. FlippingBitsGame FlippingBitsGUI When I talk about interaction, I mean the click to flip a column or a row to solve the grid to reach the target grid, which will be displayed as the small squares in the upper left corner. In the constructor of the class, we create an instance of the game by using the class. FlippingBitsGUI FlippingBitsGame As input parameter we get the root of the GUI which will allow us to create the Canvas in which the game will be rendered. We finish by calling a drawboard method which displays the grid on the screen. Within this method, we reset the canvas via the call to the method of the canvas object. drawboard delete We calculate the size of a square in relation to the number of boxes to display for the square. We also take the opportunity to calculate the size of the small square that will be displayed in the upper left corner. Then, it is necessary to iterate on each cell of the table allowing to store the grid. For each cell, we will draw a rectangle filled with the color yellow if the value of the cell is 0 and blue otherwise. At the end of the method, we check if the game has been solved by the user by calling the method of the object. If the game has been solved, then we display a message to the user telling him that he only has to click to generate a new game. issolved FlippingBitsGame This gives us the following code for the method: drawboard We still have to manage the user’s click to flip the columns. Nothing very difficult, but we must be careful to transform a click into a column or row number. Obviously, before anything else, we will check that the grid is not already solved. If it is, then this click means that a new set must be generated. Then we get the coordinates of the user click. We check that these coordinates are outside the grid. If the click is on the right or left side of the grid, then we get the line to flip. Then we call the method on the instance. fliprow FlippingBitsGame If the click is located at the top or bottom of the grid, then we get the column to flip. Then we call the method on the instance. flipcol FlippingBitsGame Once these operations are done, we have to call the method to draw the GUI again. drawboard This gives us the following code for the method: onclick Assembling the classes Finally, we have to assemble our classes to launch the game. We create the via the call to the method of the object from Tkinter. We create a with a level set to 5. We link the left mouse button to the method of the object. We launch the application by calling the method on the Tkinter root. root Tk tk FlippingBitsGUI onclick FlippingBitsGUI mainloop This gives us the following complete code for our game: Our Flipping Bits Game in Action The best part of the tutorial is here as we can put our Flipping Bits Game into action. Here is the first display that awaits us: The only thing left to do is to find the solution. After a few clicks, more or less according to your sense of logical reasoning (:P), you will obtain the following solved grid: Watch this tutorial on YouTube Also published here .

The code in this story is for educational purposes. The readers are solely responsible for whatever they build with it.

Bitcoin Is Truly the Only Scarce Commodity on Earth

The 11 Ways to Lose Time and Money With Bitcoin (and How to Prevent It)

Wanting more content on Bitcoin? Discover In Bitcoin We Trust Newsletter.

Learning to Make a GUI in Python With Tkinter by Creating a Flipping Bits Game

About Author

Comments

TOPICS

THIS ARTICLE WAS FEATURED IN

Related Stories

Untitled Story

15 Bitcoin Insights Spock Would've Shared

104 Stories To Learn About Go

105 Stories To Learn About Functional Programming

100+ Free Pluralsight Courses to learn Python, Java, and Spring Boot

10 Websites to Learn JavaScript for Beginners

15 Bitcoin Insights Spock Would've Shared

104 Stories To Learn About Go

105 Stories To Learn About Functional Programming

100+ Free Pluralsight Courses to learn Python, Java, and Spring Boot

10 Websites to Learn JavaScript for Beginners

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps