ISSN 2236 5281 Relatório Técnico Programar um Jogo com Scratch 2 Um Gibi em Estilo Mangá para Ensino Programação Autores: Chritiane Gresse von Wangenheim Aldo von Wangenheim Versão 3.0 Status: Final Distribuição: Externa DEZEMBRO 2013
INCoD Instituto Nacional para Convergência Digital 2011 2014 INCoD Instituto Nacional para Convergência Digital Todos os direitos reservados e protegidos pela Lei 9.610 19/02/1998. Nenhuma parte ste documento, sem autorização prévia por escrito do Instituto, porá ser reproduzida ou transmitida sejam quais forem os meio empregados: eletrônicos, mecânicos, fotográficos, gravação ou quaisquer outros. Instituto Nacional para Convergência Digital Universida Feral Santa Catarina UFSC Campus Universitário João David Ferreira Lima Trinda Departamento Informática e Estatística Sala 320 Florianópolis SC CEP 88040 970 Fone / FAX: +55 48 3721 4715 www.incod.ufsc.br ISSN 2236 5281 Relatório Técnico do Instituto Nacional para Convergência Digital/ Departamento Informática e Estatística, Centro Tecnológico, Universida Feral Santa Catarina. v.3, n.4 (2013). Florianópolis: INE, UFSC, 2011 Semestral Resumo em português ISSN 2236 5281 1. Convergência digital. 2. Tecnologia da informação. 3. Informática na saú. 4. Mídia digital I. Universida Feral Santa Catarina. Departamento Informática e Estatística. DEZEMBRO 2013 2
2 ISSN 2236 5281 Relatório Técnico Gresse von Wangenheim, Ch. e von Wangenheim, A. Programar um Jogo com Scratch 2. Relatórios Técnicos do INCoD ISSN 2236 5281, Vol. 3, nº 4, Dezembro 2013, Florianópolis, SC, Brasil Copyright 2013 Todos os direitos reservados e protegidos pela Lei 9.610 19/02/1998. Nenhuma parte ste documento, sem autorização prévia por escrito do Instituto, porá ser reproduzida ou transmitida, sejam quais forem os meios empregados: eletrônicos, mecânicos, fotográficos, gravação ou quaisquer outros. Iniciativa Computação na Escola INCoD Instituto Nacional para Convergência Digital Universida Feral Santa Catarina UFSC Campus Universitário João David Ferreira Lima Trinda Departamento Informática e Estatística Sala 320 Florianópolis SC CEP 88040 970 Fone / FAX: +55 48 3721 4715 www.computacaonaescola.ufsc.br Esta é uma obra ficção e todos os personangens aqui contidos são ficcionais e toda e qualquer semelhança com pessoas reais, vivas ou não, é meramente acintal. Contém clipart livres IconBug.com e Clker.com.
VAMOS PROGRAMAR UM JOGO COM SCRATCH! O que vamos fazer hoje? Que tal programar um jogo? Mas você sabe fazer isso? Sim. Existe um programa chamado SCRATCH. É gratuito. você PODE USAR ONLINE ou Baixar para o seu computador. digite: scratch.mit.edu no seu navegador. 1 1 LEGAL! PROGRAMAR JOGOS! QUE TAL UM JOGO DE um Gato PeGAndo Ratinhos? ENTRANDO NO SCRATCH VOU CRIAR ENTÃO UMA CONTA PARA MIM. E aqui você po mudar a interface para português. Mais fácil, não é? 2 SALVAR UM PROJETO NUNCA Esqueça DE SALVAR! VAMOS JÁ Dar um nome ao projeto e começar a salvar o nosso projeto agora. 2
CLICANDO AQUI PODEMOS OU Escolher UM ATOR DO CATÁLOGO OU DESENHAR UM OU FAZER O UPLOAD DE UMA Imagem. 3 SÓ APAGUE O GATINHO do SCRATCH NÃO VAMOS PRECISAR DELE NESSE JOGO. ACHEI UMA IMAGEM um gatinho bem fofo. E agora, vamos começar? Precisamos um GaTINHO. ESCOLHER UM ATOR 3 4 QUANDO APERTAMOS A TECLA DA SETA A DIREITA. ISSO VAI FAZER O GATO ANDAR PARA FRENTE. ENCAIXAMOS ESTES BLOCOS PARA DIZER A ELE O QUE FAZER. MAS como fazemos para que se mova? FAZENDO O GATO ANDAR 4
E para Andar para Trás? 5 FUNCIONOU!! QUE LEGAL! E Só clicar na banira ver para começar. E então mover o gato com as Teclas da seta direita/esquerda. Vamos testar se funcionou? Para andar PARA Trás é Só mudar a quantida passos para -10. Vamos usar a tecla da seta a esquerda. 6 Então o RatINHo ve se mostrar por 1 segundo e pois SER ESCONDIDO, certo? OK. Agora Vamos fazer ele aparecer com estes comandos. Agora JÁ SEI. PRIMEIRO VAMOS CRIAR UM NOVO ATOR. CRIAR O RATINHO 5
7 Ah, já sei. Nós pomos mandá-lo Aparecer em um ponto especifico usando as coornadas X e Y. E então, para aparecer em algum lugar ao acaso, vamos usar esse comando Aqui. E para ele sempre aparecer em um lugar diferente? É Fácil só colocando O Comando SEMPRE Ao REDOR DE TUDO. Mas espera ai O ratinho só aparece uma única vez! Como fazer ele sempre re-aparecer? 8 TEM TODA UMA COLEÇÃO DE FUNDOS QUE PODEMOS USAR. AQUI ESTÁ UM LEGAL! ELES PARECEM ESTRANHOS Aparecendo NUM LUGAR VAZIO COLOCANDO UM FUNDO 6
7 PEGAR O RATINHO E QUANDO O GATO PEGA O RATINHO? ELE Porá POR EXEMPLO DIZER PEGUEI! EXISTE UM BLOCO FALAR? ACHEI MAS isso só vai FUNCIONAR, SE INCLUIMOS ESTA condição somente falar quando toca no rato. Funcionou? Se não, você talvez Precise colocar o gato na mesma altura do rato mexendo-o Com o mouse. 9 8 ADICIONAR UM CONTADOR Agora só falta um contador para saber quantos Ratinhos pegamos. PARA isso precisamos criar uma variável que armazena esse valor. UAU já APARECERAM novos blocos com comandos para a nossa variável pontos. Agora só precisamos inicializar essa variável com zero PONTOS no início cada jogo nos BLOCOS do GATO. 10
11 Gostou? Continue explorando novas iias! http://scratch.mit.edu/projects/14839935 NO SCRATCH PODEMOS COMPARTILHÁ-LO COM TODO MUNDO. Ficou muito legal! Quero mostrar para os meus amigos! COMPARTILHAR O JOGO 9 E aumentar o valor adicionando 1 cada vez que O GATO TOCA NO RATINHO. nosso dia a dia. As perspectivas carreira é uma nova linguagem programação visual e uma com blocos construção. Ao contrário coloridos representando linhas código que são os resultados e assim, forma incremental e 12 los, modificando instruções e criando novos programas. experimentar os projetos criados por outras pessoas e reutilizá- SCRATCH, é possível compartilhá-lo no site. Também é possível Compartilhamento e colaboração. Depois criar um projeto no criando jogos e animações interativas. que controlam e misturam vío, gráficos, animações, música e som, Manipulação da mídia. Com o SCRATCH, é possível montar programas interação facilita na exploração, criação e aprendizagem. interativa, experimentar novas iias. Essa forma simples e intuitiva observando em que está programando, a criança também po executar o código, encaixados uns aos outros para criar programas. Ao mesmo tempo blocos digitem comandos texto complicados, o SCRATCH é visual e usa linguagens programação comuns, que exigem que os usuários Programação As principais características do SCRATCH são: problemas trabalhando forma colaborativa. a pensar criativamente e forma sistemática na solução pessoas do mundo inteiro. Criando com o SCRATCH, crianças aprenm mídias interativas, tais como histórias, jogos e animações com comunida on-line on crianças pom programar e compartilhar SCRATCH compreenr o pensamento computacional e aprenr a programar. vem ter a oportunida aprenr iias-chave da computação, multi-facetada. Por isso, já a partir do Ensino Fundamental, crianças profissional são excelentes numa área intelectualmente vibrante e onipresentes modificar o comportamento computador e dispositivos móveis morna. Programação é a língua do futuro, com o por criar e Ciência da computação tem um impacto significativo sobre a vida APRENDER A PROGRAMAR COM SCRATCH
O SCRATCH possibilita que as crianças elaborem animações, histórias interativas ou jogos. É possível criar personagens que dançam, cantam e interagem umas com as outras. Ou integrar imagens com efeitos som e clips musicais para criar um cartão interativo aniversário para um amigo, ou para criar um mapa interativo. As possibilidas são infinitas. Com o SCRATCH a melhor forma incluir a programação na gra curricular é inserir essa disciplina também em outras matérias, como literatura, matemática, geografia, história, física, artes, etc. Assim, os alunos aprenm computação forma integrada. À medida que criam programas no SCRATCH, eles aprenm importantes conceitos computacionais e programação, como interação, condicionais, variáveis, tipos dados, eventos e processos. O SCRATCH também estimula a aprendizagem do pensamento computacional (raciocínio lógico, abstração) que po ser utilizado em todas as disciplinas para resolver problemas, projetar sistemas, criar novo conhecimento e melhorar a compreensão o funcionamento das novas tecnologias que encontrarão por todo o lado na nossa vida diária. Dessa forma contribui a aprendizagem competências para o século XXI que serão fundamentais para o sucesso no futuro: pensar criativamente, comunicar com clareza, analisar forma sistemática, colaborar eficazmente, projetar iterativamente e aprenr forma contínua explorando novas tecnologias. O SCRATCH é um software livre disponível gratuitamente sendo senvolvido pelo Lifelong Kinrgarten Group no MIT Media Lab. Hoje, o SCRATCH é uma comunida aprendizagem criativa presente em mais 150 países com mais do que 11 milhões usuários e mais 3 milhões projetos compartilhados. Experimente! http://scratch.mit.edu No Brasil, a Iniciativa Computação na Escola é dicada a ampliar o ensino computação no Ensino Fundamental e Médio e está trabalhando no senvolvimento novas técnicas ensino programação para crianças usando ferramentas como SCRATCH nas escolas. Visite http://www.computacaonaescola.ufsc.br! 13