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

Netflix lança jogo sobre luto e depressão indicado ao The Game Awards

Before Your Eyes aborda luto e tem tecnologia de detecção do olhar do jogador - Divulgação/Skybound Games
Before Your Eyes aborda luto e tem tecnologia de detecção do olhar do jogador Imagem: Divulgação/Skybound Games

Da Redação

Em São Paulo

30/07/2022 15h00

Entrou no catálogo de games da Netflix neste sábado (30) o badalado título independente Before Your Eyes, que foi indicado ao The Game Awards 2021 - considerado o "Oscar dos games". A Netflix vem publicando jogos em sua plataforma desde 2021, mas são disponíveis apenas para o app no celular.

O jogo concorreu na categoria de "impacto social", dedicada a lançamentos que discutem temáticas complexas e relevantes para a sociedade. No caso de Before Your Eyes, ele foi celebrado por sua abordagem sobre depressão e luto.

Na trama, o jogador precisa acompanhar o recém-falecido Benjaminn Brynn em sua jornada para o pós-vida. No caminho, é preciso interagir com diversas memórias da vida do protagonista, aos poucos revelando porque ele morreu. A história é levemente inspirada em "A Morte do Caixeiro Viajante", prestigiada peça teatral do norte-americano Arthur Miller.

Before Your Eyes usa detecção de movimento dos olhos - Divulgação/Skybound Games - Divulgação/Skybound Games
Before Your Eyes usa detecção de movimento dos olhos
Imagem: Divulgação/Skybound Games

Before Your Eyes também inova porque parte do controle do personagem é feito pelo detecção do olhar do jogador. É preciso dar o à câmera do PC (ou, no caso da Netflix, do celular) para que ela registre para onde você está olhando. Para interagir com objetos em cena, você pode tocar neles ou simplesmente piscar.

Desenvolvido pela GoodbyeWorld e publicado pela Skybound, o título saiu em abril do ano ado, apenas para PC. A entrada no acervo da Netflix marca sua primeira adaptação para outra plataforma.

O jogo perdeu a categoria de impacto social no The Game Awards para Life Is Strange - True Colors. A continuação da premiada franquia narrativa da Square Enix também fala sobre luto, e o jogador pode escolher a orientação sexual da protagonista, de modo que impacta o desenrolar da história.