Table of Contents

Executar completamente o projeto de exemplo do plug-in WeChat Mini Program Mega

Este artigo irá apresentar como executar completamente o projeto de exemplo do plug-in Mega do WeChat Mini Program (incluindo o uso de anotações).

Antes de começar

Configurar o ID do pacote de dados de anotação Mega

Em miniprogram/components/sample-data/easyar-settings.ts, preencha o ID do pacote de dados de anotação:

/** Preencha o ID do pacote de dados de anotação Mega */
export const MegaAnnotationId: string = "";

Configurar o modelo a ser exibido no ponto de anotação

Em miniprogram/components/sample-data/annotation-metadata.ts, configure as anotações a serem substituídas alterando a key para o ID do ponto de anotação. Para substituir múltiplos, separe-os com vírgulas.

export const AnnotationMetaData: Record<string, any> = {
    /** Preencha o ID do ponto de anotação */
    "aaaaaaaa-bbbb-cccc-dddd-123456789012": {
        assetId: "panda",
        scale: "1 1 1"
    },
    "aaaaaaaa-bbbb-cccc-dddd-123456789013": {
        assetId: "panda",
        scale: "1 1 1"
    }
};

Para informações sobre como registrar e corresponder IDs de pontos de anotação, consulte Confirmar dados de anotação.

Execução em dispositivo real

  1. Clique no botão de pré-visualização em dispositivo real na barra superior da ferramenta de desenvolvimento de mini programas, e carregue digitalizando o código QR.

    Nota

    Não é possível executar diretamente componentes xr-frame com recursos AR na ferramenta de simulação.

    Carregamento por código QR

  2. Clique em EasyAR Mega Samples para entrar na cena AR do projeto de exemplo.

    Entrada do exemplo

  3. A mensagem EasyAR Session is initializing na tela indica que a detecção de plano do WeChat está inicializando.

    Dica

    Garanta o teste em um ambiente com boa iluminação, evitando paredes ou pisos com grandes áreas de cores sólidas.

    Balance o telefone suavemente para os lados apontando para o chão ou outro plano para acelerar este processo.

    Inicialização

  4. Após a inicialização, segure o telefone na vertical para que a câmera capture uma cena real normal. Quando a localização for bem-sucedida, a mensagem Found aparecerá na informação de debug, e o indicador de status no canto inferior direito ficará verde.

    Localização

  5. Os modelos GLTF ou cubos serão carregados e renderizados na posição anotada (dependendo da configuração de assetId).

    Resultados operacionais:

Tópicos relacionados