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

REPORTAGEM

Texto que relata acontecimentos, baseado em fatos e dados observados ou verificados diretamente pelo jornalista ou obtidos pelo o a fontes jornalísticas reconhecidas e confiáveis.

Da NFL ao esporte eletrônico, torcedores 'órfãos' viram realidade

Torcida Flamengo CBLoL - Riot Games/Divulgação
Torcida Flamengo CBLoL Imagem: Riot Games/Divulgação

Colunista do UOL

20/09/2022 04h00

Torcer para um time, independentemente da modalidade esportiva, é praticamente um ritual. Consumir produtos, se programar para assistir a todos os jogos, fazer amigos... É intrínseco ao torcedor tornar a equipe de coração uma parte de si. Imagine, da noite para o dia, não ter mais esse prazer? Ter de escolher outro ou migrar, por conta de negócios? Acontece no esporte moderno. No eletrônico, é uma prática que tende a se tornar cada vez mais usual.

Um exemplo recente, e repleto de polêmica pela proporção massiva que envolve as respectivas torcidas, foi o do Flamengo Los Grandes no CBLOL. Campeão da Segunda Etapa do torneio em 2019 e quatro vezes finalista, o Rubro-Negro disputou pela última vez o torneio neste semestre, quando teve a vaga, antes istrada pela norte-americana Simplicity Esports, comprada pela Los Grandes. Mas... E os torcedores do Mengão que gostam de LoL? O que fazer?

Obviamente, não há aqui um manual do certo ou errado. Certamente há quem vá abandonar o campeonato e viver da nostalgia. Há também quem vá seguir a equipe quando ela for apenas Los Grandes, sem o nome do Flamengo, no ano que vem. À parte de reações ionais e repletas de identificação (ou não) com os times em questão, há que se analisar que esse é um caminho para o qual todos precisamos estar preparados, enquanto fãs do esporte eletrônico.

Um exemplo clássico nesse sentido é a NFL. O atual campeão, Los Angeles Rams, até dias atrás era de St. Louis. Os Chargers deixaram San Diego para partir para a mesma LA. O Indianapolis Colts antes era de Baltimore - e abandonou a cidade literalmente na calada da noite, deixando para trás uma legião de fãs que se tornaram órfãos. Sim, esporte é paixão, mas também é negócio. E o dinheiro fala alto nessa balança.

Voltando aos Esports: a INTZ, um dos times mais antigos do cenário de Rainbow Six Siege, vendeu sua vaga no Campeonato Brasileiro para a Tropicaos em meio à temporada - herdando pontos e mantendo a base do time, com a permanência de três jogadores. Curioso, não? Novamente, fica o questionamento sobre como ficam os torcedores nisso. Mesmo sem a mudança geográfica que pode mandar para milhares de quilômetros no esporte tradicional, soa estranho.

De certa forma, assim como em qualquer bancada de negócios, investimentos mais altos e interesses que vão muito além do servidor acabam predominando em diversas esferas. Há diversas peculiaridades como falamos sobre torcer nos Esports —e que renderiam longas explicações por si só. E, claro, cada um aprecia o grande show, dentro do respectivo game, da forma que melhor lhe atende— escolhendo, ou não, um time específico para torcer.

Movimentações entre lines, organizações, jogadores... Tudo isso é muito constante nos Esports. O conceito de ídolo vinculado a uma equipe específica ainda é bem raro. Há quem torça mais para os atletas, especificamente, e migre junto com ele em uma eventual transferência. Entender o processo é parte da realidade de quem vive o cenário competitivo, goste-se disso ou não.