;(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();
})();
Próximo filme pode encerrar o debate sobre quem foi o melhor 'Homem-Aranha'
Montagem com fotos de Tobey Maguire, Tom Holland e Andrew Garfield como "Homem-Aranha"
montagem/Jakub Mas?owski
De Splash, em São Paulo
14/10/2020 04h00
Se um Peter Parker incomoda os vilões, três Peter Parkers incomodam muito mais. De acordo com o site FandomWire, Tobey Maguire e Andrew Garfield já am contrato para voltar a atuar como o personagem no próximo filme do "Homem-Aranha", ao lado do astro Tom Holland.
Seria um multiverso histórico.
Meme com três "Homem-Aranha"
Imagem: reprodução/Twitter
Continua depois da publicidade
Se rolar, a discussão sobre qual é o melhor Peter Parker poderia ser encerrada de uma vez por todas. Muita gente argumenta que Tobey parece superior porque os roteiros de "Homem-Aranha" (2002) e "Homem-Aranha 2" (2004) são melhores, com bons vilões, mas agora ele dividiria a trama com os outros.
Mas se Tobey não for bem, vamos torcer para ele não virar o emo-aranha de "Homem-Aranha 3".
Por favor, não.
E quem mais pode ganhar com isso tudo é Andrew Garfield, sempre criticado pelos filmes de 2012 e 2014.
Se o rapaz trabalhar bem e o roteiro o ajudar, ele pode finalmente se redimir —contando com um pouquinho de sorte e, bem, paciência dos fãs.
Continua depois da publicidade
Enquanto a Marvel e a Sony não confirmam esse "aranhaverso" (que, infelizmente, poderia não ter a presença do personagem Miles Morales), é importante manter a calma. Ainda não há informações oficiais sobre esse suposto contrato de Tobey e Andrew com o próximo filme do Aranha.
Dá para criar um pouquinho de expectativa? Sim.
Tô toda me tremendo Tom Holland, Andrew Garfield e Tobey Maguire ?A santíssima trindade ? pic.twitter.com/eeWRCIA53k
Principalmente com a notícia de que o Doutor Estranho será o mentor de Peter no novo "Homem-Aranha 3", segundo o site Hollywood Reporter. Se há alguém capaz de mexer com multiversos na Marvel, é o personagem de Benedict Cumberbatch.
Continua depois da publicidade
Além disso, o possível retorno de JamieFoxx como Electro empolgou todo mundo. Afinal, ele voltará a atuar como o mesmo vilão de "O Espetacular Homem-Aranha 2 - A Ameaça de Electro" (2014), filme que teve... Andrew Garfield como Peter Parker.
E Tom Holland, que divide opiniões e é o Aranha mais "ame ou odeie" de todos, pode aproveitar essa trama ambiciosa para tirar seu Peter Parker da sombra do Homem de Ferro e das interações com Robert Downey Jr.
Se a Sony se organizasse e todo mundo trabalhasse direitinho, os três atores teriam muito a ganhar com esse "aranhaverso". No fim das contas, é possível que a gente até descubra que o debate não precisa mais existir: é melhor ter três bons Homens-Aranha do que apenas um vencedor.
ID: {{comments.info.id}}
URL: {{comments.info.url}}
Ocorreu um erro ao carregar os comentários.
Por favor, tente novamente mais tarde.
{{comments.total}} Comentário
{{comments.total}} Comentários
Seja o primeiro a comentar
Essa discussão está encerrada
Não é possivel enviar novos comentários.
Essa área é exclusiva para você, , ler e comentar.
Só s do UOL podem comentar
Ainda não é ? Assine já.
Se você já é do UOL, faça seu .
O autor da mensagem, e não o UOL, é o responsável pelo comentário. Reserve um tempo para ler as Regras de Uso para comentários.