Seu Primeiro Jogo Estilo Super Mario

Lição 1

O Jogo que Vai Ser Seu

Um jogo de plataforma é o tipo de videogame mais simpático já feito: correr, pular, pousar em cima de alguma coisa, pegar o item brilhante, alcançar a bandeira. Se você cresceu nos últimos quarenta anos, suas mãos já sabem jogar um. O que talvez você não saiba é que, em 2026, uma pessoa com uma IA consegue construir um em uma tarde, e este curso mostra exatamente como, com os assets incluídos.

Nosso jogo de exemplo é o Super E2. Ele foi construído com o Claude pelo fundador da Starvard, o Dave, como um dos seus primeiros jogos, e depois compartilhado com toda a nossa comunidade junto com o código, com um único pedido: modifique, coloque você e seus amigos dentro dele. Oito corredores (Dave, Marty, Jen, Sally, Jah Vibez, Dinesh, Chadwick e Mike), bichinhos para pisar, moedas para pegar, uma bandeira para alcançar. Esse espírito é o curso: comece de um jogo que funciona e depois deixe ele com a sua cara.

No final, você vai ter: um jogo jogável com o seu nome, personagens que você escolheu ou pintou, um link para mandar para qualquer pessoa, e a habilidade que mais importa na era da IA, que não é programar. É descrever o que você quer com clareza suficiente para uma máquina construir, e depois julgar o que volta. Jogos são só o jeito mais divertido de aprender isso.

Super E2, o jogo em torno do qual este curso foi construído. Um dos primeiros jogos do Dave, feito com o Claude e compartilhado com o código.

Lição 2

As Cinco Maneiras de Fazer um Jogo Assim

Antes de construir, o mapa. Existem cinco maneiras honestas de fazer um jogo de plataforma em 2026, e elas diferem em uma única troca: controle versus praticidade. A janela de chat é a mais prática e a menos poderosa; o motor de jogo é o inverso. Nenhuma delas é trapaça e nenhuma é o único caminho certo; designers de jogos de verdade se movem entre elas o tempo todo.

Este curso pega o Caminho 1 como estrada principal (o Claude no chat), porque ele coloca um jogo jogável na sua frente hoje, e tudo o que você aprende ali (descrever, iterar, assets, hospedagem) se transfere para os outros quatro. Se você já programa, passe os olhos rápido: o Caminho 2 com o arquivo inicial da Lição 4 é a sua rampa de entrada.

Lição 3

Construa no Claude de Uma Só Vez

Abra o Claude (o plano gratuito serve para um primeiro jogo) e cole este prompt. Ele não é mágica; ele é específico. Ele nomeia os controles, os verbos (pisar, coletar), a condição de vitória, o estilo e o recurso que os iniciantes esquecem: uma tela inicial com uma escolha dentro.

O que volta é um jogo em um único arquivo, morando em um artifact: uma página que o Claude hospeda para você, de graça, com link próprio. Jogue na hora, até a bandeira ou até a tela de fim de jogo. Depois itere, uma mudança por mensagem: 'deixe as colinas mais arredondadas', 'adicione mais três moedas antes da bandeira', 'o pulo parece flutuar, deixe ele mais ágil'. Cada mudança é uma versão nova, e as antigas ficam salvas, então experimentar não dá medo.

Repare no que você está praticando: pedidos curtos e observáveis, testados no segundo em que chegam. Esse ciclo, descrever, jogar, ajustar, não é um truque do Claude. É como todos os jogos que você já amou foram realmente feitos, só que com um centésimo do tamanho da equipe. A Lição 5 transforma o ciclo em sistema; primeiro, conheça as peças de que os jogos são feitos.

Lição 4

Conheça os Assets: Sprites, Tiles e Sons

Os jogos parecem feitos à mão porque são montados a partir de coisinhas feitas à mão, chamadas assets. Um sprite é a imagem de um personagem. Uma folha de sprites é muitos sprites em um único arquivo de imagem, fatiados pelo código: nossa faixa de corredores guarda oito retratos em fila, e o jogo recorta o que você escolheu. Tiles são os blocos repetidos de que o mundo é feito (grama, terra, tijolo). Sons são os pulos, moedas e pisadas que fazem um jogo parecer vivo. O código é só o palco; os assets são os atores e o cenário.

Aqui está o pacote completo do Super E2, grátis para todos os alunos deste curso: a faixa de corredores, cada corredor como cartão, a arte do título e o próprio arquivo do jogo inicial. Baixe tudo. Eles são seus para remixar, e quando o conjunto completo de sprites do Dave chegar, é nesta página que ele vai pousar.

Dois hábitos mantêm os assets sem dor de cabeça. Primeiro, guarde os originais: nunca edite a sua única cópia de um sprite. Segundo, respeite as licenças além deste curso: a web está cheia de pacotes gratuitos generosos (busque 'free platformer assets'), cada um com seus termos; uma linha de crédito dentro do seu jogo é o padrão educado. Nosso pacote não traz essa lição de casa: é um presente, use em qualquer lugar.

A faixa de corredores: oito retratos, um único arquivo de imagem. O código fatia o corredor que você escolher.

Lição 5

Deixe o Jogo com a Sua Cara Usando o Claude

Modificar é onde o jogo inicial vira o seu jogo, e é uma fórmula que se aprende: nomeie a coisa, nomeie a mudança, nomeie a quantidade. 'Gravidade' mais 'mais fraca' mais 'mais ou menos metade' te dá pulos lunares flutuantes em uma mensagem. O arquivo inicial é comentado exatamente para isso: busque nele por GRAVITY, JUMP, CRITTER SPEED e LEVEL, e você está lendo o painel de controle do jogo.

Um cardápio de primeiros remixes, em ordem de alegria por minuto: troque pelo seu corredor favorito (a Lição 6 pinta novos). Deixe os pulos mais flutuantes ou mais ágeis. Adicione um pulo duplo. Pinte uma fase noturna com o mesmo código e cores mais escuras. Adicione um cronômetro e aposte corrida com os amigos. Faça um bichinho ficar gigante e chame ele de chefão. Cada um desses é uma frase clara para o Claude, e juntos eles são um portfólio.

Trabalhe como designer: mantenha uma listinha das mudanças que você quer, faça uma de cada vez e jogue depois de cada uma. Quando uma mudança quebra alguma coisa (e vai quebrar), diga o que você viu, não o que você acha que o código fez: 'depois do pulo duplo, eu atravesso a segunda plataforma e caio' corrige mais bugs do que qualquer teoria. Quebrado, bem descrito, corrigido: isso é o ofício inteiro.

Lição 6

Rostos Novos com o ChatGPT

O elenco do Super E2 são oito amigos. O seu elenco deve ser seu, e o ChatGPT é o estúdio de retratos. O fluxo: tire uma foto nítida, de frente (sua, de um amigo, com a permissão dele), e peça ao ChatGPT para redesenhá-la como um sprite de jogo com uma receita consistente, para que todos os retratos combinem: as mesmas palavras de estilo, o mesmo tamanho, o mesmo fundo simples.

A receita que construiu o visual do nosso elenco: 'Converta esta foto em um retrato de personagem de jogo em pixel art fofo, de frente, cabeça e ombros, traços grandes e legíveis, cores chapadas, fundo azul-marinho escuro, formato quadrado, estilo de tela de seleção de personagem de videogame.' Passe todos os rostos por esse mesmo prompt, coloque cada resultado em uma célula da faixa de corredores (o arquivo inicial mostra o layout: oito quadrados em fila), e seus amigos estão no jogo.

O ChatGPT também pinta o resto do mundo: uma tela inicial no mesmo estilo, um fundo de pôr do sol, uma bandeira com a marca do seu time. Um aviso de quem já fez: peça um asset por imagem, mantenha a frase de estilo idêntica em todas, e gere de novo a que destoar, em vez de aceitar um elenco que não combina. Consistência é o que faz parecer um jogo, e não uma colagem.

Lição 7

Coloque o Jogo na Web

Um jogo que ninguém consegue abrir é um diário. A boa notícia: um jogo de arquivo único é a coisa mais fácil do mundo de publicar, e todas as portas são grátis. Porta um: o próprio artifact do Claude. O link que o Claude dá ao seu jogo É uma página publicada; mande para qualquer pessoa e ela está jogando em segundos. Para a maioria dos primeiros jogos, pare aqui e comemore.

Porta dois: o seu próprio site. Baixe o arquivo do jogo (o nosso, da Lição 4; o seu, do Claude), envie para qualquer site que você controle, e ele está no ar no seu endereço, ao lado do seu nome, para sempre. Quer ele dentro de uma página que já existe? Uma linha de iframe incorpora o jogo, do mesmo jeito que este curso incorpora a demo na Lição 1.

Porta três: um host estático gratuito. Cloudflare Pages, Netlify e GitHub Pages publicam um arquivo assim por zero dólares, com um link de verdade para compartilhar em qualquer lugar (arraste o arquivo para a página de upload do Netlify e você termina em menos de um minuto). Seja qual for a porta, o ritual é o mesmo: abra o link no seu celular, jogue uma fase, depois mande para um amigo. Um jogo com um jogador está publicado; um jogo com zero é um rascunho.

Lição 8

Publique, Compartilhe, Remix

O lançamento do Super E2 foi um post no nosso Discord: o jogo, o código e um convite para remixar. Copie esse lançamento. Publique seu link onde o seu pessoal está, inclua o arquivo e diga as palavras que transformam jogadores em criadores: 'coloque você dentro dele.' O primeiro amigo que publicar um remix do SEU jogo te ensina mais que dez tutoriais.

Depois continue, em qualquer ordem: uma segunda fase com um conjunto de tiles novo. Uma música tema (o Suno escreve uma chiptune cativante em um prompt, e o ElevenLabs pode dar voz a um narrador pequenininho). Uma tabela de recordes com os nomes dos seus amigos. Uma versão de inverno, com tiles de neve e pousos escorregadios. Cada um é um pedido do tamanho de uma lição, e o arquivo inicial mais os assets deste curso crescem com você.

E repare no que você tem agora, além do jogo: a prova de que você consegue descrever algo até ele existir, julgar o resultado e publicar para o mundo de graça. Essa é a habilidade mais valiosa da década, e você aprendeu fazendo um herói minúsculo pular em cima de um bichinho. Existem jeitos piores de mudar a sua vida.