Módulo 5 · Arte e animação
| Carga horária | Ano | Ferramentas | Produto final |
|---|---|---|---|
| 60 horas | 2º | Piskel (navegador), GDevelop 5, Krita (opcional) | Pacote de sprites próprio que troca toda a arte da Trilha da Serra |
Para que serve este módulo
Até aqui o aluno usou os desenhos prontos dos jogos de referência. Agora ele aprende a fazer os seus: pixel art com grade e paleta curta, contorno, luz e sombra, animação quadro a quadro, blocos de cenário que se encaixam e uma interface que se lê de longe. Também aprende o que pode e o que não pode usar da internet.
O produto é concreto: no fim, a Trilha da Serra roda com arte 100% do aluno, trocando os arquivos de imagem sem mexer em nenhum evento. Isso mostra, na prática, a separação entre arte e programação.
Objetivos do módulo
- Desenhar em pixel art respeitando a grade e uma paleta limitada.
- Usar contorno, luz e sombra para dar volume e destacar o objeto do fundo.
- Animar quadro a quadro no Piskel e exportar quadros e folha de sprites.
- Fazer as animações Parado, Andando e Pulando de um personagem.
- Montar blocos de cenário (tileset) que se encaixam sem emenda.
- Identificar licenças (domínio público, CC0, CC BY) e dar crédito corretamente.
- Desenhar uma interface legível: botões, ícones e placar.
Sequência de aulas
| Aula | Título | Horas | Ciclo | Arquivo |
|---|---|---|---|---|
| 5.1 | Pixel art: a grade e a paleta | 6 | Explorar / Compreender | aula-5-1 |
| 5.2 | Contorno, luz e sombra | 6 | Compreender / Construir | aula-5-2 |
| 5.3 | Piskel: a castanha girando | 8 | Construir | aula-5-3 |
| 5.4 | Personagem: parado, andando e pulando | 10 | Construir / Testar | aula-5-4 |
| 5.5 | Blocos de cenário (tilesets) | 8 | Construir | aula-5-5 |
| 5.6 | Licenças: o que pode e o que não pode | 4 | Compreender | aula-5-6 |
| 5.7 | Interface e identidade visual | 6 | Construir / Melhorar | aula-5-7 |
| 5.8 | Krita: cenário de fundo em camadas (opcional) | 4 | Explorar | aula-5-8 |
| — | Projeto: pacote de sprites da Trilha | 8 | Construir / Testar / Compartilhar | atividades/projeto-pacote-de-sprites.md |
| Total | 60 |
Se a turma não fizer a Aula 5.8, as 4 horas vão para o projeto.
Materiais de apoio
| Arquivo | Uso |
|---|---|
| exemplos/ | 9 imagens de exemplo originais (paleta, grade, contorno, castanha girando, quadros do personagem, tileset, interface) |
scripts/gerar_arte_modulo_05.py | script que gera os exemplos |
modulos/modulo-04-programacao-aplicada/projetos/trilha-da-serra/ | jogo que recebe o pacote de sprites |
recursos/imagens/gdevelop/pacote-teste-troca-de-arte.png | captura real da Trilha com arte trocada (camisa e castanhas recoloridas), prova de que a troca funciona sem mexer em eventos |
Sobre o Piskel
O Piskel só tem interface em inglês. Nas aulas, cada botão aparece com o nome em inglês (como está na tela) e a tradução entre parênteses na primeira vez. Os nomes foram conferidos no site oficial em 30/10/2026. Não precisa de conta: o trabalho é salvo como arquivo .piskel e exportado como PNG.
Avaliação do módulo
| Instrumento | Peso |
|---|---|
Pacote de sprites (rubrica em atividades/projeto-pacote-de-sprites.md) | 4,0 |
| Atividades das aulas (castanha girando, personagem, tileset, interface) | 3,0 |
| Ficha de licenças e créditos | 1,0 |
| Diário com antes e depois de cada desenho | 1,0 |
| Questões de saída | 1,0 |
Ligação com os outros módulos
- Módulo 2: a identidade visual vem do GDD.
- Módulo 4: o pacote substitui a arte da Trilha sem mexer nos eventos.
- Módulo 6: os blocos de cenário serão usados para montar várias fases.
- Módulo 7: a arte do Projeto 4 (jogo educativo) já sai própria.