Desenvolvedor Cria Jogo de Navegador 3D Usando Claude Code Opus e Three.js

✍️ OpenClawRadar📅 Publicado: March 24, 2026🔗 Source
Desenvolvedor Cria Jogo de Navegador 3D Usando Claude Code Opus e Three.js
Ad

Visão Geral do Projeto

Um desenvolvedor criou o Traffic Architect, um jogo de construção de estradas 3D e gerenciamento de tráfego que roda totalmente no navegador. O jogo está disponível em crazygames.com/game/traffic-architect-tic.

A stack técnica consiste em Claude Code Opus 4.6 e Three.js. Todo o projeto foi gerado por código sem arquivos de imagem externos, modelos 3D ou sprites. O Claude Code escreve JavaScript que cria todos os visuais em tempo de execução.

Mecânicas do Jogo

No Traffic Architect, os jogadores projetam redes de estradas para uma cidade em crescimento. Edifícios surgem e geram carros que precisam chegar a outros edifícios. Os jogadores conectam edifícios com estradas, ganham dinheiro com entregas e desbloqueiam novos tipos de estrada. O jogo termina se o tráfego ficar congestionado.

Ad

Estratégias de Fluxo de Trabalho com Claude Code

O desenvolvedor compartilhou estratégias específicas para trabalhar efetivamente com o Claude Code:

  • Planejar primeiro: Sempre comece fazendo um plano antes de escrever qualquer código. Divida o trabalho em tarefas pequenas e focadas - uma coisa de cada vez. Isso impede que o Claude saia do rumo ou tente fazer muito de uma vez.
  • Revisar tudo: Revise cada alteração de código que o Claude produz. Não apenas aceite e siga em frente. Se algo não parecer certo ou houver uma abordagem melhor, questione e itere até ficar satisfeito com a solução.
  • Tarefas pequenas, não grandes: Mantenha as tarefas pequenas e específicas. Tarefas vagas ou enormes tendem a fazer o Claude se desviar. Tarefas pequenas e bem definidas fornecem mais controle sobre o resultado.
  • Abordagem colaborativa: Algumas otimizações vieram do desenvolvedor, outras o Claude sugeriu. A chave é avaliar tudo criticamente - o Claude propõe, o desenvolvedor revisa, e eles vão e voltam. A relação é descrita como "mais parecida com trabalhar com um desenvolvedor júnior do que com piloto automático".
  • Mantenha-se envolvido: O Claude Code funciona melhor quando você permanece no ciclo. O ciclo de planejar, decompor, revisar e iterar mantém a qualidade alta.

O desenvolvedor está aberto a perguntas sobre o fluxo de trabalho com Claude Code e recebe feedback honesto sobre o jogo.

📖 Read the full source: r/ClaudeAI

Ad

👀 See Also

Benchmark vs. Produção: Quando os Testes de Agentes de IA Passam, mas os Fluxos de Trabalho Reais Falham
Use Cases

Benchmark vs. Produção: Quando os Testes de Agentes de IA Passam, mas os Fluxos de Trabalho Reais Falham

Um desenvolvedor trocou os agentes de IA de produção do Claude Sonnet pelos modelos mais baratos Grok e MiniMax após eles passarem em testes de referência, mas ambos falharam em produção devido a problemas de confiabilidade operacional não cobertos pelos benchmarks.

OpenClawRadar
Executando o Claude Code como um Motor de Julgamento Puro em Todo o Ciclo de Vida do Desenvolvimento de Software
Use Cases

Executando o Claude Code como um Motor de Julgamento Puro em Todo o Ciclo de Vida do Desenvolvimento de Software

Um desenvolvedor compartilha sua arquitetura para usar o Claude Code como um motor de raciocínio dentro de um sistema multicamadas: Python lida com orquestração, Claude Code lida com escrita e revisão de código, com subagentes isolados e uma camada de wiki persistente.

OpenClawRadar
Processo de Criação de Vídeos OpenClaw: Reduzindo a Automação para 80% com Qualidade Aprimorada
Use Cases

Processo de Criação de Vídeos OpenClaw: Reduzindo a Automação para 80% com Qualidade Aprimorada

Um desenvolvedor compartilha seu fluxo de trabalho refinado do OpenClaw para criação de vídeos animados, reduzindo a automação para 80% enquanto melhora a qualidade por meio de melhor engenharia de prompts, geração de múltiplos clipes e etapas manuais de pós-processamento.

OpenClawRadar
Memória Persistente de IA via Obsidian MCP: 16 Ferramentas para Claude Cowork
Use Cases

Memória Persistente de IA via Obsidian MCP: 16 Ferramentas para Claude Cowork

Um servidor MCP personalizado conecta o Claude Cowork ao Obsidian para memória persistente entre sessões, usando 16 ferramentas e consultas Dataview.

OpenClawRadar