← Voltar para todas as aulas
Aula 01

Conhecendo o MakeCode Arcade

📖 Leitura

O que é o MakeCode Arcade?

O MakeCode Arcade é uma plataforma gratuita criada pela Microsoft onde você cria seus próprios jogos no estilo retrô — aquele visual pixelado dos jogos antigos de console, que faz parte da magia.

O legal é que você programa arrastando blocos (como se fosse Lego), e o MakeCode mostra na hora o que o jogo está fazendo. Não precisa instalar nada — funciona direto no navegador, no computador ou no celular.

E tem mais: por baixo dos blocos, existe código de verdade sendo gerado. A qualquer momento você pode alternar entre Blocos → JavaScript → Python e ver a mesma programação escrita em três linguagens.

Passo a passo para acessar

  1. Abra o navegador (Chrome, Edge, Firefox — qualquer um).
  2. Acesse arcade.makecode.com.
  3. Na tela inicial você vê seus projetos e a opção “Novo Projeto”. Pode criar conta da Microsoft se quiser salvar seus jogos na nuvem — mas não é obrigatório para começar.

O projeto que vamos usar

Para você não começar do zero, eu já deixei um projeto pronto para abrirmos juntos. Esse projeto vai ser nossa base nas próximas aulas — sprites, cenário e movimentação.

👉 Abra o projeto aqui: arcade.makecode.com/S53269-34468-34365-48582

⚠️ Atenção a esse detalhe: ao abrir o link, o MakeCode Arcade abre o projeto no simulador — você consegue jogar, mas ainda não dá pra editar. Para começar a trabalhar no código, clique no botão “Edit Code” que aparece na tela. Só aí o editor abre e você pode mexer nos blocos.

Depois que estiver no editor, você pode:

  • Editar o projeto e fazer alterações (só na sua cópia — você não muda o original)
  • Salvar uma cópia clicando em “Save” para guardar suas alterações
  • Compartilhar sua versão depois para amigos jogarem

E agora?

Nas próximas aulas (de 2 a 6) a gente vai colocar a mão na massa em cima desse projeto:

  • Aula 2: Sprites — o que são e como funcionam
  • Aula 3: Criando seus próprios tipos de sprites
  • Aula 4: Cor de fundo do cenário
  • Aula 5: Imagem de fundo do cenário
  • Aula 6: Movimentação do herói pelos controles

Pronto? Então bora pra próxima aula — vamos falar de sprites.

💡 Dica: deixe o MakeCode Arcade aberto numa aba do navegador enquanto assiste às aulas. Pause os vídeos e experimente!