![]("+groupFaceId+".png)
![]("+buzzerId+".png)
");
+ let specialBuzzers = {
+ PizzaTowerTaunt1: ["PizzaTowerTaunt-1","PizzaTowerTaunt0","PizzaTowerTaunt1","PizzaTowerTaunt2","PizzaTowerTaunt3","PizzaTowerTaunt4","PizzaTowerTaunt5","PizzaTowerTaunt6","PizzaTowerTaunt7","PizzaTowerTaunt8"],
+ OneShotRam: ["OneShotRam","OneShotRam","OneShotRam","OneShotRamDemon"],
+ MarioPenguin: ["MarioPenguin","MarioPenguin","MarioPenguin","MarioPenguin","MarioPenguin","MarioMegPenguin"],
+ KirbyMic2: ["KirbyMic1","KirbyMic2","KirbyMic3"],
+ HKAdido: ["HKAdido","HKShaw"],
+ MPDogF: ["MPDogA","MPDogB","MPDogC","MPDogD","MPDogE","MPDogF","MPDogG"],
+ MPCatF: ["MPCatA","MPCatB","MPCatC","MPCatD","MPCatE","MPCatF","MPCatG"]
+ }
+ let buzzerOptionsCurrentRow = 0;
+ let buzzerOptionsTotalRows = 3;
+ function displayBuzzerOptions() {
+ $("#buzzerOptions").html("");
+ $("#buzzerOptions").append("\<
");
+ for (let i= 0; i<10; i++){
+ let buzzerGroup = buzzerOptions[buzzerOptionsCurrentRow*10+i];
+ if (buzzerGroup != null) {
+ const groupFaceId = buzzerGroup[0];
+ const buzzerGroupHTML = $(""+buzzerGroup.length+" ");
+ buzzerGroup.forEach((buzzerId) => {
+ buzzerGroupHTML.find(".buzzerGroupItems").append("");
+ });
+ $("#buzzerOptions").append(buzzerGroupHTML);
+ }
+ }
+ $("#buzzerOptions").append("
");
+ });
+ $("#buzzerOptions").append(buzzerGroupHTML);
+ }
+ }
+ $("#buzzerOptions").append("\>
");
+
+ $(".buzzerGroup").mousedown(function() {
+ $(".buzzerGroupItems").hide();
+ $(this).find(".buzzerGroupItems").show();
});
- $("#buzzerOptions").append(buzzerGroupHTML);
- });
+
+ $("#buzzerOptions img").mousedown(function() {
+ buzzerId = $(this).attr("id");
+ clientBuzzer = buzzerId;
+ if (specialBuzzers[buzzerId] != null) {
+ buzzerId = specialBuzzers[buzzerId][Math.floor(Math.random()*(specialBuzzers[buzzerId].length))];
+ }
+ if (buzzerId == "Mystery") {
+ buzzerOptionsFlat = buzzerOptions.flat();
+ buzzerId = buzzerOptionsFlat[Math.floor(Math.random()*(buzzerOptionsFlat.length-1))];
+ }
+ socket.emit("updateUserInfo", userName, teamName, buzzerId);
+ let buzzerSound = new Audio(buzzerId+".wav");
+ $("#buzzer").attr("src", buzzerId+".png" );
+ buzzerSound.play();
+ });
+
+ $("#buzzerOptionsNext").mousedown(function() {
+ buzzerOptionsCurrentRow += 1;
+ buzzerOptionsCurrentRow = ((buzzerOptionsCurrentRow % buzzerOptionsTotalRows) + buzzerOptionsTotalRows) % buzzerOptionsTotalRows //true modulo
+ displayBuzzerOptions();
+ });
+ $("#buzzerOptionsPrev").mousedown(function() {
+ buzzerOptionsCurrentRow = buzzerOptionsCurrentRow-1;
+ buzzerOptionsCurrentRow = ((buzzerOptionsCurrentRow % buzzerOptionsTotalRows) + buzzerOptionsTotalRows) % buzzerOptionsTotalRows //true modulo
+ displayBuzzerOptions();
+ });
+ }
+ displayBuzzerOptions();
+
$("#buzzer").attr("src", buzzerOptions[0]+".png" );
$("#buzzer").css("opacity", "0.2");
+ $("#buzzer").css("cursor", "not-allowed");
let buzzable = false;
- socket.emit("updateUserInfo", userName, teamName, "Kirbeep");//initial user registration
+ socket.emit("updateUserInfo", userName, teamName, clientBuzzer);//initial user registration
$("#buzzer").attr("src", "Kirbeep.png" );
socket.on("userInfoToClient", (userInfo) => {
@@ -68,10 +126,11 @@
socket.on("clearBuzzers", (currentTeam) => {
if (currentTeam == teamName) {
buzzable = true;
+ $("#buzzer").css("cursor", "pointer");
$("#buzzer").css("opacity", "1");
-
} else {
buzzable = false;
+ $("#buzzer").css("cursor", "not-allowed");
$("#buzzer").css("opacity", "0.2");
}
clearBuzzers();
@@ -106,9 +165,19 @@
function buzzIn() {
if (buzzable) {
+
buzzable = false;
$("#buzzer").css("opacity", "0.2");
+ $("#buzzer").css("cursor", "not-allowed");
buzzInTime = new Date().getTime();
+
+
+ if (specialBuzzers[clientBuzzer] != null) {
+ let buzzerId = specialBuzzers[clientBuzzer][Math.floor(Math.random()*(specialBuzzers[clientBuzzer].length))];
+ $("#buzzer").attr("src", buzzerId+".png" );
+ socket.emit("updateUserInfo", userName, teamName, buzzerId);
+ }
+
socket.emit("buzzerPressed", userName, buzzInTime);
socket.emit("pingServer", new Date().getTime());
}
@@ -124,23 +193,6 @@
}
});
- $(".buzzerGroup").mousedown(function() {
- $(".buzzerGroupItems").hide();
- $(this).find(".buzzerGroupItems").show();
- });
-
- $("#buzzerOptions img").mousedown(function() {
- buzzerId = $(this).attr("id");
- if (buzzerId == "Mystery") {
- buzzerOptionsFlat = buzzerOptions.flat();
- buzzerId = buzzerOptionsFlat[Math.floor(Math.random()*(buzzerOptionsFlat.length-1))];
- }
- socket.emit("updateUserInfo", userName, teamName, buzzerId);
- let buzzerSound = new Audio(buzzerId+".wav");
- $("#buzzer").attr("src", buzzerId+".png" );
- buzzerSound.play();
- });
-
$("#contestAnswer").find("img").mousedown(function() {
socket.emit("objectionToServer", userName);
});
diff --git a/styles/styleMain.css b/styles/styleMain.css
index 2dadbcf..10d27ed 100644
--- a/styles/styleMain.css
+++ b/styles/styleMain.css
@@ -10,6 +10,7 @@ button {
font-family: 'Twoson';
position: relative;
z-index: 1;
+ cursor: pointer;
}
input {
@@ -47,6 +48,7 @@ a, a:visited {
#contestAnswer img {
width: 100px;
+ cursor: pointer;
}
#contestAnswer p {
@@ -100,12 +102,27 @@ ul {
z-index: 1000;
}
+#idkButton {
+ cursor: pointer;
+}
+
#instructions {
font-size: 14px;
}
#buzzerOptions img {
width: 50px;
+ cursor: pointer;
+}
+
+#buzzerOptionsNext {
+ font-size: 75px;
+ cursor: pointer;
+}
+
+#buzzerOptionsPrev{
+ font-size: 75px;
+ cursor: pointer;
}
#buzzerOptions small {
@@ -145,6 +162,7 @@ ul {
top: 20px;
right: 20px;
width: 14px;
+ cursor: pointer;
}
.userListBuzzerSelections {