← Voltar ao blog

VberAI End-to-End: AI Studio + Engine MCP para um Mini-Jogo Jogável

Gere ou importe UI no AI Studio e conduza lógica e depuração via Cursor com Godot, Unity ou Cocos MCP. Inclui gravação de match-3 chibi, da exportação do Studio a uma fatia jogável sem código escrito à mão.

Publicado
  • VberAI
  • AI Studio
  • Unity MCP
  • Godot MCP
  • Cocos MCP
  • game development workflow

Para indies e pequenos times, o gargalo raramente é “não saber escrever uma linha de código”. Geralmente são duas trilhas rodando em paralelo:

  1. Estrutura de UI e arte nunca chega limpa no motor — fatiar composições, reconstruir árvores Canvas / Control, nomes e hierarquia incompatíveis
  2. Gameplay e scripts são caros de iterar — reconectar componentes, caçar erros, entrar em Play — horas perdidas em trabalho repetitivo de editor

VberAI divide esses trabalhos em duas camadas. Não promete “um botão, jogo pronto”:

CamadaProdutoFunção
Canvas → UI do motorAI StudioGere UI de jogo a partir de linguagem natural, ou importe PSD / Figma; fatie, faça matte, edite e sincronize/exporte para Unity, Godot, Cocos Creator
Motor ↔ IDE de IAEngine MCP (Unity / Godot / Cocos)Dirija o editor aberto a partir de Cursor, Claude Code, Codex e clientes similares: lógica, scripts, depuração, preview

O restante deste guia é um caminho com formato de produção para uma fatia jogável de 0–1 e para ciclos de revisão posteriores.

Pipeline de ponta a ponta

Objetivo de gameplay / arquivo de design / brief de UI em linguagem natural
        │
        ├─→ AI Studio (gerar · importar · fatiar · matte · componentizar · exportar)
        │         ↓
        │    Hierarquia de UI / prefabs / assets de cena no projeto do motor
        │
        └─→ IDE de IA + Engine MCP (ler cena · escrever scripts · conectar · Play/depurar)
                  ↓
             Fatia de gameplay demonstrável → voltar ao Studio ou continuar com MCP por tipo de mudança

Regras práticas:

  • Acertar a estrutura de UI no canvas antes de conexões profundas no motor
  • Manter comportamento e números no motor; humanos são donos dos resultados de Play
  • Commit antes de edições grandes; manter a ponte MCP apenas em localhost

AI Studio: assets de interface prontos para o motor

AI Studio é para UI / estrutura de interface de jogo — não é uma caixa de chat genérica, nem um substituto para máquinas de estado de combate no motor.

Caminho 1: UI em linguagem natural (ainda sem arquivo de design)

Ajude-me a projetar um jogo match-3 estilo chibi

Depois verifique no canvas: alvos de hit vs decoração, nomes que scripts possam vincular, layout sob resoluções-alvo. Demonstração abaixo:

Assista no YouTube — Caminho 1: UI de match-3 chibi em linguagem natural

Caminho 2: Importar PSD / Figma / assets do projeto (design existente)

  1. Importe composições em camadas ou UI existente
  2. Divisão por IA em painéis, itens de lista, molduras de diálogo
  3. Bordas duras (cabelo, brilho, semitransparência) via AI Super Matting quando necessário, depois volte ao Studio
  4. Componentize e sincronize / exporte para Unity, Godot ou Cocos Creator

Demonstração de importação e divisão de PSD / Figma:

Assista no YouTube — Caminho 2: importar PSD / Figma e sincronizar com o motor

O que esta etapa produz

ProduzNão produz
Hierarquia de UI montável, texturas, estrutura de prefab/cenaFSMs de combate completas, autoridade de rede, sistemas de save

Exemplo de handoff mais profundo: Figma para Unity UI.

MCP (Model Context Protocol) permite que uma IDE de IA chame ferramentas locais. Os plugins de motor da VberAI expõem o editor aberto ao cliente: cenas/nós, scripts, auxílios de depuração e preview — não apenas colar arquivos no repositório.

Escolha e instale por motor:

Comparação: Godot MCP vs Unity MCP vs Cocos MCP.

Demonstração: após exportação do Studio, Cursor + Godot MCP entrega um match-3 chibi

Continuando o Caminho 1: a UI já está no Godot vinda do AI Studio. Conecte o Godot MCP no Cursor e dirija o editor em linguagem natural — sem escrever uma única linha de código à mão — para implementar o gameplay de match-3 chibi e depurá-lo até um estado jogável. Gravação abaixo:

Assista no YouTube — Exportação de UI do Studio → Cursor + Godot MCP constrói e depura um match-3 chibi (sem código escrito à mão)

Boas aplicações para MCP

  • Fatias de gameplay testáveis: controle do jogador, combate simples, estados de inimigo, conexão de quests
  • Renomeações em lote na Hierarquia / árvore de cena, anexar componentes, vincular HUD exportado do Studio a eventos
  • Dentro dos limites do plugin: logs, contexto de seleção, pequenas edições reversíveis e depois Play

Más aplicações

  • Autoridade multiplayer não revisada ou reescritas completas do pipeline de render
  • “Um prompt, envie um jogo comercial”
  • Substituir direção de arte e decisões de sensação — isso ainda precisa de humanos no modo Play

Exemplos trabalhados: RPG 3D com Unity MCP, plataforma 2D com Godot MCP.

0–1: um caminho mínimo

Mire em uma fatia demonstrável em horas, não em uma lista de funcionalidades.

  1. Escopo da fatia — ex.: “mover + um inimigo + um HUD” ou “um nível de plataforma + reiniciar”
  2. Instale o MCP e faça um smoke test somente leitura — liste raízes da cena; confirme que a IDE de IA está conectada
  3. UI provisória ou gameplay primeiro — Labels/Sliders enquanto os sistemas não estão prontos; abra o AI Studio quando menus/HUD precisarem parecer finalizados
  4. Avance a lógica via MCP — uma preocupação por prompt: controle → dano → inimigo → condições de falha/quest
  5. Polit a UI quando necessário — exportação do Studio → MCP vincula botões e eventos de valor
  6. Aceite via Play — sensação, colisão, atualização de UI; se falhar, restrinja o prompt e tente novamente

Iteração rápida: escolha o loop por tipo de mudança

MudançaPrefira
Sensação, números, IA, navegação, bugs de script, conexão de nósIDE de IA → engine MCP
Visuais de tela cheia, reskin, divisão de camadas, reexportar prefabsAI Studio (+ matting se necessário)
Ainda preso em “composições não entram no motor”Estrutura no Studio primeiro, depois MCP

O ganho esperado é concreto: menos reconstrução de UI do zero no editor e menos cliques repetitivos. Isso não remove julgamento de design ou testes.

Checklist para o time

  • Licenciamento: Unity / Cocos MCP seguem ativação oficial; Godot MCP pode validar hábitos via open source
  • Segurança: Servidor MCP apenas em 127.0.0.1
  • Prompts com critérios de aceite: caminhos, pontos de anexo, o que o Play deve mostrar em ~10 s, refatorações fora do escopo
  • Revisão: sempre teste via Play os scripts gerados e edições de nós — MCP reduz custo operacional, não QA

Conclusão

A história útil da VberAI é uma divisão de dores de alta frequência — não “automação total”:

  • AI Studio: linguagem natural ou PSD/Figma → estrutura de UI para Unity / Godot / Cocos
  • Engine MCP: linguagem natural em uma IDE de IA → lógica no editor, scripts, depuração, preview

Use o loop certo e fatias 0–1 mais ciclos de revisão andam mais rápido. Atravesse a fronteira (escrever FSMs de combate no canvas, MCP fatiando pacotes inteiros de UI) e você adiciona retrabalho. Adote uma camada ou ambas conforme o estágio do projeto — você não precisa de todos os produtos no primeiro dia.

Mais guias que podem interessar