Table of Contents

WeChat Mini Program Mega 플러그인 샘플 프로젝트 전체 실행

이 문서는 annotation 사용을 포함하여 WeChat Mini Program Mega 플러그인 샘플 프로젝트를 전체적으로 실행하는 방법을 설명합니다.

시작하기 전에

  • 샘플 프로젝트 빠르게 실행을 완료합니다.

  • Unity의 Mega Studio로 3D 콘텐츠 배치를 완료하여 annotation data package ID와 annotation point ID를 얻습니다.

    cloud localization library 목록에서 [Block cloud localization] > **[Annotation data]**의 ID가 annotation data package ID입니다.

    cloud localization library의 annotation 정보

    오른쪽의 **[View]**를 클릭하면 업로드된 annotation data 이름과 ID를 볼 수 있습니다. 이 페이지 목록의 ID가 annotation point ID입니다.

    cloud localization library의 annotation data 이름

Mega annotation data package ID 구성

miniprogram/components/sample-data/easyar-settings.ts에 annotation data package ID를 입력합니다.

/** Mega 주석 데이터 패키지 ID 입력 */
export const MegaAnnotationId: string = "";

Annotation point에 표시할 모델 구성

miniprogram/components/sample-data/annotation-metadata.ts에서 key를 annotation point id로 변경하여 교체할 annotation을 구성합니다. 여러 annotation을 교체하려면 쉼표로 구분합니다.

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"
    }
};

Annotation point ID를 기록하고 대응시키는 방법은 annotation data 확인을 참고하십시오.

실제 기기에서 실행

  1. Mini Program developer tool 상단 바의 실제 기기 preview 버튼을 클릭하고 QR 코드를 스캔하여 로드합니다.

    참고

    AR 기능이 있는 xr-frame 컴포넌트는 developer tool에서 직접 시뮬레이션 실행할 수 없습니다.

    QR 코드 로드

  2. EasyAR Mega Samples를 클릭하여 샘플 프로젝트의 AR scene으로 들어갑니다.

    Sample 입구

  3. 화면의 EasyAR Session is initializing 메시지는 WeChat plane detection이 초기화 중임을 나타냅니다.

    팁

    밝은 환경에서 테스트하고, 넓은 단색 벽이나 단색 바닥은 피하십시오.

    바닥 또는 다른 평면을 향해 일정한 속도로 좌우로 흔들면 이 과정을 빠르게 할 수 있습니다.

    초기화

  4. 초기화가 완료되면 휴대폰을 세로로 들어 카메라가 정상적인 실제 화면을 촬영하도록 합니다. localization이 성공하면 debug 정보에 Found가 나타나고 오른쪽 아래 상태 표시기가 녹색으로 바뀝니다.

    Localization

  5. assetId가 구성되었는지 여부에 따라 annotation 위치에 GLTF 모델 또는 큐브가 로드되고 렌더링됩니다.

    실행 효과:

관련 주제