<div class="passagem"> ''<span>IAgora?</span>'' <span>Cada escolha traz consequências sociais, como manifestações populares, crises políticas ou até momentos de fortalecimento da democracia. Você jogará clicando nas opções de resposta disponíveis na parte inferior da tela. Suas decisões influenciarão o andamento da campanha, o crescimento da base eleitoral e o seu destaque na mídia.</span <span> No IAgora, você vai descobrir na prática: até onde é possível ir para conquistar o poder?</span> <button-link>[[<span>Começar<img src="./assets/images/brain.svg"></span>|TED]]</button-link> </div><div class="passagem"> ''<span>Bem-vindo(a) ao IAgora: Eleições 2026!</span>'' <span>Ao clicar em “Começar”, você será transportado para um chat fictício. Seu papel? Assumir o comando de uma campanha política com um único objetivo: eleger seu candidato ao governo do estado.</span> <span>Ao longo do jogo, você tomará decisões estratégicas que influenciam diretamente os rumos da campanha. Será possível escolher entre caminhos baseados na verdade ou na criação e disseminação de fake news — que podem ir de pequenos boatos até conteúdos de grande impacto, como áudios, imagens e vídeos falsos gerados por inteligência artificial.</span> <button-link>[[<span>Próximo! <img src="./assets/images/brain.svg"></span>|Como Jogar2]]</button-link> </div><div class="passagem center-stuff" id="cinematic" > <span>A possibilidade de facções invadirem novas cidades causa medo na população e essa emoção, assim como a raiva e a alegria, pode ser utilizada para manipular votos.</span> <span>Geralmente marcados por termos chamativos, que remetem à urgência, esses conteúdos são associados à técnica de manipulação denominada ''EMOÇÃO''.</span> <div class="button-row"> [[<span>Continuar</span>|PFIM]] </div> (display: "HUD")<div id="hud"> <div class="status-wrapper"> <div class="card-wrapper"> <!-- HTML --> <div class="tooltip"> <span class="tooltip-icon">i</span> <div class="tooltip-bubble"> O apoio é o indicador de pessoas que acreditam em sua campanha, pessoas que depositam suas esperanças em você! </div> </div> <div class="column-hud"> <av id="porcentagem-value">($porcentagemApoio%)</av> <av id="apoio-value">$apoio</av> <span>Apoio</span> </div> </div> <div class="card-wrapper"> <div class="column-hud"> <av id="imprensa-value">$imprensa%</av> <span>Imprensa</span> </div> <!-- HTML --> <div class="tooltip"> <span class="tooltip-icon">i</span> <div class="tooltip-bubble"> Esse indicador mostra a sua relevância na mídia, ele potencializa o seu apoio! </div> </div> </div> </div> </div>(display: "HUD") <div class="passagem" id="off-center"> </div><div class="passagem" id="text-column"> <span>Surgiu um forte boato no WhatsApp: uma fake news que mostra uma facção planejando expandir o território para novas cidades do seu estado.</span> <br><br> <span>Você checou com amigos nas polícias que afirmaram que isso é falso.</span> <br><br> <span>Mas veja como a população tem reagido a esse boato nos grupos de WhatsApp:</span> <div class="button-row"> [[<span>Averiguar mensagens!</span>|p-img1]] </div> </div> (set: $apoio to 951364) (set: $imprensa to 0) (set: $populacaoTotal to 10151247) (set: $porcentagemApoio to (round: ($apoio / $populacaoTotal) * 100))<div class="passagem"> <span>Seja bem-vindo(a) ao "IAgora?"!</span> <br><br> <span>Nesta simulação, você coordenará uma campanha para eleger o próximo governador do seu Estado!</span> <div class="button-row"> <button-link>[[<span>Certo!</span>|Intro1.2]]</button-link> <button-link>[[<span>Bora</span>|Intro1.2]]</button-link> </div> </div><div class="passagem"> Sua missão é garantir que o seu candidato vença as eleições a qualquer custo! <div class="button-row"> <button-link>[[<span>Certo!</span>|Intro1.3]]</button-link> <button-link>[[<span>Combinado</span>|Intro1.3]]</button-link> </div> </div><div class="passagem"> Durante a campanha, você vai utilizar táticas e técnicas desinformativas, inclusive envolvendo inteligência artificial (IA), mesmo não sendo ético. Dessa forma, você vai entender como algumas campanhas podem tentar te enganar. <div class="button-row"> <button-link>[[<span>Entendi!</span>|Inicio]]</button-link> <button-link>[[<span>Não tenho certeza...</span>|Intro1.4]]</button-link> </div> </div><div class="passagem"> Não se preocupe, você está em um ambiente seguro. Nada do que você faça no jogo afetará o mundo real, mas fique atento para perceber que, provavelmente, em seu cotidiano, você já foi afetado por táticas que utilizará por aqui! <div class="button-row"> <button-link>[[<span>Bora Ganhar!</span>|Inicio]]</button-link> </div> </div><div class="passagem"> <div class="main-body"> <div class="container"> <h1>Gostou da experiência?</h1> <p>As próximas técnicas estão em construção. Inscreva-se para saber quando a nova versão estiver pronta. Vai valer a pena! :) Enquanto isso, você pode jogar a <a href="http://2024.iagora.org" target="_blank">versão de 2024</a>.</p> <div class="eg-embed-26e9Xe3Q7t"></div> </div> <button-link>[[<span>Retornar ao Menu! <img src="./assets/images/brain.svg"></span>|StartUp]]</button-link> </div>(display: "HUD") <div class="passagem"> <span id="off-center" class="button-row">Atualmente, existem diversas plataformas que podem nos ajudar a lançar campanhas no WhatsApp.</span> <span id="off-center">Elas são compostas por robôs que enviam milhares de mensagens por dia para espalhar o que precisarmos.</span> <div class="button-row"> [[<span>Interessante</span>|P1.2]] </div> </div>(set: $A1 to 951364) (set: $Ax to 92000) (set: $P1 to 20 * $Ax) (set: $P2 to 16 * $Ax) (set: $P3 to 2 * $Ax) (set: $P4 to 1 * $Ax) (set: $populacaoTotal to 10151247) (set: $porcentagemApoio to (round: $apoio / $populacaoTotal) * 100) (set: $apoio to $A1) (set: $imprensa to 0)(display: "HUD") <div class="passagem"> <span id="off-center" style="text-align:center !important;">Muitas pessoas acabam compartilhando essas mensagens, gerando uma epidemia de desinformação.</span> <span id="off-center" style="text-align:center !important;">Você já recebeu ou conhece alguém que já recebeu alguma mensagem deste tipo?</span> <div class="button-row" style="flex-direction:row;"> [[<span>Nunca vi</span>|P1.4]] [[<span>Sim</span>|P1.3]] </div> </div>(display: "HUD") <div class="passagem"> <span id="off-center">Então, você vai conseguir escolher boas mensagens para espalharmos essa mentira!</span> <div class="button-row"> [[<span>Vamos lá!</span>|P1.5]] </div> </div>(display: "HUD") <div class="passagem"> <span id="off-center">Então, vou criar mensagens para divulgarmos essa mentira.</span> <div class="button-row"> [[<span>Bora!</span>|P1.5]] </div> </div><div class="passagem center-stuff"> <span id="title">Podemos usar essa mensagem?</span> <img class="mobile-img" src="./assets/images/mockup_bot_mensagem1.png" style="max-width: 280px;"> <div class="button-col"> [[<span>Quero usar essa mensagem!</span>|P1.71]] [[<span>Não quero usar essa mensagem!</span>|P1.6]] </div> </div><div class="passagem center-stuff"> <span id="title">O que você acha dessa outra opção?</span> <img class="mobile-img" src="./assets/images/mockup_bot_mensagem2.png" style="max-width: 280px;"> <div class="button-col"> [[<span>Quero usar essa mensagem!</span>|P1.72]] [[<span>Quero a mensagem anterior!</span>|P1.5]] </div> </div><div class="passagem center-stuff" id="cinematic"> <span>Com isso, a população ficou com medo das possíveis políticas do atual governador e nossa estimativa de votos aumentou!</span> <img src="./assets/images/familia_souza.png" class="mobile-img"> <div class="button-col"> [[<span>Ótimo! Tudo de acordo com o plano!</span>|P4.2]] </div></div> (display: "HUD") <script>triggerGanharApoio(16 * 92000)</script> <script>triggerGanharImprensa(9)</script> <script>triggerAtualizarPorcentagemApoio(+15);</script><div class="passagem center-stuff" id="cinematic" > <span>Com isso, a população ficou com medo das possíveis políticas do atual governador e nossa estimativa de votos aumentou!</span> <img src="./assets/images/fut_quarta2.png" class="mobile-img"> <div class="button-row"> [[<span>Ótimo! Tudo de acordo com o plano!</span>|P4.2]] </div></div> (display: "HUD") <script>triggerGanharApoio(16 * 92000)</script> <script>triggerGanharImprensa(9)</script> <script>triggerAtualizarPorcentagemApoio(+15);</script>(display: "HUD") <div class="passagem"> Podemos criar um áudio com Inteligência Artificial (IA) fingindo ser um membro de facção para colocar mais lenha na fogueira. O que acha? <div class="button-row"> [[<span>Boa ideia!</span>|P2.1]] [[<span>Acho melhor não criarmos mais desinformação...</span>|P3]] </div> </div>(display: "HUD") <div class="passagem"> Com o nível de tecnologia atual, criar áudios de qualidade com vozes falsas é uma tarefa fácil. Existem diversas ferramentas na internet que possibilitam a criação deste tipo de desinformação. <div class="button-row"> [[<span>Prosseguir</span>|P2.3]] </div> </div>(display: "HUD") <div class="passagem"> Esse aqui é um áudio falso do Siqueira (candidato adversário) conversando com o líder da facção sobre pagamento de propina! <audio controls> <source src="./assets/images/pagamento_propina.mp3" type="audio/mpeg" type="audio/mpeg"> </audio> <div class="button-row"> [[<span>Quero usar esse áudio!</span>|P2.4]] [[<span>Não quero usar esse áudio!</span>|P2.5]] </div> </div><div class="passagem" id="cinematic"> <span class="texto">Seu áudio teve uma grande repercussão nos grupos e na mídia! A população ficou com medo das possíveis políticas do atual governador e nossa estimativa de votos aumentou bastante!</span> <img src="./assets/images/grupo_lipe.png" class="mobile-img"> <div class="button-row"> [[<span>Ótima notícia!</span>|P2.8]] </div> </div> (display: "HUD") <script>triggerAtualizarPorcentagemApoio(+15);</script> <script>triggerGanharApoio(20 * 92000)</script> <script>triggerGanharImprensa(17)</script>(display: "HUD") <div class="passagem"> Esse aqui é outro áudio falso do Siqueira conversando com aliado sobre compra de votos em comunidades, com apoio de facções. <audio controls> <source src="./assets/images/apoio_faccao.mp3" type="audio/mpeg" type="audio/mpeg"> </audio> <div class="button-row"> [[<span>Quero usar esse áudio!</span>|P2.6]] [[<span>Não quero usar esse áudio.</span>|P2.3]] </div> </div><div class="passagem" id="cinematic"> <span class="texto">Parabéns! O áudio teve uma grande repercussão nos grupos e na mídia! Com isso, a população ficou com medo das possíveis políticas do atual governador e nossa estimativa de votos aumentou bastante!</span> <img src="./assets/images/direito_usp2.png" class="mobile-img"> <div class="button-row"> [[<span>Ótima notícia!</span>|P2.8]] </div> </div> (display: "HUD") <script>triggerAtualizarPorcentagemApoio(+15);</script> <script>triggerGanharApoio(20 * 92000)</script> <script>triggerGanharImprensa(17)</script><div class="passagem center-stuff" id="cinematic" style="align-content:center;"> <span>Moradores de algumas cidades, influenciados pelo áudio, se revoltaram. Houve vandalismo em comitês do rival, invasões em eventos e tentativas de linchamento</span> <img src="./assets/images/ProtestoSiqueira.jpeg" class="consequencia-img" id="protesto-img"> <div class="button-row"> [[<span>O importante é ganhar as eleições!</span>|Facções]] </div> </div> (set: $apoio to $apoio + 1472000) (set: $imprensa to $imprensa + 9) (set: $porcentagemApoio to (round: ($apoio / $populacaoTotal) * 100)) (display: "HUD")(display: "HUD") <div class="passagem"> Esse é um caminho muito honesto, parabéns! <div class="button-row"> [[<span>Prosseguir</span>|P3.2]] </div> </div><div class="passagem" id="cinematic"> Com seu post desmentindo o boato, a população se acalmou e não houve grandes problemas. <img src="./assets/images/edu_barbosa_tweet.webp" id="twitter"> <div class="button-row"> [[<span>Prosseguir</span>|P3.4]] </div> </div>(display: "HUD") <div class="passagem"> <span>Mas parece que nosso adversário não é tão honesto assim...</span> <div class="button-row"> [[<span>O que aconteceu? </span>|P3.4.1]] [[<span>O ele fez? </span>|P3.4.1]] </div> </div><div class="passagem"> <span>Acabamos de receber um vídeo feito com Inteligência Artificial. Nele, uma câmera escondida mostra o seu candidato, Edu, supostamente negociando para diminuir o orçamento das polícias. A narrativa que acompanhou o vídeo é a de que ele está fazendo isso para conseguir votos de áreas dominadas por facções.</span> <div class="button-row"> [[<span>Que péssima notícia! </span>|P3.5]] [[<span>Como ele ousa fazer isso? </span>|P3.5]] </div> </div> (display: "HUD") <script>triggerAtualizarPorcentagemApoio(-2);</script> <script>triggerPerderApoio(2 * 92000)</script> <script>triggerGanharImprensa(17)</script>(set: $apoio to $apoio - 184000) (set: $imprensa to $imprensa + 9) (set: $porcentagemApoio to (floor: ($apoio / $populacaoTotal) * 100)) <div class="passagem center-stuff"> Com o nível de tecnologia atual, criar vídeos falsos de qualidade é uma tarefa fácil.  <iframe height="470px" src="./assets/images/deputado_fraga_video.mp4" title="YouTube video player" frameborder="0" allow="" allowfullscreen></iframe> <div class="button-row"> [[<span>Por essa eu não esperava. </span>|P3.6]] [[<span>E agora, o que fazemos? </span>|P3.6]] </div> </div> (display: "HUD")<div class="passagem"> <span>Agora não há muito o que fazer. Grande parte da população está com medo e desconfia que o vídeo é real.</span> <span> Com isso, nossa estimativa de votos caiu bastante.</span> <div class="button-row"> [[<span>NÃO! </span>|P3.7]] [[<span>Poxa vida! </span>|P3.7]] </div> </div> (display: "HUD")<div class="passagem center-stuff"> A mentira do candidato adversário aumentou a chance de nosso candidato não ser eleito, mesmo sendo o mais honesto. Por não escolher usar a desinformação como arma. <img src="./assets/images/queda-pesquisa-popularidade.png" id="queda-popularidade"> <div class="button-col" id="consequencia-popularidade"> [[<span>Na próxima vamos combater fogo com fogo.</span>|Facções]] [[<span>Não vale usar desinformação como arma.</span>|Facções]] </div> </div> (display: "HUD")<div class="passagem center-stuff" id="cinematic" > <span>Parece que nossos votos tiveram um preço social alto...</span> <div style="justify-content:center;"> <img src="./assets/images/desarmamento_policial.webp" class="consequencia-img" id="votos-comprados"> </div> <div class="button-col" id="consequencia-popularidade"> [[<span>Na próxima é melhor não compartilharmos desinformação.</span>|Facções]] [[<span>O importante é ganhar as eleições!</span>|Facções]] </div>(set: $apoio to $apoio + 1472000) (set: $imprensa to $imprensa + 9) (set: $porcentagemApoio to (round: ($apoio / $populacaoTotal) * 100)) <div class="passagem center-stuff" id="cinematic" > <span style="text-align:center !important;">Por outro lado, nossa ação gerou um efeito multiplicador e foram criadas novas mensagens falsas dizendo, por exemplo, que o candidato adversário quer “acabar com o porte de armas dos cidadãos” ou “liberar bandidos para esvaziar as cadeias”.</span> <span> Isso ampliou o clima de medo e revolta, desorganizando o debate público e contaminando o processo eleitoral.</span> <div class="button-col" style="width:100%;"> [[<span>Não é possível!</span>|P4.3]] [[<span>Como assim?!</span>|P4.3]] </div> </div> (display: "HUD")<div class="passagem center-stuff" id="cinematic" > <span>Além disso, em comunidades onde a atuação da polícia é vista como essencial, a fake news gerou pânico e desconfiança.</span> <img src="./assets/images/ProtestoComunidade.png" class="consequencia-img" id="comunidade-manifesta"> <div class="button-col"> [[<span>Oh não!</span>|P4.4]] </div></div> (display: "HUD")<div class="passagem center-stuff" id="cinematic" > Você não esperava por essa, não é mesmo? <div class="button-col" class="consequencia-img"> [[<span>Na próxima é melhor não compartilharmos desinformação.</span>|Facções]] [[<span>O importante é ganhar as eleições!</span>|Facções]] </div> (display: "HUD")<script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.6.0/dist/confetti.browser.min.js"></script> <div class="milestone"> <header class="milestone__header"> <div class="milestone__header-icon"> <img src="data:image/svg+xml,%3csvg%20id='icon-medal'%20xmlns='http://www.w3.org/2000/svg'%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%3e%3crect%20id='Rectangle_4927'%20data-name='Rectangle%204927'%20width='40'%20height='40'%20fill='none'/%3e%3cg%20id='Group_2069'%20data-name='Group%202069'%20transform='translate(5.333%200)'%3e%3cg%20id='Group_2068'%20data-name='Group%202068'%3e%3cpath%20id='Path_102'%20data-name='Path%20102'%20d='M90.338,12.233,89.086,10.6c-.008-.138-.006-.344,0-.481,0-.084,0-.166,0-.245V7.7a3.577,3.577,0,0,0-2.815-3.42l-2.176-.627a.548.548,0,0,1-.3-.215L82.517,1.584A3.671,3.671,0,0,0,78.268.212l-2.14.761a.563.563,0,0,1-.377,0L73.611.212a3.671,3.671,0,0,0-4.249,1.372L68.086,3.439a.546.546,0,0,1-.263.2l-2.243.471c-.037.008-.074.017-.111.028a3.66,3.66,0,0,0-2.675,3.585V9.956c0,.08,0,.165,0,.251,0,.109.006.275,0,.38l-1.257,1.648a3.626,3.626,0,0,0,0,4.465L62.8,18.337c.006.105,0,.273,0,.4,0,.1,0,.209,0,.316v2.236a3.526,3.526,0,0,0,2.815,3.361l1.3.374V39.776l9.031-5.446,9.031,5.451V25.028l1.3-.374a4.212,4.212,0,0,0,2.815-3.905V18.59c0-.089,0-.209,0-.295l1.244-1.589A3.626,3.626,0,0,0,90.338,12.233ZM81.859,34.269h0L75.94,30.7l-5.92,3.57V28.073a3.668,3.668,0,0,0,3.591.649l2.14-.761a.562.562,0,0,1,.377,0l2.14.761a3.675,3.675,0,0,0,3.591-.649v6.2Zm6.025-19.48L86.5,16.553q-.039.05-.074.1a3.342,3.342,0,0,0-.454,1.934v2.178c0,.016,0,.032,0,.049a1.225,1.225,0,0,1-.566.847l-2.176.627a3.667,3.667,0,0,0-2,1.441l-1.276,1.855a.555.555,0,0,1-.644.2l-2.14-.761a3.685,3.685,0,0,0-2.461,0l-2.14.761a.555.555,0,0,1-.644-.2l-1.276-1.855a3.667,3.667,0,0,0-2-1.441l-2.176-.627a1.142,1.142,0,0,1-.566-.307c0-.015,0-.029,0-.044V19.057c0-.089,0-.177,0-.262a3.329,3.329,0,0,0-.561-2.245L64,14.8l-.009-.012a.521.521,0,0,1,0-.644l.012-.015,1.342-1.759a3.369,3.369,0,0,0,.559-2.227c0-.064,0-.127,0-.187V7.7q0-.024,0-.049a.562.562,0,0,1,.388-.514l2.244-.471q.056-.012.111-.028a3.668,3.668,0,0,0,2-1.441l1.276-1.855a.555.555,0,0,1,.644-.2l2.14.761a3.685,3.685,0,0,0,2.461,0l2.14-.761a.555.555,0,0,1,.644.2L81.23,5.2a3.667,3.667,0,0,0,2,1.441l2.177.627c.133.038.565.182.565.431V9.879c0,.066,0,.135,0,.206a3.336,3.336,0,0,0,.6,2.352l1.3,1.7.009.011A.521.521,0,0,1,87.884,14.789Z'%20transform='translate(-60.77%200.001)'%20fill='%23ccff33'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e" alt="Medalha" /> </div> <h2 class="milestone__header-title">Parabéns</h2> <p class="milestone__header-description">Nova técnica dominada</p> </header> <article class="milestone__content"> <div class="milestone__icon" style="position: relative;"> <img class="milestone__icon-image" src="./assets/images/brain_study.svg" alt="Cérebro lendo"> <div class="eye-container"> <img class="eye-icon" src="./assets/images/conspiracao_icon.svg" alt="Olho" /> </div> </div> <h1 class="milestone__title">EMOÇÃO</h1> <p class="milestone__description">Desinformação que apela às emoções, como medo e raiva, para influenciar decisões eleitorais, desviando o foco dos fatos. Essa técnica é usada para manipular reações emocionais, em vez de promover um debate racional.</p> [[<span>Continuar</span>|LEAD]] </article> <div id="recomendacao-wrapper"> <p id="recomendacao"> ''Recomendação:'' Antes de reagir ou compartilhar conteúdos que provoquem emoções intensas, pare e reflita. Cheque se a informação vem de uma fonte confiável e baseie suas decisões em dados e fatos, não em emoções extremas. Checadores de fatos, como a Lupa, podem ser muito úteis nesse sentido. Além disso, sempre baseie suas decisões políticas em fundamentos sólidos, que podem ser aprendidos em sites de educação política como a Politize! </p> </div> </div> <script> !function(t,e){!function t(e,n,a,i){var o=!!(e.Worker&&e.Blob&&e.Promise&&e.OffscreenCanvas&&e.OffscreenCanvasRenderingContext2D&&e.HTMLCanvasElement&&e.HTMLCanvasElement.prototype.transferControlToOffscreen&&e.URL&&e.URL.createObjectURL);function r(){}function l(t){var a=n.exports.Promise,i=void 0!==a?a:e.Promise;return"function"==typeof i?new i(t):(t(r,r),null)}var c,s,u,h,f,d,m,g,b,v=(u=Math.floor(1e3/60),h={},f=0,"function"==typeof requestAnimationFrame&&"function"==typeof cancelAnimationFrame?(c=function(t){var e=Math.random();return h[e]=requestAnimationFrame((function n(a){f===a||f+u-1<a?(f=a,delete h[e],t()):h[e]=requestAnimationFrame(n)})),e},s=function(t){h[t]&&cancelAnimationFrame(h[t])}):(c=function(t){return setTimeout(t,u)},s=function(t){return clearTimeout(t)}),{frame:c,cancel:s}),M=(g={},function(){if(d)return d;if(!a&&o){var e=["var CONFETTI, SIZE = {}, module = {};","("+t.toString()+")(this, module, true, SIZE);","onmessage = function(msg) {"," if (msg.data.options) {"," CONFETTI(msg.data.options).then(function () {"," if (msg.data.callback) {"," postMessage({ callback: msg.data.callback });"," }"," });"," } else if (msg.data.reset) {"," CONFETTI && CONFETTI.reset();"," } else if (msg.data.resize) {"," SIZE.width = msg.data.resize.width;"," SIZE.height = msg.data.resize.height;"," } else if (msg.data.canvas) {"," SIZE.width = msg.data.canvas.width;"," SIZE.height = msg.data.canvas.height;"," CONFETTI = module.exports.create(msg.data.canvas);"," }","}"].join("\n");try{d=new Worker(URL.createObjectURL(new Blob([e])))}catch(t){return void 0!==typeof console&&"function"==typeof console.warn&&console.warn("🎊 Could not load worker",t),null}!function(t){function e(e,n){t.postMessage({options:e||{},callback:n})}t.init=function(e){var n=e.transferControlToOffscreen();t.postMessage({canvas:n},[n])},t.fire=function(n,a,i){if(m)return e(n,null),m;var o=Math.random().toString(36).slice(2);return m=l((function(a){function r(e){e.data.callback===o&&(delete g[o],t.removeEventListener("message",r),m=null,i(),a())}t.addEventListener("message",r),e(n,o),g[o]=r.bind(null,{data:{callback:o}})}))},t.reset=function(){for(var e in t.postMessage({reset:!0}),g)g[e](),delete g[e]}}(d)}return d}),p={particleCount:50,angle:90,spread:45,startVelocity:45,decay:.9,gravity:1,drift:0,ticks:200,x:.5,y:.5,shapes:["square","circle"],zIndex:100,colors:["#26ccff","#a25afd","#ff5e7e","#88ff5a","#fcff42","#ffa62d","#ff36ff"],disableForReducedMotion:!1,scalar:1};function y(t,e,n){return function(t,e){return e?e(t):t}(t&&null!=t[e]?t[e]:p[e],n)}function w(t){return t<0?0:Math.floor(t)}function x(t){return parseInt(t,16)}function C(t){return t.map(T)}function T(t){var e=String(t).replace(/[^0-9a-f]/gi,"");return e.length<6&&(e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]),{r:x(e.substring(0,2)),g:x(e.substring(2,4)),b:x(e.substring(4,6))}}function I(t){t.width=document.documentElement.clientWidth,t.height=document.documentElement.clientHeight}function k(t){var e=t.getBoundingClientRect();t.width=e.width,t.height=e.height}function E(t,e,n,o,r){var c,s,u=e.slice(),h=t.getContext("2d"),f=l((function(e){function l(){c=s=null,h.clearRect(0,0,o.width,o.height),r(),e()}c=v.frame((function e(){!a||o.width===i.width&&o.height===i.height||(o.width=t.width=i.width,o.height=t.height=i.height),o.width||o.height||(n(t),o.width=t.width,o.height=t.height),h.clearRect(0,0,o.width,o.height),u=u.filter((function(t){return function(t,e){e.x+=Math.cos(e.angle2D)*e.velocity+e.drift,e.y+=Math.sin(e.angle2D)*e.velocity+e.gravity,e.wobble+=e.wobbleSpeed,e.velocity*=e.decay,e.tiltAngle+=.1,e.tiltSin=Math.sin(e.tiltAngle),e.tiltCos=Math.cos(e.tiltAngle),e.random=Math.random()+2,e.wobbleX=e.x+10*e.scalar*Math.cos(e.wobble),e.wobbleY=e.y+10*e.scalar*Math.sin(e.wobble);var n=e.tick++/e.totalTicks,a=e.x+e.random*e.tiltCos,i=e.y+e.random*e.tiltSin,o=e.wobbleX+e.random*e.tiltCos,r=e.wobbleY+e.random*e.tiltSin;if(t.fillStyle="rgba("+e.color.r+", "+e.color.g+", "+e.color.b+", "+(1-n)+")",t.beginPath(),"circle"===e.shape)t.ellipse?t.ellipse(e.x,e.y,Math.abs(o-a)*e.ovalScalar,Math.abs(r-i)*e.ovalScalar,Math.PI/10*e.wobble,0,2*Math.PI):function(t,e,n,a,i,o,r,l,c){t.save(),t.translate(e,n),t.rotate(o),t.scale(a,i),t.arc(0,0,1,r,l,c),t.restore()}(t,e.x,e.y,Math.abs(o-a)*e.ovalScalar,Math.abs(r-i)*e.ovalScalar,Math.PI/10*e.wobble,0,2*Math.PI);else if("star"===e.shape)for(var l=Math.PI/2*3,c=4*e.scalar,s=8*e.scalar,u=e.x,h=e.y,f=5,d=Math.PI/f;f--;)u=e.x+Math.cos(l)*s,h=e.y+Math.sin(l)*s,t.lineTo(u,h),l+=d,u=e.x+Math.cos(l)*c,h=e.y+Math.sin(l)*c,t.lineTo(u,h),l+=d;else t.moveTo(Math.floor(e.x),Math.floor(e.y)),t.lineTo(Math.floor(e.wobbleX),Math.floor(i)),t.lineTo(Math.floor(o),Math.floor(r)),t.lineTo(Math.floor(a),Math.floor(e.wobbleY));return t.closePath(),t.fill(),e.tick<e.totalTicks}(h,t)})),u.length?c=v.frame(e):l()})),s=l}));return{addFettis:function(t){return u=u.concat(t),f},canvas:t,promise:f,reset:function(){c&&v.cancel(c),s&&s()}}}function S(t,n){var a,i=!t,r=!!y(n||{},"resize"),c=y(n,"disableForReducedMotion",Boolean),s=o&&!!y(n||{},"useWorker")?M():null,u=i?I:k,h=!(!t||!s)&&!!t.__confetti_initialized,f="function"==typeof matchMedia&&matchMedia("(prefers-reduced-motion)").matches;function d(e,n,i){for(var o,r,l,c,s,h=y(e,"particleCount",w),f=y(e,"angle",Number),d=y(e,"spread",Number),m=y(e,"startVelocity",Number),g=y(e,"decay",Number),b=y(e,"gravity",Number),v=y(e,"drift",Number),M=y(e,"colors",C),p=y(e,"ticks",Number),x=y(e,"shapes"),T=y(e,"scalar"),I=function(t){var e=y(t,"origin",Object);return e.x=y(e,"x",Number),e.y=y(e,"y",Number),e}(e),k=h,S=[],F=t.width*I.x,N=t.height*I.y;k--;)S.push((o={x:F,y:N,angle:f,spread:d,startVelocity:m,color:M[k%M.length],shape:x[(c=0,s=x.length,Math.floor(Math.random()*(s-c))+c)],ticks:p,decay:g,gravity:b,drift:v,scalar:T},r=void 0,l=void 0,r=o.angle*(Math.PI/180),l=o.spread*(Math.PI/180),{x:o.x,y:o.y,wobble:10*Math.random(),wobbleSpeed:Math.min(.11,.1*Math.random()+.05),velocity:.5*o.startVelocity+Math.random()*o.startVelocity,angle2D:-r+(.5*l-Math.random()*l),tiltAngle:(.5*Math.random()+.25)*Math.PI,color:o.color,shape:o.shape,tick:0,totalTicks:o.ticks,decay:o.decay,drift:o.drift,random:Math.random()+2,tiltSin:0,tiltCos:0,wobbleX:0,wobbleY:0,gravity:3*o.gravity,ovalScalar:.6,scalar:o.scalar}));return a?a.addFettis(S):(a=E(t,S,u,n,i)).promise}function m(n){var o=c||y(n,"disableForReducedMotion",Boolean),m=y(n,"zIndex",Number);if(o&&f)return l((function(t){t()}));i&&a?t=a.canvas:i&&!t&&(t=function(t){var e=document.createElement("canvas");return e.style.position="fixed",e.style.top="0px",e.style.left="0px",e.style.pointerEvents="none",e.style.zIndex=t,e}(m),document.body.appendChild(t)),r&&!h&&u(t);var g={width:t.width,height:t.height};function b(){if(s){var e={getBoundingClientRect:function(){if(!i)return t.getBoundingClientRect()}};return u(e),void s.postMessage({resize:{width:e.width,height:e.height}})}g.width=g.height=null}function v(){a=null,r&&e.removeEventListener("resize",b),i&&t&&(document.body.removeChild(t),t=null,h=!1)}return s&&!h&&s.init(t),h=!0,s&&(t.__confetti_initialized=!0),r&&e.addEventListener("resize",b,!1),s?s.fire(n,g,v):d(n,g,v)}return m.reset=function(){s&&s.reset(),a&&a.reset()},m}function F(){return b||(b=S(null,{useWorker:!0,resize:!0})),b}n.exports=function(){return F().apply(this,arguments)},n.exports.reset=function(){F().reset()},n.exports.create=S}(function(){return void 0!==t?t:"undefined"!=typeof self?self:this||{}}(),e,!1),t.confetti=e.exports}(window,{}); //# sourceMappingURL=/sm/6de00f2697a1683b235e589897df757a94e6809643432a9e3ad259420752442d.map var count = 200; var realisticDefaults = { spread: 360, ticks: 200, // Aumentado para maior duração gravity: 0.1, // Ajustado para maior distância decay: 0.90, // Reduzido para maior duração startVelocity: 50, // Aumentado para maior distância colors: ['FFE400', 'FFBD00', '9DDE00', '82CD00', '39CC00', '2EC700'] }; function fireRealistic(originOpts) { // Explosão de base com muitos confetes confetti({ ...realisticDefaults, ...originOpts, particleCount: Math.floor(count * 0.25), spread: 26, startVelocity: 55, shapes: ['square'] // Confetes quadrados }); // Explosão secundária com menos confetes e maior espalhamento confetti({ ...realisticDefaults, ...originOpts, particleCount: Math.floor(count * 0.20), spread: 60, shapes: ['square'] // Confetes quadrados }); // Explosão com decaimento mais rápido e confetes menores confetti({ ...realisticDefaults, ...originOpts, particleCount: Math.floor(count * 0.35), spread: 100, decay: 0.91, scalar: 0.8, shapes: ['square'] // Confetes quadrados }); // Explosão com início de velocidade baixa e decaimento mais lento confetti({ ...realisticDefaults, ...originOpts, particleCount: Math.floor(count * 0.1), spread: 120, startVelocity: 25, decay: 0.92, scalar: 1.2, shapes: ['square'] // Confetes quadrados }); // Explosão com início de velocidade média confetti({ ...realisticDefaults, ...originOpts, particleCount: Math.floor(count * 0.1), spread: 120, startVelocity: 45, shapes: ['square'] // Confetes quadrados }); } // Explosão 1: Centro inferior setTimeout(function() { fireRealistic({ origin: { x: 0.5, y: 1 } }); // Centro inferior }, 0); // Explosão 2: Canto inferior esquerdo setTimeout(function() { fireRealistic({ origin: { x: 0, y: 1 } }); // Canto inferior esquerdo }, 250); // Explosão 3: Canto inferior direito setTimeout(function() { fireRealistic({ origin: { x: 1, y: 1 } }); // Canto inferior direito }, 500); </script><div class="passagem" style:"max-width:800px !important;"> <div class="sessao-sobre"> <h3>Introdução</h3> <p>Nossa plataforma está comprometida com a privacidade e segurança dos seus usuários. Esta Política de Privacidade e Termos de Uso descreve as práticas adotadas pelo iAgora em relação à coleta, uso e proteção das informações dos usuários.</p> </div> <div class="sessao-sobre"> <h4>Coleta de Dados Pessoais</h4> <p>O iAgora se compromete a não coletar, armazenar ou solicitar dados pessoais dos usuários. A plataforma foi projetada para ser acessada e utilizada sem a necessidade de fornecimento de informações pessoais como nome, endereço de e-mail, número de telefone, ou qualquer outro dado que possa identificar você como indivíduo.</p> </div> <div class="sessao-sobre"> <h5>Uso de Plataformas de Análise de Tráfego</h6> <p>Para melhorar continuamente a experiência dos usuários e otimizar o desempenho do site, utilizamos o Google Analytics para coletar dados agregados e anônimos sobre o tráfego do site, como número de visitas, páginas mais acessadas, tempo de navegação, entre outros. Essas informações não identificam individualmente os usuários e são usadas exclusivamente para fins estatísticos.</p> <p>O Google Analytics utiliza cookies para coletar esses dados. Você pode saber mais sobre como o Google Analytics coleta e processa dados acessando <a href="https://support.google.com/analytics/answer/6004245?hl=pt-BR" target="_blank">Google Analytics - Privacidade e Segurança</a>.</p> </div> <div class="sessao-sobre"> <h2>Hospedagem do Site</h2> <p>Nosso site é hospedado na Cloudflare Pages, uma plataforma que oferece serviços de hospedagem e segurança. A Cloudflare pode coletar dados técnicos relacionados ao acesso ao site, como endereços IP, informações sobre o navegador e sistema operacional utilizado. Esses dados são utilizados para melhorar a segurança e a performance do site e não são vinculados a informações pessoais dos usuários.</p> <p>Para mais informações sobre as práticas de privacidade da Cloudflare, acesse <a href="https://www.cloudflare.com/privacypolicy/" target="_blank">Cloudflare - Política de Privacidade</a>.</p> </div> <div class="sessao-sobre"> <h2>Cookies</h2> <p>O iAgora utiliza cookies para garantir o funcionamento adequado do site e melhorar a experiência do usuário. Os cookies são pequenos arquivos de texto que são armazenados no seu dispositivo quando você visita o site. Eles não contêm informações pessoais e podem ser desativados através das configurações do seu navegador. No entanto, desativar os cookies irá impactar a funcionalidade do site.</p> </div> <div class="sessao-sobre"> <h2>Termos de Uso</h2> <p><strong>Acesso e Uso do Site:</strong> O uso do iAgora é totalmente gratuito e não requer registro ou fornecimento de dados pessoais. Ao acessar e utilizar o site, você concorda com os termos descritos nesta política.</p> <p><strong>Propriedade Intelectual:</strong> O código-fonte do iAgora está disponível no GitHub sob a licença GPLv3. Todo o conteúdo do site, incluindo textos e imagens, é licenciado sob a licença CC-BY. Isso significa que você é livre para utilizar, modificar e redistribuir o conteúdo, desde que atribua os créditos apropriados e siga os termos das licenças aplicáveis.</p> <p><strong>Limitação de Responsabilidade:</strong> O iAgora não se responsabiliza por quaisquer danos diretos ou indiretos decorrentes do uso ou da incapacidade de uso do site, incluindo, mas não se limitando a, erros, interrupções, perda de dados, ou qualquer outro tipo de prejuízo.</p> </div> <div class="sessao-sobre"> <h2>Alterações na Política de Privacidade e Termos de Uso</h2> <p>O iAgora se reserva o direito de modificar esta Política de Privacidade e Termos de Uso a qualquer momento. Recomendamos que os usuários revisem periodicamente esta página para se manterem informados sobre as práticas adotadas.</p> </div> <div class="sessao-sobre"> <h2>Contato</h2> <p>Se você tiver alguma dúvida ou preocupação sobre esta Política de Privacidade e Termos de Uso, entre em contato conosco pelo e-mail <a href="mailto:conteudo@politize.com.br" target="_blank">conteudo@politize.com.br</a>.</p> </div> <div class="button-row"> <button-link>[[<span>Voltar ao menu</span>|StartUp]]</button-link> </div> </div><div class="passagem" style:"max-width:800px !important;"> <div class="sessao-sobre"> <h2>O que é IAgora?</h2> <p>Em (text-style:"italic","underline")[IAgora?], você assume o papel de assessor de campanha política, com a missão de eleger o candidato a governador do seu estado. Durante o jogo, você e sua equipe utilizarão ferramentas de inteligência artificial para influenciar a opinião pública, disseminando notícias falsas e manipulando informações para garantir a vitória do candidato. O jogo coloca você no centro das táticas de manipulação política, testando sua habilidade de influenciar as massas e ganhar apoio, sem se preocupar com questões éticas.</p> </div> <div class="sessao-sobre"> <h2>Como funciona o jogo?</h2> <p>(text-style:"italic","underline")[IAgora?] tem como objetivo expor as táticas de manipulação usadas para enganar a população, especialmente com o uso de inteligência artificial. Ao jogar, você será exposto a uma versão controlada de desinformação, aprendendo a reconhecer essas táticas para se proteger delas na vida real. Inspirado na teoria da inoculação, o jogo funciona como uma “vacina psicológica” contra a manipulação política.</p> <p>No jogo, você enfrentará desafios típicos de uma campanha eleitoral, onde terá que tomar decisões estratégicas para manipular a opinião pública e garantir a vitória. Suas escolhas afetarão o apoio popular e o destaque da campanha nos meios de comunicação.</p> <p>No jogo, você enfrentará diversos desafios que simulam situações reais de uma campanha política, onde terá que tomar decisões estratégicas para manipular a opinião pública e garantir a vitória do seu candidato. Os exemplos de ferramentas de inteligência artificial disponíveis permitirão criar notícias falsas, manipular algoritmos de redes sociais e explorar as vulnerabilidades cognitivas dos eleitores. É importante notar que, embora o jogo simule a criação de notícias falsas por meio de inteligências artificiais, ele não ensina as pessoas a criarem notícias falsas ou a utilizarem ferramentas de inteligência artificial com esse fim de maneira prática, não representando um risco à sociedade.</p> </div> <div class="sessao-sobre"> <h2>Quem deve jogar (text-style:"italic","underline")[IAgora?] </h2> <p>(text-style:"italic","underline")[IAgora?] fé desenvolvido pela Politize!, uma organização da sociedade civil dedicada à educação política no Brasil. Com a missão de formar cidadãos mais conscientes e engajados, a Politize! busca simplificar temas complexos e tornar o conhecimento político acessível a todos, utilizando diversas plataformas e metodologias de ensino. </p> <p>A versão de 2024 do jogo foi construída em parceria com a Lupa e o AppCívico e pode ser jogada em <a href="https://2024.iagora.org/" target="_blank">2024.iagora.org.</a></p> <p>Essa é a versão 2 do jogo, que está em processo de construção. Ao jogar a primeira técnica, você pode deixar seu e-mail para receber atualizações sobre o lançamento do jogo completo. Caso tenha sugestões de melhoria para o jogo ou queira se envolver no projeto, envie um e-mail para <a href="mailto:conteudo@politize.com.br" target="_black">conteudo@politize.com.br</a></p> </div> <div class="button-row"> <button-link>[[<span>Voltar ao menu</span>|StartUp]]</button-link> </div></div><nav class="top-bar"> <nav-link><a id="share-button" class="top-bar__text" target="_blank" href="#">COMPARTILHAR</a></nav-link> <nav-link>[[Sobre|Sobre5]]</nav-link> </nav> <section class="hero"> <div id="logo-wrapper"> <img id="logo-yellow" src="./assets/images/logo-yellow.svg" alt="Logo amarela" class="logo"> <img id="logo-red" src="./assets/images/logo-red.svg" alt="Logo vermelha" class="logo"> </div> <h2 class="subtitle">O JOGO DAS ELEIÇÕES 2026</h2> <div class="button-row" style="font-size:26px;"> <button-link id="start">[[<span>Começar! <img src="./assets/images/brain.svg"></span>|TED]]</button-link> <button-link id="how-to-play">[[Como jogar|Como jogar]]</button-link> </div> <p class="description"> Descubra as motivações por trás da criação e propagação de notícias falsas,<br>compreenda os mecanismos psicológicos que as tornam convincentes<br>e explore as técnicas utilizadas para manipular a opinião pública. </p> </section> <footer> <span>[[POLÍTICA DE PRIVACIDADE]]</span> </footer> <!-- Connected Sites --> <script> if(window._mtmReady){ console.error('Connected sites script already loaded. You might have it dupplicated.'); } else { window._mtmReady=true; var _mtm = window._mtm = window._mtm || []; _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src='https://egoi.site/828448_iagora.org.js?v='+new Date().getTime(); s.parentNode.insertBefore(g,s); } </script> <!-- End Connected Sites --><div class="passagem" style="max-width:1120px;"> <span>Seja bem-vindo(a) ao "IAgora?"!</span> <span>O ano é 2026. O Brasil vibra, briga, respira eleições.</span> <span>Grupos de WhatsApp estão em chamas, deepfakes pipocam no TikTok e no Instagram, “especialistas” suspeitos ganham fama em minutos. E agora você está no olho desse furacão.</span> <span>Você é um(a) assessor(a) de campanha e tem a missão de fazer seu candidato a governador, o Edu Barbosa, chegar a vitória - custe o que custar. Ele está concorrendo contra o candidato Marco Siqueira, bem forte no estado.</span> <span>Pronto para sentir na pele como se constrói — e se destrói — uma eleição brasileira?</span> <span id="obs">Os nomes utilizados no jogo são fictícios e não fazem referência a nenhuma figura real.</span> <div class="button-row"> <button-link>[[<span>Certo!</span>|Inicio]]</button-link> </div> </div> (set: $apoio to 951364) (set: $imprensa to 0)<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/shepherd.js@13.0.0/dist/css/shepherd.css" /> <div class="passagem" style="max-width:1120px;"> <span>Esse aqui é um tutorial</span> <div class="button-row"> <button-link>[[<span>Certo!</span>|Inicio]]</button-link> </div> </div> <div id="hud"> <div class="status-wrapper"> <div class="column-hud"> <av id="apoio-value">$apoio</av> <span>Apoio</span> </div> <div class="column-hud"> <av id="imprensa-value">$imprensa%</av> <span>Imprensa</span> </div> </div> </div><div class="passagem" id="escolhas"> <span class="button-row">O que você deseja fazer agora?</span> <div class="button-col"> [[<span>Utilizar bots para ampliar o alcance da mensagem.</span>|P1]] [[<span>Potencializar a mentira criando áudios com IA.</span>|P2]] [[<span>Prezar pela verdade.</span>|P3]] </div> </div> (display: "HUD")(display: "HUD") <div class="passagem" id="off-center"> <div class="image-wrapper"> <img class="mobile-mockup" src="./assets/images/single_ladies11.png" alt="Conversa do grupo Single Ladies"> </div> <div class="button-intro"> <btn> [[<span>Prosseguir</span>|p-img2]] </btn> </div> </div>(display: "HUD") <div class="passagem" id="off-center"> <div class="image-wrapper"> <img class="mobile-mockup" src="./assets/images/single_ladies22.png"> </div> <div class="button-intro"> <btn> [[<span>Retornar</span>|p-img1]] </btn> <btn> [[<span>Prosseguir</span>|p-img3]] </btn> </div> </div>(display: "HUD") <div class="passagem" id="off-center"> <div class="image-wrapper"> <img class="mobile-mockup" src="./assets/images/single_ladies33.png"> </div> <div class="button-intro"> [[<span>Retornar</span>|p-img2]] [[<span>Prosseguir</span>|caminho 2]] </div> </div>