Table of Contents

Exemple de projet complet pour l'exécution du plug-in Mega pour mini-programmes WeChat

Cet article explique comment exécuter complètement le projet d'exemple du plug-in Mega pour mini-programmes WeChat (incluant l'utilisation des annotations).

Avant de commencer

  • Complétez Exécution rapide du projet d'exemple.

  • Complétez Utilisation de Mega Studio sur Unity pour placer du contenu 3D pour obtenir l'ID du paquet de données d'annotation et l'ID du point d'annotation.

    [Block cloud positioning] > [Annotation data] L'ID dans la liste des bases de localisation cloud est l'ID du paquet de données d'annotation.

    Informations d'annotation dans la base de localisation cloud

    Cliquez sur [View] à droite pour voir le nom et l'ID des données d'annotation téléchargées. L'ID dans la liste de cette page est l'ID du point d'annotation.

    Noms des données d'annotation dans la base de localisation cloud

Configuration de l'ID du paquet de données d'annotation Mega

Dans miniprogram/components/sample-data/easyar-settings.ts, entrez l'ID du paquet de données d'annotation :

/** Entrez l'ID du paquet de données d'annotation Mega */
export const MegaAnnotationId: string = "";

Configuration des modèles à afficher pour les points d'annotation

Dans miniprogram/components/sample-data/annotation-metadata.ts, configurez les annotations à remplacer en modifiant key par l'id du point d'annotation. Pour en remplacer plusieurs, séparez-les par des virgules.

export const AnnotationMetaData: Record<string, any> = {
    /** Entrez l'ID du point d'annotation */
    "aaaaaaaa-bbbb-cccc-dddd-123456789012": {
        assetId: "panda",
        scale: "1 1 1"
    },
    "aaaaaaaa-bbbb-cccc-dddd-123456789013": {
        assetId: "panda",
        scale: "1 1 1"
    }
};

Pour savoir comment enregistrer et faire correspondre l'ID du point d'annotation, consultez Confirmation des données d'annotation.

Exécution sur l'appareil physique

  1. Cliquez sur le bouton d'aperçu physique dans la barre supérieure de l'outil de développement des mini-programmes, puis chargez en scannant le code QR.

    Note

    Vous ne pouvez pas exécuter directement en simulation le composant xr-frame avec fonctionnalités AR dans l'outil de développement.

    Chargement par code QR

  2. Cliquez sur EasyAR Mega Samples pour entrer dans la scène AR du projet d'exemple.

    Entrée de l'exemple

  3. L'indication EasyAR Session is initializing à l'écran signifie que la détection de plan de WeChat est en cours d'initialisation.

    Astuce

    Assurez-vous de tester dans un environnement bien éclairé, en évitant les murs ou sols de grande surface unicolores.

    Balayez le sol ou un autre plan de gauche à droite à vitesse constante pour accélérer ce processus.

    Initialisation

  4. Une fois l'initialisation terminée, tenez le téléphone verticalement pour que l'appareil photo capture une vue normale de la réalité. Lorsque la localisation réussit, le message Found apparaît dans les informations de débogage et l'indicateur d'état en bas à droite devient vert.

    Localisation

  5. Le modèle GLTF ou le cube (selon si assetId est configuré) sera chargé et rendu à la position annotée.

    Résultat d'exécution :

Thèmes connexes