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

Nossa Viagem

Nossa Viagem

Disney anuncia nome e detalhes de área de Vingadores em seus parques

Imagem conceitual do Avegers Campus da Disney California Adventure, revelada na D23 Expo - Beatriz Amendola/UOL
Imagem conceitual do Avegers Campus da Disney California Adventure, revelada na D23 Expo Imagem: Beatriz Amendola/UOL

Beatriz Amendola

Do UOL, em Anaheim (EUA)*

23/08/2019 10h18

A Disney divulgou hoje os primeiros detalhes das novas áreas temáticas de seus parques que serão dedicadas aos super-heróis do Universo Cinematográfico da Marvel.

Os espaços, que já haviam sido anunciados para 2020 no Disney California Adventure e na Disneyland Paris, finalmente ganharam um nome: Avengers Campus (algo como "campus Vingadores", em tradução livre).

A ideia dos espaços é funcionar como um centro de treinamento para novos super-heróis - no caso, os frequentadores do parque.

"Nossos visitantes poderão se juntar aos Vingadores para salvar o mundo; eles farão parte de uma história que se desenrolará globalmente, na Califórnia, em Paris e em Hong Kong", disse Bob Chapek, presidente da divisão da Disney responsável pelos parques, em participação na D23 Expo, um evento realizado pela própria empresa.

Imersão em Star Wars

Chapek ainda anunciou outra novidade: uma experiência imersiva de Star Wars. Trata-se de Star Wars: Galactic Starcruiser, que se assemelha a um hotel.

Na atração, o visitante terá a chance de viver uma aventura que se desdobra por dois dias e interagir com personagens da saga criada por George Lucas. A "nave" em que eles embarcarão se chama The Halcyon, e ficará baseada no Walt Disney World, em Orlando.

Ainda não há data para a abertura do Galactic Starcruiser.

Modelo da Halcyon, a nave que sediará experiência imersiva de Star Wars na Disney de Orlando - Beatriz Amendola/UOL - Beatriz Amendola/UOL
Modelo da Halcyon, a nave que sediará experiência imersiva de Star Wars na Disney de Orlando
Imagem: Beatriz Amendola/UOL

*A repórter viajou a convite da Disney

As mais lidas agora

Como fazer frango crocante à parmegiana, receita fácil que viralizou

'I love macaxeira': João Pessoa vive 'boom' turístico e atrai estrangeiros

4 restaurantes brasileiros estão entre 100 melhores do mundo pelo 50 Best

Viagem

Descubra 'Caribe brasileiro' com praias incríveis, mirantes e eios

Helio de La Penha no Japão: será que o tambor japonês dá samba? Testei

Efeito Trump afasta turistas de irem aos EUA: 'País que eu conhecia não existe mais'

Dia de 'rico': descobrimos uma das estações de esqui mais baratas do mundo

Antes tarde do que nunca: a recriação da Secretaria de Economia Criativa

Alê Youssef

'I love macaxeira': João Pessoa vive 'boom' turístico e atrai estrangeiros

Fica em pé antes da hora dentro do avião? Neste país há multa para isso

Boeing anuncia avião luxuoso 'mais de todos os tempos'; veja como é

Moradores desse país vivem no ano de 2017 (e eles podem estar certos)

Liverpool sofreu rebaixamento que abalou a todos - e não é o que você pensa

Felipe Van Deursen

RJ não é só praia: confira 10 hospedagens para curtir o friozinho da serra