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

Start Entrevista

Virtual Cities: o livro que cataloga lugares dos games como cidades reais

Gael Mota

Colaboração para o START

17/04/2021 11h00

Virtual Cities é um livro que reúne 45 cidades que visitamos em diferentes jogos e as explora como atlas de centros urbanos reais, contendo mapas com ilustrações originais, design, história e particularidades desses lugares.

Seja em cidades futuristas como a Citadel, de Mass Effect, pós-apocalípticas como a Racoon City, de Resident Evil, ou quase reais como a Nova Iorque de Spider-Man, os videogames nos permitem sentir um gostinho de como é andar por aquelas paisagens urbanas reais ou fantásticas. E até escolher algumas para criar memórias e histórias.

Muito do que faz videogames serem tão fascinantes é o poder que eles têm de nos imergir em seus mundos. Mundos esses que, muitas vezes, são representados por cidades, seja algo mais próximo do real, como a Los Santos de GTA V, ou futurista como a Night City de Cyberpunk 2077.

Relacionadas

The 3rd Night: jogo de terror chama a atenção pelo visual PlayStation 1

Final Fantasy VII Remake escancara o luxo e a favela que existem em Midgar

Conheça "171", o "GTA Brasileiro" que se a em Sumaré

Mas para isso se tornar possível é preciso muito estudo e trabalho, pesquisando os elementos mais importantes das cidades do mundo real e transportando para um ambiente virtual, já que cidades (reais) são muito mais que ruas, prédios, praças e avenidas.

Livro Virtual Cities cidades games - Reprodução/START - Reprodução/START
Páginas do livro Virtual Cities
Imagem: Reprodução/START

A cidade é feita de pessoas em interação, como eu e você, uma dinâmica complexa que nos mostra o grande desafio que é "dar vida" às cidades virtuais.

Quanto mais dinâmica, instigante e complexa é a paisagem urbana ali representada, maior será nossa curiosidade em entendê-la e explorá-la. E, quando nos damos conta, já estamos criando momentos épicos, tirando fotos e analisando os hábitos daquelas habitantes virtuais que nem conhecemos, mas já consideramos pacas (nossos queridos NPCs).

Em suas 224 páginas, Virtual Cities explora essas características de algumas cidades dos jogos. Entre elas, são destaques no livro:

  • Anor Londo (Dark Souls)
  • Novigrad (The Witcher 3)
  • Metro City (Final Fight)
  • Raccon City (Resident Evil 2)
  • Silent Hill (Silent Hill)
  • Clock Town (Zelda: Majora's Mask)
  • Kamurocho (Série Yakuza)
  • New Donk City (Super Mario Odyssey)
  • Arkham City (Batman: Arkham City)
  • City 17 (Half-Life 2)
  • New Vegas (Fallout: New Vegas)
  • Citadel (Série Mass Effect)

Livro Virtual Cities

Virtual Cities - Reprodução/START
1 / 7

Virtual Cities

 Reprodução/START
Virtual Cities Novigrad - Reprodução/START
2 / 7
Novigrad (The Witcher 3)

Virtual Cities Novigrad

 Reprodução/START
Virtual Cities New Vegas - Reprodução/START
3 / 7
New Vegas (Fallout: New Vegas)

Virtual Cities New Vegas

 Reprodução/START
Virtual Cities New Donk City - Reprodução/START
4 / 7
New Donk City (Mario Odyssey)

Virtual Cities New Donk City

 Reprodução/START
Virtual City Arkham City - Reprodução/START
5 / 7
Arkham City (Batman Arkham)

Virtual City Arkham City

 Reprodução/START
Virtual Cities City 17 - Reprodução/START
6 / 7
City 17 (Half-Life 2)

Virtual Cities City 17

 Reprodução/START
Virtual Cities Kamurocho - Reprodução/START
7 / 7
Kamurocho (Yakuza)

Virtual Cities Kamurocho

 Reprodução/START

Infelizmente Virtual Cities está disponível apenas em inglês, mas já está à venda online. O START conversou com o autor do livro, Konstantinos Dimopoulos para saber mais sobre a obra. Assista ao vídeo no topo da matéria.

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: https://www.tiktok.com/@start_uol/
Twitch: https://www.twitch.tv/start_uol

Start Entrevista

Wild Rift: visitamos o reality show que selecionará novo time do Flamengo

Em parceria com a BBL e Motorola, o reality show Power 2 Game dará aos cinco vencedores um contrato de seis meses...

Fortnite: Zenon, fenômeno de 10 anos, cria seu próprio time de esports

Com apenas 10 anos de idade, Vitor Hugo "Zenon" já é dono de sua própria organização de esports, a Team Sneakers....

Wild Tour Brazil Finals: 'Promete emoção', revela Carlos Antunes, da Riot

As finais das qualificatórias abertas do Wild Tour Brazil acontecem neste final de semana (de 8 a 10 de outubro),...

Free Fire 4 Anos: 5 perguntas para Fernando Mazza, chefão da Garena Brasil

No aniversário de 4 anos do Free Fire, Fernando Mazza, Head os Operation da Garena no Brasil, conversa com o START

Criador da BGS adiou feira a pedido do público e quer sete torneios em 2022

A Brasil Game Show foi adiada pelo segundo ano consecutivo e vai retornar presencialmente apenas em outubro de...

Antônio Fagundes: "Ficaria feliz de interpretar Joel, de The Last of Us"

Antônio Fagundes já interpretou personagens memoráveis na televisão brasileira, mas e se Joel, protagonista do...

Sea of Thieves: Parque da Disney inspirou conteúdo de Jack Sparrow no game

O famoso pirata Jack Sparrow chega ao game Sea of Thives com a expansão A Pirate's Life. Com o anúncio, que...

Prévia: Deathloop, novo jogo para PS5 e PC, é mais um roguelike?

Os primeiros minutos de Deathloop são bizarros: ao acordar em uma ilha, Blackreef, descobrimos estar preso em um...

Virtual Cities: o livro que cataloga lugares dos games como cidades reais

Virtual Cities é um livro que reúne 45 cidades que visitamos em diferentes jogos e as explora como atlas de...

Guns n' Runs: Novo jogo brasileiro une Megaman, Celeste e Metal Slug

Rápido e desafiador. É assim que Guns N' Runs, novo indie brasileiro da Statera Studio, chega aos PCs pela Steam...

Fortnite nos eSports: entrevista com Leão Carvalho, da Epic Games

Em 2021 não teremos mais uma vez a Copa do Mundo de Fortnite por causa da pandemia causada pela COVID-19, mas...

Mortal Kombat: produtor quer criar universo cinematográfico com novo filme

Um novo filme de Mortal Kombat está prestes a estrear, em 15 de abril, e após conversar com o diretor Simon...