Table of Contents

完全な WeChat ミニプログラム Mega プラグインサンプルプロジェクトの実行

この記事では、WeChat ミニプログラム用 Mega プラグインのサンプルプロジェクト（アノテーションの使用を含む）を完全に実行する方法を紹介します。

開始前に

  • サンプルプロジェクトのクイック実行を完了してください。

  • Unity 上の Mega Studio を使用した 3D コンテンツの配置を完了し、アノテーションデータパッケージ ID とアノテーションポイント ID を取得してください。

    [Block クラウドローカライゼーション] > [アノテーションデータ] で、クラウドローカライゼーションライブラリリスト内の ID が アノテーションデータパッケージ ID です。

    クラウドローカライゼーションライブラリ内のアノテーション情報

    右側の [表示] をクリックすると、アップロードされたアノテーションデータの名前と ID を確認できます。このページのリスト内の ID が アノテーションポイント ID です。

    クラウドローカライゼーションライブラリ内のアノテーションデータ名

Mega アノテーションデータパッケージ ID の設定

miniprogram/components/sample-data/easyar-settings.ts にアノテーションデータパッケージ ID を入力します：

/** Mega アノテーションデータパッケージ ID を入力 */
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コードをスキャンしてロードします。

    注記

    AR機能付き xr-frame コンポーネントは、開発ツール上での直接シミュレーション実行はできません。

    QRコードロード

  2. EasyAR Mega Samples をクリックしてサンプルプロジェクトの AR シーンに入ります。

    サンプルエントリ

  3. 画面に EasyAR Session is initializing と表示されている場合、WeChat 平面検出が初期化中であることを示します。

    ヒント

    十分な光がある環境でテストし、広範囲の無地の壁や床は避けてください。

    地面や他の平面に向けて、均一な速度で左右に振ることでこのプロセスを高速化できます。

    初期化

  4. 初期化が完了したら、携帯電話を垂直に持ち、カメラが通常の現実の風景を撮影するようにします。ローカライズが成功すると、デバッグ情報に Found という表示が現れ、右下のステータスインジケータが緑色に変わります。

    ローカライズ

  5. アノテーションの位置に GLTF モデルまたは立方体（assetId が設定されているかどうかによる）がロードされ、レンダリングされます。

    実行効果：

関連トピック