30:T59f,ListaB = html` Levantamento de Jogos com Pixel Art
Roberta Williams is the Worlds First Graphic Computer Game Designer
Sierra On-Line Documentary
Space Quest! The Iconic Sierra On-Line Adventures!
The Making of Day of the Tentacle Remastered
Returning to Monkey Island
`31:Tc52,intro = html`

Introdução

Este material é produto do trabalho de pesquisa em Estética da Interação, que entre suas diversas etapas, explorou um conjunto de artefatos narrativos mapeados e elencados abaixo - comumente tratados por jogos de computador - conhecidos como Point & Click Adventures.

Esta pesquisa tem como intuito compreender a configuração gráfica/material da interação e dos artefatos de nartureza computacional, e acabou dedicando algum tempo nesta forma específica de interação. O esforço empregado se deu com a intenção de entender as convenções e os elementos presentes nela, para orientar o design de futuras peças narrativas em substrato semelhante. Vivemos atualmente a ubiquidade computacional, ou de certa forma, vivemos na mídia (e não mais apenas com ela), e mesmo assim não detemos um domínio pleno de sua linguagem (sobretudo a linguagem metamórfica dos elementos interativos).

Estes artefatos, e sobretudo seus primeiros exemplares, são a origem de uma forma narrativa genuinamente computacional e interativa. Trata-se de um formato que teve seu nascimento dentro dos computadores, e não de formas narrativas adaptadas de outras mídias para eles (ainda que muito da linguagem e representação gráfica utilizadas nos primeiros artefatos sejam transferências das linguagens dos desenhos animados, quadrinhos ou livros infantis, por serem destinados ao público infantil).

Na atualidade, narrativas Point & Click (assim como muitos jogos eletrônicos) são apenas mais uma dentre as diversas formas de se contar histórias utilizando média ou alta interação computacional, e há uma tendência em serem reenquadrados como Ficções Interativas. Novas ferramentas de desenvolvimento como o Adventure Game Studio (ADS), ou o PowerQuest, facilitam a construção deste tipo de narrativa, e permitiram que uma profusão de novas histórias fossem contadas dessa maneira. A plataforma Itch.io, utilizada por desenvolvedores independentes para divulgar ou comercializar seus produtos, já conta com mais de 10 mil narrativas classificadas como Point & Click.

`32:Tb17,texto1 = md` ### O computador como uma mídia Os computadores pessoais nasceram na década de 1970, criados para servirem como ferramentas de trabalho. Aos poucos foram adquirindo novos papeis até se transformarem em uma nova mídia. Assim como novas expressões artísticas surgiram para serem experienciadas dentro do computador, tanto a literatura, quanto o entretenimento, ganharam novos contornos e possibilidades através dela. Mesmo antes dos dispositivos computacionais se tornarem pessoais, isto é, ainda enquanto a computação era necessariamente realizada através de equipamentos de grande porte, ocupando salas ou andares inteiros dentro de universidades e centros de pesquisa, os primeiros experimentos com obras literárias sendo colocadas adentro das telas já aconteciam, com o propósito de demonstrar, mesmo nas antiquadas telas verdes **CRT** (tubo de raios catódicos), que as novas tecnologias seriam valiosas para tornar acessíveis e facilitar a reprodução técnica dos bens culturais. Não tardou para que os livros de *RPGs* (*role playing game*) também fossem incorporados à lista de artefatos digitalizados. Para este caso, contudo, haviam planos mais ambiciosos. A leitura dos livros de *RPG* trabalhavam com pequenas interações: eles presumiam que o(s) leitor(es) - muitas vezes eram livros lidos coletivamente - poderiam tomar decisões sobre as ações e rumos da história, sendo encaminhados para páginas específicas do material conforme cada opção disponível. Estas interações poderiam ser reproduzidas através da lógica computacional, dando gênese às **aventuras textuais** (*text adventures*) como o Colossal Cave Adventure, que pode ser experimentado online através de emulação dos *mainframes* para o qual o "jogo" foi elaborado.

`33:T8af,texto2 = md` ### Arqueologia As **aventuras textuais** (*text adventures*) são a raíz arqueológica dos *Point & Click Adventures*. Estes últimos são apenas uma decorrência lógica e tecnológica dos primeiros, incorporando elementos pictóricos e interativos como representação visual da narrativa, ainda essencialmente coordenadas pelo elemento textual. *Mystery House* (1980), de Ken e Roberta Williams foi o primeiro título a elaborar esta construção, mas foi só em seu segundo título, *King's Quest I - Quest for The Crown* (1984), que os autores criaram um formato inovador, permitindo ao protagonista *Sir Graham* se deslocar livremente pelos ambientes e cenas da narrativa.

O casal Williams foi responsável pela criação de inúmeros títulos neste formato. Chamamos esta segunda geração de artefatos narrativos computacionais de **aventura visual conversacional** (*dialog adventure*), caracterizadas pela centralidade do texto como condutor da narrativa, a materialidade na tela de forma pictórica, e as transições dentre as diversas cenas da história através da interação, deslocando-se o protagonista. `34:Tac8,texto3 = md`### Relevância Os artefatos de segunda geração, ainda que uma evolução tecnológica de seus predecessores, inauguram um novo formato narrativo genuinamente computacional. Os *Point & Click Adventures* são as primeiras expressões narrativas integralmente computacionais, possíveis exclusivamente nela. Eles são, portanto, uma expressão típica e própria desta mídia. Trata-se do surgimento de um formato narrativo totalmente novo, original, tentando conformar/convencionar uma linguagem específica para manifestar-se e ser facilmente apreendido, mesmo residindo em um substrato instável e recorrentemente transformado, como a mídia computacional. Como são artefatos interativos e dinâmicos, ver uma representação do artefato na forma de uma imagem estática não torna possível seu entendimento. Para compreender sua linguagem, fazem-se necessárias formas de observar as interações presentes. A arqueologia (estudo das origens e transformações sobre o artefato) e memória (história e preservação) necessitam, nestes casos, ao menos do registro audiovisual dos artefatos. Esforços na preservação de *software* utilizam emuladores para reconstituir os contextos para os quais estes artefatos foram criados, permitindo que eles sejam efetivamente executados, e que se possa, de fato, interagir com eles. A experiência completa, infelizmente, só pode ser vivenciada em um equipamento real. Há também esforços para organização de museus da computação pessoal onde estes equipamentos continuam existindo e funcionando, por onde estes artefatos podem ser concretamente experimentados *in loco*. A memória gráfico-interativa e o estudo da linguagem destes artefatos, como primeiros exemplares autônomos de uma narrativa computacional, são aspectos essenciais para uma arqueologia da estética da interação na mídia computacional. No aspecto estritamente gráfico, muitos empréstimos e apropriações das linguagens de outras mídias aconteceram *a posteriori*, conforme a tecnologia avançou: dos traços e sons presentes nos desenhos animados ou o estilo das ilustrações de livros infantis, chegando, claro, à alta fidelidade com a computação gráfica 3D. Mas muitos títulos recentes ainda permanecem fieis às expressões **pixel art** típicas dos primeiros artefatos, e outras, mais abstratas e inovadoras, também surgiram. `35:T1951,textolinguagem = md` ### Linguagem As características visuais mais marcantes dos primeiros artefatos desta tipologia são as cores fortes contrastantes, e as imagens bastante pixelizadas. Isto é resultado de uma resolução baixa dos monitores (geralmente 320x200 pixels), e a limitação de uma paleta de 4 a 16 cores pelo *hardware* da época, dependendo do uso de uma placa de vídeo **CGA** (*Computer Graphics Array*) ou **EGA** (*Enhanced Graphics Array*). Os cianos e magentas muito fortes e proeminentes são marcações bastante datadas na composição visual, sobretudo por conta do equipamento **CGA**. Logicamente, tratam-se de representações gráficas bidimensionais, com cenários pouco dinâmicos sendo substituídos em cada cena ou passagem da narrativa, enquanto um personagem condutor da história se desloca livremente entre eles. O primeiro elemento de interação que se destaca é a **interação por linha de comando** ou **instruções textuais**. Como herdeiros de um modelo de interação narrativa oriundo das **aventuras textuais**, os artefatos deste tipo, até o final da década de 1980, geralmente contavam com este elemento, como parte central de sua mecânica. Uma geração seguinte, adotando como suporte o engine SCUMM, desenvolvido na *Lucasarts*, incorporou o mecanismo do **catálogo de ações** - um conjunto de verbos que poderiam ser articulados aos objetos em cena - para prover a interação entre o personagem e o contexto.

Ao longo da narrativa de Space Quest IV, seu protagonista Roger Wilco viaja no tempo, retornando aos acontecimentos de Space Quest I. O tempo passado é apresentado adotando os mesmos gráficos EGA que eram utilizados na palataforma Sierra AGI de 1986, brincando com a linguagem gráfica de maneira metalinguística.

A linguagem gráfica de Space Quest IV

A linguagem gráfica de Space Quest IV durante os eventos de Space Quest I

Em meados de 1986 as produções computacionais, principalmente os jogos, passaram a utilizar técnica conhecida como **dithering** para criar uma gama maior de coloração nos gráficos. A técnica consistia em criar quadriculas misturando as cores disponíveis, aplicando padrões que, em conjunto, geravam a impressão de novas cores. O **dithering** se transformou em uma marca registrada das artes gráficas computacionais, como uma demonstração das habilidades dos artistas envolvidos, e sua capacidade de superar a limitação técnica do meio. As imagens, personagens, cenas e cenários, se tornaram mais ricos visualmente; ganharam mais volume e abandonaram um aspecto plano e chapado com superfícies preenchidas por cores idênticas e contrastantes. O engine SCUMM, adotado nos produtos da *Lucasarts*, foi inovador em múltiplos aspectos. Não apenas possibilitou que diversas narrativas pudessem ser produzidas de de maneira mais fácil e com uma linguagem consistente, como também possibilitou formas importantes à interação destes artefatos. Os artefatos produzidos nesta plataforma contavam com o recurso de **diálogos interativos** onde o usuário poderia escolher as respostas dadas pelos personagens, o que produziria resultados diferentes para a continuidade da história. Os **diálogos interativos** se tornaram essenciais para todo o desenvolvimento futuro dos **Point & Click Adventures**.
`36:T151c,textolinguagem2 = md` Além das limitações nas imagens, os computadores também tinham capacidades reduzidas quanto a reprodução sonora, contando geralmente com um *speaker* pequeno instalado dentro do gabinete. A constução sonora se dava pela reprodução de frequências em sequências, constuíndo pequenas melodias. O **PCM** (*Post Sound Modulation*) foi uma técnica computacional utilizada para digitalizar e reproduzir sons gravados atraves do *speaker* do computador. Ele é a base para todo o campo de áudio digital hoje. Assim como o **dither** nos gráficos, o **PCM** passou a marcar a sonoridade destes artefatos. Além do aperfeiçoamento em som e imagem, as interfaces com o computador também começaram a apresentar avanços: o *mouse* tornou-se uma interface de entrada mais comum nos computadores, e as interfaces gráficas com o usuário (**GUI**) começaram a aparecer, influenciando a maneira como tudo se apresentavam para o usuário, incoroporando à linguagem interativa **Janelas Modais**, **Menus Contextuais** e **Viewports** que apresentavam em *overlays* os ambientes fechados onde o personagem se encontrava. A chegada em 1990 representa a "década de ouro" dos *Point & Click Adventures*. O formato começa a se estabilizar através de uma linguagem claramente estabelecida, tanto na sua expressão visual/audiovisual, como no seu comportamento e interação. O formato se encontrava consolidado como uma tipologia bem conhecida. Experimentações no campo narrativo começaram a se desenvolver na tentativa de produção de artefatos diferenciados capazes de surpreender o público. Do uso de **linguagens não verbais** para interação, como no caso de Loom (1990), que se manifesta através de expressões musicais, à mudança de narrador/personagem no meio da história, utilizando técnicas de **narrativas paralelas** ou **multinarrativas**, as inovações começaram a surgir não somente sobre o aspecto tecnológico, mas também dentro da arte de contar histórias, isto é, no próprio conteúdo. As cenas e contextos se tornaram mais **dinâmicos** com a incorporação de vozes digitalizadas e com uso mais frequente de cenários animados. Mais espaço de armazenamento, mais memória **RAM**, e processadores mais rápidos, permitiram o uso ostensivo destes recursos. Talvez o produto mais conhecido dentre os *Point & Click Adventures* seja Day of the Tentacle (1993). Seu humor cartunesco, aliado a uma visualidade ao estilo de *Chuck Jones* (criador das séries *Looney Tunes* e *Merrie Melodies* na *Warner Bros.*), é uma das referências mais marcantes nestes artefatos, ainda que poucos efetivamente tenham se constituído com esta materialidade gráfica além dele. Não demorou muito para que *Elementos 3D* começassem a fazer parte da constituição visual dos *Point & Clicks*. Muito disso se deve ao surgimento dos **CD-ROMS**, que, ao ampliar brutalmente a quantidade de dados armazenados em um dispositivo, permitiram que vídeos e imagens sequenciais pudessem também ser incorporadas. Em 1995 John Carmack desenvolveu o primeiro protótipo do jogo *Quake*, um **FPS** (*First Person Shooter*) tridimensional processado em tempo-real. Este evento marca, ao mesmo tempo, a migração para a expressão **3D** e o declínio dos *Point & Click Adventures*, que progressivamente vão perdendo espaço para interações bem mais dinâmicas, que já incorporavam aspectos formais (narrativa) dentro de sua estrutura de jogo, e eram, a sua maneira, outra forma de se contarem histórias com a mídia computacional. A década de 2000 a 2010 vê uma rarefação exponencial dos títulos de aventura gráfico-interativa. `37:T1d7b,textolinguagem3 = md` ### Novas estéticas, novas formas de articular a linguagem gráfico-interativa Em 2011 vemos o formato ressurgir, de forma eclética, como uma homenagem e releitura, tanto visual, como dos gêneros narrativos em que o formato se baseou incialmente. Sword & Sworcery (2011), uma aventura em tom de fantasia medieval, é lançada como exclusividade para os recém inventados **iPads** da *Apple*. Tratam-se de recomeços em multiplas camadas: os *tablets* inauguravam um segmento totalmente novo da computação pessoal, e vinham com uma promessa revolucionária; um *Point & Click*, com interação gestual/por toque, reformulava inteiramente o formato interativo destas histórias; a escolha de uma expressão que mimetizava o trabalho artesanal, ponto-a-ponto, e a expressão dos artistas digitais da década de 1980, trazia para o grande público um resgate da estética dos anos 80, valorizando o *retrô* do *pixel art*. Esta conjunção foi bastante significativa no momento, e capaz de revigorar completamente este formato narrativo para uma nova geração, dando impulso a novos artefatos por mais de uma década. Contudo, a expressão criada como uma homenagem à maneira original como as imagens computadorizadas eram feitas, era na verdade muito mais flexível e poderosa que a original, sendo capaz de proporcionar efeitos e elementos interativos impraticáveis aos equipamentos antigos. O tom *retrô* do **pixel art** atual era, no fundo, apenas uma inspiração; tratavam-se de linguagens e estéticas inteiramente novas. Do **pixel art**, outras materialidades visuais também se juntaram nas novas narrativas desse formato. **lowpoly**, de aspecto esquemático e simplificado, também ganhou força durante o período. A **geometria** marcada e forte, a simplificação dos traços, e o contraponto destas questões nos aspectos dinâmicos e nos movimentos sofisticados para dar vida aos elementos, eram questões observáveis muito além dos jogos ou artefatos lúdicos: algo também presente nas interfaces de dispositivos *mobiles* e *softwares* em geral, inspirado pelo *Flat Design* da *Apple* ou pelo *Material Design* do *Google*. A mídia computacional produziu uma linguagem própria que lhe transcendeu. **Quadrinhos**, *graphic novels*, e mídias computacionais começaram a se miscigenar. Sable (2021) é um *video game* que reproduz com perfeição e minúncias o estilo de ilustração do renomado artista frances de quadrinhos *Jean Giraud*, mais conhecido como **Moebius**. As próprias *graphic novels* também se tornaram interativas, como Protanopia (2017), RRR (2020) ou Unmaze (2021). Vimos surgirem adaptações de expressões prestigiadas, como obras de arte renascentistas em Four Last Things (2018) adaptadas através de animação do tipo **Cut-Out**, ou do trabalho de **figura impossível** de M.C. Escher em Monument Valley (2014). Os novos artefatos de *Point & Click* avançaram as interações de maneiras sutis. O processamento de linguagem natural permitiu que alguns dos produtos ajustassem interrupções e mudanças ao longo dos **diálogos, de forma orgânica**, natural. São processo complexos, que mudam os mecanismos da interação de forma quase imperceptível, mas absolutamente fluída. Conforme as tecnologias ganham maior fisicalidade com sensores, lidares, câmeras infra-vermelho, projetores, começamos a ver a **interação física** com os dispositivos *mobile* cada vez mais presente nas interações, algo que a versão original de Sword & Sworcery (2011) já esboçava (fazendo o usuário virar os dispositivo para entrar em "modo de combate"), e que começa a oferecer uma relação inteiramente nova de experiência com *quadrinhos*, como nas produções da *Plastiek*. `38:T4ae,incluislides = html`
`39:T17b1,contif = md` ### Ressurgimentos e releituras Em 2022 observou-se um ressurgimento da primeira geração das narrativas computacionais com referências aos produtos desenvolvidos pela Infocom, os antigos *text adventures*, agora tratados por interactive fiction. O surgimento da segunda geração de artefatos não produziu a morte das aventuras puramente textuais nos computadores, assim como o surgimento de narrativas em jogos mais dinâmicos não matou o formato dos *Point & Click Adventures*. Títulos nesse formato permaneceram sendo lançados ao longo de todo o tempo, mas em quantidades obviamente reduzidas em relação aos demais formatos narrativos. Em 2022 três títulos, Roadwarden, Citzen Sleeper e Norco, revisões do formato de *text adventure* conseguiram considerável notoriedade. Poucos anos antes deles, Game of Thrones: Tale of Crows (2020) também havia adquirido bastante notoriedade surfando o sucesso da serie televisiva *Game of Thrones*, trazendo de volta à cena este formato, revigorado com expressões visuais dinâmicas ilustrando a narrativa, sem que o texto e a interação textual percam sua centralidade no artefato. É bastante plausível que esses quatro títulos provoquem um renascimento do formato assim como Sword & Sworcery (2011) provocou para as aventuras gráficas. As ficções interativas (*interactive fiction*) modificaram muito pouco os mecanismos originais das narrativas computacionais de primeira geração. Permanecem, dada a centralidade e importância do elemento textual, como verdadeiros livros com os quais é possível interagir. Os novos artefatos permanecem usando elementos gráficos de forma ilustrativa, e eventualmente alguns artifícios presentes nos RPGs (*role playing games*) que também assumiram uma expressão digital em constante transformação desde a década de 1980. Em muitos casos é dificil discernir se estamos lidando com um artefato de ficção interativa, ou de um RPG. Também surge a possibilidade do uso de imagens geradas por Inteligência Artificial para ilustrar estas narrativas, e a revisão de muitos dos artefatos iniciais, puramente textais, como Zork ou Colossal Cave Adventure. Além deles, outro subgênero que - à rigor - também se classificaria como uma forma de ficção interativa (se entendida de forma ampla) são os Visual Novels. Trata-se de um formato narrativo de grande sucesso no Japão e com uma base de fãs crescente no ocidente. As Novelas Visuais possuem características bastante marcantes: são histórias contadas através de imagens ilustradas, cuja interação se desenvolve exclusivamente por opções feitas sobre os diálogos entre os personagens ou suas intenções. Igualmente aos RPGs, muitas vezes é difícil discernir se um artefato narrativo se enquadra mais como uma Visual Novel ou como um *Point & Click Adventure*. Exemplos bastante notórios são as séries da *Telltale*, como Wolf Among Us (2013), ou Wheels of Aurelia (2016), narrativa menos conhecida que as da *Telltale*, mas bem mais próxima do forma tradicional das *Visual Novels*. `3a:T5c8,cinemaA = md`### Cinematografia nas narrativas computacionais Ainda que os primeiros artefatos narrativos de predominância visual tivessem grande limitação para sua expressão gráfica, a influência e a tentativa de imitar a linguagem cinematográfica sempre se fez presente na mídia interativa. Mais comuns aos jogos de computador ou videogames, e substancialmente presente nos produtos de alto orçamento, referenciados no mercado como **jogos AAA**, as técnicas cinematográficas tem um espaço bastante demarcado para serem inseridas nas narrativas que dão uma estrutura formal a eles, conhecidas como **Cut Scenes**. Tratam-se de cortes no mecanismo de jogo onde o jogador passa a ter pouca ou nenhuma interação, e através das quais a história sendo contada avança em sua narrativa no formato de um filme convencional utilizando a mesma linguagem e expressão do próprio jogo. Os primeiros jogos a adotar **Cut Scenes** e dar destaque a narrativa através delas foram **Karateka** (1984), para os computadores Apple II, e a série **Ninja Gaiden (1989-1991)**, elaborada originalmente para o videogame **Nintendo Entertainment System** (1986).`3b:Tf46,cinemaB = md` Em 1994, a produtora Origin Systems lançou o quarto jogo da série **Wing Commander**, onde **Cut Scenes** com atores e filmagens em *Live Action* eram intercaladas com os momentos onde o jogador navegava o espaço com sua nave de combate, em uma simulação tridimensional, diferente das versões anteriores que fingiam a tridimensão em um contexto gráfico ainda 2D construído com *pixel art*. Por se tratar de uma narrativa de ficção científica e guerra espacial, as cenas foram gravadas com o ator *Mark Hamill* (o protagonista Luke Skywalker de *Star Wars*), assim como outros nomes das produções de Hollywood, como Malcolm McDowell (Laranja Mecânica, *Star Trek: Generations*), John Rhys-Davies (Os Caçadores da Arca Perdida, trilogia Senhor dos Aneis) e Tom Wilson (trilogia De Volta para o Futuro). Conforme a tecnologia gráfica dos equipamentos computacionais e videogames avançou, as **Cut Scenes** foram se integrando cada vez mais com a linguagem do próprio artefato, na mesma proporção em que se aproximavam da linguagem do cinema, considerando aspectos de direção de arte e os elementos preciosos das produções audiovisuais, como a posição da câmera, o enquadramento, a iluminação, as tomadas, o ritmo, etc. Os artefatos mais exemplares dentre os jogos cinematográficos são **Mass Effect** (BioWare, 2007, 2010 e 2012), **The Last of Us** (Naughty Dog / Sony Interactive Entertainment, 2013 e 2020), **God of War** (Sony / Santa Monica Studios, 2005, 2007, 2010, 2013, 2018, 2022), **Uncharted** (Naughty Dog, 2007, 2009, 2011, 2016) e **Red Dead Redemption** (Rockstar Games, 2010, 2018). A distinção entre o que é um videogame, e o que é uma narrativa computacional, nem sempre é simples de se fazer. O universo dos jogos digitais se entremeia com o desenvolvimento das narrativas computacionais. O artefato Detroit: Become Human (2018) é algumas horas classificado como um jogo cinematográfico, e outras como uma narrativa computacional, e não um jogo. Outra miscigenação entre o cinema e as narrativas computacionais é proveniente das tecnologias de **Realidade Virtual**. Histórias produzidas dentro de *game engines*, e contadas através da imersão em ambientes virtuais que permitiam à audiência estar dentro da história em 3D e com liberdade de enxergar 360º graus em todas as direções, começaram a ser desenvolvidas assim que os primeiros dispositivos de VR surgiram em 2016. Este é o caso de *Notes On Blindness* (2017), e de inúmeros outros produtos, difíceis de serem exemplificados em um documento bidimensional como este, mas também de um episódio experimental em 3D de *Duck Tales* (2019) onde é possível alterar a direção para onde olhamos no próprio vídeo. Estes projetos são herdeiros diretos da raíz de animações interativas nas primeiras narritvas computacionais, que seguiam uma história linear progredindo através da interação com o usuário/receptor. `3c:T40a,VideoGridParseURL = function (url) { // - Supported YouTube URL formats: // - http://www.youtube.com/watch?v=My2FRPA3Gf8 // - http://youtu.be/My2FRPA3Gf8 // - https://youtube.googleapis.com/v/My2FRPA3Gf8 // - https://m.youtube.com/watch?v=My2FRPA3Gf8 // - Supported Vimeo URL formats: // - http://vimeo.com/25451551 // - http://player.vimeo.com/video/25451551 // - Also supports relative URLs: // - //player.vimeo.com/video/25451551 let tipovideo = "none"; if (url.indexOf("youtu") <= -1 && url.indexOf("vimeo") <= -1) { return { type: "none", id: "none" }; } else { url.match( /(http:|https:|)\/\/(player.|www.|m.)?(vimeo\.com|youtu(be\.com|\.be|be\.googleapis\.com))\/(video\/|embed\/|watch\?v=|v\/)?([A-Za-z0-9._%-]*)(\&\S+)?/ ); if (RegExp.$3.indexOf("youtu") > -1) { tipovideo = "youtube"; } if (RegExp.$3.indexOf("vimeo") > -1) { tipovideo = "vimeo"; } return { type: tipovideo, id: RegExp.$6 }; } }3d:T5b1,reduz = function (arr, chave, tabela) { let tabelas = []; tabelas["tipo"] = { "text adventure": "aventura de texto", "aventura de texto": "aventura de texto", "animação interativa": "animação interativa", "interactive animation": "animação interativa", "dialog adventure": "aventura visual conversacional", "aventura visual conversacional": "aventura visual conversacional", "aventura gráfica com quebra-cabeças": "aventura gráfica", "graphic puzzle adventure": "aventura gráfica", "idle clicker": "jogo passivo de decisões", "decisões em clicks": "jogo passivo de decisões", "decision clicker": "jogo passivo de decisões" }; tabelas["genero"] = { adventure: "aventura", aventura: "aventura", "sci-fi": "ficção científica", "ficção científica": "ficção científica", fantasy: "fantasia", fantasia: "fantasia", "police procedural": "policial", policial: "policial", comedy: "comédia", comédia: "comédia", cavalary: "cavalaria", cavalaria: "cavalaria" }; let filtro1 = []; for (let a = 0; a < arr.length; a++) { if (typeof tabelas[tabela][arr[a][chave].trim()] != "undefined") { filtro1[tabelas[tabela][arr[a][chave].trim()]] = true; } else { filtro1[arr[a][chave]] = true; } } let filtro2 = []; let en = 0; for (let key in filtro1) { filtro2[en] = key; en++; } return filtro2; }3e:T59c,reduzsimples = function (arr, tabela) { let tabelas = []; tabelas["tipo"] = { "text adventure": "aventura de texto", "aventura de texto": "aventura de texto", "animação interativa": "animação interativa", "interactive animation": "animação interativa", "dialog adventure": "aventura visual conversacional", "aventura visual conversacional": "aventura visual conversacional", "aventura gráfica com quebra-cabeças": "aventura gráfica", "graphic puzzle adventure": "aventura gráfica", "idle clicker": "jogo passivo de decisões", "decisões em clicks": "jogo passivo de decisões", "decision clicker": "jogo passivo de decisões" }; tabelas["genero"] = { adventure: "aventura", aventura: "aventura", "sci-fi": "ficção científica", "ficção científica": "ficção científica", fantasy: "fantasia", fantasia: "fantasia", "police procedural": "policial", policial: "policial", comedy: "comédia", comédia: "comédia", cavalary: "cavalaria", cavalaria: "cavalaria" }; let filtro1 = []; for (let a = 0; a < arr.length; a++) { if (typeof tabelas[tabela][arr[a].trim()] != "undefined") { filtro1[tabelas[tabela][arr[a].trim()]] = true; } else { filtro1[arr[a]] = true; } } let filtro2 = []; let en = 0; for (let key in filtro1) { filtro2[en] = key; en++; } return filtro2; }3f:T1e26,40:T1b98,linhadotempo = function ( oarr, chave, listaestudios, listatipos, listaser, anoinit, anofim ) { let linha = "corA"; let iniciaem = 1971; if ( anoinit != "" && typeof parseInt(anoinit) != "undefined" && !isNaN(anoinit) ) { iniciaem = parseInt(anoinit); } let anoatual = new Date(); let finalizaem = parseInt(anoatual.getFullYear()); if ( anofim != "" && typeof parseInt(anofim) != "undefined" && !isNaN(anofim) ) { finalizaem = parseInt(anofim); } let arr = definerange(oarr, iniciaem, finalizaem); let html = `

`; let anos = unique(arr, "ano"); let seriesidentificadas = uniqueinlist(artefatosfiltrados, chave); let seriefoi = []; for (let y = 0; y < seriesidentificadas.length; y++) { seriefoi[seriesidentificadas[y]] = false; } seriefoi["semserie"] = false; // Head: Anos html += `

`; for (let k = 0; k < anos.length; k++) { html += `

${anos[k]}

`; } // Artefatos singulares let qualchave = ""; let temalgo = false; for (let k = 0; k < anos.length; k++) { for (let a = 0; a < arr.length; a++) { if (parseInt(arr[a].ano) == anos[0] && arr[a][chave] == "") { qualchave = "Point & Click Únicos"; seriefoi["semserie"] = true; } if ( arr[a][chave] == "" && (arr[a].link != "" || typeof arr[a].link != "undefined") ) { temalgo = true; } } } if (temalgo) { html += `

${qualchave}

`; for (let k = 0; k < anos.length; k++) { let temconteudo = false; let conteudo = ""; let quantossao = 0; // verifica se tem conteudo no próximo passo if (k + 1 < anos.length && !temconteudo) { for (let t = 0; t < arr.length; t++) { if ( arr[t].ano == anos[k + 1] && arr[t][chave] == "" && !seriefoi["semserie"] ) { temconteudo = true; seriefoi["semserie"] = true; conteudo += `

Point & Click Únicos

`; quantossao = 3; } } } for (let a = 0; a < arr.length; a++) { if (arr[a].ano == anos[k] && arr[a][chave] == "") { temconteudo = true; if (arr[a].avatar != "") { conteudo += `

`; quantossao++; } else { conteudo += `

`; quantossao++; } } } if (quantossao >= 3) { quantossao = "quanti3"; } else { quantossao = "quanti" + quantossao; } //inclui conteudos if (temconteudo) { html += `

${conteudo}

`; } else { html += `

`; } } } // Artefatos seriados for (let serie = 0; serie < seriesidentificadas.length; serie++) { if (linha == "corA") { linha = "corB"; } else { linha = "corA"; } let mpat = new RegExp(seriesidentificadas[serie], "i"); let qualchave = ""; for (let k = 0; k < anos.length; k++) { for (let a = 0; a < arr.length; a++) { if (parseInt(arr[a].ano) == anos[0] && mpat.test(arr[a][chave])) { qualchave = seriesidentificadas[serie]; } } } html += `

${qualchave}

`; for (let k = 0; k < anos.length; k++) { let temconteudo = false; let conteudo = ""; let quantossao = 0; for (let a = 0; a < arr.length; a++) { if (arr[a].ano == anos[k] && mpat.test(arr[a][chave])) { temconteudo = true; if (arr[a].avatar != "") { conteudo += `

`; quantossao++; } else { conteudo += `

`; quantossao++; } } } // verifica se tem conteudo no próximo passo if (k + 1 < anos.length && !temconteudo) { for (let t = 0; t < arr.length; t++) { if ( arr[t].ano == anos[k + 1] && mpat.test(arr[t][chave]) && !seriefoi[seriesidentificadas[serie]] ) { temconteudo = true; seriefoi[seriesidentificadas[serie]] = true; conteudo += `

${seriesidentificadas[serie]}

`; quantossao = 3; } } } if (quantossao >= 3) { quantossao = "quanti3"; } else { quantossao = "quanti" + quantossao; } //inclui conteudos if (temconteudo) { html += `

${conteudo}

`; } else { html += `

`; } } } for (let k = 0; k < anos.length; k++) { html += `

`; } // Fechamento html += `

${single( arr, listaestudios, listatipos, listaser )}

`; return html; }41:T94d,single = function (arr, listaprodutoras, listatipologias, listaseries) { let html = ""; let series = uniqueinlist(arr, "serie"); let tiposi = uniqueinlist(arr, "tipologia"); let tipos = reduzsimples(tiposi, "tipo"); let estudios = unique(arr, "produtora"); // apenas 1 artefato if (arr.length == 1) { html = `

\nDocumentário da BBC (1985) sobre a Infocom e suas aventuras\n textuais.
\n A aventura de texto Zork (1979) com imagens geradas por Inteligência\n Artificial.\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1925,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":1411,"value":"#### 6. Textos para o material editorial","pinned":false,"hidden":false,"mode":"md"},{"id":1607,"value":"sotitulo = html`\n

As raízes narrativas da mídia computacional

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1610,"value":"soautor = html`\n

Guilherme Ranoya
\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":0,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":773,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":778,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":1945,"value":"","pinned":true,"hidden":false,"mode":"ojs"},{"id":781,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":902,"value":"$35","pinned":false,"hidden":false,"mode":"ojs"},{"id":921,"value":"$36","pinned":false,"hidden":false,"mode":"ojs"},{"id":935,"value":"$37","pinned":false,"hidden":false,"mode":"ojs"},{"id":1719,"value":"$38","pinned":false,"hidden":false,"mode":"ojs"},{"id":1538,"value":"$39","pinned":false,"hidden":false,"mode":"ojs"},{"id":1550,"value":"$3a","pinned":false,"hidden":false,"mode":"ojs"},{"id":1556,"value":"$3b","pinned":false,"hidden":false,"mode":"ojs"},{"id":883,"value":"#### 5. Projetos para acompanhar\n\n[Sunday Gold](https://www.youtube.com/embed/X_sB4kbWTJQ)","pinned":false,"hidden":false,"mode":"md"},{"id":8,"value":"
\n
\n
\n\n------------------\n## Apêndice","pinned":false,"hidden":false,"mode":"md"},{"id":31,"value":"
\n#### Ferramentas","pinned":false,"hidden":false,"mode":"md"},{"id":6,"value":"import { getcsvdata, GoogleSheetCsvURL, unique, imagefromallsources } from \"@ranoya/datat\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":42,"value":"function uniqueinlist(arr, key) {\n let newarr = [];\n let temparr = [];\n\n /*\n for (let k = arr.length - 1; k >= 0; k--) {\n if (typeof arr[k][key] != \"undefined\") {\n temparr = arr[k][key].split(\",\");\n\n for (let z = 0; z < temparr.length; z++) {\n newarr[temparr[z].trim()] = true;\n }\n }\n }\n\n */\n\n for (let k = 0; k < arr.length; k++) {\n if (typeof arr[k][key] != \"undefined\") {\n temparr = arr[k][key].split(\",\");\n\n for (let z = 0; z < temparr.length; z++) {\n newarr[temparr[z].trim()] = true;\n }\n }\n }\n\n let finalarr = [];\n let en = 0;\n\n for (let fkey in newarr) {\n if (fkey != \"\") {\n finalarr[en] = fkey;\n en++;\n }\n }\n\n return finalarr;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1435,"value":"planifica = function (arr, cat) {\n return uniqueinlist(arr, cat);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":70,"value":"consolida = function (arr, tabela) {\n let newarr = [];\n\n for (let k = 0; k < arr.length; k++) {\n if (typeof tabela[arr[k]] != \"undefined\") {\n newarr.push(tabela[arr[k]]);\n } else {\n newarr.push(arr[k]);\n }\n }\n\n let excluirepetidos = [];\n\n for (let key = 0; key < newarr.length; key++) {\n excluirepetidos[newarr[key]] = true;\n }\n\n let finalarr = [];\n let en = 0;\n\n for (let key in excluirepetidos) {\n finalarr[en] = key;\n en++;\n }\n\n return finalarr;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":134,"value":"$3c","pinned":false,"hidden":false,"mode":"ojs"},{"id":137,"value":"youtubeImage = function (url) {\n /*\n var thumbSplit = \"\";\n var retorno = \"\";\n var thumbSRC;\n */\n let videoDetails = VideoGridParseURL(url);\n let videoType = videoDetails.type;\n let videoID = videoDetails.id;\n\n return \"https://img.youtube.com/vi/\" + videoID + \"/0.jpg\";\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":305,"value":"complementadados = function (arr, convertetipo, convertegenero) {\n let newarr = [];\n\n for (let k = 0; k < arr.length; k++) {\n newarr[k] = {};\n newarr[k] = arr[k];\n\n newarr[k].tipo = \"\";\n let variostipos = arr[k].tipologia.split(\",\");\n let sobra = [];\n for (let z = 0; z < variostipos.length; z++) {\n if (typeof convertetipo[variostipos[z]] != \"undefined\") {\n sobra[convertetipo[variostipos[z]]] = true;\n }\n }\n\n for (let tip in sobra) {\n newarr[k].tipo = tip;\n }\n\n newarr[k].generos = \"\";\n let variosgeneros = arr[k].genero.split(\",\");\n let sobragenero = [];\n for (let z = 0; z < variosgeneros.length; z++) {\n if (typeof convertegenero[variosgeneros[z]] != \"undefined\") {\n sobragenero[convertegenero[variosgeneros[z]]] = true;\n }\n }\n\n for (let tip in sobragenero) {\n newarr[k].generos += tip + \",\";\n }\n }\n\n return newarr;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":472,"value":"$3d","pinned":false,"hidden":false,"mode":"ojs"},{"id":479,"value":"$3e","pinned":false,"hidden":false,"mode":"ojs"},{"id":590,"value":"definerange = function (arr, mini, maxi) {\n let newarr = [];\n\n for (let k = 0; k < arr.length; k++) {\n if (parseInt(arr[k].ano) >= mini && parseInt(arr[k].ano) <= maxi) {\n newarr.push(arr[k]);\n }\n }\n\n return newarr;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":734,"value":"separadados = function (inpt) {\n let patt = /(.*)(\\d\\d\\d\\d)(.*)(\\d\\d\\d\\d)(.*)/i;\n let pattmenos = /-/g;\n\n let dados = [];\n let pesquisa = {};\n\n if (patt.test(inpt)) {\n dados = patt.exec(inpt);\n\n if (dados[2] <= dados[4]) {\n pesquisa.inicio = dados[2];\n pesquisa.fim = dados[4];\n } else {\n pesquisa.fim = dados[2];\n pesquisa.inicio = dados[4];\n }\n\n pesquisa.filtra =\n dados[1].replace(/-/g, \" \") +\n \" \" +\n dados[3].replace(/-/g, \" \") +\n \" \" +\n dados[5].replace(/-/g, \" \");\n } else {\n pesquisa.filtra = inpt;\n pesquisa.inicio = 1900;\n pesquisa.fim = 3999;\n }\n\n return pesquisa;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":822,"value":"htmlencode = function (str) {\n //Não sei o que aconteceu aqui... nem porque está com erro\n\n let xpto = str.replace(/'/gim, function (i) {\n return \"'\";\n });\n\n return xpto;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1028,"value":"linksartigos = function (arr) {\n let html = \"

\";\n\n for (let i = 0; i < arr.length; i++) {\n html += `${arr[i].Titulo}
`;\n }\n\n html += \"

\";\n\n return html;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1033,"value":"comemulador = function (arr) {\n let newarr = [];\n newarr[0] = {};\n newarr[0].nome = \"Escolha um título\";\n let c = 1;\n for (let i = 0; i < arr.length; i++) {\n if (\n arr[i].linkEmulador != \"\" &&\n typeof arr[i].linkEmulador != \"undefined\"\n ) {\n newarr[c] = arr[i];\n c++;\n }\n }\n\n return newarr;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1059,"value":"abreemulador = function (arr, titulo) {\n let src = \"\";\n for (let i = 0; i < arr.length; i++) {\n if (arr[i].nome == titulo && titulo != \"Escolha um título\") {\n src =\n \"\";\n }\n }\n return src;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1293,"value":"blockimages = function (arr, arri, emu) {\n if (arr.length == 1) {\n return thumbs(arr[0].video, arri, emu);\n } else {\n return \"\";\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1645,"value":"function set(input, value) {\n input.value = value;\n input.dispatchEvent(new Event(\"input\", { bubbles: true }));\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1647,"value":"acionasearch = function (nome) {\n set(viewof eixoy, nome);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1655,"value":"custombuttonsduo = function (arr, arrB) {\n let button = [];\n\n for (let i = 0; i < arr.length; i++) {\n if (i == 0) {\n button[\n i\n ] = html`

${arr[i]}

`;\n } else {\n button[\n i\n ] = html`

${arr[i]}

`;\n }\n\n button[i].onclick = function () {\n acionasearch(arrB[i]);\n clearbuttons();\n document.getElementById(\"cb\" + arrB[i]).classList.add(\"cbclicado\");\n };\n }\n\n return button;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1668,"value":"clearbuttons = function () {\n let bt = document.getElementsByClassName(\"custombutton\");\n\n for (let i = 0; i < bt.length; i++) {\n bt[i].classList.remove(\"cbclicado\");\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":59,"value":"
\n#### Tabelas de consolidação","pinned":false,"hidden":false,"mode":"md"},{"id":64,"value":"tabelagenero = ({\n adventure: \"aventura\",\n aventura: \"aventura\",\n \"sci-fi\": \"ficção científica\",\n \"ficção científica\": \"ficção científica\",\n fantasy: \"fantasia\",\n fantasia: \"fantasia\",\n \"police procedural\": \"policial\",\n policial: \"policial\",\n comedy: \"comédia\",\n comédia: \"comédia\",\n cavalary: \"cavalaria\",\n cavalaria: \"cavalaria\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":332,"value":"tabelatipo = ({\n \"text adventure\": \"aventura de texto\",\n \"aventura de texto\": \"aventura de texto\",\n \"animação interativa\": \"animação interativa\",\n \"interactive animation\": \"animação interativa\",\n \"dialog adventure\": \"aventura visual conversacional\",\n \"aventura visual conversacional\": \"aventura visual conversacional\",\n \"aventura gráfica com quebra-cabeças\": \"aventura gráfica\",\n \"graphic puzzle adventure\": \"aventura gráfica\",\n \"idle clicker\": \"jogo passivo de decisões\",\n \"decisões em clicks\": \"jogo passivo de decisões\",\n \"decision clicker\": \"jogo passivo de decisões\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":26,"value":"
\n#### Dados","pinned":false,"hidden":false,"mode":"md"},{"id":20,"value":"viewof artefatosfiltrados = Inputs.search(todososartefatos, {\n label: \"artefatosfiltrados\",\n placeholder: \"Nenhum filtro\",\n query: separadados(filtros).filtra,\n disabled: true\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1638,"value":"viewof filtrosB = Inputs.text({\n placeholder: \"Ex: cyberpunk, scumm, text adventure, 2010-2020\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1636,"value":"viewof artefatosfiltradosIMG = Inputs.search(todososartefatos, {\n label: \"artefatosfiltradosIMG\",\n placeholder: \"Nenhum filtro\",\n query: separadados(filtrosB).filtra,\n disabled: true\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1882,"value":"artefatosfiltradosIMG","pinned":true,"hidden":false,"mode":"ojs"},{"id":1769,"value":"artefatosemulados","pinned":true,"hidden":false,"mode":"ojs"},{"id":1767,"value":"artefatosfiltradosIMG","pinned":true,"hidden":false,"mode":"ojs"},{"id":302,"value":"jsonoriginal = getcsvdata(GoogleSheetCsvURL(\n \"https://docs.google.com/spreadsheets/d/15lB-WclGe0WVET1yg94tZMOc5zVi6lufmv0vQZyXmYA/edit#gid=0\"\n)\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"todososartefatos = complementadados(jsonoriginal, tabelatipo, tabelagenero)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1037,"value":"artefatosemulados = comemulador(todososartefatos)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1486,"value":"referencias = getcsvdata(\n GoogleSheetCsvURL(\n \"https://docs.google.com/spreadsheets/d/15lB-WclGe0WVET1yg94tZMOc5zVi6lufmv0vQZyXmYA/edit#gid=1346185687\"\n )\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1025,"value":"textos = getcsvdata(\n GoogleSheetCsvURL(\n \"https://docs.google.com/spreadsheets/d/15lB-WclGe0WVET1yg94tZMOc5zVi6lufmv0vQZyXmYA/edit#gid=2035660702\"\n )\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":501,"value":"detalhesprodutoras = getcsvdata(\n GoogleSheetCsvURL(\n \"https://docs.google.com/spreadsheets/d/15lB-WclGe0WVET1yg94tZMOc5zVi6lufmv0vQZyXmYA/edit#gid=476730819\"\n )\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":556,"value":"detalhestipos = getcsvdata(\n GoogleSheetCsvURL(\n \"https://docs.google.com/spreadsheets/d/15lB-WclGe0WVET1yg94tZMOc5zVi6lufmv0vQZyXmYA/edit#gid=959316846\"\n )\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":633,"value":"detalhesseries = getcsvdata(\n GoogleSheetCsvURL(\n \"https://docs.google.com/spreadsheets/d/15lB-WclGe0WVET1yg94tZMOc5zVi6lufmv0vQZyXmYA/edit#gid=643358003\"\n )\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":37,"value":"seriesidentificadas = uniqueinlist(artefatosfiltrados, \"serie\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":46,"value":"generosindenticidos = consolida(\n uniqueinlist(artefatosfiltrados, \"genero\"),\n tabelagenero\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1454,"value":"generosvarios = planifica(artefatosfiltrados, \"genero\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":671,"value":"linguagensidentificadas = uniqueinlist(artefatosfiltrados, \"linguagem\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":291,"value":"tipologias = unique(artefatosfiltrados, \"tipologia\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":84,"value":"anos = unique(artefatosfiltrados, \"ano\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":1282,"value":"screens = getcsvdata(\n GoogleSheetCsvURL(\n \"https://docs.google.com/spreadsheets/d/15lB-WclGe0WVET1yg94tZMOc5zVi6lufmv0vQZyXmYA/edit#gid=1574346461\"\n )\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":54,"value":"
\n#### HTML Output","pinned":false,"hidden":false,"mode":"md"},{"id":96,"value":"$3f","pinned":false,"hidden":false,"mode":"html"},{"id":87,"value":"$40","pinned":false,"hidden":false,"mode":"ojs"},{"id":401,"value":"$41","pinned":false,"hidden":false,"mode":"ojs"},{"id":999,"value":"trocastring = function (strg) {\n let xpto = strg.replace(\n /

/gi,\n \"

\"\n );\n\n return xpto;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1113,"value":"$42","pinned":false,"hidden":false,"mode":"ojs"},{"id":1134,"value":"$43","pinned":false,"hidden":false,"mode":"ojs"},{"id":1115,"value":"$44","pinned":false,"hidden":false,"mode":"ojs"},{"id":1200,"value":"$45","pinned":false,"hidden":false,"mode":"ojs"},{"id":1124,"value":"$46","pinned":false,"hidden":false,"mode":"ojs"},{"id":1286,"value":"thumbs = function (video, arrimagens, emu) {\n let ativaemu = \"\";\n let code = `

`;\n\n for (let i = 0; i < emu.length; i++) {\n if (video == emu[i].video) {\n ativaemu = emu[i].linkEmulador;\n }\n }\n\n if (ativaemu != \"\") {\n code = `

Experimente o Point & Click >

`;\n }\n\n code += \"

\";\n\n arrimagens.map(function (x, i) {\n if (video == arrimagens[i].video) {\n code += ``;\n }\n });\n\n code += \"

\";\n\n return code;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1469,"value":"versoes = function (video, arr, re) {\n let achou = false;\n\n let saida = \"\";\n\n if (video.length == 1) {\n saida = \"

\";\n\n for (let i = 0; i < re.length; i++) {\n if (re[i].video == video[0].video) {\n achou = true;\n saida += `\n

${re[i].legenda}

`;\n }\n }\n }\n\n if (achou) {\n return saida;\n } else {\n return `

\n \n

Versão original do Space Quest I - The Sarien Encounter, no engine Sierra AGI, 1986

\n \n

Remake do Space Quest I - The Sarien Encounter, no engine Sierra SCI, 1991.

`;\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1825,"value":"$47","pinned":false,"hidden":false,"mode":"ojs"},{"id":1800,"value":"testeimagens = function (s) {\n let code = \"

\";\n for (let i = 0; i < s.length; i++) {\n code += `

${s[i].nome}
${s[i].imagens}

`;\n }\n\n code += \"

\";\n return code;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1802,"value":"html`${testeimagens(screens)}`","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W48","stdlib":"1","titling":"auto"}