Programar um Jogo com Scratch - Um Gibi em Estilo Mangá para Ensino de Programação

Abstract

Este é o primeiro de uma série de materiais didáticos para uso em classe ou em oficinas Pais&Filhos como material de referência e de explicação para o ensino de programação de computadores com Jogos utilizando uma linguagem de programação visual. É compatível com as linguagens MIT Scratch ou Berkeley Snap! (esta última com algumas peqeunas modificações que o Professor pode fazer). O material é voltado ao uso no contexto do Ensino Fundamental I (7 a 10 anos). Pode ser aplicado em uma oficina de 4 horas ou em até 8 horas/aula curriculares, incluindo-se aí atividades como desenho e escaneamento de novos personagens e criação de estórias. Sugerimos imprimir em uma gráfica, 4 páginas po folha, frente e verso, e encadernar como gibi em formator A5.

Full text

 

ISSN2236‐5281
RelatórioTécnico
INCoD/CnE.03.2013.P.v03

ProgramarumJogocomScratch
UmGibiemEstiloMangápara
EnsinodeProgramação

Autores:
ChritianeGressevonWangenheim
AldovonWangenheim
Versão3.0
Status:Final
Distribuição:Externa
OUTUBRO2013



INCoD–InstitutoNacionalparaConvergênciaDigital

OUTUBRO‐2013 2

©2014INCoD–InstitutoNacionalparaConvergênciaDigital
Todos os direitos reservados e protegidos pela Lei 9.610 de 19/02/1998.
Nenhuma parte deste documento, sem autorização prévia por escrito do Instituto, pod erá 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
UniversidadeFederaldeSantaCatarina‐UFSC
CampusUniversitárioJoãoDavidFerreiraLima‐Trindade
Departamentode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deInformáticaeEstatística,Centro
Tecnológico,
UniversidadeFederaldeSantaCatarina.‐‐v.3,n.3(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úde.4.MídiadigitalI.UniversidadeFederal
deSantaCatarina.DepartamentodeInformáticae Estatística.










ISSN2236‐5281

RelatórioTécnico
INCoD/CnE.03.2013.P.v03




GressevonWangenheim,Ch.evonWangenheim,A.ProgramarumJogocom
Scratch.RelatóriosTécnicosdoINCoD‐ISSN2236‐5281,Vol.3,nº3,Novembro
de2013,Florianópolis,SC,Brasil

Copyright©2013
TodososdireitosreservadoseprotegidospelaLei9.610de19/02/1998.
Nenhumapartedestedocumento,sem
autorizaçãopréviaporescritodo
Instituto,poderáserreproduzidaoutransmitida,sejamquaisforemosmeios
empregados:eletrônicos,mecânicos,fotográficos,gravaçãoouquaisqueroutros.

GQS–GrupodeQualidadedeSoftware
INCoD‐InstitutoNacionalparaConvergênciaDigital
UniversidadeFederaldeSantaCatarina‐UFSC
CampusUniversitárioJoãoDavidFerreiraLima‐Trindade
Departamento
deInformáticaeEstatística‐Sala320
Florianópolis‐SC‐CEP88040‐970
Fone/FAX:+55483721‐4715
www.gqs.ufsc.br

Estaéumaobrade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
acidental.

Contémclipartlivres
deIconBug.comeClker.com.








Claro. Existe um programa chamado SCRATCH. É gratuito.
você PODE USAR ONLINE ou Baixar para o seu computador.
digite: scratch.mit.edu no browser.
Mas vocês sabem fazer isso?


Que tal de
programar um jogo?
O que vamos
fazer hoje?
VAMOS PROGRAMAR UM
JOGO COM SCRATCH!
1
INCoD/CnE.03.2013.P.v03
ISSN 2236-5281


LEGAL! PROGRAMAR JOGOS!
QUE
TAL UM JOGO DE PEGAR E
COMER PEIXES?
ENTRANDO NO SCRATCH
1

VOU CRIAR ENTÃO
UMA CONTA PARA
MIM.
SALVAR UM PROJETO
2
E aqui voc
ê
pode mudar a
interface
para português. Mais fácil, não é?

2

NUNCA
Esqueça
DE SALVAR! VAMOS JÁ Dar
um nome
ao projeto e começar a salvar o nosso projeto
agora.
INCoD/CnE.03.2013.P.v03
ISSN 2236-5281


3
ESCOLHER UM ATO
R
3

SÓ APAGUE O GATINHO
TAMBÉM – NÃO VAMOS
PRECISAR DELE NESSE
JOGO.

E agora, vamos começar? Precisamos de um
Tubarão bem brabo.

OK
–
ClIQUE
EM NOVO
ATOR.

Ah, JÁ ACHEI UM BEM LEGAL.
INCoD/CnE.03.2013.P.v03
ISSN 2236-5281


FAZENDO O TUBARÃO ANDAR
4

ISSO VAI FAZER O TUBARÃO se mover.

E
IR ONDE APONTO O MOUSE.
4

MAS como fazemos para que se movam
?

ENCAIXAMOS ESTES BLOCOS PARA DIZER
A
ELE
S O QU
E
FAZ
E
R.
INCoD/CnE.03.2013.P.v03
ISSN 2236-5281



SE ADICIONARMOS
uma repetição, ELE
VAI FICAR SEGUINDO O MOUSE AO
INVÉS DE FAZER UMA VEZ SÓ.

APOSTO QUE FAZ INICIAR QUANDO
EU CLICAR NA BANDEIRA VERDE.
CRIAR O PEIXE PEQUENO
5

Agora JÁ SEI. PRIMEIRO VAMOS CRIAR UM NOVO ATOR.
E, OLHA Só – QUE LEGAL, Dá PARA PINtá-lo DE
LARANJA!
5
INCoD/CnE.03.2013.P.v03
ISSN 2236-5281



ESPERE!! AAAIII! ESTÁ NADANDO PARA FORA DA TELA!!!

BLUB. BLUB.

TENTE ADICIONAR ISSO. DEVE ARRUMAR.
6

AGORA O PEIXE PEQUENO. VAMOS
FAZ
Ê
-LO
APARECER E APONTAR PARA A DIREITA.

E ENTÃO MUDAR DE DIREÇÃO A CADA
TRÊS PASSOS.
INCoD/CnE.03.2013.P.v03
ISSN 2236-5281



COLOCANDO UM FUNDO
6

ELES PARECEM ESTRANHOS NADANDO
NUM LUGAR VAZIO…

TEM TODA UMA COLEÇÃO DE FUNDOS QUE
PODEMOS USAR. AQUI ESTÁ UM LEGAL!
7
INCoD/CnE.03.2013.P.v03
ISSN 2236-5281


FAZER O TUBARÃO COMER
7

COMO FAZEMOS O TUBARÃO
COMER O
PEIXE
?

NÃO Tem! HUMM,
VAMOS OLHAR NA
GALERIA DE PROJETOS
SCRATCH E VER SE ALGUÉM DESCOBRIU COMO FAZER.
ENTÃO PODEMOS VER QUE CÓDIGO USARAM.

EXISTE UM
BLOCO “COMER”?
8

AQUI TEM UM JOGO COM UM BASTÃO VERMELHO PARA FAZER
APARECER BOLHAS. EI, LEGAL! AS BOLHAS DESAPARECEM QUANDO A
COR DA BOLHA TOCA A COR DO BASTÃO.

PODÍAMOS FAZER ISSO! COPIE
ESTES BLOCOS JUNTO COM O
NOSSO PEIXE. PODEMOS FAZER o
PEIXE DESAPARECER QUANDO
TOCA NO TUBARÃO AZUL.
Dica: Clique na caixinha COR
e depois com o mouse em
qualquer cor na tela.

COLOQUE ESSE BLOCO DENTRO DO BLOCO SEMPRE DO
PEIXE.
INCoD/CnE.03.2013.P.v03
ISSN 2236-5281



FAZER MAIS PEIXES
8

Vamos jogar? Mas espere-
esse jogo é
muito curto, precisamos mais peixes.
Vocês Têm umA iDEiA COMO FAZER?

J
á Sei. VAMOS ADICIONAR ISSO AQUI PARA MOSTRAR
O PEIXE NOVAMENTE EM UM LUGAR AO ACASO DEPOIS
DELE TER SIDO COMIDO. ASSIM PARECE UM PEIXE
NOVO E TEREMOS PEIXES SEM FIM!

E podemos simplesmente criar cópias
do peixe.
9

NÃO SERIA LEGAL SE O
TUBARÃO FECHASSE A
BOCA AO COMER O PEIXE?

VEJA ESTA ABA
CHAMADA FANTASIAS!
Dá para escolher
outras versões do
Ator.
AGORA COLOQUE ESSE BLOCO NO BLOCO SEMPRE DO TUBARÃO.
INCoD/CnE.03.2013.P.v03
ISSN 2236-5281

















ADICIONAR UM CONTADOR
9
10

Agora só falta um contador para saber quantos peixes o
tubarão comeu.

PARA isso precisamos criar uma
variável que armazena esse valor.

Agora só precisamos inicializar
essA variável com zero peixes no
início de cada jogo nos BLOCOS do
TUBARÃO.
UAU!
E Já apareceu na tela! E agora
também já têm blocos com
comandos para controlar a
INCoD/CnE.03.2013.P.v03
ISSN 2236-5281



COMPARTILHAR O JOGO
10
Gostou? Continue explorando novas ideias!
http://scratch.mit.edu/projects/12936663/

NO SCRATCH PODEMOS COMPARTILHÁ-LO COM
TODO MUNDO.

Ficou muito legal! Quero mostrar para
os meus amigos!
11

E aumentar o valor adicionando 1
cada vez que um peixe é comido nos
BLOCOS DO PEIXE.
INCoD/CnE.03.2013.P.v03
ISSN 2236-5281



Ciência da computação tem um impacto significativo sobre a vida
moderna. Programação é a língua do futuro, com o poder de criar e
modificar o comportamento de computador e dispositivos móveis
onipresentes nosso dia a dia. As perspectivas de carreira
profissional são excelentes numa área intelectualmente vibrante e
multi-facetada. Por isso, já a partir do Ensino Fundamental, crianças
devem ter a oportunidade de aprender ideias-chave da computação,
compreender o pensamento computacional e aprender a programar.
SCRATCH é uma nova linguagem de programação visual e uma
comunidade on-line onde crianças podem programar e compartilhar
mídias interativas, tais como histórias, jogos e animações com
pessoas do mundo inteiro. Criando com o SCRATCH, crianças aprendem
a pensar criativamente e de forma sistemática na solução de
problemas trabalhando de forma colaborativa.
As principais características do SCRATCH são:
Programação com blocos de construção. Ao contrário de
linguagens de programação comuns, que exigem que os usuários
digitem comandos de texto complicados, o SCRATCH é visual e usa
blocos coloridos representando linhas de código que são
encaixados uns aos outros para criar programas. Ao mesmo tempo
em que está programando, a criança também pode executar o código,
observando os resultados e assim, de forma incremental e
interativa, experimentar novas ideias. Essa forma simples e intuitiva
de interação facilita na exploração, criação e aprendizagem.
Manipulação da mídia. Com o SCRATCH, é possível montar programas
que controlam e misturam vídeo, gráficos, animações, música e som,
criando jogos e animações interativas.
Compartilhamento e colaboração. Depois de criar um projeto no
SCRATCH, é possível compartilhá-lo no site. Também é possível
experimentar os projetos criados por outras pessoas e reutilizá-
los, modificando instruções e criando novos programas.

APRENDER A PROGRAMAR COM SCRATCH
12
INCoD/CnE.03.2013.P.v03
ISSN 2236-5281


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 de som e clips musicais para criar um cartão interativo de
aniversário para um amigo, ou para criar um mapa interativo. As
possibilidades são infinitas.
Com o SCRATCH a melhor forma de incluir a programação na grade
curricular é inserir essa disciplina também em outras matérias,
como literatura, matemática, geografia, história, física, artes, etc.
Assim, os alunos aprendem computação de forma integrada. À medida
que criam programas no SCRATCH, eles aprendem importantes
conceitos computacionais e programação, como interação,
condicionais, variáveis, tipos de dados, eventos e processos. O
SCRATCH também estimula a aprendizagem do pensamento
computacional (raciocínio lógico, abstração) que pode 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 de competências
para o século XXI que serão fundamentais para o sucesso no futuro:
pensar criativamente, comunicar com clareza, analisar de forma
sistemática, colaborar eficazmente, projetar iterativamente e
aprender de forma contínua explorando novas tecnologias.
O SCRATCH é um software livre disponível gratuitamente sendo
desenvolvido pelo
Lifelong Kindergarten Group
no
MIT Media Lab
.
Hoje, o SCRATCH é uma comunidade de aprendizagem criativa presente
em mais de 150 países com mais do que 11 milhões de usuários e mais de
3 milhões de projetos compartilhados.
Experimente! http://scratch.mit.edu
No Brasil, a Iniciativa Computação na Escola é dedicada a ampliar o
ensino de computação no Ensino Fundamental e Médio e está
trabalhando no desenvolvimento de novas técnicas de ensino de
programação para crianças usando ferramentas como SCRATCH nas
escolas.
Visite http://www.computacaonaescola.ufsc.br !
13
INCoD/CnE.03.2013.P.v03
ISSN 2236-5281


ISSN 2236-5281