{"id":64157,"date":"2025-04-23T07:30:00","date_gmt":"2025-04-23T10:30:00","guid":{"rendered":"https:\/\/quebrandocontrole.com.br\/site\/?p=64157"},"modified":"2025-04-22T09:34:52","modified_gmt":"2025-04-22T12:34:52","slug":"por-um-punhado-de-bits-agora-ficou-serio","status":"publish","type":"post","link":"https:\/\/quebrandocontrole.com.br\/site\/por-um-punhado-de-bits-agora-ficou-serio\/","title":{"rendered":"Por Um Punhado De Bits: Agora Ficou S\u00e9rio!"},"content":{"rendered":"\n<p>A sexta feira passada come\u00e7ou chuvosa, friorenta e com aquele clima de &#8220;sair da cama hoje vai ser complicado&#8221;, mas o dever chama ent\u00e3o vamos l\u00e1 pro ChatGPT ver se ele ajuda melhorar a nossa Aventura em Minas Gerais.<\/p>\n\n\n\n<p>Antes de retomar o projeto, preciso registrar que v\u00e1rias pessoas me mandaram relatos do que aconteceu quando jogaram, principalmente as falhas de gameplay, e isso foi uma coisa pra l\u00e1 de bacana, mas primeiro quero testar algumas implementa\u00e7\u00f5es:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Eu: <br>&#8220;Coloque imagens nas posi\u00e7\u00f5es do jogo&#8221;<\/p>\n\n\n\n<p><em>GPT: <\/em><br><em>&#8220;Perfeito! Vou adicionar imagens representativas para as cenas do jogo e ajustar o HTML para exibi-las dinamicamente conforme o progresso da hist\u00f3ria&#8221;.<\/em><br><\/p>\n<\/blockquote>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/quebrandocontrole.com.br\/site\/wp-content\/uploads\/2025\/04\/image-7.png\"><img loading=\"lazy\" decoding=\"async\" width=\"703\" height=\"712\" src=\"https:\/\/quebrandocontrole.com.br\/site\/wp-content\/uploads\/2025\/04\/image-7.png\" alt=\"\" class=\"wp-image-64162\" style=\"width:551px;height:auto\" srcset=\"https:\/\/quebrandocontrole.com.br\/site\/wp-content\/uploads\/2025\/04\/image-7.png 703w, https:\/\/quebrandocontrole.com.br\/site\/wp-content\/uploads\/2025\/04\/image-7-296x300.png 296w\" sizes=\"auto, (max-width: 703px) 100vw, 703px\" \/><\/a><figcaption class=\"wp-element-caption\">Imagem inicial do jogo. Fonte: Tilt.net<\/figcaption><\/figure>\n<\/div>\n\n\n<p>O GPT elencou nove telas para o jogo e mandou um zip com os arquivos zerados. Dei uma de boss cobrando resultados (mas sem ofender, afinal ele t\u00e1 fazendo isso di gr\u00e1tis):<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Eu: <br>&#8220;As imagens n\u00e3o foram compiladas&#8221;<\/p>\n\n\n\n<p><em>GPT:<\/em> <br>&#8220;<em>Boa observa\u00e7\u00e3o! No ZIP anterior, as imagens foram colocadas como arquivos vazios apenas para estruturar as pastas. Agora, vamos incluir imagens reais para cada cena do jogo&#8221;.<\/em><\/p>\n\n\n\n<p>&#8220;<em>Voc\u00ea quer que eu gere imagens ilustrativas automaticamente com intelig\u00eancia artificial (em estilo realista, desenho ou pixel art)?<\/em>&#8220;.<\/p>\n<\/blockquote>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/quebrandocontrole.com.br\/site\/wp-content\/uploads\/2025\/04\/image-8.png\"><img loading=\"lazy\" decoding=\"async\" width=\"677\" height=\"675\" src=\"https:\/\/quebrandocontrole.com.br\/site\/wp-content\/uploads\/2025\/04\/image-8.png\" alt=\"\" class=\"wp-image-64165\" style=\"width:376px;height:auto\" srcset=\"https:\/\/quebrandocontrole.com.br\/site\/wp-content\/uploads\/2025\/04\/image-8.png 677w, https:\/\/quebrandocontrole.com.br\/site\/wp-content\/uploads\/2025\/04\/image-8-300x300.png 300w, https:\/\/quebrandocontrole.com.br\/site\/wp-content\/uploads\/2025\/04\/image-8-150x150.png 150w, https:\/\/quebrandocontrole.com.br\/site\/wp-content\/uploads\/2025\/04\/image-8-301x300.png 301w\" sizes=\"auto, (max-width: 677px) 100vw, 677px\" \/><\/a><figcaption class=\"wp-element-caption\">Imagem de rel\u00edquia gerada pela IA para o jogo. Fonte: Tilt.net<\/figcaption><\/figure>\n<\/div>\n\n\n<p>Arrr\u00e1! Gostei da presteza do subalterno. J\u00e1 estou meio cansado de usar imagem realista e pixel art n\u00e3o \u00e9 meu estilo favorito, ent\u00e3o vou numa de desenhista. S\u00f3 pra constar ele ainda me deu a op\u00e7\u00e3o de usar imagens reais de Minas Gerais, mas isso vai ficar pra outra oportunidade.<\/p>\n\n\n\n<p>Sem pedir ele me mandou um preview para aprova\u00e7\u00e3o e eu simplesmente adorei o estilo escolhido. Mandei seguir em frente. Mas ai veio a ducha de \u00e1gua fria: esgotei a cota di\u00e1ria de uso do GPT e (claro) pra seguir adiante s\u00f3 pagando uma assinatura ou esperar 24 horas. Acha que vou esperar tudo isso?<\/p>\n\n\n\n<p>Retomando, pedi a compila\u00e7\u00e3o de tudo e ele mandou bala. O pacote zip ficou pronto, com todas as altera\u00e7\u00f5es necess\u00e1rias. Bora baixar e experimentar. Segundo passo, colocar para acesso geral e irrestrito em: https:\/\/tilt.net\/testeIA\/av2.<\/p>\n\n\n\n<p>Minhas impress\u00f5es? Ainda \u00e9 o mesmo jogo anterior, s\u00f3 que agora com imagens ilustrativas. Mas n\u00e3o gostei da diagrama\u00e7\u00e3o e principalmente da simplicidade da hist\u00f3ria, ent\u00e3o vamos incrementar um pouquinho.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Eu: <br>&#8220;Expandir a hist\u00f3ria e melhorar a interface de jogo.&#8221;<\/p>\n<\/blockquote>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em><em>GPT:<\/em><\/em> <br>&#8220;<em>Boa! Podemos deixar seu jogo muito mais envolvente com essas melhorias. Aqui v\u00e3o algumas ideias \u2014 voc\u00ea me diz por onde prefere come\u00e7ar:<\/em><\/p>\n\n\n\n<p><em>Novas \u00e1reas: cachoeira escondida, ru\u00ednas antigas, templo secreto; personagens com falas e decis\u00f5es mais complexas; Sistema de m\u00faltiplos finais (baseado em escolhas ou itens); eventos aleat\u00f3rios (ex: tempestade, armadilha, aliado inesperado).<\/em><\/p>\n\n\n\n<p><em>Melhorias visuais da interface: layout em painel com molduras estilo pergaminho ou di\u00e1rio; tipografia de aventura (fontes tem\u00e1ticas); bot\u00f5es com \u00edcones e hover bonitinho; transi\u00e7\u00f5es suaves entre cenas (fade-in\/out); trilha sonora de fundo e efeitos sonoros.<\/em><\/p>\n\n\n\n<p><em>Me diz: voc\u00ea quer que eu comece pela hist\u00f3ria nova ou pela interface renovada?<br>Ou posso ir fazendo os dois juntos, com uma cena nova j\u00e1 com visual melhorado?<\/em>&#8220;<\/p>\n<\/blockquote>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>EU: <br>&#8220;Ok, j\u00e1 que estamos gastando alguns trumps, pra que parar agora?<\/p>\n<\/blockquote>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>&#8220;Pode implementar todas essas sugest\u00f5es?&#8221;<\/p>\n<\/blockquote>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>GPT: <\/em><br><em>&#8220;Sim! Posso implementar todas essas sugest\u00f5es \u2014 e deixar o jogo muito mais rico, bonito e envolvente, mantendo a leveza do HTML puro.<\/em><\/p>\n<\/blockquote>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Estou iniciando agora a gera\u00e7\u00e3o das novas imagens e sons, depois monto o novo index.html, CSS e JS, e empacoto tudo num zip. Te aviso assim que estiver pronto pra download. Enquanto isso, quer que eu adicione algum local ou personagem especial \u00e0 hist\u00f3ria?<\/em>&#8220;<\/p>\n<\/blockquote>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Eu: <br>&#8220;Pra que parar agora, n\u00e9 mesmo?<br>Adicione mais dois personagens: uma pesquisadora e um ajudante local. Adicione tamb\u00e9m mais locais em ruinas e trilhas nas montanhas&#8221;.<\/p>\n<\/blockquote>\n\n\n\n<p><em>Aventura nas Montanhas de Minas Gerais \u2014 Vers\u00e3o Expandida<\/em><\/p>\n\n\n\n<p><em>Uma jornada interativa com escolhas impactantes, trilhas misteriosas, ru\u00ednas esquecidas, e a ajuda de aliados \u00fanicos para encontrar o lend\u00e1rio Cora\u00e7\u00e3o da Serra.<\/em><\/p>\n\n\n\n<p><em>Personagens: Helena, a pesquisadora &#8211; oferece dicas e pode desbloquear caminhos escondidos com conhecimento arqueol\u00f3gico; Jo\u00e3o, o ajudante local &#8211; conhece atalhos nas trilhas e segredos das ru\u00ednas.<\/em><\/p>\n\n\n\n<p><em>Locais novos: capela em ru\u00ednas, trilha das Rochas Quebradas, passagem do horizonte e desvio oculto do penhasco.<\/em><\/p>\n\n\n\n<p><em>Visual: imagens em estilo desenho; som: ambi\u00eancia natural, efeitos leves e imersivos; Estilo gr\u00e1fico: pergaminho digital com transi\u00e7\u00f5es suaves.<\/em><\/p>\n\n\n\n<p>Perfeito para essa etapa mas, enquanto ele gerava o zip, sugeriu uma tela de cr\u00e9dito no final:<\/p>\n\n\n\n<p><em>Cr\u00e9ditos<br>Jogo: Aventura nas Montanhas de Minas<br>Cria\u00e7\u00e3o e dire\u00e7\u00e3o: Renato Degiovani<br>Hist\u00f3ria e roteiro: Intelig\u00eancia Artificial + R.D.<br>Ilustra\u00e7\u00f5es: Gera\u00e7\u00e3o digital em estilo desenho<br>Trilha sonora e efeitos: Ambienta\u00e7\u00e3o natural livre de royalties<br>Desenvolvimento: HTML, CSS e JavaScript puros<br>Vers\u00e3o: 1.0 &#8211; Edi\u00e7\u00e3o Expandida<\/em><\/p>\n\n\n\n<p><em>Finalizando o empacotamento agora. Em instantes vou te enviar o link direto para baixar o zip completo. Obrigado pela super paci\u00eancia!<\/em><\/p>\n\n\n\n<p>Show de bola. Agora \u00e9 experimentar e dar palpite. At\u00e9 aqui estou cumprindo a promessa de n\u00e3o olhar o c\u00f3digo. A tenta\u00e7\u00e3o \u00e9 grande, pois nem fa\u00e7o ideia de como o GPT est\u00e1 resolvendo as quest\u00f5es. Aparentemente n\u00e3o d\u00e1 pra negar que ele sabe o que fazer. Se vai fazer direitinho \u00e9 outra hist\u00f3ria.<\/p>\n\n\n\n<p>Estou me sentindo um CEO comandando uma empresa de games, dando ordens diretamente para o gerente de projeto que, mesmo sendo um tremendo puxa saco, at\u00e9 agora n\u00e3o reclamou de nada. Bora brincar mais disso.<\/p>\n\n\n\n<p>Em tempo: ok, falando a verdade verdadeira &#8211; nem sempre o GPT respondeu direito ou fez o que devia ter feito. Mais de uma vez tive que perguntar &#8220;t\u00e1 pronto?&#8221;, &#8220;acabou?&#8221;, &#8220;cad\u00ea o zip?&#8221;. Sempre evasivo e meio sabonete, at\u00e9 que finalmente:<\/p>\n\n\n\n<p><em>Previs\u00e3o realista: ZIP final estar\u00e1 pronto ainda hoje, e 100% funcional com tudo o que voc\u00ea pediu. Te aviso assim que o link final estiver dispon\u00edvel \u2014 e dessa vez com tudo mesmo: hist\u00f3ria, imagens, interface, som e jog\u00e1vel direto!<\/em><\/p>\n\n\n\n<p><em>Obrigado por estar acompanhando com paci\u00eancia \u2014 o jogo t\u00e1 ficando incr\u00edvel!<\/em><\/p>\n\n\n\n<p>Reconhe\u00e7o que n\u00e3o \u00e9 caso para uma demiss\u00e3o por justa causa, mas podia ter dito desde o come\u00e7o que ia demorar um pouco mais, at\u00e9 porque, pela minha experi\u00eancia com p\u00e1ginas web, eu levaria uma semana s\u00f3 pra fazer o html funcionar. Sem contar o desenho de todas as posi\u00e7\u00f5es. Mas teve mais, muito mais e isso fica para semana que vem.<br><br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vamos a mais um texto da empreitada de nosso autor brincando com a IA, para ver se esta \u00e9 capaz de criar jogos funcionais e instigantes. Acompanhe a experi\u00eancia ao desenvolver uma aventura usando a  IA generativa na cria\u00e7\u00e3o de narrativas interativas.<\/p>\n","protected":false},"author":78,"featured_media":64177,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1582,6],"tags":[1137,3066,1393],"class_list":["post-64157","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-renato_degiovani","category-ultimas-noticias","tag-ia","tag-jogos-com-ia","tag-renato-degiovani"],"jetpack_featured_media_url":"https:\/\/quebrandocontrole.com.br\/site\/wp-content\/uploads\/2025\/04\/Topo-Colunas-5.png","wpmagazine_modules_lite_featured_media_urls":{"thumbnail":["https:\/\/quebrandocontrole.com.br\/site\/wp-content\/uploads\/2025\/04\/Topo-Colunas-5-150x150.png",150,150,true],"cvmm-medium":["https:\/\/quebrandocontrole.com.br\/site\/wp-content\/uploads\/2025\/04\/Topo-Colunas-5-300x300.png",300,300,true],"cvmm-medium-plus":["https:\/\/quebrandocontrole.com.br\/site\/wp-content\/uploads\/2025\/04\/Topo-Colunas-5-305x207.png",305,207,true],"cvmm-portrait":["https:\/\/quebrandocontrole.com.br\/site\/wp-content\/uploads\/2025\/04\/Topo-Colunas-5-400x600.png",400,600,true],"cvmm-medium-square":["https:\/\/quebrandocontrole.com.br\/site\/wp-content\/uploads\/2025\/04\/Topo-Colunas-5-600x600.png",600,600,true],"cvmm-large":["https:\/\/quebrandocontrole.com.br\/site\/wp-content\/uploads\/2025\/04\/Topo-Colunas-5-1024x720.png",1024,720,true],"cvmm-small":["https:\/\/quebrandocontrole.com.br\/site\/wp-content\/uploads\/2025\/04\/Topo-Colunas-5-130x95.png",130,95,true],"full":["https:\/\/quebrandocontrole.com.br\/site\/wp-content\/uploads\/2025\/04\/Topo-Colunas-5.png",1280,720,false]},"categories_names":{"1582":{"name":"Renato Degiovani","link":"https:\/\/quebrandocontrole.com.br\/site\/category\/artigos\/renato_degiovani\/"},"6":{"name":"\u00daltimas not\u00edcias","link":"https:\/\/quebrandocontrole.com.br\/site\/category\/noticias\/ultimas-noticias\/"}},"tags_names":{"1137":{"name":"IA","link":"https:\/\/quebrandocontrole.com.br\/site\/tag\/ia\/"},"3066":{"name":"Jogos com IA","link":"https:\/\/quebrandocontrole.com.br\/site\/tag\/jogos-com-ia\/"},"1393":{"name":"Renato Degiovani","link":"https:\/\/quebrandocontrole.com.br\/site\/tag\/renato-degiovani\/"}},"comments_number":"0","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/quebrandocontrole.com.br\/site\/wp-json\/wp\/v2\/posts\/64157","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/quebrandocontrole.com.br\/site\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/quebrandocontrole.com.br\/site\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/quebrandocontrole.com.br\/site\/wp-json\/wp\/v2\/users\/78"}],"replies":[{"embeddable":true,"href":"https:\/\/quebrandocontrole.com.br\/site\/wp-json\/wp\/v2\/comments?post=64157"}],"version-history":[{"count":0,"href":"https:\/\/quebrandocontrole.com.br\/site\/wp-json\/wp\/v2\/posts\/64157\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/quebrandocontrole.com.br\/site\/wp-json\/wp\/v2\/media\/64177"}],"wp:attachment":[{"href":"https:\/\/quebrandocontrole.com.br\/site\/wp-json\/wp\/v2\/media?parent=64157"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/quebrandocontrole.com.br\/site\/wp-json\/wp\/v2\/categories?post=64157"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/quebrandocontrole.com.br\/site\/wp-json\/wp\/v2\/tags?post=64157"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}