Jogo de golfe desenvolvido ontem à noite com Claude Code, Svelte e ThreeJS

Ontem à noite, um jogo de golfe 3D totalmente jogável ganhou vida usando Claude Code, Svelte e ThreeJS – construído em uma única sessão sem tocar em um mecanismo de jogo. Este projeto demonstra exatamente como o desenvolvimento moderno assistido por IA está diminuindo a lacuna entre a ideia e o produto funcional, e por que existem ferramentas como o Mewayz para ajudar construtores ambiciosos a entregar mais rápido.

Como era realmente o jogo de golfe quando foi concluído?

O resultado final foi um jogo de golfe em primeira pessoa baseado em navegador, renderizado inteiramente em 3D. ThreeJS cuidou do gráfico de cena, iluminação, malha de terreno e simulação física da bola. Svelte dirigiu a camada da IU – o scorecard, medidor de potência de chute, indicador de vento e menu de seleção de buracos. Claude Code atuou como programador par o tempo todo, gerando clichês, depurando erros de shader e sugerindo a arquitetura de como as lojas Svelte deveriam comunicar as mudanças de estado ao loop de renderização ThreeJS.

No final da sessão, o jogo incluía um verde gerado processualmente, uma trajetória de bola parabólica realista com queda de rotação, iluminação ambiente com sombras e um sistema de par funcional em três buracos. O tempo total de construção foi de aproximadamente quatro horas. Sem Unidade. Não, irreal. Apenas uma aba do navegador, um terminal e uma IA que nunca se cansa.

Como Claude Code lidou com o trabalho técnico pesado?

A parte mais impressionante da construção não foi o código em si, mas a velocidade com que as decisões arquitetônicas foram resolvidas. Claude Code entendeu o contexto de cada arquivo sem precisar ser re-informado. Quando o loop de animação do ThreeJS começou a entrar em conflito com as atualizações reativas da loja de Svelte, Claude imediatamente diagnosticou o problema de renderização dupla e propôs um padrão de barramento de eventos limpo para dissociar os dois sistemas.

“O verdadeiro poder do desenvolvimento assistido por IA não é o preenchimento automático – é ter um colaborador que mantém toda a arquitetura em mente enquanto você se concentra no problema criativo que está à sua frente.”

Claude Code também cuidou do trabalho de implementação mais tedioso que normalmente retarda projetos solo: escrever a matemática do quaternion para vetores de impacto do clube à bola, estruturar o pipeline de carregamento de ativos e configurar a configuração do Vite para um projeto Svelte + ThreeJS do zero. O que normalmente seriam duas horas de arqueologia Stack Overflow levou cerca de doze minutos.

Por que Svelte e ThreeJS acabaram sendo uma combinação perfeita?

A combinação de Svelte e ThreeJS é subutilizada na comunidade de desenvolvimento de jogos web, e este projeto provou porque merece mais atenção. A reatividade em tempo de compilação do Svelte significa que praticamente não há sobrecarga ao atualizar os elementos da interface do jogo – a barra de energia, a exibição da velocidade do vento e o contador de golpes, todos atualizados a 60fps sem um único problema de desempenho.

ThreeJS forneceu tudo o que é necessário para um ambiente 3D convincente sem a sobrecarga de abstração de um mecanismo completo:

Primitivas de geometria para fairway, tee box e hole cup — todas construídas com instâncias PlaneGeometry e CylinderGeometry

MeshStandardMaterial com valores de rugosidade e metalidade que deram à bola de golfe seu brilho distinto sob iluminação direcional

Raycasting para detectar colisão bola-terreno e desencadear física de salto

OrbitControls adaptados para uma perspectiva fly-cam que segue o arco da bola após cada tacada

AnimationMixer para lidar com a animação da bandeira no verde, adicionando um detalhe visual pequeno, mas satisfatório

A árvore de componentes Svelte permaneceu completamente separada da árvore de cenas ThreeJS, o que tornou a depuração simples e manteve a base de código limpa mesmo quando os recursos foram adicionados rapidamente.

O que esta versão revela sobre o desenvolvimento de produtos assistidos por IA em 2025?

O jogo de golfe é um projeto de brinquedo, mas o fluxo de trabalho demonstrado é diretamente aplicável ao desenvolvimento sério de produtos. Quando Claude Code é usado como um colaborador ativo em vez de uma ferramenta de preenchimento automático passivo, a qualidade da saída aumenta significativamente. A principal diferença é a continuidade do contexto – Claude Code rastreia o que já foi construído ao longo do

Frequently Asked Questions

Can I build a browser-based game using only Svelte and ThreeJS without a dedicated game engine?

Yes, and this project proves it is entirely practical for small-to-medium scope games. ThreeJS handles rendering, physics approximations, and scene management, while Svelte manages reactive UI state cleanly. For simple games — platformers, puzzle games, golf — this stack performs well and deploys as a standard web app with no plugins required.

How does Claude Code differ from standard AI code completion tools like GitHub Copilot?

Claude Code operates at the project level rather than the line level. It understands the relationships between files, maintains context across a full development session, and can reason about architecture, not just syntax. This makes it significantly more useful for complex builds where the challenge is system design rather than remembering API method names.

What makes Mewayz different from using separate tools for each business function?

Mewayz consolidates 207 modules — covering CRM, content, courses, ecommerce, affiliates, analytics, and more — into a single platform with a unified data layer. This eliminates the integration overhead, data silos, and subscription sprawl that come with tool stacking. For growing businesses, the operational clarity this provides is the actual product, not just the feature list.

Whether you are shipping a golf game at midnight or scaling a business to its next revenue tier, the fastest path forward is an integrated system that holds context so you can focus on execution. Mewayz is built for exactly that. Start your Mewayz account today at app.mewayz.com and run your entire business from a single, coherent operating layer — starting at $19 per month.

Related Posts

• QGIS 4.0
• Bloqueie o pergaminho com vingança
• Pergunte a HN: Você está usando um agente orquestrador para escrever código?
• A matemática da compressão em sistemas de banco de dados