{"id":428,"date":"2019-09-24T17:18:07","date_gmt":"2019-09-24T17:18:07","guid":{"rendered":"https:\/\/micheladrianomedeiros.com.br\/blog\/?p=428"},"modified":"2019-09-24T17:23:34","modified_gmt":"2019-09-24T17:23:34","slug":"criando-jogos-com-o-scratch-2","status":"publish","type":"post","link":"https:\/\/micheladrianomedeiros.com.br\/blog\/criando-jogos-com-o-scratch-2\/","title":{"rendered":"Criando Jogos Com o Scratch #2"},"content":{"rendered":"\n<p class=\"has-text-color has-vivid-cyan-blue-color wp-block-paragraph\"><strong>Desenhando um Backdrop<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">O Stage \u00e9 parecido com um sprite\ne tem seus pr\u00f3prios scripts, costumes e sons. Costumes para o Stage s\u00e3o\nchamados de backdrops. Qualquer imagem que voc\u00ea criar para o Stage ser\u00e1 um\nbackdrop para a janela do jogo. Voc\u00ea pode ter m\u00faltiplos backdrops e trocar entre\neles em diferentes momentos do seu jogo. Por exemplo, o primeiro n\u00edvel do seu\njogo pode ser em uma floresta, e o segundo n\u00edvel pode ser de baixo da \u00e1gua. Para\nLeaf Me Alone, n\u00f3s precisamos apenas de um backdrop porque h\u00e1 apenas um n\u00edvel.\nVamos desenh\u00e1-lo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Clique em Stage(o ret\u00e2ngulo\nbranco) que est\u00e1 \u00e0 direita da lista de Sprites. O Stage deve mostrar o texto backdrops\n1 logo abaixo. Abaixo do texto h\u00e1 um bot\u00e3o azul com um \u00edcone de stage que\nfunciona como o bot\u00e3o de escolha de Sprite. Passe o mouse sobre o bot\u00e3o que\nacontecer\u00e1 a mesma coisa que aconteceu com o bot\u00e3o de Sprite, s\u00f3 que agora h\u00e1\nop\u00e7\u00f5es para backdrops.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ao inv\u00e9s de fazer um novo\nbackdrop, n\u00f3s temos uma \u00e1rea branca e vamos come\u00e7ar por ela. Vamos desenhar uma\nfolha para o nosso inseto comer.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">N\u00f3s usaremos duas cores para o\nbackdrop: uma para desenhar a folha e a outra utilizei a cor azul para simular\no c\u00e9u. Utilizar apenas duas cores \u00e9 importante para quando voc\u00ea for escrever a\nprograma\u00e7\u00e3o, ent\u00e3o n\u00e3o adicione mais do que duas cores. <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"740\" height=\"543\" src=\"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-content\/uploads\/2019\/09\/1.png\" alt=\"\" class=\"wp-image-430\" srcset=\"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-content\/uploads\/2019\/09\/1.png 740w, https:\/\/micheladrianomedeiros.com.br\/blog\/wp-content\/uploads\/2019\/09\/1-300x220.png 300w\" sizes=\"auto, (max-width: 740px) 100vw, 740px\" \/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">No meu caso precisei diminuir\no desenho do meu inseto e posicionei ele para come\u00e7ar na ponta da folha. Para\ndiminuir o tamanho do inseto basta mudar o valor da caixa size. Para mudar o\ninseto de local, mude os valores da caixa x e y.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Agora que temos o inseto e a folha,\nvamos fazer o inseto se mover.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"480\" height=\"534\" src=\"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-content\/uploads\/2019\/09\/2.png\" alt=\"\" class=\"wp-image-431\" srcset=\"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-content\/uploads\/2019\/09\/2.png 480w, https:\/\/micheladrianomedeiros.com.br\/blog\/wp-content\/uploads\/2019\/09\/2-270x300.png 270w\" sizes=\"auto, (max-width: 480px) 100vw, 480px\" \/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">No meu caso precisei diminuir\no desenho do meu inseto e posicionei ele para come\u00e7ar<\/p>\n\n\n\n<p class=\"has-text-color has-vivid-cyan-blue-color wp-block-paragraph\"><strong>Utilizando o Evento de Blocos<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Clique no inseto e depois\nescolha a aba Code. Na esquerda, na primeira coluna h\u00e1 v\u00e1rias categorias que representam\nblocos que podemos escolher. Clique nas categorias e veja que os blocos mudam o\nseu conte\u00fado.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Por exemplo, na categoria\nEvents voc\u00ea ver\u00e1 que h\u00e1 blocos para eventos, os quais esperam um outro evento\npara entrar em a\u00e7\u00e3o.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"312\" height=\"530\" src=\"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-content\/uploads\/2019\/09\/3.png\" alt=\"\" class=\"wp-image-432\" srcset=\"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-content\/uploads\/2019\/09\/3.png 312w, https:\/\/micheladrianomedeiros.com.br\/blog\/wp-content\/uploads\/2019\/09\/3-177x300.png 177w\" sizes=\"auto, (max-width: 312px) 100vw, 312px\" \/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">A maioria das categorias s\u00e3o\nauto explicativas. A categoria Motion tem blocos de controle de movimentos. A\ncategoria Looks tem blocos para mudar a apar\u00eancia do sprite. A categoria Sound\npossui blocos para tocar sons. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Todo bloco de programa\u00e7\u00e3o\ncome\u00e7ar\u00e1 com um bloco de eventos. Clique em Events e voc\u00ea ver\u00e1 os blocos de\neventos possuem os topos arredondados. No Scratch a leitura sempre come\u00e7a do\ntopo para baixo. Lembre-se que sempre os blocos de eventos come\u00e7am primeiro, os\noutros blocos v\u00eam depois.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eventos responde \u00e0 quest\u00e3o:\nQuando eu fizer isto, depois fa\u00e7o o que? O bloco de evento que iremos utilizar\npara come\u00e7ar \u00e9 o que tem a bandeira verde. Clique nele e arraste para o quadro\nda direita.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">O jogo come\u00e7a quando clicar na\nbandeira verde. Ent\u00e3o os pr\u00f3ximos eventos do jogo estar\u00e3o ligados a este bloco.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"469\" height=\"243\" src=\"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-content\/uploads\/2019\/09\/4.png\" alt=\"\" class=\"wp-image-433\" srcset=\"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-content\/uploads\/2019\/09\/4.png 469w, https:\/\/micheladrianomedeiros.com.br\/blog\/wp-content\/uploads\/2019\/09\/4-300x155.png 300w\" sizes=\"auto, (max-width: 469px) 100vw, 469px\" \/><\/figure><\/div>\n\n\n\n<p class=\"has-text-color has-background has-very-light-gray-color has-vivid-cyan-blue-background-color wp-block-paragraph\">Fonte: Livro Make Your Own Scratch Games! <a href=\"https:\/\/amzn.to\/2XcrZTz\">https:\/\/amzn.to\/2XcrZTz<\/a> <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Deseja criar os seus pr\u00f3prios games?\u00a0\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&gt;&gt;&gt;&nbsp;<a href=\"http:\/\/bit.ly\/gameja\" target=\"_blank\" rel=\"noreferrer noopener\">http:\/\/bit.ly\/gameja<\/a>&nbsp;&nbsp;<\/p>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Desenhando um Backdrop O Stage \u00e9 parecido com um sprite e tem seus pr\u00f3prios scripts, costumes e sons. Costumes para o Stage s\u00e3o chamados de backdrops. Qualquer imagem que voc\u00ea criar para o Stage ser\u00e1 um backdrop para a janela do jogo. Voc\u00ea pode ter m\u00faltiplos backdrops e trocar entre eles em diferentes momentos do [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":434,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[25,26],"tags":[],"class_list":["post-428","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-jogos","category-programacao"],"_links":{"self":[{"href":"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-json\/wp\/v2\/posts\/428","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-json\/wp\/v2\/comments?post=428"}],"version-history":[{"count":6,"href":"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-json\/wp\/v2\/posts\/428\/revisions"}],"predecessor-version":[{"id":440,"href":"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-json\/wp\/v2\/posts\/428\/revisions\/440"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-json\/wp\/v2\/media\/434"}],"wp:attachment":[{"href":"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-json\/wp\/v2\/media?parent=428"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-json\/wp\/v2\/categories?post=428"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-json\/wp\/v2\/tags?post=428"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}