{"id":76,"date":"2019-06-28T14:22:25","date_gmt":"2019-06-28T14:22:25","guid":{"rendered":"https:\/\/micheladrianomedeiros.com.br\/blog\/?p=76"},"modified":"2019-09-24T17:12:39","modified_gmt":"2019-09-24T17:12:39","slug":"criando-jogos-com-o-scratch","status":"publish","type":"post","link":"https:\/\/micheladrianomedeiros.com.br\/blog\/criando-jogos-com-o-scratch\/","title":{"rendered":"Criando Jogos Com o Scratch #1"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Scratch \u00e9 uma ferramenta para\nfazer anima\u00e7\u00f5es, jogos e filmes. Iremos focar em jogos. Com Scratch por exemplo,\nse houver a necessidade de um personagem para o jogo, pode-se fazer o upload da\nimagem do personagem. Pode-se tamb\u00e9m escolher personagens que j\u00e1 cont\u00eam no Scratch.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Scratch \u00e9 uma linguagem de\nprograma\u00e7\u00e3o baseada em blocos que produz a intera\u00e7\u00e3o com o jogo. Scratch\nutiliza os blocos para representar diferentes fun\u00e7\u00f5es. Eles conectam-se como um\nquebra cabe\u00e7a para completar uma linha de c\u00f3digo, e dizem que a\u00e7\u00e3o o jogo deve\ntomar.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"215\" height=\"276\" src=\"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-content\/uploads\/2019\/06\/1.png\" alt=\"\" class=\"wp-image-78\"\/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/medium.com\/scratchteam-blog\/try-the-scratch-3-0-beta-today-b50a05d63348\">https:\/\/medium.com\/scratchteam-blog\/try-the-scratch-3-0-beta-today-b50a05d63348<\/a><\/p>\n\n\n\n<p style=\"text-align:center\" class=\"has-text-color has-large-font-size has-vivid-cyan-blue-color wp-block-paragraph\"><strong>Scratch<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para utilizar o Scratch\nprecisa criar um conta no site que \u00e9 gratuito. <a href=\"https:\/\/scratch.mit.edu\/\">https:\/\/scratch.mit.edu\/<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Clique no bot\u00e3o criar.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"382\" height=\"114\" src=\"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-content\/uploads\/2019\/06\/2.png\" alt=\"\" class=\"wp-image-79\" srcset=\"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-content\/uploads\/2019\/06\/2.png 382w, https:\/\/micheladrianomedeiros.com.br\/blog\/wp-content\/uploads\/2019\/06\/2-300x90.png 300w\" sizes=\"auto, (max-width: 382px) 100vw, 382px\" \/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Este \u00e9 editor do Scratch onde pode-se\ncome\u00e7ar a construir um jogo.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"484\" src=\"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-content\/uploads\/2019\/06\/3-1024x484.png\" alt=\"\" class=\"wp-image-80\" srcset=\"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-content\/uploads\/2019\/06\/3-1024x484.png 1024w, https:\/\/micheladrianomedeiros.com.br\/blog\/wp-content\/uploads\/2019\/06\/3-300x142.png 300w, https:\/\/micheladrianomedeiros.com.br\/blog\/wp-content\/uploads\/2019\/06\/3-768x363.png 768w, https:\/\/micheladrianomedeiros.com.br\/blog\/wp-content\/uploads\/2019\/06\/3.png 1351w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">O gato laranja \u00e9 o Scratchy, \u00e9\no mascote do Scratch. Todo novo projeto Scratchy \u00e9 adicionado automaticamente\npara caso queira utilizar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Scratchy \u00e9 um sprite, que \u00e9\nqualquer objeto que fa\u00e7a alguma coisa dentro do jogo do Scratch, como mudar a\napar\u00eancia ou tocar uma m\u00fasica. Todo sprite pode ter scripts, costumes e sons acoplados\nnele. Um script \u00e9 um grupo de c\u00f3digo de blocos que est\u00e3o unidos, dizendo ao\nsprite o que deve ser feito. Um costumes \u00e9 um snapshot ou frame de um sprite\nque \u00e9 utilizado para criar a anima\u00e7\u00e3o. Por exemplo, a pose do Scratchy est\u00e1\nvirado para a direita, \u00e9 uma posi\u00e7\u00e3o de duas que vem por padr\u00e3o junto com o Scratchy.\n<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">No editor do Scratch clique em Costumes.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"762\" height=\"504\" src=\"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-content\/uploads\/2019\/06\/4.png\" alt=\"\" class=\"wp-image-88\" srcset=\"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-content\/uploads\/2019\/06\/4.png 762w, https:\/\/micheladrianomedeiros.com.br\/blog\/wp-content\/uploads\/2019\/06\/4-300x198.png 300w\" sizes=\"auto, (max-width: 762px) 100vw, 762px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"blob:https:\/\/micheladrianomedeiros.com.br\/8a3bee6d-d5ff-4a30-8bdc-0b19ac996e89\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Se clicar na imagem 1 e 2\nrapidamente parecer\u00e1 que Scratchy est\u00e1 andando. Utilizamos o costumes para\nanimar os sprites e mudar suar apar\u00eancia.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sprites tamb\u00e9m podem produzir\nsons. Por exemplo, Scratchy tem o som de meow. Clique na aba Sounds e depois no\nbot\u00e3o play para escutar o miado.<\/p>\n\n\n\n<p style=\"text-align:center\" class=\"has-text-color has-large-font-size has-vivid-cyan-blue-color wp-block-paragraph\">Criando\num Jogo<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vamos criar um jogo simples\nchamado Leaf Me Alone (While I Eat This Leaf). \u00c9 um inseto faminto que deseja\ncomer a sua olha em paz. Se quiser ver o jogo pronto acesse <a href=\"https:\/\/scratch.mit.edu\/projects\/117199134\/\">https:\/\/scratch.mit.edu\/projects\/117199134\/<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vamos desenhar os sprites para\no jogo Leaf Me Alone. Um recurso legal do Scratch \u00e9 que voc\u00ea pode usar o mouse\npara desenhar seus personagens.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Acesse a aba Costumes\nselecione o quadro do Scratchy e clique no x para remover. O outro quadro que\nsobrou clique na lixeira para que o quadro fique limpo. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"757\" height=\"593\" src=\"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-content\/uploads\/2019\/06\/5-1.png\" alt=\"\" class=\"wp-image-82\" srcset=\"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-content\/uploads\/2019\/06\/5-1.png 757w, https:\/\/micheladrianomedeiros.com.br\/blog\/wp-content\/uploads\/2019\/06\/5-1-300x235.png 300w\" sizes=\"auto, (max-width: 757px) 100vw, 757px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Na \u00e1rea do Stage selecione o\nquadro do Scratchy e clique no x para remover.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"491\" height=\"611\" src=\"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-content\/uploads\/2019\/06\/6.png\" alt=\"\" class=\"wp-image-83\" srcset=\"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-content\/uploads\/2019\/06\/6.png 491w, https:\/\/micheladrianomedeiros.com.br\/blog\/wp-content\/uploads\/2019\/06\/6-241x300.png 241w\" sizes=\"auto, (max-width: 491px) 100vw, 491px\" \/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Agora est\u00e1 tudo limpo. O Stage\n\u00e9 o fundo do jogo. Clicando no \u00edcone do gato abre uma janela para escolher um\nnovo sprite. Se posicionar o mouse do \u00edcone do gato abre outras op\u00e7\u00f5es.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"406\" height=\"212\" src=\"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-content\/uploads\/2019\/06\/7.png\" alt=\"\" class=\"wp-image-84\" srcset=\"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-content\/uploads\/2019\/06\/7.png 406w, https:\/\/micheladrianomedeiros.com.br\/blog\/wp-content\/uploads\/2019\/06\/7-300x157.png 300w\" sizes=\"auto, (max-width: 406px) 100vw, 406px\" \/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Tem a op\u00e7\u00e3o de enviar uma imagem do computador, o \u00edcone que parece uma estrela chamado surprise ir\u00e1 escolher um sprite aleat\u00f3rio, a lupa tem o mesmo efeito do clicar no bot\u00e3o do gato e o paint \u00e9 para desenhar o sprite. Se for utilizar o paint tente desenhar um inseto qualquer. Note que as funcionalidades da ferramenta s\u00e3o bem parecidas com qualquer editor b\u00e1sico de imagem.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"855\" height=\"532\" src=\"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-content\/uploads\/2019\/06\/8.png\" alt=\"\" class=\"wp-image-89\" srcset=\"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-content\/uploads\/2019\/06\/8.png 855w, https:\/\/micheladrianomedeiros.com.br\/blog\/wp-content\/uploads\/2019\/06\/8-300x187.png 300w, https:\/\/micheladrianomedeiros.com.br\/blog\/wp-content\/uploads\/2019\/06\/8-768x478.png 768w\" sizes=\"auto, (max-width: 855px) 100vw, 855px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"blob:https:\/\/micheladrianomedeiros.com.br\/7da1fbbb-f199-47e6-ade0-f0b6aa2a4d78\" alt=\"\"\/><\/figure>\n\n\n\n<h6 class=\"wp-block-heading\" style=\"text-align:center\">Fonte: Livro Make Your Own Scratch Games! <a href=\"https:\/\/amzn.to\/2XcrZTz\">https:\/\/amzn.to\/2XcrZTz<\/a> <\/h6>\n\n\n\n<p class=\"wp-block-paragraph\">\ud83d\ude0d Deseja criar os seus pr\u00f3prios games?&nbsp;&nbsp;<\/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>Scratch \u00e9 uma ferramenta para fazer anima\u00e7\u00f5es, jogos e filmes. Iremos focar em jogos. Com Scratch por exemplo, se houver a necessidade de um personagem para o jogo, pode-se fazer o upload da imagem do personagem. Pode-se tamb\u00e9m escolher personagens que j\u00e1 cont\u00eam no Scratch. Scratch \u00e9 uma linguagem de programa\u00e7\u00e3o baseada em blocos que [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":90,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[25,26],"tags":[27],"class_list":["post-76","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-jogos","category-programacao","tag-scratch"],"_links":{"self":[{"href":"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-json\/wp\/v2\/posts\/76","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=76"}],"version-history":[{"count":7,"href":"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-json\/wp\/v2\/posts\/76\/revisions"}],"predecessor-version":[{"id":429,"href":"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-json\/wp\/v2\/posts\/76\/revisions\/429"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-json\/wp\/v2\/media\/90"}],"wp:attachment":[{"href":"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-json\/wp\/v2\/media?parent=76"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-json\/wp\/v2\/categories?post=76"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-json\/wp\/v2\/tags?post=76"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}