Python Project on Typing Speed Test – Build your first game in Python

Project in Python – Typing Speed Test

Have you played a typing speed game? It’s a very useful game to track your typing speed and improve it with regular practice. Now, you will be able to build your own typing speed game in Python by just following a few steps.

About the Python Project

In this Python project idea, we are going to build an exciting project through which you can check and even improve your typing speed. For a graphical user interface, we are going to use the pygame library which is used for working with graphics. We will draw the images and text to be displayed on the screen.

Prerequisites

The project in Python requires you to have basic knowledge of python programming and the pygame library.

To install the pygame library, type the following code in your terminal.

1. pip install pygame

Steps to Build the Python Project on Typing Speed Test

You can download the full source code of the project from this link:

Typing Speed Test Python Project File

Let us understand the file structure of the Python project with source code that we are going to build:

• Background.jpg – A background image we will use in our program
• Icon.png – An icon image that we will use as a reset button.
• Sentences.txt – This text file will contain a list of sentences separated by a new line.
• Speed typing.py – The main program file that contains all the code
• Typing-speed-open.png – The image to display when starting the game
First, we have created the sentences.txt file in which we have added multiple sentences separated by a new line.
This time we will be using an Object-o
oriented approach to building the program.

1. Import the libraries

For this project based on Python, we are using the pygame library. So we need to import the library along with some built-in modules of Python like time and random library.
1. import pygame
2. from pygame.locals import *
3. import sys
4. import time
5. import random

2. Create the game class

Let’s go ahead and create the constructor for our class where we define all the variables we will use in our project.
In this constructor, we have initialized the width and height of the window, variables that are needed for calculation and then we initialized the pygame and loaded the images. The screen variable is the most important on which we will draw everything.

3. draw_text() method

The draw_text() method of Game class is a helper function that will draw the text on the screen. The argument it takes is the screen, the message we want to draw, the y coordinate of the screen to position our text, the size of the font and colour of the font. We will draw everything in the centre of the screen.  After drawing anything on the screen, pygame requires you to update the screen.

1. def draw_text(self, screen, msg, y ,fsize, color):
2. font = pygame.font.Font(None, fsize)
3. text = font.render(msg, 1,color)
4. text_rect = text.get_rect(center=(self.w/2, y))
5. screen.blit(text, text_rect)
6. pygame.display.update()

4. get_sentence() method

Remember that we have a list of sentences in our sentences.txt file? The get_sentence() method will open up the file and return a random sentence from the list. We split the whole string with a newline character.
1. def get_sentence(self):
2. f = open('sentences.txt').read()
3. sentences = f.split('\n')
4. sentence = random.choice(sentences)
5. return sentence
5. show_results() method
The show_results() method is where we calculate the speed of the user’s typing. The time starts when the user clicks on the input box and when the user hits return key “Enter” then we perform the difference and calculate time in seconds.
To calculate accuracy, we did a little bit of math. We counted the correct typed characters by comparing input text with the display text which the user had to type.
The formula for accuracy is:
(correct characters)x100/ (total characters in sentence)
The WPM is the words per minute. A typical word consists of around 5 characters, so we calculate the words per minute by dividing the total number of words with five and then the result is again divided that with the total time it took in minutes. Since our total time was in seconds, we had to convert it into minutes by dividing total time with 60.
1. def show_results(self, screen):
2. if(not self.end):
3. #Calculate time
4. self.total_time = time.time() - self.time_start
6. #Calculate accuracy
7. count = 0
8. for i,c in enumerate(self.word):
9. try:
10. if self.input_text[i] == c:
11. count += 1
12. except:
13. pass
14. self.accuracy = count/len(self.word)*100
16. #Calculate words per minute
17. self.wpm = len(self.input_text)*60/(5*self.total_time)
18. self.end = True
19. print(self.total_time)
21. self.results = 'Time:'+str(round(self.total_time)) +" secs Accuracy:"+ str(round(self.accuracy)) + "%" + ' Wpm: ' + str(round(self.wpm))
22. # draw icon image
23. self.time_img = pygame.image.load('icon.png')
24. self.time_img = pygame.transform.scale(self.time_img, (150,150))
25. #screen.blit(self.time_img, (80,320))
26. screen.blit(self.time_img, (self.w/2-75,self.h-140))
27. self.draw_text(screen,"Reset", self.h - 70, 26, (100,100,100))
29. print(self.results)
30. pygame.display.update()

6. run() method

This is the main method of our class that will handle all the events. We call the reset_game() method at the starting of this method which resets all the variables. Next, we run an infinite loop which will capture all the mouse and keyboard events. Then, we draw the heading and the input box on the screen.

We then use another loop that will look for the mouse and keyboard events. When the mouse button is pressed, we check the position of the mouse if it is on the input box then we start the time and set the active to True. If it is on the reset button, then we reset the game.

When the active is True and typing has not ended then we look for keyboard events. If the user presses any key then we need to update the message on our input box. The enter key will end typing and we will calculate the scores to display it. Another event of a backspace is used to trim the input text by removing the last character.
1. def run(self):
2. self.reset_game()
5. self.running=True
6. while(self.running):
7. clock = pygame.time.Clock()
8. self.screen.fill((0,0,0), (50,250,650,50))
9. pygame.draw.rect(self.screen,self.HEAD_C, (50,250,650,50), 2)
10. # update the text of user input
11. self.draw_text(self.screen, self.input_text, 274, 26,(250,250,250))
12. pygame.display.update()
13. for event in pygame.event.get():
14. if event.type == QUIT:
15. self.running = False
16. sys.exit()
17. elif event.type == pygame.MOUSEBUTTONUP:
18. x,y = pygame.mouse.get_pos()
19. # position of input box
20. if(x>=50 and x<=650 and y>=250 and y<=300):
21. self.active = True
22. self.input_text = ''
23. self.time_start = time.time()
24. # position of reset box
25. if(x>=310 and x<=510 and y>=390 and self.end):
26. self.reset_game()
27. x,y = pygame.mouse.get_pos()
30. elif event.type == pygame.KEYDOWN:
31. if self.active and not self.end:
32. if event.key == pygame.K_RETURN:
33. print(self.input_text)
34. self.show_results(self.screen)
35. print(self.results)
36. self.draw_text(self.screen, self.results,350, 28, self.RESULT_C)
37. self.end = True
39. elif event.key == pygame.K_BACKSPACE:
40. self.input_text = self.input_text[:-1]
41. else:
42. try:
43. self.input_text += event.unicode
44. except:
45. pass
47. pygame.display.update()
48. 
    
49. clock.tick(60)

7. reset_game() method

The reset_game() method resets all variables so that we can start testing our typing speed again. We also select a random sentence by calling the get_sentence() method. In the end, we have closed the class definition and created the object of Game class to run the program.
1. def reset_game(self):
2. self.screen.blit(self.open_img, (0,0))
4. pygame.display.update()
5. time.sleep(1)
7. self.reset=False
8. self.end = False
10. self.input_text=''
11. self.word = ''
12. self.time_start = 0
13. self.total_time = 0
14. self.wpm = 0
16. # Get random sentence
17. self.word = self.get_sentence()
18. if (not self.word): self.reset_game()
19. #drawing heading
20. self.screen.fill((0,0,0))
21. self.screen.blit(self.bg,(0,0))
22. msg = "Typing Speed Test"
23. self.draw_text(self.screen, msg,80, 80,self.HEAD_C)
24. # draw the rectangle for input box
25. pygame.draw.rect(self.screen,(255,192,25), (50,250,650,50), 2)
27. # draw the sentence string
28. self.draw_text(self.screen, self.word,200, 28,self.TEXT_C)
30. pygame.display.update()
31. 
    
32. Game().run()
Output:





Summary

In this article, you worked on the Python project to build your own game of typing speed testing with the help of the pygame library.
I hope you got to learn new things and enjoyed building this interesting Python project. Do share the article on social media with your friends and colleagues:)