Crie um jogo completo com Claude Code (história, vozes e final)
Autoria: Leon van Zyl · Assistir no YouTube
Vídeo de autoria do canal indicado, não da IANIA; todos os direitos pertencem ao criador. Transcrição, resumo e tradução gerados automaticamente; o conteúdo no idioma original é preservado na versão em idioma original.
Idioma original: inglês
Vídeo original: Build a Full Game with Claude Code (Story, Voices, Ending) · Canal: Leon van Zyl · 24:23 · Assistir no YouTube
Tópicos: Agentes de IA, Claude Code, Engenharia de software com IA, Geração de conteúdo com IA, Modelos multimodais
Leon van Zyl apresenta um fluxo de trabalho de 10 etapas para criar um jogo com Claude Code, sem exigir experiência como desenvolvedor. O processo vai da definição da história, dos personagens e do estilo visual à criação de áudio, de uma vertical slice, dos testes e dos ajustes finais. O vídeo também mostra como publicar o jogo na internet e inclui trechos da experiência final, um jogo de terror aconchegante sobre uma banda em sua última noite juntos.
Pontos-chave
Seção intitulada “Pontos-chave”- Comece definindo a ideia geral da história, os personagens, seus passados, as mecânicas de jogo e o final.
- Peça a Claude que crie ferramentas de depuração para inspecionar cenas e objetos sem precisar jogar tudo desde o início.
- Explore diferentes propostas visuais e registre o estilo escolhido em documentos do projeto para manter a consistência.
- Gere vozes, música e efeitos sonoros com ElevenLabs ou peça a Claude que crie os sons.
- Teste expressões faciais e sincronização labial antes de avançar para a produção do jogo completo.
- Crie uma vertical slice e use agentes críticos especializados para revisar o terror, a narrativa e outros aspectos do jogo.
- Jogue a vertical slice, anote problemas e só então peça a Claude que continue o restante do jogo.
- Teste o jogo do início ao fim, corrija problemas de áudio e iluminação e peça feedback a outras pessoas.
- Publique o jogo usando um serviço de hospedagem e o conector do Hostinger no Claude Code.
- O apresentador disponibiliza gratuitamente os prompts e um agent skill para automatizar o fluxo.
Capítulos
Seção intitulada “Capítulos”| Início | Capítulo | Resumo |
|---|---|---|
| 00:00 | Demonstração do jogo e visão geral | O apresentador mostra o jogo de terror e explica que o vídeo cobre um fluxo de 10 etapas para criá-lo e publicá-lo. |
| 02:04 | Planejamento da história e preparação do ambiente | O processo começa com a ideia do jogo, a criação da história e dos personagens e a configuração de ferramentas para depurar cenas. |
| 04:09 | Exploração e definição do estilo visual | Claude gera propostas visuais interativas, e o estilo escolhido é registrado como referência para o restante do projeto. |
| 06:42 | Vozes, música e sincronização labial | O vídeo mostra como gerar recursos de áudio e testar personagens com expressões faciais e movimentos labiais sincronizados. |
| 09:48 | Vertical slice e revisão com agentes críticos | Uma versão curta do jogo é criada e revisada por agentes especializados antes de expandir a produção. |
| 12:22 | Produção completa, ajustes e publicação | O apresentador explica como concluir o jogo, corrigir problemas e publicá-lo online usando o conector do Hostinger. |
| 15:32 | Trecho do jogo: a última apresentação | A banda faz sua última apresentação e os personagens conversam durante a despedida. |
| 20:50 | Trecho do jogo: a noite que não termina | Após a meia-noite, Robin percebe que está preso no lugar e tenta encontrar os amigos enquanto o ambiente se torna sobrenatural. |
Citações
Seção intitulada “Citações”Este jogo tem uma história de verdade, personagens com passados, dublagem, música, efeitos sonoros e um final completo com créditos. — 00:00
O que estamos pedindo a Claude para fazer é criar as próprias ferramentas de depuração. — 04:40
O que recomendo neste ponto é criar uma vertical slice do jogo. — 09:48
Qual é o sentido de criar um jogo se ninguém joga? — 13:25
Quem quer que fosse sabe como este lugar funciona, e Bernie guarda tudo no escritório dela. — 24:23
Conceitos e entidades
Seção intitulada “Conceitos e entidades”- Claude Code (ferramenta): Ferramenta usada no vídeo para planejar, desenvolver, testar e publicar o jogo.
- Opus 5.5 (modelo): Modelo usado pelo apresentador no Claude Code durante a criação do jogo.
- ElevenLabs (empresa): Serviço usado para gerar vozes, música e efeitos sonoros para o jogo.
- Hostinger (empresa): Serviço de hospedagem usado no vídeo para colocar o jogo online.
- Leon van Zyl (pessoa): Apresentador do vídeo que demonstra o fluxo de criação do jogo.
- vertical slice (conceito): Versão curta do jogo, com elementos representativos, criada para revisão e ajustes antes de produzir o restante.
- agent skill (conceito): Recurso disponibilizado gratuitamente pelo apresentador para automatizar as etapas demonstradas.
Tradução completa (pt-BR)
Seção intitulada “Tradução completa (pt-BR)”00:00 Neste vídeo, vou mostrar como criar qualquer jogo usando Claude Code, e não estou falando de mais um clone de Minecraft. Este jogo tem uma história de verdade, personagens com histórias próprias, dublagem, música, efeitos sonoros e um final completo, com créditos. Como estamos na temporada assustadora, vamos criar um jogo de terror aconchegante. Mas as etapas que vou mostrar neste vídeo podem ser usadas para criar qualquer jogo, e você não precisa ser desenvolvedor para acompanhar. Vou explicar meu workflow de 10 etapas e mostrar como colocar seu jogo online para qualquer pessoa jogar.
00:32 Como bônus, vou dar a você uma skill gratuita de agent que faz tudo isso por você. Mas primeiro, deixe-me mostrar alguns trechos do jogo: ouça a música, a dublagem e os efeitos sonoros. Rob. Rob! Conseguimos! Essa foi boa. Para quem é o old fashioned, Bernie? Para minha irmã. Todo ano. Um velho hábito. E nada de fazer pedidos sob o sino esta noite.
01:02 Para qualquer um de vocês. Ele escuta. Uuh, que medo. Estou falando sério, Douglas. Então, oito anos. Oito anos, quatro vans, um incêndio. Pequeno incêndio. E vou sentir tanta falta disso. É bobagem. À última música. À última música. Vamos. É só uma banda.
01:34 Não é só uma banda. Mags? Dougie? Alô? Sem sinal. E ainda são 11:59. Mags estava me mandando mensagens. Ela estava bem do outro lado da mesa. Que legal é isso? Embora estejamos criando um jogo neste vídeo, você vai aprender muitas lições bem legais pelo caminho. Espero que esteja animado, então vamos começar. Agora, como mencionei, vou usar
02:04 Claude Code neste vídeo. Na verdade, vou usar Claude no aplicativo para desktop. E, durante todo este vídeo, vou usar apenas Opus 5.5 com esforço extra. Você também pode mudar para alto, se quiser. Ainda vai obter resultados muito bons. Então, crie uma nova sessão no Claude Code e selecione uma pasta no seu computador. Agora, primeiro, quero deixar claro o que esperar. O que estamos pedindo ao agent para fazer é extremamente complexo. Se você quiser que o agent crie um jogo que realmente inclua efeitos sonoros, dublagem e personagens que
02:36 realmente sincronizem os lábios com o áudio, isso vai levar bastante tempo. Eu não recomendaria tentar pagar por isso usando tokens da API. Você definitivamente precisa de uma assinatura do Claude. Mesmo que tenha um plano de US$ 20, está perfeitamente bem. Você vai atingir seus limites. Espere os limites serem redefinidos, e Claude continuará automaticamente. Agora, a primeira etapa do workflow de 10 etapas é desenvolver a história, os personagens e os locais. Então, este é o prompt que eu usaria para começar esse processo. Estamos dizendo a Claude que queremos criar um jogo de terror aconchegante
03:08 ou, sabe, um jogo de tiro em primeira pessoa, o que você quiser fazer; depois, podemos descrever a ideia do nosso jogo. Agora, você não precisa desenvolver a história inteira. Pessoalmente, não sou muito bom em escrever histórias detalhadas. Então, basta dar uma ideia geral do que você tem em mente. Claude vai ajudar você a pensar em ideias para o seu jogo. Basta copiar esse prompt e adicioná-lo ao chat. Aliás, você pode baixar todos esses prompts gratuitamente, assim como a skill de agent que faz tudo isso por você, na descrição deste vídeo. Agora, não vou ficar aqui por um dia criando este jogo de novo.
03:38 Então, você vai receber algo assim. Claude vai propor um roteiro para o seu vídeo. Ele meio que apresenta a ideia geral da história. Lista todos os personagens com suas histórias de fundo. Vai apresentar, por exemplo, as principais mecânicas de gameplay. E também vai propor os principais sustos e o final. Agora, neste ponto, você pode fazer todas as alterações que quiser. Por exemplo, mudar os nomes dos personagens, alterar as histórias de fundo, talvez incluir seus próprios sustos personalizados. Esta é a sua oportunidade de trabalhar com o agent para definir seu jogo.
04:09 Depois de definir a história, Claude vai guardar todas essas informações na pasta docs da pasta do seu projeto. Assim, se essa conversa precisar ser compactada ou você quiser criar uma nova sessão, Claude poderá consultar esses documentos para entender do que se trata o jogo. A segunda etapa é configurar o ambiente do jogo para Claude. Claude não consegue jogar da mesma forma que você e eu. É impossível para Claude analisar o jogo a 60 quadros por segundo. Além disso, se Claude precisar testar uma parte específica do jogo,
04:40 ele não deveria ter que jogar o jogo inteiro, desde o começo até aquela parte, só para depurar alguma coisa. Então, o que estamos pedindo a Claude aqui é que crie suas próprias ferramentas de depuração. Assim, ele poderá pular para qualquer ponto do jogo para depurar uma cena específica, visualizar um personagem, um objeto etc. Sempre que Claude [verificar], deve garantir que nada esteja flutuando ou atravessando outra coisa. Você provavelmente já viu casos em que ele cria uma mesa de centro e a xícara de café fica no chão ou flutuando no ar. Então, ele vai analisar uma cena de
05:11 diferentes perspectivas, garantindo que tudo esteja realmente alinhado e pareça correto. Visualmente, esta etapa não é tão interessante. Basicamente, Claude está configurando o ambiente para ter sucesso. A terceira etapa é quando as coisas ficam realmente interessantes. Nesta etapa, criamos o estilo artístico do jogo. Pedimos a Claude que crie três ideias diferentes, ou seja, três maquetes totalmente únicas de como nosso jogo poderia ser. Você também pode pedir que ele crie mais variações para experimentar ideias diferentes. Então, deixe-me mostrar como isso ficou no meu projeto.
05:41 Claude criou estes três estilos: Wurly, Paper Crowns e Last Call 98. Depois, pedi a Claude que criasse uma quarta variação, chamada Grounded Realism, buscando um visual mais realista. Então, Claude criou estas capturas de tela diferentes para mostrar como o jogo poderia ficar. Ele até oferece esta maquete interativa. Assim, você consegue ter uma ideia muito boa de como tudo vai ficar em movimento. Ele mostra diferentes perspectivas; podemos alternar para primeira pessoa ou para o modo giratório, para podermos
06:12 ver os personagens de verdade. Pessoalmente, gosto mais deste estilo. É um estilo um pouco tremido. Deixe-me mostrar também como são os outros. Este é o exemplo Paper Crown. E este é Last Call 98, que parece imitar o estilo do PlayStation 1. E este foi o resultado de Grounded Realism. Esta é uma etapa muito divertida. É aqui que você pode trabalhar com o agent para, sabe, talvez corrigir um desses designs, iterar sobre ele ou melhorá-lo. Na verdade, depois de ver este design, decidi mudar meu
06:42 personagem de masculino para feminino. Você pode colar este prompt. Basta dizer a Claude que quer escolher este estilo específico e transformá-lo em um guia de regras para o visual, as cores, os materiais, os personagens, as formas, a iluminação, as animações e os menus. Claude vai pegar esse estilo e guardá-lo na pasta docs. Assim, Claude vai respeitar o estilo artístico sempre que criar novos objetos ou personagens no nosso jogo. A quarta etapa é quando nos concentramos no áudio, como a dublagem, a música
07:14 e os efeitos sonoros. Esta etapa é opcional. Usei ElevenLabs para gerar todos esses recursos de áudio. Para deixar claro, não sou patrocinado pela ElevenLabs. Só achei muito prático trabalhar com ele neste projeto. Há alternativas locais de open source que você também pode usar. Então, neste ponto, você basicamente tem duas opções. Se não quiser pagar por um serviço como ElevenLabs nem gerar o áudio localmente, basta pedir a Claude que crie os efeitos sonoros. Mas, se quiser acompanhar usando ElevenLabs, basta acessar elevenlabs.io e
07:45 depois faça login na sua conta. Em seguida, role a página até Desenvolvedores, vá para Chaves de API e crie uma nova chave. Dê o nome que quiser e desative a opção de restringir a chave. Depois, clique em Criar chave e copie-a. Em seguida, basta copiar este prompt e colá-lo no chat. Depois, informe também ao Claude qual é a sua chave de API. Ou, se quiser manter isso em segurança, basta abrir um arquivo .env na pasta do projeto e inserir sua chave de API nele. Então, Claude criará esta página para você.
08:16 É aqui que você pode ouvir as diferentes vozes, o elenco, os efeitos sonoros, a música, os sustos e todas as falas. Vou reproduzir algumas amostras.
08:46 Se não gostar da voz que Claude selecionou para algum desses personagens, você pode pedir que use outra voz. Agora, esta etapa é muito legal. Quando um personagem fala, quero que ele demonstre emoções, e também quero que os lábios se movam em sincronia com o áudio. Então, você pode copiar este prompt e enviá-lo ao Claude. Estamos pedindo ao Claude que crie uma demonstração com os personagens principais conversando, e isso vai gerar a cena. Vou aumentar o volume do áudio em um instante, mas esta é a primeira vez que podemos ouvir os sons de fundo,
09:17 e ver nosso personagem de perto, além de observar as expressões faciais e a sincronia labial. À última música! À última música! “Queria que não fosse. Vamos lá, é só uma banda.” “Mags? Dougie? Alô?” Quer dizer, que legal, não é? Você também pode ver as diferentes expressões faciais em ação. E, como estamos trabalhando com o Claude,
09:48 se não gostar de alguma coisa, peça ao Claude para ajustá-la. Quando estiver satisfeito com a cena e com a aparência e as animações do personagem, é hora de definir tudo. Agora que temos o áudio e sabemos como será a aparência do personagem, talvez dê vontade de pular direto para a construção do jogo inteiro com o Claude. Mas, neste ponto, recomendo criar uma fatia vertical do jogo. Ela contém gameplay suficiente para avaliarmos, ajustarmos e corrigirmos tudo de que não gostarmos. Estamos pedindo ao Claude que construa uma versão curta do jogo
10:19 que inclua os personagens, os sustos, os efeitos sonoros e todo o resto. Mas também estamos iniciando agents críticos. Cada um deles se concentraria em uma área específica do jogo. Gosto de introduzir três agents: um crítico rigoroso, um diretor de sustos e um agent de narrativa, que garantirá que o jogo esteja alinhado com a história original. O diretor de sustos se concentrará apenas nos sustos, nos sustos repentinos e nas cenas de terror, para garantir que sejam realmente assustadores e sinistros.
10:49 E o crítico rigoroso se concentrará em todo o resto, como o gameplay, os gráficos, as animações etc. Claude vai trabalhar nisso. Vai levar um tempo, mas, por fim, ele fornecerá um link para o jogo ou para uma fatia dele. Temos nosso menu principal e até opções; bem, vamos entrar no jogo. Mais uma vez, este não é o jogo inteiro, mas já podemos ver nosso personagem em movimento. Podemos controlar o personagem. Estamos olhando para um espelho. E estamos neste pequeno banheiro de um pub.
11:20 Talvez o áudio esteja um pouco baixo para você, mas há música de fundo e áudio tocando. Não podemos sair do banheiro, então vamos usar a pia. É só um urso. Sou só um urso. Nossa personagem está falando, demonstrando emoções, e os lábios dela também se moveram, que é exatamente o que eu quero. Dá para ver pela expressão facial dela que há algo errado, e a expressão acabou de mudar. Vamos sair do banheiro. Isso ficou muito legal. Ela acabou de pegar o celular, e eu realmente não gosto
11:51 da aparência do celular. Na versão final do jogo, você vai ver que o celular é um objeto 3D de verdade. Então, a etapa sete é jogar essa fatia vertical algumas vezes, anotar tudo o que precisa ser corrigido e passar isso ao Claude. Quando estiver satisfeito com a fatia vertical, é hora de definir tudo. Peça ao Claude que construa o resto do jogo. Neste ponto, estamos dizendo ao Claude para continuar com o restante do jogo e lembrando-o de usar nossa equipe, ou seja, os três agents críticos. Também disse ao Claude para não esperar por mim para tomar decisões pequenas.
12:22 Ele pode tomar as decisões por conta própria. O motivo é que isso provavelmente vai levar umas 12 horas, ou até um dia. Então, eu não queria que a sessão parasse porque eu não estava disponível. Não vou jogar agora; vou adicionar uma seção no fim deste vídeo e jogar os primeiros minutos. Mas o jogo está online, caso você queira experimentá-lo. A etapa nove é o polimento final. Jogue do início ao fim e diga ao Claude o que precisa ser corrigido. Por exemplo, percebi que a iluminação não era assustadora o bastante em certas cenas,
12:53 então pedi ao Claude que a corrigisse. Como este jogo roda no navegador, é preciso otimizá-lo para diferentes dispositivos. Por exemplo, ele deve funcionar bem em praticamente qualquer laptop. Na minha versão, também percebi que algumas falas estavam faltando ou que Claude reproduziu o arquivo de áudio errado em certas cenas. É claro que eram correções pequenas, e Claude conseguiu resolvê-las em poucos minutos. É claro que esta última recomendação não faz parte do prompt em si, mas, se puder, peça a alguém para se sentar ao seu lado e jogar por conta própria. Eu pedi à minha esposa para jogar
13:25 e também dar feedback. E de que adianta criar um jogo se ninguém joga? Então, na etapa 10, vamos colocar nosso jogo online para que qualquer pessoa possa jogar. Para publicar o jogo online, você precisará usar um serviço de hospedagem. Eu prefiro usar a Hostinger, que é parceira de longa data deste canal. Vou deixar um link para esta página na descrição. Você pode escolher um dos planos, como este plano ilimitado, que custa apenas cerca de US$ 4 por mês. Você pode escolher o período entre 1 mês, 12 meses ou 24 meses; tanto faz.
13:56 E o legal deste pacote é que você pode hospedar vários domínios e vários sites nesta conta. Então, selecione o período. Você também ganha um domínio grátis, então basta pesquisar o domínio que quer e registrá-lo. Assim, seu jogo terá uma URL exclusiva. A Hostinger dará mais 10% de desconto se você usar meu código de cupom. Então, digite Leon hosting e clique em Aplicar. Depois, basta continuar até o checkout. Agora que temos nossa conta de hospedagem, é muito fácil publicar qualquer aplicativo web. Vamos usar o conector da Hostinger dentro do Claude Code.
14:27 No aplicativo Claude para desktop, basta acessar Conectores, depois Gerenciar conectores, ir a Descobrir e pesquisar Hostinger. Em seguida, pesquise este conector oficial da Hostinger. Depois, basta clicar em Adicionar. Pronto, o conector da Hostinger está configurado. Agora podemos simplesmente copiar este prompt, que instrui Claude a usar o conector da Hostinger para publicar nosso jogo online. Na primeira vez que você usar este conector, Claude pedirá que autentique sua conta da Hostinger, o que é muito simples. Basta seguir estas instruções e Claude
14:58 vai publicar seu projeto. Por fim, ele fornecerá uma URL funcional para o seu jogo. Qualquer pessoa com essa URL poderá jogar meu jogo. Como prometido, criei uma skill de agent que faz tudo isso por você. Não é preciso copiar e colar prompts manualmente. Você pode baixar a skill gratuitamente; vou deixar o link na descrição deste vídeo. Então, vou encerrar este vídeo jogando alguns minutos do jogo de verdade. Mas, é claro, você também pode jogar e quero saber o que achou. [REPRODUÇÃO DO VÍDEO]
15:32 Um, dois, três, quatro. [REPRODUÇÃO DO VÍDEO] [MÚSICA TOCANDO] Apague as luzes, cante alto
16:03 Última música, não pense, só conte. Mais uma rodada, mais uma rodada, antes de apagarem as luzes. Cante alto, cante agora. Último refrão de todos, Rob, sem pressão. Mais uma rodada, mais uma rodada. Você está correndo. Não estou correndo, estou só um pouco apressado.
16:36 Mais uma música. Segure, segure a multidão antes de apagarem as luzes. Cante alto, cante agora. Termine com chave de ouro, baterista. Mais uma rodada, mais uma rodada, antes de apagarem as luzes. Cante alto, cante agora.
17:08 Mais uma rodada, mais uma rodada. Rob, Rob, arrasamos. Essa foi boa. (conversa da multidão) Silverbell, vocês foram maravilhosos. Nós somos os Paper Crowns, e essa, infelizmente, foi nossa última música de todas. Não chore, Dougie. São os Tom and Jerry. Priya nos teclados, Dougie no baixo,
17:41 e na bateria, o coração pulsante deste grupo lamentável, Robin. Feliz Natal. Voltem para casa em segurança. E, Bernie, acho que você nos deve uma rodada. Venha aqui antes que eu mude de ideia. Oito anos. É isso. A história toda. Ótimo show, querida. Ah, desculpe. Vou só passar por você aqui. Você desistiu? Quem vai tocar no meu casamento? Feliz Natal, Paper Crowns. Baterista, ei, como se chamava
18:13 aquela última? Lá está minha banda. Vocês foram maravilhosos, querida. Todos vocês. Quatro Tom and Jerry. Por conta da casa. Não conte à Receita Federal. Por conta da casa? Com essa neve, vão escorregar para fora. Todo ano, querida. Todo ano você diz isso. Bernie, case comigo. Entre na fila. Para quem é o Old Fashioned, Bernie?
18:43 Minha irmã. Todo ano, é um velho hábito. E nada de fazer pedidos sob o sino esta noite. Nenhum de vocês. Ele escuta. Uuuh, que assustador. Estou falando sério, Douglas. Bis, mais uma. Digitando, digitando, apagando. Digitando, apagando. Mags, nada de celular à mesa. Desculpa, desculpa. Quase. Não, depois.
19:14 Ela começa a turnê em janeiro. Ninguém falou isso em voz alta a noite toda. Nem eu. Está bem, está bem. Os biscoitos da vovó. Rob, segure uma ponta. Chapéus na cabeça. É a lei. Como se chama uma noite que nunca acaba? Ah, está rasgado. A piada final sumiu. Meus vinte e poucos anos. Uma passagem de som.
19:44 Não, isso vai ficar me incomodando. Vou ficar acordado a noite toda. Então, oito anos. Oito anos, quatro vans, um incêndio. Pequeno. E vou sentir muita falta disso. É ridículo. À última música. À última música. À última música. Quem dera não fosse. Já volto. Não caia aí dentro.
20:15 Depressa. É quase meia-noite. Lave as mãos e volte para a banda. Mais um minuto.
20:50 Respire. O espelho. Olhe bem para você, Robin. Pessoal? (telefone tocando) Mags? Dougie? Alô? Sem sinal, e ainda são 11h59. Mags estava me mandando mensagens. Ela estava bem do outro lado da mesa. Minhas baquetas ainda estão na bateria.
21:20 Morto, nem sequer dá linha. (telefone tocando) Olá, velhos amigos. Essa falha, está marcando o tempo. Teclas, Bernie? É você? Não.
22:02 À última música. Quem dera não fosse. Fui eu. Ele escuta. Bernie disse que ele escuta. Vou manter isso a salvo para você, Bernie. (música suave)
22:47 Aquele está olhando para mim. De novo. Quero vê-los outra vez. (música suave) Estava bem ali. Para onde foi? Mais uma, conte a entrada. Quatro tempos na batida outra vez. Aqui está ótimo.
23:19 Quatro tempos na batida, Robin. Nem que seja só batendo as baquetas. (música suave) Ele foi até aquela porta e parou. Geada dentro de casa. O telefone público estava mudo há um minuto. Alô? Ah, ainda bem. Alguém novo.
23:49 Escute, querida, não temos muito tempo. Bem, temos todo o tempo do mundo. Esse é o problema. Não deixe que ele ouça você tocar fora do tempo. Encontre seus amigos. Os pedaços deles que ainda estão aqui. O mais rápido que puder, querida. O que resta desta noite não vai durar para sempre. Depois venha me encontrar. Estarei no piano. Estou sempre no piano. Ele, o alto, aquele que estava olhando para mim.
24:23 Quem quer que fosse, conhece este lugar, e Bernie guarda tudo no escritório dela.
Transcrição original
[00:00] In this video I’ll show you how to build any game using Claude Code, and I’m not talking about another Minecraft clone either. This game has a real story, characters with backstories, voice acting, music, sound effects, and a proper ending with credits. Since it’s the spooky season, we’ll build a cozy horror game. But the steps I’ll show you in this video can be used to build any game, and you do not have to be a developer to follow along. I’ll take you through my 10-step workflow, and I’ll show you how to put your game online so anyone can play it.
[00:32] As a bonus, I’ll give you a free agent skill that does all of this for you. But first let me show you a few snippets from the game, listen to the music, the voice acting, and the sound effects. Rob. Rob! We nailed it! That was a good one. Who’s the old fashioned for, Bernie? My sister. Every year. Old habit. And no wishes under the bell tonight.
[01:02] Any of you. It listens. Ooh, spooky. I mean it, Douglas. So, eight years. Eight years, four vans, one fire. Small fire. And I’m going to miss this so much. It’s stupid. To the last song. To the last song. Come on. It’s just a band.
[01:34] It’s not just a band. Mags? Dougie? Hello? No signal. And it’s still 11:59. Mags was texting me. She was right across the table. How cool is that? Although we’re building a game in this video, you’re actually going to learn a lot of really cool lessons along the way. I hope you’re excited, so let’s get started. Now, as I mentioned, I will be using
[02:04] Claude Code in this video. In fact, I’ll use Claude running in the desktop app. And for the entirety of this video, I’ll only use Opus 5.5 running on extra effort. You’re more than welcome to drop down to high as well. You’ll still get really good results. So, create a new session in Claude Code and then select a folder on your machine. Now, first, I do want to set expectations here. What we’re asking the agent to do is super complex. If you want the agent to create a game that actually includes sound effects, voice acting, and characters that
[02:36] actually have lip sync to the audio, this is going to take a lot of time. I would not recommend trying to pay for this using API tokens. You definitely need a Claude subscription. Even if you’re on a $20 plan, that’s perfectly fine. You’ll hit your limits. Wait for the limits to reset and Claude will automatically continue. Now, the first step in the 10-step workflow is to flesh out the story, the characters, and the locations. So, this is the prompt I would use to start this process. So, we’re telling Claude that we want to build a cozy horror game
[03:08] or, you know, a first-person shooter, whatever you want to do, then we can describe our game idea. Now, you don’t have to flesh out the entire story. Personally, I’m not really good at writing detailed stories myself. So, just give a high-level idea of what you have in mind. And Claude will help you brainstorm ideas for your game. So, simply copy that prompt and add it to the chat. And by the way, you can download all of these prompts for free and the agent skill that does all of this for you from the description in this video. Now, I’m not going to sit here for a day building this game again.
[03:38] So, that will give you something like this. So, Claude will propose a script for your video. So, it kind of gives you the high-level story idea. It lists all the characters with their backstories. It will give you, like, the main gameplay mechanics. And it will propose the main scares as well as the ending. Now, at this point, you’re more than welcome to make any changes you want. Like, rename the characters, change the backstory, maybe introduce your own custom scares. This is your opportunity to work with the agent to bed down your game.
[04:09] Once you’ve locked in the story, Claude will store all of this information within the docs folder of your project folder. So, if this conversation ever had to get compacted or you want to create a new session, Claude will be able to reference these documents to figure out what the game is about. The second step is to set up the game environment for Claude. Now, Claude cannot play the game the same way that you and I can. It’s impossible for Claude to analyze the game at 60 frames a second. Also, if Claude had to test a specific section in the game,
[04:40] it shouldn’t have to play the entire game from beginning to that section in order to debug something. So, what we’re asking Claude to do here is to build its own debugging tools. That way, it can jump to any point in the game to debug a specific scene, view a character, view an object, etc. Every time Claude, it should measure that nothing is floating or poking through anything else. You’ve probably seen it where it might design a coffee table and then the coffee cup is like on the floor or it’s actually floating in the air. So, it’s going to analyze a scene from
[05:11] different perspectives, ensuring that everything is actually aligned and it looks correct. Now, visually, this step is not that interesting. This is basically Claude setting up its environment for success. The third step is where things get really interesting. In this step, we create the art style of the game. We ask Claude to create three different ideas, so three totally unique mock-ups of what our game could look like. You are more than welcome to ask it to create more variations to try different ideas. So, let me show you what that actually looked like for my project.
[05:41] Claude came up with these three styles. Wurly, Paper Crowns, and Last Call 98. I then asked Claude to create a fourth variant, which was called Grounded Realism, going for a more realistic look. So, Claude created these different screenshots to kind of show what the game could look like. It will even give you this interactive mock-up. So, this way you can get a really good idea of what this is going to look like in motion. It will give you like different perspectives, so we can go to first person, to turntable, so we can
[06:12] view the actual characters. And I personally like this style the most. This is a little jittery style. Let me just show you what the others look like as well. So, this is the Paper Crown example. And this one was Last Call 98, which seems to mimic like this PlayStation 1 style. And this is what we got for Grounded Realism. So, this is a really fun stage. This is now where you can work with the agent to, you know, maybe fix one of these designs or iterate on it or improve it. In fact, after looking at this design, I decided to change my
[06:42] character from male to female. You can paste in this prompt. So, you can just tell Claude that you want to pick this specific style and then turn that into a rulebook for the look, the colors, the materials, characters, shapes, lighting, animations, and menus. So, Claude will actually take that style and store it in that docs folder. So, by doing this, Claude will honor the art style whenever it creates new props or characters in our game. The fourth step is where we focus on audio, like the voice acting, the music,
[07:14] and the sound effects. Now, this step is optional. I use ElevenLabs to generate all of these audio assets. Now, to be clear, I’m not sponsored by ElevenLabs. I just found it very convenient for working on this project. There are local open source alternatives that you can use as well. So, at this point, you basically have two options. If you do not want to pay for service like ElevenLabs or generate it locally, simply ask Claude to create the sound effects itself. But if you do want to follow along with ElevenLabs, simply go to elevenlabs.io and
[07:45] then sign in to your account. Then scroll down to developers, go to API keys, then create a new key, give it any name you want, and disable restrict key. So, then click on create key and copy your key. Then what you can do is simply copy this prompt and paste it into the chat. Then also tell Claude what your API key is. Or if you want to be secure about it, simply open up a .env file in the project folder and drop your API key in there. Claude will then create this page for you.
[08:16] This is where you can listen to the different voices, casting, sound effects, music, scares, and all voice lines. I’ll play a few samples.
[08:46] If you do not like the voice that Claude selected for any of these characters, you can tell it to use a different voice. Now, this step is really cool. When a character speaks, I actually want them to emote, and I do want their lips to move in sync with the actual audio. So, what you can do is actually copy this prompt and pass it to Claude. We’re asking Claude to create a demo with the main characters talking, and that will result in the scene. I will push up the audio in a second, but this is the first time we can actually hear the background sounds,
[09:17] and we can see our character close up, and we’ll be able to see what the facial expressions and lip sync looks like. To the last song! To the last song! “I wish it wasn’t. Come on, it’s just a band.” “Mags? Dougie? Hello?” I mean, how cool is that? You can actually see the different facial expressions in action as well. And because we’re working with Claude,
[09:48] if you don’t like something, ask Claude to adjust it. Once you’re happy with the scene and sort of what the character looks like and the animations, it’s time to lock it in. Now that we’ve got our audio and we know what our character is going to look like, we might be tempted to just jump ahead and ask Claude to build the entire game. But what I recommend you do at this point is to create a vertical slice of the game. It’s just enough of the gameplay for us to review it and fine-tune and fix anything we don’t like. We’re asking Claude to build a short version of the game
[10:19] that includes the characters, the scares, the sound effects and everything else. But we’re also spinning up critic agents. And each of those would focus on a specific area of the game. What I like to do is to introduce three agents. A tough critic, a scare director, and a narrative agent that will ensure that the game is aligned with the original story. The scare director will focus only on the scares, the jump scares, the horror scenes, to make sure that they are actually scary and spooky.
[10:49] And the tough critic will focus on everything else, like the gameplay, the graphics, animations, etc. And Claude will work away. It is going to take a bit of time, but eventually it will give you a link to the actual game or a slice of the game. We’ve got our main menu, we even have options, and well, let’s actually just jump into the game. Again, this is not the entire game, but we can already see our character in motion. We can control the character. We are looking into a mirror. And we’re in this little bathroom of a pub.
[11:20] It might be a little bit soft on your end, but there is like background music, there’s audio playing. We can’t leave the bathroom, so let’s actually use the sink. It’s just a bear. I’m just a bear. Our character is actually speaking, she’s emoting, her lips actually moved as well, which is exactly what I want. You can see in her facial expression that something is indeed off, and the expression just changed. Let’s leave the bathroom, and that looks really cool. So she just brought up her phone, and I really do not like
[11:51] the way the phone looks. So in the final version of the game, you’ll see the phone is an actual 3D object. So step seven is to play that vertical slice, play it a couple of times, and note down anything that needs to be fixed and give it to Claude. Once you’re happy with that vertical slice, it’s time to lock it in. Ask Claude to build the rest of the game. So in this point, we’re telling Claude to continue with the rest of the game, and we’re reminding it to use our team, so the three critic agents. I also told Claude not to wait for me for small decisions.
[12:22] It can make decisions itself. The reason for this is this is most likely going to run for like 12 hours or even a day. So I did not want the session to stop, because I wasn’t available. I’m not going to play the game right now, I’m going to add a section at the end of this video and play like the first few minutes. But this game is online if you do want to try it yourself. Step nine is the final polish. Play the game from start to finish and let Claude know what needs to be fixed. Like I noticed the lighting wasn’t really spooky enough in certain scenes,
[12:53] so I asked Claude to fix it. Since this game is running in the browser, you need to optimize it for different devices. Like this game should be optimized to run on pretty much anyone’s laptop. In my version, I also noticed that some of the voice acting was missing, or Claude actually played the wrong audio file in certain scenes. Of course, those were small fixes and Claude was able to fix it within minutes. Of course, this final line is not really part of the prompt itself, but if you can, ask someone to sit next to you and to play the game themselves. I actually asked my wife to play the game
[13:25] and to give feedback as well. And what’s the point in creating a game if no one actually plays it? So step 10, we’ll put our game online so anyone can play it. To deploy the game online, you will need to use a hosting service. I prefer to use Hostinger and they’ve been a long-standing partner with this channel. I’ll leave a link to this page in the description. So what you can do is choose one of their plans, like this unlimited plan at only like $4 per month. You can choose your term between 1 month, 12 months, 24 months, it really doesn’t matter.
[13:56] And the cool thing about this package is you are able to host multiple domains and multiple websites on this account. So select your term, you also get a free domain, so you can just search for your domain and register it. That way your game has a unique URL. Hostinger will give you an additional 10% off if you use my coupon code. So enter Leon hosting and click on apply. And then you can simply continue to checkout. Now that we have our hosting account, it’s really easy to deploy any web app. We’ll use the Hostinger connector within Claude Code.
[14:27] So within the Claude desktop app, simply go to connectors, go to manage connectors, then go to discover and simply search for Hostinger. And then search for this official Hostinger connector. Then from here, simply click on add. And now you have the Hostinger connector set up. So now we can simply copy this prompt that tells Claude to use the Hostinger connector to deploy our game online. The first time you use this connector, Claude will ask you to authenticate your Hostinger account, which is really simple. Just follow these instructions and Claude
[14:58] will go ahead and deploy your project. Finally, it will give you a working URL to your game. And anyone with this URL can play my game. As promised, I created an agent skill that does all of this for you. You do not have to manually copy and paste prompts around. You can download the skill for free and I’ll link to it in the description of this video. So I’m going to end this video by playing a few minutes of the actual game. But of course, you can play the game yourself and I do want to hear your thoughts. [VIDEO PLAYBACK]
[15:32] One, two, three, four. [VIDEO PLAYBACK] [MUSIC PLAYING] Turn the lights down Sing it loud
[16:03] Last song, don’t think, just count. One more round One more round Before they turn the lights down Sing it loud Sing it now Last chorus ever, Rob, no pressure. One more round One more round You’re rushing. I’m not rushing, I’m a little rushing.
[16:36] One more song. Hold on Hold on the crowd Before they turn the lights down Sing it loud Sing it now Bring it home, drummer. One more round One more round Before they turn the lights down Sing it loud Sing it now
[17:08] One more round One more round Rob, Rob, we nailed it. That was a good one. (crowd chattering) Silverbell, you have been gorgeous. We’ve been the Paper Crowns, and that, sadly, was our last song ever. Don’t cry, Dougie. It’s the Tom and Jerry. Priya on keys, Dougie on bass,
[17:41] and on drums, the heartbeat of this sorry outfit, Robin. Merry Christmas. Get home safe. And, Bernie, I believe you owe us a round. Get over here before I change my mind. Eight years. That’s it. That’s the whole thing. Great set, hun. Oh, sorry. Just gonna squeeze past you there. Did you quit? Who’s gonna play my wedding? Merry Christmas, Paper Crowns. Drummer, hey, what was
[18:13] that last one called? There’s my band. You were wonderful, hun. All of you. Four Tom and Jerrys. On the house. Don’t tell the IRS. On the house? In this snow, they’ll slide right off. Every year, hun. Every year you say that. Bernie, marry me. Get in line. Who’s the old fashioned for, Bernie?
[18:43] My sister. Every year, old habit. And no wishes under the bell tonight. Any of you. It listens. Ooh, spooky. I mean it, Douglas. Encore, one more. Typing, typing, deleting. Typing, deleting. Mags, no phones at the table. Sorry, sorry. Nearly, nope, later.
[19:14] She starts the tour in January. Nobody said it out loud all night. Not even me. Okay, okay. Grandma’s crackers. Rob, grab an end. Crowns on. It’s the law. What do you call a night that never ends? Oh, it’s torn. The punch line’s gone. My 20s. A sound check.
[19:44] No, it’s gonna bug me. I’m gonna lie awake. So, eight years. Eight years, four vans, one fire. Small fire. And I’m going to miss this so much. It’s stupid. To the last song. To the last song. To the last song. I wish it wasn’t. Be right back. Don’t fall in.
[20:15] Hurry up. It’s nearly midnight. Wash up, then back to the band. One more minute.
[20:50] Breathe. The mirror. Have a proper look at yourself, Robin. Guys? (phone ringing) Mags? Dougie? Hello? No signal, and it’s still 11:59. Mags was texting me. She was right across the table. My sticks are still on the kit.
[21:20] Dead, not even a dial tone. (phone ringing) Hello, old friends. That skip, it’s keeping time. Keys, Bernie? Is that you? No.
[22:02] To the last song. I wish it wasn’t. That was me. It listens. Bernie said it listens. I’ll keep it safe for you, Bernie. (soft music)
[22:47] That one’s looking at me. Again. I want to see them again. (soft music) It was right there. Where did it go? One more, count it in. Four on the beat again. Right here’s fine.
[23:19] Four on the beat, Robin. Even just clicking the sticks. (soft music) It walked right up to that door and stopped. Frost indoors. The payphone, it was dead a minute ago. Hello? Oh, thank goodness. Someone new.
[23:49] Listen, hun, there isn’t much time. Well, there’s all the time in the world. That’s the trouble. Don’t let him hear you play out of time. Find your friends. The bits of them still here. Quick as you can, darling. What’s left of tonight won’t keep forever. Then come and find me. I’ll be at the piano. I’m always at the piano. Him, the tall one, the one that was looking at me.
[24:23] Whoever that was knows this place and Bernie keeps everything in her office.