{"id":2250,"date":"2026-04-27T09:37:08","date_gmt":"2026-04-27T12:37:08","guid":{"rendered":"https:\/\/indiebrasilis.com.br\/?p=2250"},"modified":"2026-04-27T09:37:11","modified_gmt":"2026-04-27T12:37:11","slug":"na-pratica-a-teoria-e-outra","status":"publish","type":"post","link":"https:\/\/indiebrasilis.com.br\/?p=2250","title":{"rendered":"Na Pr\u00e1tica A Teoria \u00c9 Outra"},"content":{"rendered":"\n<p>Se j\u00e1 leu o e-book do <strong><a href=\"https:\/\/tilt.net\/html\/microsis\/exegen.php?Pfx=IDLbook&amp;Scp=start\" target=\"_blank\" rel=\"noreferrer noopener\">IndieLab<\/a><\/strong> ent\u00e3o (teoricamente) j\u00e1 est\u00e1 apto a realizar o seu primeiro experimento aqui, na plataforma. Ap\u00f3s logar (ou criar seu registro) \u00e9 hora de ir para a cria\u00e7\u00e3o da sua primeira aventura.<\/p>\n\n\n\n<p>Preencha os campos. Dos par\u00e2metros apresentados, apenas o <strong>prefixo <\/strong>(m\u00e1ximo de <strong>16 <\/strong>caracteres, sem espa\u00e7o entre eles) n\u00e3o poder\u00e1 mais ser alterado, ent\u00e3o escolha com cuidado. O <strong>prefixo<\/strong> \u00e9 como a sua aventura e todos os elementos dela s\u00e3o reconhecidos dentro do sistema. O nome, ou t\u00edtulo, pode ser alterado a qualquer momento.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"916\" height=\"285\" src=\"https:\/\/indiebrasilis.com.br\/wp-content\/uploads\/2026\/04\/texto-02a.png\" alt=\"\" class=\"wp-image-2252\" srcset=\"https:\/\/indiebrasilis.com.br\/wp-content\/uploads\/2026\/04\/texto-02a.png 916w, https:\/\/indiebrasilis.com.br\/wp-content\/uploads\/2026\/04\/texto-02a-300x93.png 300w, https:\/\/indiebrasilis.com.br\/wp-content\/uploads\/2026\/04\/texto-02a-768x239.png 768w\" sizes=\"auto, (max-width: 916px) 100vw, 916px\" \/><\/figure>\n<\/div>\n\n\n<p>Note os par\u00e2metros de texto. Esses ser\u00e3o os valores globais deles, ou seja, sempre que um <strong>script <\/strong>\u00e9 executado eles ser\u00e3o usados. Dentro dos <strong>scripts <\/strong>eles poder\u00e3o ser alterados, mas essa altera\u00e7\u00e3o s\u00f3 permanece enquanto outro <strong>script <\/strong>n\u00e3o for executado. Os <strong>registradores <\/strong>s\u00e3o as vari\u00e1veis que ser\u00e3o usadas na programa\u00e7\u00e3o e a quantidade deles depende muito da aventura ter ou n\u00e3o muita programa\u00e7\u00e3o.<\/p>\n\n\n\n<p>Lembre-se que a sua aventura ser\u00e1 hospedada com outras e portanto ela s\u00f3 ser\u00e1 aceita (criada) se o <strong>prefixo <\/strong>escolhido por voc\u00ea for de fato exclusivo. Se j\u00e1 existir uma aventura com esse mesmo prefixo, ter\u00e1 que escolher outro.<\/p>\n\n\n\n<p>Se tudo der certo, a aventura ser\u00e1 criada e j\u00e1 estar\u00e1 apta a ser &#8220;jogada&#8221;, ainda que n\u00e3o exista nenhum elemento para ela. J\u00e1 foi abordado no <strong>e-book<\/strong> os v\u00e1rios modelos de estrutura de aventuras mas se vamos come\u00e7ar, ent\u00e3o o modelo mais simples ser\u00e1 nosso primeiro objetivo.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"976\" height=\"190\" src=\"https:\/\/indiebrasilis.com.br\/wp-content\/uploads\/2026\/04\/texto-02b.png\" alt=\"\" class=\"wp-image-2253\" srcset=\"https:\/\/indiebrasilis.com.br\/wp-content\/uploads\/2026\/04\/texto-02b.png 976w, https:\/\/indiebrasilis.com.br\/wp-content\/uploads\/2026\/04\/texto-02b-300x58.png 300w, https:\/\/indiebrasilis.com.br\/wp-content\/uploads\/2026\/04\/texto-02b-768x150.png 768w\" sizes=\"auto, (max-width: 976px) 100vw, 976px\" \/><\/figure>\n<\/div>\n\n\n<p>O primeiro <strong>script<\/strong>, executado automaticamente quando a aventura \u00e9 iniciada, chama-se &#8220;<strong>start<\/strong>&#8221; e se ele n\u00e3o existir dever\u00e1 ser criado neste momento. Por enquanto vamos us\u00e1-lo para viabilizar o nosso exemplo: o jogador estar\u00e1 na entrada de uma masmorra (chamada <strong>cave02<\/strong>) e poder\u00e1 sair (<strong>cave03<\/strong>), voltar de onde veio (<strong>cave01<\/strong>) ou entrar numa cela (<strong>cave04<\/strong>).<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"520\" height=\"286\" src=\"https:\/\/indiebrasilis.com.br\/wp-content\/uploads\/2026\/04\/texto-02c.png\" alt=\"\" class=\"wp-image-2254\" srcset=\"https:\/\/indiebrasilis.com.br\/wp-content\/uploads\/2026\/04\/texto-02c.png 520w, https:\/\/indiebrasilis.com.br\/wp-content\/uploads\/2026\/04\/texto-02c-300x165.png 300w\" sizes=\"auto, (max-width: 520px) 100vw, 520px\" \/><\/figure>\n<\/div>\n\n\n<p>A programa\u00e7\u00e3o \u00e9 bem simples: apresenta\u00e7\u00e3o do local e as op\u00e7\u00f5es. Todas essas instru\u00e7\u00f5es est\u00e3o explicadas no <strong>e-book<\/strong>. As nota\u00e7\u00f5es entre &#8220;<strong>&lt;><\/strong>&#8221; s\u00e3o html puro e servem apenas para colocar o texto em negrito, saltar para a linha seguinte (lembrando que o html ignora linhas em branco e espa\u00e7os adicionais dentro do container).<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"409\" height=\"244\" src=\"https:\/\/indiebrasilis.com.br\/wp-content\/uploads\/2026\/04\/texto-02d.png\" alt=\"\" class=\"wp-image-2255\" srcset=\"https:\/\/indiebrasilis.com.br\/wp-content\/uploads\/2026\/04\/texto-02d.png 409w, https:\/\/indiebrasilis.com.br\/wp-content\/uploads\/2026\/04\/texto-02d-300x179.png 300w\" sizes=\"auto, (max-width: 409px) 100vw, 409px\" \/><\/figure>\n<\/div>\n\n\n<p>O resultado, como pode ser visto acima, obedece aos par\u00e2metros default e como a ideia aqui \u00e9 &#8220;simular&#8221; uma daquelas aventuras de texto, dos anos <strong>80<\/strong>, que rodavam em computadores monocrom\u00e1ticos (de f\u00f3sforo verde), teremos que alterar as cores. O correto seria alterar nas defini\u00e7\u00f5es gerais, mas apenas para exemplificar o uso das instru\u00e7\u00f5es, ser\u00e1 feita a mudan\u00e7a dentro do pr\u00f3prio <strong>script<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"817\" height=\"229\" src=\"https:\/\/indiebrasilis.com.br\/wp-content\/uploads\/2026\/04\/texto-02e.png\" alt=\"\" class=\"wp-image-2256\" srcset=\"https:\/\/indiebrasilis.com.br\/wp-content\/uploads\/2026\/04\/texto-02e.png 817w, https:\/\/indiebrasilis.com.br\/wp-content\/uploads\/2026\/04\/texto-02e-300x84.png 300w, https:\/\/indiebrasilis.com.br\/wp-content\/uploads\/2026\/04\/texto-02e-768x215.png 768w\" sizes=\"auto, (max-width: 817px) 100vw, 817px\" \/><\/figure>\n<\/div>\n\n\n<p>Esta \u00e9 a estrutura b\u00e1sica das p\u00e1ginas (<strong>scripts<\/strong>) de uma aventura &#8220;contada&#8221; nas masmorras de um castelo. A pergunta aqui \u00e9: s\u00f3 existe esta forma de montar essa narrativa?<\/p>\n\n\n\n<p>Nunca existe s\u00f3 uma maneira. Cada aventura, cada narrativa exige defini\u00e7\u00f5es pr\u00f3prias e a presen\u00e7a de diferenciais que sejam relevantes. O exemplo citado aqui \u00e9 o b\u00e1sico, do b\u00e1sico, do b\u00e1sico. Qualquer aventureiro, com um m\u00ednimo de conhecimento e tempo de jogo, percebe a estrutura tradicional que, mesmo tendo sido inovadora l\u00e1 nos anos <strong>80<\/strong>, hoje ela deixa pistas \u00f3bvias das a\u00e7\u00f5es pertinentes ao jogo.<\/p>\n\n\n\n<p>Recapitule a defini\u00e7\u00e3o das cores, por exemplo. Note que foram mudadas as cores do texto e a cor do fundo. Foram mudadas tamb\u00e9m as cores dos links ativos e dos links visitados. A pergunta aqui \u00e9: por que colocar a mesma cor nos dois tipos de links? Voc\u00ea consegue responder essa?<\/p>\n\n\n\n<p>Acrescente uma imagem da masmorra. S\u00f3 pra ajudar o leitor (ou jogador) a ter uma ideia de como seria o cen\u00e1rio imaginado para essa aventura:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"873\" height=\"432\" src=\"https:\/\/indiebrasilis.com.br\/wp-content\/uploads\/2026\/04\/texto-02f.png\" alt=\"\" class=\"wp-image-2257\" srcset=\"https:\/\/indiebrasilis.com.br\/wp-content\/uploads\/2026\/04\/texto-02f.png 873w, https:\/\/indiebrasilis.com.br\/wp-content\/uploads\/2026\/04\/texto-02f-300x148.png 300w, https:\/\/indiebrasilis.com.br\/wp-content\/uploads\/2026\/04\/texto-02f-768x380.png 768w\" sizes=\"auto, (max-width: 873px) 100vw, 873px\" \/><\/figure>\n<\/div>\n\n\n<p>Ainda que a ilustra\u00e7\u00e3o tenha acrescentado um visual mais &#8220;game&#8221;, pense por um instante que, se ao inv\u00e9s da estrutura &#8220;O que vai fazer em seguida?&#8221;, as op\u00e7\u00f5es do leitor fossem inseridas &#8220;informalmente&#8221; no meio do texto descritivo? Seria algo assim:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"915\" height=\"366\" src=\"https:\/\/indiebrasilis.com.br\/wp-content\/uploads\/2026\/04\/texto-02g.png\" alt=\"\" class=\"wp-image-2258\" srcset=\"https:\/\/indiebrasilis.com.br\/wp-content\/uploads\/2026\/04\/texto-02g.png 915w, https:\/\/indiebrasilis.com.br\/wp-content\/uploads\/2026\/04\/texto-02g-300x120.png 300w, https:\/\/indiebrasilis.com.br\/wp-content\/uploads\/2026\/04\/texto-02g-768x307.png 768w\" sizes=\"auto, (max-width: 915px) 100vw, 915px\" \/><\/figure>\n<\/div>\n\n\n<p>Melhorou? Ficou mais &#8220;org\u00e2nico&#8221;, mais pr\u00f3ximo a uma leitura natural, ao inv\u00e9s de quebrar a imers\u00e3o do jogador com uma lista de op\u00e7\u00f5es? N\u00e3o \u00e9 porque a aventura \u00e9 s\u00f3 texto que ela precisa ser &#8220;quadradona&#8221;. E nem foram mencionadas as quest\u00f5es gr\u00e1ficas das fontes tipogr\u00e1ficas, poss\u00edveis de serem usadas, anima\u00e7\u00f5es pontuais, etc.<\/p>\n\n\n\n<p>Como pode perceber, &#8220;montar&#8221; uma narrativa interativa n\u00e3o \u00e9 apenas ter o enredo e dominar uma determinada ferramenta. Existem conceitos, recursos, elementos visuais, externos ao tema da aventura, que podem e devem ser levados em conta. A melhor forma de aprender sobre isso \u00e9 fazendo e o <strong>IndieLab <\/strong>foi criado justamente para isso: experimenta\u00e7\u00e3o.<\/p>\n\n\n\n<p>Ent\u00e3o, m\u00e3os \u00e0 obra.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Se j\u00e1 leu o e-book do IndieLab ent\u00e3o (teoricamente) j\u00e1 est\u00e1 apto a realizar o seu primeiro experimento aqui, na [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2251,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[1],"tags":[613],"class_list":["post-2250","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sem-categoria","tag-indielab"],"jetpack_publicize_connections":[],"_links":{"self":[{"href":"https:\/\/indiebrasilis.com.br\/index.php?rest_route=\/wp\/v2\/posts\/2250","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/indiebrasilis.com.br\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/indiebrasilis.com.br\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/indiebrasilis.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/indiebrasilis.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2250"}],"version-history":[{"count":1,"href":"https:\/\/indiebrasilis.com.br\/index.php?rest_route=\/wp\/v2\/posts\/2250\/revisions"}],"predecessor-version":[{"id":2259,"href":"https:\/\/indiebrasilis.com.br\/index.php?rest_route=\/wp\/v2\/posts\/2250\/revisions\/2259"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/indiebrasilis.com.br\/index.php?rest_route=\/wp\/v2\/media\/2251"}],"wp:attachment":[{"href":"https:\/\/indiebrasilis.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2250"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/indiebrasilis.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2250"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/indiebrasilis.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2250"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}