4. Final version of the Zombies question show

RunResetLoad History

xxxxxxxxxx

 

1

from browser import document, html

2

from browser.widgets.dialog import Dialog

3

​

4

​

5

def create_element(audio_url, audio_name):

6

    print(f"Creating the audio element {audio_url}")

7

    document <= html.AUDIO(id=audio_name, src=audio_url)

8

​

9

​

10

def start_audio(element):

11

    document[element].play()

12

​

13

​

14

def pause_audio(element):

15

    document[element].pause()

16

​

17

correct = incorrect = 0

18

​

19

# Correct sound

20

create_element("http://www.superluigibros.com/downloads/sounds/SNES/SMRPG/wav/smrpg_correct.wav", "correct")

21

# Incorrect sound

22

create_element("https://bigsoundbank.com/UPLOAD/ogg/1684.ogg", "incorrect")

23

​

24

d = Dialog("Zombies Question Show", top=20, left=20)

Activity: 4.1 ActiveCode (ac_l50_4a_en)

• Something important is missing.

• The results of each option!

• Let’s change the window to add a label that changes its value.

• The value will increase every time the respective button is pressed.

RunResetLoad History

xxxxxxxxxx

 

1

from browser import document, html, bind

2

from browser.widgets.dialog import Dialog

3

​

4

​

5

def create_element(audio_url, audio_name):

6

    print(f"Creating the audio element {audio_url}")

7

    document <= html.AUDIO(id=audio_name, src=audio_url)

8

​

9

​

10

def start_audio(element):

11

    document[element].play()

12

​

13

​

14

def pause_audio(element):

15

    document[element].pause()

16

​

17

​

18

correct = incorrect = 0

19

​

20

# Correct sound

21

create_element("http://www.superluigibros.com/downloads/sounds/SNES/SMRPG/wav/smrpg_correct.wav", "correct")

22

# Incorrect sound

23

create_element("https://bigsoundbank.com/UPLOAD/ogg/1684.ogg", "incorrect")

24

​

Activity: 4.2 ActiveCode (ac_l50_4b_en)

• Great! Everything works perfectly.

• You can change the audio for each option.

• The boss is happy with the Zombies Question Show.

4.1. Remember

• Use of the functionalities with the brython component.

• It is not the only way to create graphical interfaces.

  • Use of third-party library: pygame and tkinter.

• To handle events, an event controller is used.

  • Event controller: function that is executed when the event occurs.

On a scale from 1 (needs improvement) to 3 (excellent), how would you rate this chapter?
1
2
3

Activity: 4.1.1 Poll (TWP50E)

You have attempted 1 of 4 activities on this page