Como Transformar um Mapa em Jogo com o Scratch | Diário de um POED
Educação Digital · Scratch · Geografia

Do papel ao pixel: como transformar um croqui de bairro em jogo com o Scratch

A turma desenhou o bairro à mão — escola, mercado, hospital, igreja. E agora? Este guia mostra como transformar esse croqui em um jogo digital funcional usando o Scratch, com os próprios alunos como desenvolvedores. Sem instalação, sem custo, sem código difícil.

01 Por que o Scratch é a melhor escolha aqui?

Você pesquisou bastante. A resposta está aqui. O Scratch foi projetado exatamente para este cenário: alunos de 10 a 16 anos criando projetos com imagens próprias, movimento e lógica — sem precisar saber programar de antemão.

🌐
100% online Roda no navegador. Sem instalação, sem pendrive, sem administrador de TI.
🖼️
Importa qualquer imagem O croqui fotografado vira o cenário do jogo em 30 segundos.
🧩
Blocos visuais Lógica de programação por encaixe — sem digitar código.
🇧🇷
Em português Interface, tutoriais e comunidade em PT-BR nativamente.
👥
Compartilhável O jogo fica com link público para a família e escola acessarem.
💰
Gratuito para sempre MIT Media Lab. Sem freemium, sem expiração.

02 Passo a passo — do croqui ao jogo

1
Fotografe o croqui com boa iluminação

Use o celular da professora ou dos alunos. Coloque o papel em superfície plana, luz natural lateral. A foto não precisa ser perfeita — o impacto do “nosso desenho virou jogo” vale mais do que a resolução.

Se a turma fez mais de um croqui, escolha o mais completo para o primeiro projeto. Os outros viram fases futuras do jogo.
2
Crie a conta no Scratch

Acesse scratch.mit.edu → clique em “Junte-se ao Scratch”. A professora pode criar uma conta compartilhada da turma (ex: turma6aEscola2025). Não é necessário e-mail real — basta nome de usuário e senha.

3
Importe o croqui como cenário (Backdrop)

No editor: clique no ícone de palco (canto inferior direito) → “Carregar cenário” → selecione a foto do croqui. Pronto: o bairro deles está na tela do jogo.

Redimensione a imagem para 480×360 px antes de subir — o jogo fica mais nítido. Use o site squoosh.app ou o próprio editor de fotos do celular.
4
Crie o personagem principal (Sprite)

Clique em “Escolher um ator” → selecione um personagem da biblioteca (o “Scratchy” gatinho funciona bem) ou deixe os alunos desenharem o próprio personagem com as ferramentas de pintura do Scratch. Este é o momento mais engajante da aula.

5
Programe o movimento com as setas do teclado

Este é o bloco de código mínimo para o personagem se mover. Copie a lógica abaixo no editor visual:

🚩 quando bandeira verde clicada
quando tecla [seta direita ▼] pressionada
mova 10 passos
quando tecla [seta esquerda ▼] pressionada
mova -10 passos
quando tecla [seta cima ▼] pressionada
mude y por 10
quando tecla [seta baixo ▼] pressionada
mude y por -10
Para celular/tablet sem teclado: troque as teclas pelo bloco “quando este ator for clicado” e crie botões de seta na tela como sprites adicionais.
6
Adicione os objetivos do jogo (Missões)

Cada local do croqui vira uma missão. Use o bloco “se tocar em [objeto] então” + “diga [mensagem]” para criar interações com os pontos do mapa. Exemplos práticos:

🏫
Missão: Escola Chegue na escola antes das 7h30. Bloco de tempo ativado.
🛒
Missão: Mercado Colete 3 itens da lista de compras espalhados pelo mapa.
🏥
Missão: Hospital Leve o paciente até o hospital sem tocar nos obstáculos.
Missão: Igreja Encontre o caminho mais curto entre dois pontos do bairro.
7
Publique e compartilhe

Clique em “Compartilhar” (botão laranja no topo). O jogo ganha um link público — envie para os pais pelo grupo da turma, cole no blog da escola, projete na TV. Os alunos se tornam autores, não apenas jogadores.

03 Como fica na prática — visualização do jogo

Abaixo uma simulação de como o projeto aparece no editor do Scratch: o croqui do bairro como cenário, o personagem se movendo pelas ruas, e os pontos de missão marcados.

Projeto: Aventura no Bairro

Turma 6A · Disciplina: Geografia + Ed. Digital

scratch.mit.edu — Aventura no Bairro
ESCOLA HOSPITAL MERCADO IGREJA
🧒
Escola
Mercado
Hospital

↑ Simulação visual do projeto. O croqui fotografado substitui este mapa no projeto real.

🐱
Abrir o Scratch agora scratch.mit.edu · gratuito · sem instalação

04 Prompt de IA para a professora criar as missões

Use este prompt no ChatGPT, Gemini ou Claude para gerar os objetivos pedagógicos e as missões do jogo automaticamente a partir do croqui da turma:

Prompt pronto — copie e cole em qualquer IA
Sou professora de Geografia e Educação Digital no Ensino Fundamental II. Minha turma criou um croqui de bairro com os seguintes pontos: escola, hospital, mercado e igreja.

Vamos transformar esse croqui em um jogo no Scratch onde os alunos são os personagens. Preciso que você:

1. Crie 5 missões temáticas para o jogo, usando os pontos do mapa e conectando com conteúdos de geografia (orientação espacial, mobilidade urbana, serviços públicos).

2. Para cada missão, indique: nome da missão, objetivo do aluno, o que acontece ao completar, e qual conteúdo da BNCC está sendo trabalhado.

3. Sugira uma narrativa simples (2-3 frases) que vai aparecer na tela inicial do jogo para contextualizar os alunos.

Adapte o nível para alunos do 6º ao 7º ano, linguagem acessível e engajante.

05 E se o Scratch não funcionar? Alternativas comparadas

Em alguns casos — tablets sem teclado, alunos mais novos, ou desejo de um visual mais elaborado — outras ferramentas entram em cena. Veja o comparativo:

FerramentaFaixa etáriaSem instalaçãoImporta imagemPT-BRGrátis
🐱 Scratch10–16 anos✓ Sim✓ Sim✓ Sim✓ Sim★ Recomendado
🎮 GDevelop12+ anos✓ Sim✓ Sim~ Parcial~ Freemium
📱 App Inventor12+ anos✓ Sim✓ Sim~ Parcial✓ Sim
🎯 PowerPointTodos✗ Não✓ Sim✓ Sim✗ Pago
🌐 Google SlidesTodos✓ Sim✓ Sim✓ Sim✓ Sim
O Google Slides com hiperlinks é uma excelente versão zero se a escola não tiver acesso estável à internet: cada slide é um local do mapa, e os hiperlinks simulam o movimento entre eles.

🗺️ Quer mais projetos como este?

Receba guias práticos sobre IA, ferramentas digitais e projetos interdisciplinares para a escola pública diretamente no seu e-mail.

ENTRAR NA COMUNIDADE →

📘 Gostou do que viu aqui no laboratório? No Professor com IA eu mostro, passo a passo, como você também pode criar ferramentas assim — mesmo sem saber programar.