Table of Contents

Полный пример работы с плагином Mega для мини-программ WeChat

Эта статья расскажет, как полностью запустить демонстрационный проект плагина Mega для мини-программ WeChat (включая использование аннотаций).

Перед началом

Настройка ID пакета данных аннотаций Mega

В файле miniprogram/components/sample-data/easyar-settings.ts укажите ID пакета данных аннотаций:

/** Укажите ID пакета данных аннотаций Mega */
export const MegaAnnotationId: string = "";

Настройка модели для отображения в точке аннотации

В файле miniprogram/components/sample-data/annotation-metadata.ts настройте заменяемые аннотации, изменив key на ID точки аннотации. Для замены нескольких используйте запятые.

export const AnnotationMetaData: Record<string, any> = {
    /** Укажите ID точки аннотации */
    "aaaaaaaa-bbbb-cccc-dddd-123456789012": {
        assetId: "panda",
        scale: "1 1 1"
    },
    "aaaaaaaa-bbbb-cccc-dddd-123456789013": {
        assetId: "panda",
        scale: "1 1 1"
    }
};

О том, как записывать и сопоставлять ID точек аннотации, см. Подтверждение данных аннотации.

Запуск на реальном устройстве

  1. Нажмите кнопку предпросмотра на реальном устройстве в верхней панели инструментов разработки мини-программы и загрузите, отсканировав QR-код.

    Примечание

    Нельзя напрямую запускать компонент xr-frame с функциями AR в симуляторе инструментов разработки.

    Загрузка по QR-коду

  2. Нажмите EasyAR Mega Samples, чтобы войти в AR-сцену демонстрационного проекта.

    Вход в пример

  3. Сообщение EasyAR Session is initializing на экране означает, что инициализируется обнаружение плоскостей WeChat.

    Совет

    Убедитесь, что тестирование проходит в хорошо освещенном помещении, избегая стен или полов с большими однотонными участками.

    Плавно перемещайте устройство из стороны в сторону над поверхностью, чтобы ускорить процесс.

    Инициализация

  4. После инициализации держите телефон вертикально, чтобы камера захватывала нормальную реальную сцену. При успешном позиционировании в отладочной информации появится Found, а индикатор состояния в правом нижнем углу станет зеленым.

    Позиционирование

  5. В точке аннотации загрузится и отрендерится модель GLTF или куб (в зависимости от настройки assetId).

    Результат работы:

Связанные темы