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

Legends of Runeterra

Runeterra: Elise é a preferida no Brasil; Lee Sin aparece na lanterna

Veja quais são os cards, feitiços, campeões e emotes que não faltam nos decks dos brasileiros - Arte/UOL — Veja quais são os cards, feitiços, campeões e emotes que não faltam nos decks dos brasileiros Imagem: Arte/UOL

Amanda Santos

Do START, em São Paulo

07/08/2020 12h28

Se você sofre de aracnofobia, tome cuidado com Legends of Runeterra. Elise, a Aranha Rainha, foi a carta mais utilizada pelos jogadores brasileiros no mês de julho, segundo estatísticas reveladas pela Riot Games ao START nesta quarta (5).

Ela foi para o tabuleiro mais de 2,3 milhões de vezes. Na sequência vieram Zed, o assassino, com 2,1 milhões, e Braum, o tanque protetor de Poros, com 1,9 milhão de invocações. Os campeões que menos apareceram foram Shen, Lee Sin e Vladimir.

NINHO DE ARANHAS

Em League of Legends, Elise geralmente é usada na jungle, armando ganks com suas aranhas e aprisionando os inimigos com seu casulo. Já em Runeterra, ela pode liderar decks focados em spammar suas crias aracnídeas ao longo da partida —algo muito complicado de enfrentar se você não tiver paciência ou as cartas certas.

Legends of Runeterra - Reprodução/Start

1 / 6

Reprodução/Start

Legends of Runeterra - Reprodução/Start

2 / 6

Reprodução/Start

Legends of Runeterra - Reprodução/Start

3 / 6

Reprodução/Start

Legends of Runeterra - Reprodução/Start

4 / 6

Reprodução/Start

Legends of Runeterra - Reprodução/Start

5 / 6

Reprodução/Start

Legends of Runeterra - Reprodução/Start

6 / 6

Reprodução/Start

POR TRÁS DOS NÚMEROS

Priscila Riot - Divulgação/Riot Games - Divulgação/Riot Games — Priscila Queiroz, Head de Publishing da Riot no Brasil
Imagem: Divulgação/Riot Games

Quando o assunto são as regiões de Runeterra, a disputa é mais acirrada. "Um dos dados que nos surpreendeu é que os jogadores não escolheram uma região 'preferida'. O percentual de uso delas em decks está bem próximo, o que é um reflexo de que a criatividade dos jogadores na montagem de decks faz com que todas as regiões sejam competitivas e divertidas.", explica Priscila Queiroz, head de Publishing da Riot Games no Brasil.

Segundo os dados, a região mais usada foi a gélida Freljord (16,6% dos decks), seguida de perto por Ilha das Sombras (16,4%) e Ionia (15,38%). No momento, outras regiões disponíveis no jogo são Águas de Sentina, Demacia, Noxus, Piltover & Zaun.

Mas será que ainda veremos regiões como Shurima, Bandópolis e Targon? A Riot promete "novidades em breve", mas não dá detalhes: "A equipe de Legends of Runeterra investe pesado na arte e na construção de um mundo já estabelecido há dez anos para levar os jogadores a um universo já conhecido e amado pelo público. Por isso, sempre teremos novidades em LoR inspiradas em League of Legends e, em breve, teremos muita coisa nova para anunciar", conta Priscila.

Os jogadores não escolheram uma região 'preferida'.(...) A criatividade dos jogadores na montagem de decks faz com que todas as regiões sejam competitivas e divertidas
Priscila Queiroz, head de Publishing da Riot Games no Brasil

ROLA CAMPEONATINHO?

Levando em conta o histórico competitivo de League of Legends e até os primeiros os do shooter Valorant, fica impossível não imaginar um cenário de eSports para Legends of Runeterra. Sobre campeonatos oficiais e um futuro modo de duelo em duplas, a Riot afirma que está estudando diversos caminhos para entregar a melhor experiência ao jogador. Já com relação aos eSports, Priscila diz: "Acreditamos que, se no título há um aspecto competitivo, há uma porta aberta para a organização de campeonatos".

DE OLHO NO

Imagem: Divulgação/Riot

A Riot afirmou a importância de ouvir o dos jogadores e entender se um novo recurso faz sentido ou não para a comunidade. Uma das maneiras que a produtora sugeriu é através do Laboratório, onde são testados novos elementos, formatos e modos de jogo. Por meio da ferramenta, a desenvolvedora entende quais as preferências dos jogadores e pode tomar decisões com base nos números e indicadores de comportamento.

Legends of Runeterra foi anunciado em 2019, ou por períodos de testes e foi lançado oficialmente para PCs e mobile em 30 de abril de 2020. Se você ainda não se aventurou por lá, confira algumas dicas do START:

Aranhas LoR - Divulgação/Riot - Divulgação/Riot — Imagem: Divulgação/Riot

SIGA O START NAS REDES SOCIAIS

Twitter: https://twitter.com/start_uol
Instagram: https://www.instagram.com/start_uol/
Facebook: https://www.facebook.com/startuol/
TikTok: http://vm.tiktok.com/Rqwe2g/
Twitch: https://www.twitch.tv/start_uol