2022-11-18 11:33:25 +00:00
|
|
|
class LeaderboardScreen {
|
|
|
|
constructor() {
|
2022-11-18 14:51:05 +00:00
|
|
|
this.menu = new Menu();
|
2022-11-18 11:33:25 +00:00
|
|
|
api.getLeaderBoard()
|
|
|
|
}
|
|
|
|
|
|
|
|
draw() {
|
|
|
|
background("#eeeee4");
|
|
|
|
textSize(100);
|
|
|
|
textAlign(CENTER, CENTER);
|
|
|
|
fill("#000");
|
|
|
|
text("Leaderboard", 0, 100, windowWidth, 120);
|
2022-11-18 14:51:05 +00:00
|
|
|
this.menu.draw();
|
2022-11-18 11:33:25 +00:00
|
|
|
|
|
|
|
textSize(20);
|
|
|
|
fill("#000");
|
|
|
|
if (user.leaderboard != undefined) {
|
|
|
|
for (let i = 0; i < user.leaderboard.length; i++) {
|
|
|
|
text(`#${i+1}: ${user.leaderboard[i].username} : ${user.leaderboard[i].wpm}wpm`, 0, i*30+300, windowWidth, 30);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
fill("#000");
|
2022-11-18 12:27:54 +00:00
|
|
|
text(`Logged in as ${user.username}`, windowWidth-400, 15);
|
2022-11-18 11:33:25 +00:00
|
|
|
}
|
|
|
|
}
|