{"id":978,"date":"2022-05-06T12:42:14","date_gmt":"2022-05-06T15:42:14","guid":{"rendered":"https:\/\/liag.ft.unicamp.br\/act\/?p=978"},"modified":"2023-02-03T21:36:28","modified_gmt":"2023-02-04T00:36:28","slug":"jogo-da-caca-ao-tesouro-tutorial-scratch","status":"publish","type":"post","link":"https:\/\/liag.ft.unicamp.br\/act\/2022\/05\/06\/jogo-da-caca-ao-tesouro-tutorial-scratch\/","title":{"rendered":"Jogo da Ca\u00e7a ao Tesouro &#8211; Scratch 2.0 &#8211; Grupo LCorp"},"content":{"rendered":"\n<p>O tutorial foi produzido pela equipe Lcorp &#8211; ACT Unicamp Limeira<\/p>\n\n\n\n<p>Tutorial em video:<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Jogo Do Tesouro - Scratch 2.0\" width=\"630\" height=\"354\" src=\"https:\/\/www.youtube.com\/embed\/jgHOAF9_MyQ?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\"><sub><sup>Inscreva-se no <a href=\"https:\/\/www.youtube.com\/channel\/UCCYzDDWYhHEt9-NODBosjqg\">Canal!<\/a><\/sup><\/sub><\/figcaption><\/figure>\n\n\n\n<p>Jogo dispon\u00edvel em: <a href=\"https:\/\/scratch.mit.edu\/projects\/680465401\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/scratch.mit.edu\/projects\/680465401<\/a><\/p>\n\n\n\n<div style=\"height:51px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Proposta<\/h2>\n\n\n\n<p>O objetivo deste segundo jogo (Jogo da Ca\u00e7a ao Tesouro) consiste em procurar pistas escondidas nos cen\u00e1rios para encontrar o tesouro final.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"940\" height=\"700\" src=\"https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/05\/image-97.png\" alt=\"\" class=\"wp-image-979\" srcset=\"https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/05\/image-97.png 940w, https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/05\/image-97-300x223.png 300w, https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/05\/image-97-768x572.png 768w\" sizes=\"(max-width: 940px) 100vw, 940px\" \/><figcaption class=\"wp-element-caption\"><sup>Imagem 1 &#8211; Foto ilustrativa do jogo.<\/sup><\/figcaption><\/figure>\n\n\n\n<div style=\"height:44px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Gloss\u00e1rio<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Atores:<\/strong> Elementos que possuem blocos de c\u00f3digo e que permitem algum tipo de intera\u00e7\u00e3o, seja esta por parte do usu\u00e1rio ou do sistema.<\/li>\n\n\n\n<li><strong>Vari\u00e1veis:<\/strong> Vari\u00e1veis s\u00e3o como caixinhas que guardam informa\u00e7\u00f5es (texto ou n\u00famero) para o nosso programa. Elas podem ser listas tamb\u00e9m, ou seja, um grupo com v\u00e1rias dessas caixinhas. Na imagem abaixo, \u00e9 exemplificado como voc\u00ea pode criar vari\u00e1veis e interagir com elas.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"271\" height=\"548\" src=\"https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/05\/image-98.png\" alt=\"\" class=\"wp-image-980\" srcset=\"https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/05\/image-98.png 271w, https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/05\/image-98-148x300.png 148w\" sizes=\"(max-width: 271px) 100vw, 271px\" \/><figcaption class=\"wp-element-caption\"><sup>Imagem 2 &#8211; Menu esquerdo do Scratch mostrando algumas vari\u00e1veis.<\/sup><\/figcaption><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Eventos: <\/strong>Na aba de eventos, podemos definir o que deve acontecer quando outra coisa acontecer, como quando o jogo for iniciado por exemplo. Al\u00e9m disso, nos eventos \u00e9 poss\u00edvel configurar a transmiss\u00e3o e recebimento de informa\u00e7\u00f5es, para caso queiramos avisar os outros atores do jogo de algo para que eles possam reagir a isso (como quando o jogador acertar a palavra) de alguma maneira.<\/li>\n\n\n\n<li><strong>Apar\u00eancia: <\/strong>Nesta aba, podemos customizar coisas sobre a disposi\u00e7\u00e3o visual do jogo, como falas de atores, mudan\u00e7a de cen\u00e1rios e mostrar\/esconder coisas na tela.<\/li>\n\n\n\n<li><strong>Movimento<\/strong>: Nesta aba, podemos adicionar movimentos e anima\u00e7\u00f5es aos atores.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:59px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Primeiros passos<\/h2>\n\n\n\n<p>Primeiramente, devemos pensar nos pontos-chave da l\u00f3gica do nosso jogo. Assim, vamos iniciar pensando no que deve ser feito para elaborar o nosso jogo:<\/p>\n\n\n\n<ol class=\"wp-block-list\" type=\"1\">\n<li>Precisamos saber quais informa\u00e7\u00f5es guardar sobre o jogo e seu andamento.<\/li>\n\n\n\n<li>Precisamos colocar os cen\u00e1rios e controlar a mudan\u00e7a de cen\u00e1rio (quando o gato vai de um para outro, por exemplo).<\/li>\n\n\n\n<li>Precisamos de um jeito de mostrar o local das pistas para que quando o jogador clique, possamos executar alguns blocos de c\u00f3digo.<\/li>\n\n\n\n<li>Precisamos tamb\u00e9m mostrar as pistas com as charadas na tela.<\/li>\n\n\n\n<li>Por fim, precisamos mostrar o tesouro e encerrar o jogo<\/li>\n<\/ol>\n\n\n\n<div style=\"height:53px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">O que devemos guardar?<\/h2>\n\n\n\n<p>Para a l\u00f3gica desse jogo temos dois pontos principais: a mudan\u00e7a de cen\u00e1rios e o progresso durante o jogo, no que se refere a quantidade de pistas que o jogador j\u00e1 encontrou.<\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Para isso usamos duas vari\u00e1veis:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><em>cenario_atual<\/em><\/strong>: Para sabermos em qual cen\u00e1rio o ator principal se encontra.<\/li>\n\n\n\n<li><strong><em>progresso<\/em><\/strong>: Armazena o progresso do jogador em rela\u00e7\u00e3o \u00e0s pistas encontradas.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:51px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Como mudamos de cen\u00e1rio?<\/h2>\n\n\n\n<p>Antes&nbsp; de tudo, precisamos adicionar os cen\u00e1rios ao jogo. Para isso, clique em \u201cPalco\u201d no campo inferior direito e depois em \u201ccen\u00e1rios\u201d para selecion\u00e1-los. voc\u00ea pode selecionar cinco da sua prefer\u00eancia, para depois colocarmos as pistas..<\/p>\n\n\n\n<p>Para a l\u00f3gica da mudan\u00e7a de cen\u00e1rio devemos, primeiramente, pensar em quando o cen\u00e1rio deve mudar. O cen\u00e1rio vai mudar quando o usu\u00e1rio clicar em uma das duas setas localizadas nas laterais da tela do jogo.<\/p>\n\n\n\n<p>Este \u00e9 o comportamento do ator \u201c<em>Seta para Esquerda<\/em>\u201d. Note que queremos que o cen\u00e1rio altere quando o nosso ator \u00e9 clicado. Para isso, usamos nosso evento \u201c<em>ir para esquerda<\/em>\u201d para o personagem se movimentar e ap\u00f3s isso alteramos o cen\u00e1rio para o anterior (estamos \u201cvoltando\u201d o cen\u00e1rio). Al\u00e9m disso, ao irmos para o outro cen\u00e1rio, continuamos com a movimenta\u00e7\u00e3o do personagem para o efeito de movimento e tamb\u00e9m usamos um incrementador\/decrementador na contagem da vari\u00e1vel <em>cenario_atual<\/em>. \u00c9 importante ressaltar que h\u00e1 uma verifica\u00e7\u00e3o da contagem do cen\u00e1rio, visto que temos um n\u00famero limitado de cen\u00e1rios. Caso cheguemos ao primeiro cen\u00e1rio, mudamos para o \u00faltimo e vice-versa.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/05\/image-99.png\" alt=\"\" class=\"wp-image-981\" width=\"381\" height=\"530\" srcset=\"https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/05\/image-99.png 411w, https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/05\/image-99-216x300.png 216w\" sizes=\"(max-width: 381px) 100vw, 381px\" \/><figcaption class=\"wp-element-caption\"><sup>Imagem 3 &#8211; Bloco de c\u00f3digo respons\u00e1vel pela mudan\u00e7a de cen\u00e1rio quando houver um clique na seta esquerda.<\/sup><\/figcaption><\/figure>\n<\/div>\n\n\n<p>Neste exemplo, notamos que, al\u00e9m da mudan\u00e7a de cen\u00e1rio que explicamos, neste bloco, ainda h\u00e1 dois eventos transmitidos para a movimenta\u00e7\u00e3o do ator do gato: o \u201cir pra esquerda\u201d e o \u201ccontinuar da esquerda\u201d que iremos explicar agora. Perceba, por\u00e9m, que o mesmo vale para a seta da direita, mas com os valores alterados por se tratar de fun\u00e7\u00f5es espelhadas.<\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Para cumprir estes eventos, precisamos adicionar os blocos abaixo no ator do gato:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/05\/image-100.png\" alt=\"\" class=\"wp-image-982\" width=\"665\" height=\"444\" srcset=\"https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/05\/image-100.png 719w, https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/05\/image-100-300x200.png 300w\" sizes=\"(max-width: 665px) 100vw, 665px\" \/><figcaption class=\"wp-element-caption\"><sup>Imagem 4 &#8211; Bloco de c\u00f3digo respons\u00e1vel pela anima\u00e7\u00e3o do gato.<\/sup><\/figcaption><\/figure>\n<\/div>\n\n\n<p>Possu\u00edmos dois eventos para que o gato v\u00e1 para a esquerda no primeiro, e depois continue do lado direito no segundo, para dar a impress\u00e3o de movimento na tela.<\/p>\n\n\n\n<p>Quanto \u00e0s fantasias, voc\u00ea pode acess\u00e1-las no canto superior esquerdo ao clicar no ator do gato. L\u00e1, adicione o mesmo gato por\u00e9m de cabe\u00e7a para baixo, pois o bloco \u201caponte para a dire\u00e7\u00e3o 90\u201d move o gato em graus. No fim, o gato deve virar normalmente para a esquerda quando mudarmos para a fantasia 2, e para a direita na fantasia 1.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"166\" height=\"306\" src=\"https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/05\/image-101.png\" alt=\"\" class=\"wp-image-983\" srcset=\"https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/05\/image-101.png 166w, https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/05\/image-101-163x300.png 163w\" sizes=\"(max-width: 166px) 100vw, 166px\" \/><figcaption class=\"wp-element-caption\"><sup>Imagem 5 &#8211; Fantasias utilizadas.<\/sup><\/figcaption><\/figure>\n<\/div>\n\n\n<div style=\"height:56px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Como mostramos os elementos?<\/h2>\n\n\n\n<p>Para contribuir para a jogabilidade \u00e9 necess\u00e1rio espalhar os elementos para todos os cen\u00e1rios existentes. De forma geral, cada cen\u00e1rio ter\u00e1 um elemento para intera\u00e7\u00e3o.<\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Para realizarmos isso a l\u00f3gica ser\u00e1 o seguinte, cada elemento ser\u00e1 mostrado apenas no seu respectivo cen\u00e1rio, caso o cen\u00e1rio seja diferente do seu iremos esconder o elemento para a intera\u00e7\u00e3o n\u00e3o ser poss\u00edvel.<\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Como podemos ver no bloco de c\u00f3digo abaixo, sempre que recebermos o evento <em>\u201cmudou_cenario\u201d <\/em>iremos comparar a vari\u00e1vel <em>\u201ccenario_atual\u201d <\/em>para verificar se devemos mostrar o elemento ou n\u00e3o.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"579\" height=\"515\" src=\"https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/05\/image-102.png\" alt=\"\" class=\"wp-image-984\" srcset=\"https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/05\/image-102.png 579w, https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/05\/image-102-300x267.png 300w\" sizes=\"(max-width: 579px) 100vw, 579px\" \/><figcaption class=\"wp-element-caption\"><sup>Imagem 6 &#8211; Bloco de c\u00f3digo respons\u00e1vel por mostrar os elementos de cada cen\u00e1rio.<\/sup><\/figcaption><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>As pistas ser\u00e3o utilizadas como forma do jogador encontrar o pr\u00f3ximo elemento, sendo assim cada pista dever\u00e1 ser mostrada assim que o elemento referente a ela for clicado.<\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Para termos controle sobre isso, cada elemento ter\u00e1 um evento \u201cmostrar pista\u201d, com o valor da pista referente. Entretanto, antes disso precisamos checar se o progresso j\u00e1 est\u00e1 adequado para aquela pista, isso evitar\u00e1 que o elemento seja clicado quando ainda n\u00e3o \u00e9 permitido. Caso o progresso esteja adequado iremos aumentar o valor do progresso para dar continuidade as pr\u00f3ximas pistas.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"411\" height=\"423\" src=\"https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/05\/image-103.png\" alt=\"\" class=\"wp-image-985\" srcset=\"https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/05\/image-103.png 411w, https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/05\/image-103-291x300.png 291w\" sizes=\"(max-width: 411px) 100vw, 411px\" \/><figcaption class=\"wp-element-caption\"><sup>Imagem 7 &#8211; Bloco de c\u00f3digo respons\u00e1vel por verificar se o progresso est\u00e1 adequado.<\/sup><\/figcaption><\/figure>\n<\/div>\n\n\n<div style=\"height:61px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Como mostramos as pistas?<\/h2>\n\n\n\n<p>Uma vez que o progresso da pista seja adequado, a pista poder\u00e1 sempre ser mostrada, permitindo ao jogador rever a pista caso seja necess\u00e1rio.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"364\" height=\"264\" src=\"https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/05\/image-104.png\" alt=\"\" class=\"wp-image-986\" srcset=\"https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/05\/image-104.png 364w, https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/05\/image-104-300x218.png 300w\" sizes=\"(max-width: 364px) 100vw, 364px\" \/><figcaption class=\"wp-element-caption\"><sup>Imagem 8 &#8211; Bloco de c\u00f3digo respons\u00e1vel por verificar se o progresso j\u00e1 \u00e9 maior que o necess\u00e1rio.<\/sup><\/figcaption><\/figure>\n<\/div>\n\n\n<div style=\"height:56px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Como mostramos o tesouro?<\/h2>\n\n\n\n<p>Agora que j\u00e1 aprendemos como fazer o jogo funcionar, no geral, falta arranjarmos um jeito de mostrarmos o tesouro na tela. Para isso, basta avisarmos o restante dos atores que o jogo se encerrou e que o jogador achou o tesouro, al\u00e9m de mostrar o tesouro em si.<\/p>\n\n\n\n<p>Vamos come\u00e7ar adicionando o seguinte bloco de c\u00f3digo no ator da estrela:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"405\" height=\"297\" src=\"https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/05\/image-105.png\" alt=\"\" class=\"wp-image-987\" srcset=\"https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/05\/image-105.png 405w, https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/05\/image-105-300x220.png 300w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><figcaption class=\"wp-element-caption\"><sup>Imagem 9 &#8211; Bloco de c\u00f3digo respons\u00e1vel por transmitir que o tesouro foi encontrado.<\/sup><\/figcaption><\/figure>\n<\/div>\n\n\n<p>Devemos agora adicionar o ator do tesouro. Para isso, clique no bot\u00e3o de \u201cadicionar ator\u201d no canto inferior direito e procure um tesouro. Depois, arraste o tesouro para o local que voc\u00ea deseja exibi-lo. Por fim, adicione o seguinte bloco de c\u00f3digo ao ator do tesouro:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"367\" height=\"289\" src=\"https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/05\/image-106.png\" alt=\"\" class=\"wp-image-988\" srcset=\"https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/05\/image-106.png 367w, https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/05\/image-106-300x236.png 300w\" sizes=\"(max-width: 367px) 100vw, 367px\" \/><figcaption class=\"wp-element-caption\"><sup>Imagem 10 &#8211; Bloco de c\u00f3digo respons\u00e1vel por transmitir que o tesouro foi encontrado.<\/sup><\/figcaption><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"594\" height=\"439\" src=\"https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/05\/image-107.png\" alt=\"\" class=\"wp-image-989\" srcset=\"https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/05\/image-107.png 594w, https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/05\/image-107-300x222.png 300w\" sizes=\"(max-width: 594px) 100vw, 594px\" \/><figcaption class=\"wp-element-caption\"><sup>Imagem 11 &#8211; Exemplo do tesouro sendo exibido.<\/sup><\/figcaption><\/figure>\n<\/div>\n\n\n<p>Mas ainda falta uma coisa: o gato deve ir ao centro e comunicar ao jogador que o jogo foi encerrado e que ele venceu. Para isso, basta adicionarmos um simples bloco de c\u00f3digo dentro do ator do gato:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"561\" height=\"327\" src=\"https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/05\/image-108.png\" alt=\"\" class=\"wp-image-990\" srcset=\"https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/05\/image-108.png 561w, https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/05\/image-108-300x175.png 300w\" sizes=\"(max-width: 561px) 100vw, 561px\" \/><figcaption class=\"wp-element-caption\"><sup>Imagem 12 &#8211; Bloco de c\u00f3digo respons\u00e1vel por mover o gato e fazer o gato falar as mensagens finais.<\/sup><\/figcaption><\/figure>\n<\/div>\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Assim, terminamos o nosso jogo da Ca\u00e7a ao Tesouro! At\u00e9 a pr\u00f3xima!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>O tutorial foi produzido pela equipe Lcorp &#8211; ACT Unicamp Limeira Tutorial em video: Jogo dispon\u00edvel em: https:\/\/scratch.mit.edu\/projects\/680465401 Proposta O objetivo deste segundo jogo (Jogo da Ca\u00e7a ao Tesouro) consiste em procurar pistas escondidas nos cen\u00e1rios para encontrar o tesouro final. Gloss\u00e1rio Primeiros passos Primeiramente, devemos pensar nos pontos-chave da l\u00f3gica do nosso jogo. Assim, [&hellip;]<\/p>\n","protected":false},"author":52,"featured_media":2868,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[1],"tags":[],"class_list":["post-978","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sem-categoria"],"wps_subtitle":"","_links":{"self":[{"href":"https:\/\/liag.ft.unicamp.br\/act\/wp-json\/wp\/v2\/posts\/978","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/liag.ft.unicamp.br\/act\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/liag.ft.unicamp.br\/act\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/liag.ft.unicamp.br\/act\/wp-json\/wp\/v2\/users\/52"}],"replies":[{"embeddable":true,"href":"https:\/\/liag.ft.unicamp.br\/act\/wp-json\/wp\/v2\/comments?post=978"}],"version-history":[{"count":17,"href":"https:\/\/liag.ft.unicamp.br\/act\/wp-json\/wp\/v2\/posts\/978\/revisions"}],"predecessor-version":[{"id":2869,"href":"https:\/\/liag.ft.unicamp.br\/act\/wp-json\/wp\/v2\/posts\/978\/revisions\/2869"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/liag.ft.unicamp.br\/act\/wp-json\/wp\/v2\/media\/2868"}],"wp:attachment":[{"href":"https:\/\/liag.ft.unicamp.br\/act\/wp-json\/wp\/v2\/media?parent=978"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/liag.ft.unicamp.br\/act\/wp-json\/wp\/v2\/categories?post=978"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/liag.ft.unicamp.br\/act\/wp-json\/wp\/v2\/tags?post=978"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}