The avatar for @ranoya
Guilherme Ranoya
Interaction Designer, Creative Technologist, Professor and Researcher
Public
Textos e discussões
Edited
Jun 29
3 forks
1 star
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
viz = html`${trocastring(
linhadotempo(
artefatosfiltrados,
eixoy,
detalhesprodutoras,
detalhestipos,
detalhesseries,
separadados(filtros).inicio,
separadados(filtros).fim
)
)}`
Insert cell
Insert cell
viz3 = html`${newlinhadotempo(
artefatosfiltrados,
eixoy,
detalhesprodutoras,
detalhestipos,
detalhesseries,
separadados(filtros).inicio,
separadados(filtros).fim
)}`
Insert cell
Insert cell
viz2 = html`${newlinhadotempoB(
artefatosfiltrados,
eixoy,
detalhesprodutoras,
detalhestipos,
detalhesseries,
separadados(filtros).inicio,
separadados(filtros).fim
)}`
Insert cell
quadroimagens = html`${blockimages(artefatosfiltrados, screens)}`
Insert cell
Insert cell
discussaolinguagem = html`
<div id='painelbreakt'><iframe frameborder=0 style='width: 100%; height: 600px;' src='https://www.ranoya.com/Assets/JSLibs/pages/timeline.html?s=1&theme=https://www.ranoya.com/aulas/narrativasdigitais/pointnclick/pagescolor.css&file=https://opensheet.elk.sh/15lB-WclGe0WVET1yg94tZMOc5zVi6lufmv0vQZyXmYA/Breakthrough'></iframe></div>


`
Insert cell
Insert cell
Insert cell
emulacaoiframe = html`${abreemulador(artefatosemulados, selecionaemulador)}`
Insert cell
Insert cell
ramaks = html`${versoes(artefatosfiltrados, todososartefatos, referencias)}`
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
titulo = html`<h1>As raízes narrativas da mídia computacional</h1>
<br><br>
<span class='autor'><img style='width: 40px; height: 40px; border-radius: 20px; margin-right: 10px; vertical-align: middle;' src='https://lh3.googleusercontent.com/d/10xJY9YTTj7iVL8pyEXf8ASuLD1Czk8t5' />Guilherme Ranoya</span><br>

<div class='ancoras'>

<a href='#intro'>Introdução</a><br>
<a href='#midia'>Uma mídia</a><br>
<a href='#genealogia'>Genealogia</a><br>
<a href='#relevancia'>Relevância</a><br>
<a href='#linguagem'>Linguagem</a><br>
<a href='#inovacoes'>Inovações</a><br>
<a href='#estetica'>Eestética</a><br>
<a href='#cinematografia'>Cinema</a><br>
<a href='#if'>Ficções</a><br>

</div>

<a name="intro"></a>

<p>Este material, e a discussão a partir da qual ele foi elaborado, são produtos da <a target="_blank" href="https://www.ranoya.com/pt/pesquisa">pesquisa em Estética da Interação</a>, que entre suas diversas etapas, explorou um conjunto de artefatos narrativos mapeados e elencados abaixo - comumente tratados por <i>jogos de computador</i> - conhecidos como <b><i>Point & Click Adventures</i></b>.</p>

<p>A pesquisa, ainda em desenvolvimento, tem como objetivo compreender a configuração gráfica/material da interação e dos artefatos de nartureza computacional, e acabou dedicando algum tempo a esta 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 o que o professor e pesquisador <i>Mark Deuze</i> chama de <i>Media Life</i>: vivemos na mídia, e não mais com ela. Neste contexto, as novas formas narrativas se encontram em profusão, mas ainda não detemos um domínio pleno de sua linguagem (sobretudo a linguagem metamórfica dos elementos interativos).</p>

<p>Estes artefatos, e sobretudo seus primeiros exemplares, são a origem de uma forma narrativa genuinamente computacional. Trata-se de um formato que teve seu nascimento na mídia computacional, e não de formas narrativas adaptadas de outras mídias para ela (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).</p>
`
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more