tenkuma/Impostor
tenkuma/Impostor
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Better visuals, add timer, add vibration on mobile, add light theme.

Browse source
This commit is contained in:
天クマ 2026-04-30 17:25:14 -03:00
commit 37ca135c28
7 changed files with 243 additions and 88 deletions
Download patch file Download diff file Expand all files Collapse all files

162
www/script.js
View file

@ -4,6 +4,13 @@ const startButton = document.querySelector("#startGame");
const logArea = document.querySelector("#gameLog");
const body = document.querySelector("body");
const hintCheckbox = document.querySelector("#hintCheck");
const timerInput = document.getElementById("timerInput");
const theme = localStorage.getItem('theme');
if (theme == "light") {
body.classList.add("light-theme");
}
let stage = 0;
let currentPlayer = 0;
@ -12,6 +19,7 @@ let allPlayers;
let currentName;
let secret;
let enableHint;
let timer;
nPlayerButton.addEventListener('click', () => {
const holder = document.createElement("div");
@ -66,63 +74,113 @@ startButton.addEventListener('click', () => {
case -1:
currentName = allPlayers[currentPlayer].value;
clear(`
<p>Entregue o dispositivo para:<br><span class="playerName">${currentName}</span><br>para continuar.</p>
`);
stage = 1;
break;
case 2: {
clear("O jogo começou! Cada um deve falar uma palavra relacionada ao tema.\nProssiga após a votação.");
stage += 1;
<p>Entregue o dispositivo para:<br><span class="playerName">${currentName}</span><br>para continuar</p>
`);
stage = 1;
break;
case 2: {
clear("O jogo começou! Cada um deve falar uma palavra relacionada ao tema.\n<p id='timer'>Prepare-se!</p>");
startTimer(timerInput.value);
stage += 1;
break;
}
case 3: {
if (!!navigator.vibrate) {
navigator.vibrate(0);
}
if (!!StayAwake.enableScreenTimeout) {
StayAwake.enableScreenTimeout();
}
clearInterval(timer);
clear("O jogo acabou! Votem para expulsar um jogador.")
stage += 1;
break;
}
case 4: {
clear(`O impostor era <b>${impostor}</b>; a palavra era <b>${secret.word}</b>; a dica <b>${secret.hint}</b>.`);
stage += 1;
break;
}
default:
body.classList.remove("game");
stage = 0;
currentPlayer = 0;
break;
}
case 3: {
clear(`O impostor era <b>${impostor}</b>; a palavra era <b>${secret.word}</b>; a dica <b>${secret.hint}</b>.`);
stage += 1;
break;
});
function choose() {
const randomIndex = Math.floor(Math.random() * allPlayers.length);
return allPlayers[randomIndex].value;
}
function log(text) {
logArea.innerHTML = logArea.innerHtml + "<br>" + text;
}
function clear(text) {
logArea.classList.forEach(item => {
logArea.classList.remove(item);
})
logArea.innerHTML = text;
}
function logClass(className) {
logArea.classList.toggle(className);
}
async function getWordWithHint() {
try {
const response = await fetch('words.json');
const data = await response.json();
const randomWordObj = data[Math.floor(Math.random() * data.length)];
const randomHint = randomWordObj.hints[Math.floor(Math.random() * randomWordObj.hints.length)];
return {
word: randomWordObj.word,
hint: randomHint
};
} catch (error) {
console.error('Error loading words:', error);
}
default:
body.classList.remove("game");
stage = 0;
currentPlayer = 0;
break;
}
});
function startTimer(minutes) {
const now = new Date();
const minutesLater = new Date(now.getTime() + minutes * 60 * 1000);
timer = setInterval(() => {
const timerElement = document.getElementById("timer");
if (!timerElement) { return; }
const rightNow = new Date().getTime();
var distance = minutesLater.getTime() - rightNow;
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
timerElement.innerText = `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
if (!!StayAwake.disableScreenTimeout) {
StayAwake.disableScreenTimeout();
}
if (distance < 0) {
clearInterval(timer);
function choose() {
const randomIndex = Math.floor(Math.random() * allPlayers.length);
return allPlayers[randomIndex].value;
}
if (!!navigator.vibrate) {
navigator.vibrate([1000, 500, 1000, 2000, 1000, 500, 1000, 2000, 1000, 500, 1000, 2000]);
}
function log(text) {
logArea.innerHTML = logArea.innerHtml + "<br>" + text;
}
if (!!StayAwake.enableScreenTimeout) {
StayAwake.enableScreenTimeout();
}
function clear(text) {
logArea.classList.forEach(item => {
logArea.classList.remove(item);
})
logArea.innerHTML = text;
}
function logClass(className) {
logArea.classList.toggle(className);
}
async function getWordWithHint() {
try {
const response = await fetch('words.json');
const data = await response.json();
const randomWordObj = data[Math.floor(Math.random() * data.length)];
const randomHint = randomWordObj.hints[Math.floor(Math.random() * randomWordObj.hints.length)];
return {
word: randomWordObj.word,
hint: randomHint
};
} catch (error) {
console.error('Error loading words:', error);
timerElement.innerText = "Acabou!";
}
}, 1000)
}
}
function changeTheme(){
body.classList.toggle('light-theme');
console.log(body.classList.contains('light-theme') ? "light" : "dark")
localStorage.setItem('theme', body.classList.contains('light-theme') ? "light" : "dark");
}