Graphical User Interface

JPPPPP
UCL-COMP0016–2020-Team13
2 min readMar 17, 2021

As we have finished the backend(key algorithms, APIs) of the system, we are ready to put them together and create a graphical user interface (GUI) using the tkinter package in Python. We intend to use the GUI to demonstrate the functionalities and potential of the system.

Final look of GUI

When users press the button for the first time, model images appears on screen when it finishes counting down (see figure 1). When users are ready for the game and click the button, program starts to count down, a screen shot will be taken and calculated by Openpose when the program finishes counting down. Users will then need to wait for about 9 seconds until the program resumes (see figure 2). Current Move frame and Next Move frame changes to the next pair of images. Combine Skeleton and Score frame will show the combined skeleton images of the model skeleton and the skeleton from the screen shot. Finally, the new total score will be updated in the red label.

Figure 1

--

--