Tutoriais de boas-vindas: um tour pelas telas reais

O que o jogador vê

• O elemento destacado de qualquer tela com o resto escurecido; o destaque acompanha o elemento quando o layout muda.
• Um balão de dica com "Próximo" nos passos que o jogador fecha e "Pular" quando o fluxo permite.
• Passos que esperam uma ação real: a dica fica até o jogador fazê-la no jogo.
• A recompensa no fim do fluxo e a lista "Tutoriais" para rever os fluxos permitidos.

Como funciona

• Um passo aponta para um elemento pela âncora: data-tutorial-anchor em qualquer elemento de qualquer módulo.
• Os fluxos podem começar sozinhos quando o título define, por exemplo na primeira visita.
• Cada passo exibido é registrado, o que gera o funil de boas-vindas nas análises do painel.

Para desenvolvedores

Os tutoriais funcionam por meio de client.tutorial no @idosgames/core; a sobreposição encontra os elementos pelas âncoras.

// Qualquer elemento de qualquer módulo pode ser uma âncora de tutorial
<button data-tutorial-anchor="play:start">Play</button>
// As abas do lobby são tab:{featureID}, o botão de perfil é lobby:profile,
// o botão "Jogar" de um jogo é play:{modeID}

• Marque os elementos para os quais um fluxo aponta; uma âncora sem elemento simplesmente espera até ele aparecer.
• Os passos são registrados com reportStepShown e concluídos com completeStep: a sobreposição faz isso por você.

Todos os campos estão descritos na habilidade tutorial-system, servida pelo servidor MCP do SDK.