;(function() { window.createMeasureObserver = (measureName) => { var markPrefix = `_uol-measure-${measureName}-${new Date().getTime()}`; performance.mark(`${markPrefix}-start`); return { end: function() { performance.mark(`${markPrefix}-end`); performance.measure(`uol-measure-${measureName}`, `${markPrefix}-start`, `${markPrefix}-end`); performance.clearMarks(`${markPrefix}-start`); performance.clearMarks(`${markPrefix}-end`); } } }; /** * Gerenciador de eventos */ window.gevent = { stack: [], RUN_ONCE: true, on: function(name, callback, once) { this.stack.push([name, callback, !!once]); }, emit: function(name, args) { for (var i = this.stack.length, item; i--;) { item = this.stack[i]; if (item[0] === name) { item[1](args); if (item[2]) { this.stack.splice(i, 1); } } } } }; var runningSearch = false; var hadAnEvent = true; var elementsToWatch = window.elementsToWatch = new Map(); var innerHeight = window.innerHeight; // timestamp da última rodada do requestAnimationFrame // É usado para limitar a procura por elementos visíveis. var lastAnimationTS = 0; // verifica se elemento está no viewport do usuário var isElementInViewport = function(el) { var rect = el.getBoundingClientRect(); var clientHeight = window.innerHeight || document.documentElement.clientHeight; // renderizando antes, evitando troca de conteúdo visível no chartbeat-related-content if(el.className.includes('related-content-front')) return true; // garante que usa ao mínimo 280px de margem para fazer o lazyload var margin = clientHeight + Math.max(280, clientHeight * 0.2); // se a base do componente está acima da altura da tela do usuário, está oculto if(rect.bottom < 0 && rect.bottom > margin * -1) { return false; } // se o topo do elemento está abaixo da altura da tela do usuário, está oculto if(rect.top > margin) { return false; } // se a posição do topo é negativa, verifica se a altura dele ainda // compensa o que já foi scrollado if(rect.top < 0 && rect.height + rect.top < 0) { return false; } return true; }; var asynxNextFreeTime = () => { return new Promise((resolve) => { if(window.requestIdleCallback) { window.requestIdleCallback(resolve, { timeout: 5000, }); } else { window.requestAnimationFrame(resolve); } }); }; var asyncValidateIfElIsInViewPort = function(promise, el) { return promise.then(() => { if(el) { if(isElementInViewport(el) == true) { const cb = elementsToWatch.get(el); // remove da lista para não ser disparado novamente elementsToWatch.delete(el); cb(); } } }).then(asynxNextFreeTime); }; // inicia o fluxo de procura de elementos procurados var look = function() { if(window.requestIdleCallback) { window.requestIdleCallback(findByVisibleElements, { timeout: 5000, }); } else { window.requestAnimationFrame(findByVisibleElements); } }; var findByVisibleElements = function(ts) { var elapsedSinceLast = ts - lastAnimationTS; // se não teve nenhum evento que possa alterar a página if(hadAnEvent == false) { return look(); } if(elementsToWatch.size == 0) { return look(); } if(runningSearch == true) { return look(); } // procura por elementos visíveis apenas 5x/seg if(elapsedSinceLast < 1000/5) { return look(); } // atualiza o último ts lastAnimationTS = ts; // reseta status de scroll para não entrar novamente aqui hadAnEvent = false; // indica que está rodando a procura por elementos no viewport runningSearch = true; const done = Array.from(elementsToWatch.keys()).reduce(asyncValidateIfElIsInViewPort, Promise.resolve()); // obtém todos os elementos que podem ter view contabilizados //elementsToWatch.forEach(function(cb, el) { // if(isElementInViewport(el) == true) { // // remove da lista para não ser disparado novamente // elementsToWatch.delete(el); // cb(el); // } //}); done.then(function() { runningSearch = false; }); // reinicia o fluxo de procura look(); }; /** * Quando o elemento `el` entrar no viewport (-20%), cb será disparado. */ window.lazyload = function(el, cb) { if(el.nodeType != Node.ELEMENT_NODE) { throw new Error("element parameter should be a Element Node"); } if(typeof cb !== 'function') { throw new Error("callback parameter should be a Function"); } elementsToWatch.set(el, cb); } var setEvent = function() { hadAnEvent = true; }; window.addEventListener('scroll', setEvent, { capture: true, ive: true }); window.addEventListener('click', setEvent, { ive: true }); window.addEventListener('resize', setEvent, { ive: true }); window.addEventListener('load', setEvent, { once: true, ive: true }); window.addEventListener('DOMContentLoaded', setEvent, { once: true, ive: true }); window.gevent.on('allJSLoadedAndCreated', setEvent, window.gevent.RUN_ONCE); // inicia a validação look(); })();
  • AssineUOL
Topo

GGWP

OPINIÃO

Texto em que o autor apresenta e defende suas ideias e opiniões, a partir da interpretação de fatos e dados.

Raze e Killjoy: VALORANT se junta à luta que deveria ser de todos

Raze e Killjoy - Divulgação/Riot Games
Raze e Killjoy Imagem: Divulgação/Riot Games

Colunista do UOL

13/12/2022 04h00

No último fim de semana, os perfis oficiais do VALORANT do Brasil e da Alemanha se valeram dos personagens que representam os respectivos países no game - Raze e Killjoy - para divulgar uma imagem na qual as duas agentes se beijam. Sem maiores delongas, sem uma campanha complementar qualquer. Apenas a ilustração. E, por mais trivial que pareça, em 2022, ainda há quem tenha gerado uma repercussão desmedida em torno do fato.

Repare bem em alguns comentários no post:

- Por qual motivo lacrar em um jogo de computador? Crianças jogam isso. E nem é janeiro ainda.

- Counter-Strike > VALORANT

- Não ligo de ter personagens LGBT. Mas isso é forçar a barra

É surreal que, primeiro, alguém se atreva, com desinformação, a se referir à faixa etária do jogo (indicado a maiores de 14 anos) como um impeditivo para simplesmente exibir um relacionamento homossexual. Classificar o game como melhor ou pior por conta disso ou dizer que é "lacração", "forçar a barra"... Tudo só prova que temos muito a trabalhar nos esportes eletrônicos no que diz respeito à diversidade.

O esgoto da caixa de comentários só prova, por A + B, que, de fato, é extremamente necessário que as publishers comprem essa briga e batam de frente com o preconceito. Os Esports têm como um dos principais trunfos a capacidade de unir públicos de todos os tipos em um mesmo espaço. É preciso mostrar isso - e não ceder à pressão de quem não têm capacidade de sequer respeitar um semelhante.

Qualquer representante de uma minoria, no que diz respeito ao gênero, sabe o quanto é desgastante ter que lidar com esse tipo de acontecimento apenas por querer... jogar. Estamos falando de um espaço que deveria ser seguro, de diversão, inclusão, e que, por muitas vezes, acaba se transformando em gatilho, motivo de ansiedade ou desgosto. Há muito o que se ensinar no esporte eletrônico.

Publishers, membros da imprensa, jogadores, organizações, casters... Todos precisam se unir pela causa. Os esportes eletrônicos chegaram aonde estão atualmente, com tanto interesse das mais variadas áreas, graças ao engajamento da comunidade. É preciso usar esse engajamento para o bem. Não deixar que a toxicidade impere.

É satisfatório ver a luta de algumas empresas em prol da inclusão, mas, ao mesmo tempo, triste que, de tempos em tempos, precisemos desenhar o óbvio: que todos deveriam ter respeito. As narrativas dos games são, sim, uma fonte importante de reforço a essa luta. Que tais iniciativas continuem sendo cada vez mais constantes, de maneira a sufocar as cretinas reclamações de quem só quer destilar preconceito.