I ended the quiz in pygame started some days ago. You can find it in the repository:
https://github.com/formazione/pygame_quiz
Whatch this app in the browser with repl.it
https://replit.com/join/qkuojrzriv-educationalchan
The output is like this
You add your questions and answers here. Put the right answer as the first one. The script will shuffle them.
questions = [
["What is Italy's Capital?", ["Rome", "Paris", "Tokyo", "Madrid"]],
["What is France's Capital?", ["Paris", "Rome", "Tokyo", "Madrid"]],
["What is England's Capital?", ["London", "Rome", "Tokyo", "Madrid"]],
]
The function that checks if the answer is right is this
def check_score(answered="wrong"):
''' here we check if the answer is right '''
global qnum, points
# until there are questions (before last)
hit.play() # click sound
if qnum < len(questions):
print(qnum, len(questions))
if answered == "right":
time.sleep(.1) # to avoid adding more point when pressing too much
points += 1
# Show the score text
qnum += 1 # counter for next question in the list
score.change_text(str(points))
# Change the text of the question
title.change_text(questions[qnum-1][0], color="cyan")
# change the question number
num_question.change_text(str(qnum))
show_question(qnum) # delete old buttons and show new
# for the last question...
elif qnum == len(questions):
print(qnum, len(questions))
if answered == "right":
kill()
time.sleep(.1)
points +=1
score.change_text("You reached a score of " + str(points))
time.sleep(.5)
To create a button you create an istance of Button like this
Button((10, 100), "1. ", 36, "red on yellow",
hover_colors="blue on orange", style="button2", borderc=(255,255,0),
command=None)
Where you pass the position of the button, the text (in this cas “1. “, the font size (36) etc.
import pygame
import pygame.gfxdraw
import sys
import time
import random
# the Label class is this module below
from label import *
pygame.init()
pygame.mixer.init()
hit = pygame.mixer.Sound("sounds/hit.wav")
screen = pygame.display.set_mode((600, 400))
clock = pygame.time.Clock()
buttons = pygame.sprite.Group()
class Button(pygame.sprite.Sprite):
''' A button treated like a Sprite... and killed too '''
def __init__(self, position, text, size,
colors="white on blue",
hover_colors="red on green",
style="button1",
borderc=(255,255,255),
command=lambda: print("No command activated for this button")):
# the hover_colors attribute needs to be fixed
super().__init__()
global num
self.text = text
self.command = command
# --- colors ---
self.colors = colors
self.original_colors = colors
self.fg, self.bg = self.colors.split(" on ")
if hover_colors == "red on green":
self.hover_colors = f"{self.bg} on {self.fg}"
else:
self.hover_colors = hover_colors
self.style = style
self.borderc = borderc # for the style2
# font
self.font = pygame.font.SysFont("Arial", size)
self.render(self.text)
self.x, self.y, self.w , self.h = self.text_render.get_rect()
self.x, self.y = position
self.rect = pygame.Rect(self.x, self.y, 500, self.h)
self.position = position
self.pressed = 1
# the groups with all the buttons
buttons.add(self)
def render(self, text):
# we have a surface
self.text_render = self.font.render(text, 1, self.fg)
# memorize the surface in the image attributes
self.image = self.text_render
def update(self):
self.fg, self.bg = self.colors.split(" on ")
if self.style == "button1":
self.draw_button1()
elif self.style == "button2":
self.draw_button2()
if self.command != None:
self.hover()
self.click()
def draw_button1(self):
''' draws 4 lines around the button and the background '''
# horizontal up
pygame.draw.line(screen, (150, 150, 150), (self.x, self.y), (self.x + self.w , self.y), 5)
pygame.draw.line(screen, (150, 150, 150), (self.x, self.y - 2), (self.x, self.y + self.h), 5)
# horizontal down
pygame.draw.line(screen, (50, 50, 50), (self.x, self.y + self.h), (self.x + self.w , self.y + self.h), 5)
pygame.draw.line(screen, (50, 50, 50), (self.x + self.w , self.y + self.h), [self.x + self.w , self.y], 5)
# background of the button
pygame.draw.rect(screen, self.bg, (self.x, self.y, self.w , self.h))
def draw_button2(self):
''' a linear border '''
pygame.draw.rect(screen, self.bg, (self.x - 50, self.y, 500 , self.h))
pygame.gfxdraw.rectangle(screen, (self.x - 50, self.y, 500 , self.h), self.borderc)
def check_collision(self):
if self.rect.collidepoint(pygame.mouse.get_pos()):
# you can change the colors when the pointer is on the button if you want
self.colors = self.hover_colors
# pygame.mouse.set_cursor(*pygame.cursors.diamond)
else:
self.colors = self.original_colors
# pygame.mouse.set_cursor(*pygame.cursors.arrow)
def hover(self):
''' checks if the mouse is over the button and changes the color if it is true '''
# if self.style == 1:
# self.check_collision()
# # self.render()
# # buttons.draw()
# else:
self.check_collision()
def click(self):
''' checks if you click on the button and makes the call to the action just one time'''
if self.rect.collidepoint(pygame.mouse.get_pos()):
if pygame.mouse.get_pressed()[0] and self.pressed == 1:
print("The answer is:'" + self.text + "'")
self.command()
self.pressed = 0
if pygame.mouse.get_pressed() == (0,0,0):
self.pressed = 1
# ACTION FOR BUTTON CLICK ================
def on_click():
print("Click on one answer")
def on_right():
check_score("right")
def on_false():
''' if there is no 'right' as arg it means it's false '''
check_score()
def check_score(answered="wrong"):
''' here we check if the answer is right '''
global qnum, points
# until there are questions (before last)
hit.play() # click sound
if qnum < len(questions):
print(qnum, len(questions))
if answered == "right":
time.sleep(.1) # to avoid adding more point when pressing too much
points += 1
# Show the score text
qnum += 1 # counter for next question in the list
score.change_text(str(points))
# Change the text of the question
title.change_text(questions[qnum-1][0], color="cyan")
# change the question number
num_question.change_text(str(qnum))
show_question(qnum) # delete old buttons and show new
# for the last question...
elif qnum == len(questions):
print(qnum, len(questions))
if answered == "right":
kill()
time.sleep(.1)
points +=1
score.change_text("You reached a score of " + str(points))
time.sleep(.5)
questions = [
["What is Italy's Capital?", ["Rome", "Paris", "Tokyo", "Madrid"]],
["What is France's Capital?", ["Paris", "Rome", "Tokyo", "Madrid"]],
["What is England's Capital?", ["London", "Rome", "Tokyo", "Madrid"]],
]
def show_question(qnum):
''' put your buttons here '''
# Kills the previous buttons/sprites
kill()
# The 4 position of the buttons
pos = [100, 150, 200, 250]
# randomized, so that the right one is not on top
random.shuffle(pos)
Button((10, 100), "1. ", 36, "red on yellow",
hover_colors="blue on orange", style="button2", borderc=(255,255,0),
command=None)
Button((10, 150), "2. ", 36, "red on yellow",
hover_colors="blue on orange", style="button2", borderc=(255,255,0),
command=None)
Button((10, 200), "3. ", 36, "red on yellow",
hover_colors="blue on orange", style="button2", borderc=(255,255,0),
command=None)
Button((10, 250), "4. ", 36, "red on yellow",
hover_colors="blue on orange", style="button2", borderc=(255,255,0),
command=None)
# ============== TEXT: question and answers ====================
Button((50, pos[0]), questions[qnum-1][1][0], 36, "red on yellow",
hover_colors="blue on orange", style="button2", borderc=(255,255,0),
command=on_right)
Button((50, pos[1]), questions[qnum-1][1][1], 36, "red on yellow",
hover_colors="blue on orange", style="button2", borderc=(255,255,0),
command=on_false)
Button((50, pos[2]), questions[qnum-1][1][2], 36, "red on yellow",
hover_colors="blue on orange", style="button2", borderc=(255,255,0),
command=on_false)
Button((50, pos[3]), questions[qnum-1][1][3], 36, "red on yellow",
hover_colors="blue on orange", style="button2", borderc=(255,255,0),
command=on_false)
def kill():
for _ in buttons:
_.kill()
qnum = 1
points = 0
# ================= SOME LABELS ==========================
num_question = Label(screen, str(qnum), 0, 0)
score = Label(screen, "Punteggio", 50, 300)
title = Label(screen, questions[qnum-1][0], 10, 10, 55, color="cyan")
write1 = Label(screen, "PYQUIZ BY GiovanniPython", 50, 350, 20, color="red")
def start_again():
pass
def loop():
global game_on
show_question(qnum)
while True:
screen.fill(0)
for event in pygame.event.get(): # ====== quit / exit
if (event.type == pygame.QUIT):
pygame.quit()
if event.type == pygame.KEYDOWN:
if event.key == pygame.K_ESCAPE:
pygame.quit()
buttons.update() # update buttons
buttons.draw(screen)
show_labels() # update labels
clock.tick(60)
pygame.display.update()
pygame.quit()
if __name__ == '__main__':
pygame.init()
game_on = 1
loop()
The code for the label.py is this
import pygame
pygame.init()
def fontsize(size):
font = pygame.font.SysFont("Arial", size)
return font
font_default = fontsize(20)
labels = []
class Label:
''' CLASS FOR TEXT LABELS ON THE WIN SCREEN SURFACE '''
def __init__(self, screen, text, x, y, size=20, color="white"):
if size != 20:
self.font = fontsize(size)
else:
self.font = font_default
self.image = self.font.render(text, 1, color)
_, _, w, h = self.image.get_rect()
self.rect = pygame.Rect(x, y, w, h)
self.screen = screen
labels.append(self)
def change_text(self, newtext, color="white"):
self.image = self.font.render(newtext, 1, color)
def draw(self):
self.screen.blit(self.image, (self.rect))
def show_labels():
for _ in labels:
_.draw()
''' when you import this module
text1 = Text(win, "Ciao a tutti", 100, 100) # out of loop
text.draw() # into the loop
'''
if __name__ == '__main__':
# TEXT TO SHOW ON THE SCREEN AT POS 100 100
win = pygame.display.set_mode((600, 600))
clock = pygame.time.Clock()
Label(win, "Hello World", 100, 100, 36)
Label(win, "GiovanniPython", 100, 200, 24, color="yellow")
# LOOP TO MAKE THINGS ON THE SCRREEN
loop = 1
while loop:
win.fill(0) # CLEAN THE SCREEN EVERY FRAME
# CODE TO CLOSE THE WINDOW
for event in pygame.event.get():
if event.type == pygame.QUIT:
loop = 0
if event.type == pygame.KEYDOWN:
if event.key == pygame.K_ESCAPE:
loop = 0
# CODE TO SHOW TEXT EVERY FRAME
show_labels()
pygame.display.update()
clock.tick(60)
pygame.quit()
[hoop name=”all”]
