;(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.

Cyber, Brasil e o Esports Awards: relevância à altura do nosso país

Cyber Esports Awards - Divulgação/Esports Awards
Cyber Esports Awards Imagem: Divulgação/Esports Awards

Colunista do UOL

09/12/2022 04h00

Considerado o "Oscar dos Esportes Eletrônicos", o Esports Awards acontecerá em Las Vegas no dia 13 de dezembro. Evento de grande prestígio no mercado, a premiação, obviamente, terá a presença de brasileiros entre os concorrentes. Falar sobre tudo em um mesmo tempo seria utópico, por isso, hoje, gostaria de centralizar a conversa em torno dos pro players que estão na disputa de posto de melhor jogador - no PC, no controle e também em dispositivos móveis. Aprofundando em um caso específico.

No caso de mobile, são dois concorrentes, ambos da LOUD - que também figura na disputa como organização do ano e como equipe do ano (a de VALORANT). Cauan "Cauan7" da Silva e Luan "Lost" Souza, do Free Fire. No controle, Yan "yanxnz" Xisto, atleta de Rocket League da FURIA. Por fim, no PC, Jaime "Cyber" Ramos, do Rainbow Six Siege da FaZe Clan.

É simbólico que tenhamos representantes nas três categorias, ainda que, no Brasil, elas tenham diferentes dimensões e repercussões. Mais uma prova de que o país não é relevante somente no que diz respeito à torcida e à fidelização dos fãs, mas sim em gameplay de diferentes gêneros. FPS, Battle Royale, Sports-Action... Acredite: em todo tipo, haverá pelo menos um grande nome levantando nossa bandeira.

Em um ano no qual tivemos Major de Counter-Strike: Global Offensive no Brasil, um evento sonhado há anos pela comunidade, e acompanhamos uma representante nacional conquistando o título mundial de VALORANT, com a LOUD, é interessante ver a valorização de Cyber, do Rainbow Six, como único brasileiro na luta pelo prêmio na categoria PC.

Veterano do cenário competitivo do FPS da Ubisoft, o pro player tem uma trajetória que praticamente se confunde com a do R6 no Brasil. Compete em alto nível no game desde 2017. Chegou à glória máxima com o Major da Suécia, conquistado no ano ado. Foi um dos eleitos para o dream team do Rainbow Six Siege brasileiro neste ano. É símbolo de um jogo que, mesmo com alta concorrência, se mantém extremamente relevante no país.

O Rainbow Six Siege é a prova de que sempre devemos acreditar na força do FPS brasileiro e trabalhar astros a longo prazo. Entre altos e baixos, obstáculos e limitações, o game colocou o país no topo do mundo e como referência de gameplay. Cyber estar nesta disputa, além do óbvio mérito próprio do jogador, é também uma conquista coletiva da comunidade como um todo.

Tanto nas premiações locais quanto internacionais, é importante ver o valor dos nossos astros sendo reconhecido. No esporte tradicional, tais cerimônias são tradição há muito tempo - e agora, nos Esports, também estão se tornando. Aos fãs, cabe apoiar como uma legitimação de um trabalho de tantos e tantos anos sendo elevado a um outro patamar. Estamos na torcida, Cyber - e todos os outros brasileiros!