;(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
OPINIÃO

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

League of Legends: 18-0 de Faker nos relembra importância de curtir ídolos

T1 de Faker - Divulgação/T1
T1 de Faker Imagem: Divulgação/T1

Colunista do UOL

21/03/2022 04h00

Você, fã de esporte nos dias de hoje. Dependendo da sua idade, pare e pense quantos melhores de todos os tempos você teve oportunidade de ver nas suas modalidades favoritas. Você pode não ter visto Pelé em atividade no futebol, mas talvez tenha acompanhado a Rainha Marta. Michael Jordan no basquete. Tom Brady no futebol americano. Roger Federer e Serena Williams no tênis. Os nomes se multiplicam. E no esporte eletrônico, são nossos contemporâneos.

No último domingo, Lee Sang-hyeok, o melhor jogador de League of Legends da história, alcançou um feito inédito. Aquele que você conhece como Faker liderou a T1, sua equipe, a um recorde de 18-0 na Fase de Pontos da LCK, a principal liga coreana do game. 18 vitórias consecutivas em séries Md3. Épico. Até difícil de absorver imediatamente, para entender a real dimensão do jogador.

Faker tem apenas 25 anos. É tricampeão mundial do game que tanto ama e conhecido mundialmente. Ainda assim, segue faminto. Quer mais. Exemplo de obstinação não só para a geração que está por vir, mas para qualquer atleta. Sim, Faker já venceu muito e segue vencendo, mas também já sofreu. Já amargou reserva, sofreu atropelo em final, sequer chegou aos playoffs... A diferença é a persistência.

Muitas vezes, assistindo aos eSports, não nos damos conta de quantos exemplos os atletas dos nossos jogos favoritos podem proporcionar à experiência competitiva como um todo. Esquecemos de curtir de forma apropriada aqueles que, dentro de alguns anos, nos causarão nostalgia. Aqueles que serão os responsáveis pela frase: "Bom era quando ele jogava...". Faker é um exemplo claro disso.

Cada vez mais, o esporte eletrônico é capaz de documentar sua história. É preciso ter a dimensão do que representam esses grandes nomes. Pengu e seus sete Mundiais de Rainbow Six Siege. A avassaladora Astralis de dev1ce no CS:GO. A supremacia de SonicFox nos fighting games. Acredite: nos games, as lendas estão a um clique de distância, se divertindo e nos divertindo da melhor maneira possível.

Não se constitui uma modalidade esportiva sem que se escreva sua história. O feito de Faker só nos relembra do quanto é importante que cada vez mais conteúdos sejam criados e bastidores sejam mostrados nos eSports. Mais pessoas além dos fãs do LoL merecem conhecer o jogador e entender a dimensão, ainda que com outro background, do que ele está fazendo pelo esporte na Coreia do Sul.

Desfrutemos de cada minuto de gameplay dos nossos maiores jogadores de todos os tempos. Como fãs, que busquemos conhecer mais histórias - não só a do grande craque do nosso jogo favorito, mas de nomes que construíram o alicerce de cada modalidade. Espalhemos a palavra (ou os cliques) dos eSports!

** Este texto não reflete, necessariamente, a opinião do UOL