├── README.md ├── index.html ├── css └── style.css └── js └── script.js /README.md: -------------------------------------------------------------------------------- 1 | # jogoEscolhas -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | cyberDoom(); 8 | 9 | 10 | 11 |

12 |

13 |

14 |

cyberDoom();

15 |

16 | 17 |

18 |

19 |

Você é um hacker disposto a ajudar pessoas que foram infectadas por um vírus malicioso. 20 | Atualmente, as pessoas usam chip implementado na mão para obter melhor qualidade de vida. 21 | O contágio desse vírus é feito por crackers que crackeiam o chip para ter acesso as memórias 22 | do infectado e poder controlá-lo para acreditar apenas em fake news. Esses crackers seguem a 23 | ideologia de uma grande organização que quer dominar o mundo: a organização Doom.

24 |

25 |

26 | 27 | 28 | 29 |

30 | 31 | Jogar de novo 32 |

33 |

34 |

35 | 36 | 37 | 38 | -------------------------------------------------------------------------------- /css/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | padding: 0; 3 | margin: 0; 4 | box-sizing: border-box; 5 | color: white; 6 | } 7 | 8 | .container { 9 | width: 100vw; 10 | height: 100vh; 11 | display: flex; 12 | justify-content: center; 13 | align-items: center; 14 | background-image: linear-gradient(#E032E6,#B332E6,#8632E6,#5932E6,#020314); 15 | } 16 | 17 | .caixa { 18 | width: 800px; 19 | text-align: center; 20 | } 21 | 22 | .caixa h1 { 23 | margin-bottom: 30px; 24 | font-size: 56px; 25 | font-family: 'Orbitron', sans-serif; 26 | } 27 | 28 | .caixa .texto { 29 | font-family: 'PT Mono', monospace; 30 | font-size: 24px; 31 | margin-bottom: 30px; 32 | letter-spacing: 2px; 33 | line-height: 30px; 34 | } 35 | 36 | .caixa .botoes { 37 | display: flex; 38 | justify-content: space-around; 39 | } 40 | 41 | .caixa .btn { 42 | border: 2px solid #ffffff; 43 | padding: 15px; 44 | border-radius: 10px; 45 | background: none; 46 | font-size: 28px; 47 | margin-bottom: 30px; 48 | font-weight: bold; 49 | outline: none; 50 | font-family: 'Orbitron', sans-serif; 51 | } 52 | 53 | .caixa .btn:hover { 54 | border-color: #E032E6; 55 | transition: 380ms; 56 | } 57 | 58 | .caixa .btn-1, .btn-2 { 59 | font-family: 'PT Mono', monospace; 60 | width: 300px; 61 | display: none; 62 | font-size: 24px; 63 | padding: 10px; 64 | border-radius: 10px; 65 | background: none; 66 | border: 2px solid #ffffff; 67 | outline: none; 68 | margin-bottom: 30px; 69 | } 70 | 71 | .caixa .btn-1:hover { 72 | border-color: #E032E6; 73 | transition: 380ms; 74 | } 75 | 76 | .caixa .btn-1:visited { 77 | color: none; 78 | } 79 | 80 | .caixa .btn-2:visited { 81 | color: none; 82 | } 83 | 84 | .caixa .btn-1:visited:hover { 85 | color: none; 86 | } 87 | 88 | .caixa .btn-2:visited:hover { 89 | color: none; 90 | } 91 | 92 | .caixa .btn-2:hover { 93 | border-color: #E032E6; 94 | transition: 380ms; 95 | } 96 | 97 | .caixa a { 98 | color: #ffffff; 99 | text-decoration: none; 100 | font-size: 25px; 101 | font-family: 'Orbitron', sans-serif; 102 | } 103 | 104 | .caixa a:hover { 105 | color: #E032E6; 106 | transition: 380ms; 107 | } 108 | 109 | .caixa a:visited { 110 | color: none; 111 | } 112 | 113 | 114 | .caixa a:visited:hover { 115 | color: none; 116 | } -------------------------------------------------------------------------------- /js/script.js: -------------------------------------------------------------------------------- 1 | var texto = document.querySelector(".texto"); 2 | var btn = document.querySelector(".btn"); 3 | var btn1 = document.querySelector(".btn-1"); 4 | var btn2 = document.querySelector(".btn-2"); 5 | var a = document.querySelector("a"); 6 | 7 | function layout(txtP, txtBtn1, txtBtn2){ 8 | texto.textContent = `${txtP}`; 9 | btn1.textContent = `${txtBtn1}`; 10 | btn2.textContent = `${txtBtn2}`; 11 | } 12 | 13 | function mostrarBotao(){ 14 | btn1.style.display = "inline"; 15 | btn2.style.display = "inline"; 16 | } 17 | 18 | function tirarBotao(){ 19 | btn.style.display = "none"; 20 | } 21 | 22 | function mudarFase(botao1, botao2){ 23 | btn1.onclick = botao1; 24 | btn2.onclick = botao2; 25 | } 26 | 27 | function fimDeJogo(){ 28 | btn1.style.display = "none"; 29 | btn2.style.display = "none"; 30 | a.textContent = "Fim de jogo. Clique para jogar mais!" 31 | } 32 | 33 | function primeiraMalOpcao(){ 34 | texto.textContent = "Já que é essa a sua decisão, teremos que aceitar. "; 35 | fimDeJogo(); 36 | } 37 | 38 | function segundaMalOpcao(){ 39 | texto.textContent = "Você chegou até aqui para disseminar notícias falsas? Que decepção! "; 40 | fimDeJogo(); 41 | } 42 | 43 | function terceiraMalOpcao(){ 44 | texto.textContent = "Você pensou mais em si do que no próximo."; 45 | fimDeJogo(); 46 | } 47 | 48 | function quartaMalOpcao(){ 49 | texto.textContent = "É uma lástima seus pensamentos te controlarem. Pratique mindfulness para conhecer a ti mesmo."; 50 | fimDeJogo(); 51 | } 52 | 53 | function quintaMalOpcao(){ 54 | texto.textContent = "Lembre-se: os hackers toparam estar aqui porque querem disseminar a verdade a população. Você foi um péssimo líder."; 55 | fimDeJogo(); 56 | } 57 | 58 | function sextaMalOpcao(){ 59 | texto.textContent = "O que adiantou executar o plano e depois simplesmente desistir por medo?"; 60 | fimDeJogo(); 61 | } 62 | 63 | function repensar(){ 64 | layout("É isso mesmo que você quer fazer?", "Sim", "Não"); 65 | mudarFase(primeiraMalOpcao,primeiraFase); 66 | } 67 | 68 | function perder(){ 69 | texto.textContent = "É sério que você escolheu essa opção?"; 70 | fimDeJogo(); 71 | } 72 | 73 | function ganhar(){ 74 | texto.textContent = "Parabéns! Você conseguiu mostrar a verdade para as pessoas. Isso é um jogo fictício, porém busque sempre pela verdade."; 75 | fimDeJogo(); 76 | } 77 | 78 | function primeiraFase(){ 79 | 80 | layout("Há um evento de grande porte transmitido para todo o país que está disseminando informações falsas sobre a organização Doom. O que você quer fazer?","Hackear o computador", "Nada") 81 | mostrarBotao(); 82 | tirarBotao(); 83 | mudarFase(segundaFase,repensar) 84 | } 85 | 86 | function segundaFase(){ 87 | layout("Bela atitude! Você conseguiu acesso ao computador e as câmeras de segurança. Agora você consegue ver tudo o que está acontecendo. O que você pretende fazer?", "Gravar e postar nas redes sociais", "Modificar o script do palestrante") 88 | mostrarBotao(); 89 | tirarBotao(); 90 | mudarFase(segundaMalOpcao,terceiraFase) 91 | } 92 | 93 | function terceiraFase(){ 94 | layout("Com os seus conhecimentos técnicos, você conseguiu alterar o script do teleprompter para disseminar notícias verdadeiras e impactou os participantes do evento. Entretanto, um dos crackers conseguiu a sua localização e contactou a polícia. Neste exato momento estão indo atrás de você. O que você quer fazer?","Se entregar para a polícia","Fugir") 95 | mostrarBotao(); 96 | tirarBotao(); 97 | mudarFase(terceiraMalOpcao,quartaFase); 98 | } 99 | 100 | function quartaFase(){ 101 | layout("Na televisão foi acionado o plantão jornalístico dizendo que está acontecendo manifestações contra a organização Doom e agradecimentos por um suposto hacker ter vazado as informações verdadeiras. Isso desencadeou em você uma sensação de dever cumprido. Agora, o que pretende fazer? ", "Recrutar hackers para fazer uma revolução","Seus pensamentos dizem que você não é páreo para isso e desiste"); 102 | mostrarBotao(); 103 | tirarBotao(); 104 | mudarFase(quintaFase,quartaMalOpcao); 105 | } 106 | 107 | function quintaFase(){ 108 | layout("Em um fórum anônimo, você conseguiu transmitir a sua ideologia e outros hackers resolveram te seguir. Vocês estão planejando fazer um grande ataque a organização para ajudar as pessoas que já estão sendo controladas pelas fake news. Você, como líder, o que pretende fazer?", "Começar a execução do plano","Abortar o plano"); 109 | mostrarBotao(); 110 | tirarBotao(); 111 | mudarFase(sextaFase,quintaMalOpcao); 112 | } 113 | 114 | function sextaFase(){ 115 | layout("Algo deu errado! Alguns de seus parceiros caíram em uma armadilha feita pelos crackers e foram presos. Qual é o seu plano agora?", "Continuar com o mesmo plano","Desistir por medo de ser preso"); 116 | mostrarBotao(); 117 | tirarBotao(); 118 | mudarFase(setimaFase,sextaMalOpcao); 119 | } 120 | 121 | function setimaFase() { 122 | layout("Sua atitude em continuar com o plano estabelecido foi de grande sucesso! O que pretende fazer agora?","Criar um vírus", "Combater as fake news"); 123 | mostrarBotao(); 124 | tirarBotao(); 125 | mudarFase(perder,ganhar) 126 | } 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | --------------------------------------------------------------------------------