Table of Contents

Ejecución completa del proyecto de ejemplo del plugin Mega para WeChat Mini Program

Este artículo presenta cómo ejecutar completamente el proyecto de ejemplo del plugin Mega para WeChat Mini Program (incluyendo el uso de anotaciones).

Antes de comenzar

  • Complete Ejecución rápida del proyecto de ejemplo.

  • Complete Uso de Mega Studio en Unity para colocar contenido 3D para obtener el ID del paquete de datos de anotación y el ID del punto de anotación.

    [Block ubicación en la nube] > [Datos de anotación] El ID en la lista de la biblioteca de ubicación en la nube es el ID del paquete de datos de anotación.

    Información de anotación en la biblioteca de ubicación en la nube

    Haga clic en [Ver] a la derecha para ver el nombre y el ID de los datos de anotación cargados. El ID en la lista de esta página es el ID del punto de anotación.

    Nombre de los datos de anotación en la biblioteca de ubicación en la nube

Configurar el ID del paquete de datos de anotación de Mega

En miniprogram/components/sample-data/easyar-settings.ts, ingrese el ID del paquete de datos de anotación:

/** Complete el ID del paquete de datos de anotación de Mega */
export const MegaAnnotationId: string = "";

Configurar el modelo a mostrar en los puntos de anotación

En miniprogram/components/sample-data/annotation-metadata.ts, configure las anotaciones a reemplazar cambiando key al id del punto de anotación. Si desea reemplazar varios, sepárelos con comas.

export const AnnotationMetaData: Record<string, any> = {
    /** Complete el ID del punto de anotación */
    "aaaaaaaa-bbbb-cccc-dddd-123456789012": {
        assetId: "panda",
        scale: "1 1 1"
    },
    "aaaaaaaa-bbbb-cccc-dddd-123456789013": {
        assetId: "panda",
        scale: "1 1 1"
    }
};

Para saber cómo registrar y corresponder los ID de los puntos de anotación, consulte Confirmar datos de anotación.

Ejecución en dispositivo real

  1. Haga clic en el botón de vista previa en dispositivo real en la barra superior de la herramienta de desarrollo de mini programs y cargue escaneando el código QR.

    Nota

    No se puede ejecutar directamente en la simulación de la herramienta de desarrollo el componente xr-frame con funciones de AR.

    Carga mediante código QR

  2. Haga clic en EasyAR Mega Samples para ingresar a la escena AR del proyecto de ejemplo.

    Entrada de muestra

  3. Si la pantalla muestra EasyAR Session is initializing, significa que la detección de planos de WeChat se está inicializando.

    Consejo

    Asegúrese de probar en un entorno con buena iluminación, evitando paredes o pisos de color liso en áreas grandes.

    Mueva el teléfono de izquierda a derecha a velocidad constante sobre una superficie plana para acelerar este proceso.

    Inicialización

  4. Una vez completada la inicialización, mantenga el teléfono verticalmente para que la cámara capture una vista normal de la realidad. Cuando el posicionamiento sea exitoso, aparecerá la palabra Found en la información de depuración y el indicador de estado en la esquina inferior derecha se volverá verde.

    Posicionamiento

  5. Se cargará y renderizará el modelo GLTF o un cubo (dependiendo de si se configuró assetId) en la ubicación de la anotación.

    Efecto de ejecución:

Temas relacionados