friends/TheChaseBuzzer
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

implemented animated buzzers

Browse Source
This commit is contained in:
Samuel Kent
2023-06-12 21:27:11 +10:00
parent d11c79423d
commit 992021b34a
14 changed files with 21 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
audio/BMYoSun.wav
BIN
View File
Binary file not shown.
audio/DeltaruneChaosChaos.wav
BIN
View File
Binary file not shown.
audio/DeltaruneICanDoAnything.wav
BIN
View File
Binary file not shown.
audio/SF3KenParry.wav
BIN
View File
Binary file not shown.
audio/SFBrazil.wav
BIN
View File
Binary file not shown.
browserFunctions.js
-1
View File
@@ -1,7 +1,6 @@
function userInfoToClient(userInfo) { function userInfoToClient(userInfo) {
for (const user in userInfo) { for (const user in userInfo) {
const userId = user.replaceAll(" ","_"); const userId = user.replaceAll(" ","_");
console.log($("#userListPanel").find("#"+userId));
if ($("#userListPanel").find("#"+userId).length >= 1) { if ($("#userListPanel").find("#"+userId).length >= 1) {
//update buzzer icon of existing user //update buzzer icon of existing user
$("#userListPanel").find("#"+userId).find("img").attr("data-buzzerId",userInfo[user].buzzerId); $("#userListPanel").find("#"+userId).find("img").attr("data-buzzerId",userInfo[user].buzzerId);
images/buzzers/DeltaruneChaosChaos.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

images/buzzers/DeltaruneICanDoAnything.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

images/buzzers/SF3KenParry.gif
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

images/buzzers/SF3KenParry.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.6 KiB

images/buzzers/SFBrazil.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

pages/home.html
+1 -1
View File
@@ -1,7 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<title>Pledge Monolith!</title> <title>Thanks for pledging monolith! :)</title>
<link rel="stylesheet" href="styleMain.css"> <link rel="stylesheet" href="styleMain.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script> <script>
pages/host.html
+1 -1
View File
@@ -1,7 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<title>Pledge Monolith!</title> <title>Thanks for pledging monolith! :)</title>
<link rel="stylesheet" href="styleMain.css"> <link rel="stylesheet" href="styleMain.css">
<script src="browserFunctions.js"></script> <script src="browserFunctions.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
pages/play.html
+19 -8
View File
@@ -1,7 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<title>Pledge Monolith! (please)</title> <title>Thanks for pledging monolith! :)</title>
<link rel="stylesheet" href="styleMain.css"> <link rel="stylesheet" href="styleMain.css">
<script src="browserFunctions.js"></script> <script src="browserFunctions.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
@@ -21,8 +21,8 @@
["MarioBoing","MarioPenguin","MarioCoin","MPYosh","MPDogF","MPCatF","MarioPlum","WLHelloThere"], ["MarioBoing","MarioPenguin","MarioCoin","MPYosh","MPDogF","MPCatF","MarioPlum","WLHelloThere"],
["PizzaTowerTaunt1"], ["PizzaTowerTaunt1"],
["EBWow","EBAttack1","SaturnHonk"], ["EBWow","EBAttack1","SaturnHonk"],
["Ooh"],
["AAHoldIt","AATakeThat"], ["AAHoldIt","AATakeThat"],
["Ooh"],
["Killer7Laugh"], ["Killer7Laugh"],
["TheNumberEight","TheNumberEight","TheNumberEight","TheNumberEight","TheNumberEight","TheNumberEight","TheNumberEight","TheNumberEight"], ["TheNumberEight","TheNumberEight","TheNumberEight","TheNumberEight","TheNumberEight","TheNumberEight","TheNumberEight","TheNumberEight"],
["Jiggluigibat","SaturnHonk","Kirbeep"], ["Jiggluigibat","SaturnHonk","Kirbeep"],
@@ -43,6 +43,7 @@
["TWEWYCrunch","TWEWYNoLimits","TWEWYSummon","TWEWYTime","TWEWYVerywell","TWEWYZettaslow"], ["TWEWYCrunch","TWEWYNoLimits","TWEWYSummon","TWEWYTime","TWEWYVerywell","TWEWYZettaslow"],
["BMYoSun","BMOuch","BMBoing"], ["BMYoSun","BMOuch","BMBoing"],
["EWJPain"], ["EWJPain"],
["SF3KenParry","SFBrazil"],
["BuzzinLiveBuzzer"], ["BuzzinLiveBuzzer"],
["Mystery"] ["Mystery"]
]; ];
@@ -53,8 +54,10 @@
KirbyMic2: ["KirbyMic1","KirbyMic2","KirbyMic3"], KirbyMic2: ["KirbyMic1","KirbyMic2","KirbyMic3"],
HKAdido: ["HKAdido","HKShaw"], HKAdido: ["HKAdido","HKShaw"],
MPDogF: ["MPDogA","MPDogB","MPDogC","MPDogD","MPDogE","MPDogF","MPDogG"], MPDogF: ["MPDogA","MPDogB","MPDogC","MPDogD","MPDogE","MPDogF","MPDogG"],
MPCatF: ["MPCatA","MPCatB","MPCatC","MPCatD","MPCatE","MPCatF","MPCatG"] MPCatF: ["MPCatA","MPCatB","MPCatC","MPCatD","MPCatE","MPCatF","MPCatG"],
DeltaruneICanDoAnything: ["DeltaruneICanDoAnything","DeltaruneChaosChaos"]
} }
let animatedBuzzers = ["SF3KenParry"];
let buzzerOptionsCurrentRow = 0; let buzzerOptionsCurrentRow = 0;
let buzzerOptionsTotalRows = 3; let buzzerOptionsTotalRows = 3;
function displayBuzzerOptions() { function displayBuzzerOptions() {
@@ -79,7 +82,7 @@
}); });
$("#buzzerOptions img").mousedown(function() { $("#buzzerOptions img").mousedown(function() {
buzzerId = $(this).attr("id"); let buzzerId = $(this).attr("id");
clientBuzzer = buzzerId; clientBuzzer = buzzerId;
if (specialBuzzers[buzzerId] != null) { if (specialBuzzers[buzzerId] != null) {
buzzerId = specialBuzzers[buzzerId][Math.floor(Math.random()*(specialBuzzers[buzzerId].length))]; buzzerId = specialBuzzers[buzzerId][Math.floor(Math.random()*(specialBuzzers[buzzerId].length))];
@@ -90,7 +93,13 @@
} }
socket.emit("updateUserInfo", userName, teamName, buzzerId); socket.emit("updateUserInfo", userName, teamName, buzzerId);
let buzzerSound = new Audio(buzzerId+".wav"); let buzzerSound = new Audio(buzzerId+".wav");
$("#buzzer").attr("src", buzzerId+".png" ); if (animatedBuzzers.includes(buzzerId)) {
$("#buzzer").attr("src", buzzerId+".gif" );
}
else {
$("#buzzer").attr("src", buzzerId+".png" );
}
buzzerSound.play(); buzzerSound.play();
}); });
@@ -107,13 +116,12 @@
} }
displayBuzzerOptions(); displayBuzzerOptions();
$("#buzzer").attr("src", buzzerOptions[0]+".png" ); $("#buzzer").attr("src", buzzerOptions[0][0]+".png" );
$("#buzzer").css("opacity", "0.2"); $("#buzzer").css("opacity", "0.2");
$("#buzzer").css("cursor", "not-allowed"); $("#buzzer").css("cursor", "not-allowed");
let buzzable = false; let buzzable = false;
socket.emit("updateUserInfo", userName, teamName, clientBuzzer);//initial user registration socket.emit("updateUserInfo", userName, teamName, clientBuzzer);//initial user registration
$("#buzzer").attr("src", "Kirbeep.png" );
socket.on("userInfoToClient", (userInfo) => { socket.on("userInfoToClient", (userInfo) => {
userInfoToClient(userInfo); userInfoToClient(userInfo);
@@ -177,7 +185,10 @@
$("#buzzer").attr("src", buzzerId+".png" ); $("#buzzer").attr("src", buzzerId+".png" );
socket.emit("updateUserInfo", userName, teamName, buzzerId); socket.emit("updateUserInfo", userName, teamName, buzzerId);
} }
else if (animatedBuzzers.includes(clientBuzzer)) {
$("#buzzer").attr("src", clientBuzzer+".gif" );
socket.emit("updateUserInfo", userName, teamName, clientBuzzer);
}
socket.emit("buzzerPressed", userName, buzzInTime); socket.emit("buzzerPressed", userName, buzzInTime);
socket.emit("pingServer", new Date().getTime()); socket.emit("pingServer", new Date().getTime());
} }