Table of Contents

Esegui completamente il progetto di esempio del plug-in Mega per mini program WeChat

Questo articolo introdurrà come eseguire completamente il progetto dimostrativo del plug-in Mega per mini program WeChat (incluso l'utilizzo delle annotazioni).

Prima di iniziare

  • Completa Esegui rapidamente il progetto di esempio.

  • Completa Posiziona contenuti 3D utilizzando Mega Studio su Unity, per ottenere ID pacchetto dati di annotazione e ID punto di annotazione.

    [Block cloud localization] > [Dati annotazione] L'ID nell'elenco della libreria di localizzazione cloud è l'ID pacchetto dati di annotazione.

    Informazioni di annotazione nella libreria di localizzazione cloud

    Clicca su [Visualizza] a destra per vedere il nome e l'ID dei dati di annotazione caricati. L'ID nell'elenco di questa pagina è l'ID punto di annotazione.

    Nome dei dati di annotazione nella libreria di localizzazione cloud

Configura ID pacchetto dati di annotazione Mega

In miniprogram/components/sample-data/easyar-settings.ts inserisci l'ID pacchetto dati di annotazione:

/** Compila ID pacchetto dati annotazione Mega */
export const MegaAnnotationId: string = "";

Configura il modello da visualizzare per i punti annotazione

In miniprogram/components/sample-data/annotation-metadata.ts configura le annotazioni da sostituire modificando key con l'ID punto di annotazione. Per sostituirne più di uno, separa gli ID con virgole.

export const AnnotationMetaData: Record<string, any> = {
    /** Compila ID punto di annotazione */
    "aaaaaaaa-bbbb-cccc-dddd-123456789012": {
        assetId: "panda",
        scale: "1 1 1"
    },
    "aaaaaaaa-bbbb-cccc-dddd-123456789013": {
        assetId: "panda",
        scale: "1 1 1"
    }
};

Per informazioni su come registrare e correlare gli ID punti di annotazione, consulta Conferma dati di annotazione.

Esecuzione su dispositivo reale

  1. Clicca sul pulsante di anteprima su dispositivo nella barra superiore dello strumento di sviluppo mini program e carica tramite scansione QR code.

    Nota

    Non è possibile eseguire direttamente componenti xr-frame con funzionalità AR nello strumento di sviluppo in modalità simulazione.

    Caricamento tramite QR code

  2. Clicca su EasyAR Mega Samples per accedere alla scena AR del progetto di esempio.

    Ingresso esempio

  3. La scritta EasyAR Session is initializing sullo schermo indica che il rilevamento piano di WeChat si sta inizializzando.

    Consiglio

    Assicurati di testare in un ambiente ben illuminato, evitando pareti o pavimenti monocromatici estesi.

    Muovi il telefono avanti e indietro sopra una superficie per accelerare il processo.

    Inizializzazione

  4. Dopo il completamento dell'inizializzazione, posiziona il telefono verticalmente in modo che la fotocamera inquadri una normale scena reale. Quando la localizzazione ha successo, appare la scritta Found nelle informazioni di debug e l'indicatore di stato in basso a destra diventa verde.

    Localizzazione

  5. Verrà caricato e renderizzato un modello GLTF o un cubo nella posizione annotata (a seconda che assetId sia configurato).

    Effetto di esecuzione:

Argomenti correlati