Apple Vision Pro (visionOS) WindowのModel3DにUSDZの3Dモデルを表示するシンプルな方法  | 技術ブログ | 株式会社OnePlanet 読み込まれました

Apple Vision Pro (visionOS) WindowのModel3DにUSDZの3Dモデルを表示するシンプルな方法

はじめに

Apple Vision Pro (visionOS) のSwiftUIで3Dのモデルを表示するModel3DにUSDZの3Dモデルを表示するシンプルな方法について説明します。

Apple Vision Pro について

Apple Vision Pro について、以下の記事にまとめてます。

ルートのフォルダ配下にUSDZファイルをドラッグ&ドロップ

Model3Dの実装方法

import SwiftUI
import RealityKit

struct ContentView: View {
    var body: some View {
        Model3D(named:"house") {model in
            model
                .resizable()
                .aspectRatio(contentMode: .fit)
        } placeholder: {
            ProgressView()
        }
    }
}

Model3DのnamedにUSDZのファイル名を指定します。

実行

Window上にUSDZファイルの3DモデルをModel3D上で表示されます。

上記のような画面が表示されます。

まとめ

今回はUSDZファイルをModel3Dを使って表示するシンプルな方法について説明しました。他にReality Composer Proで作成したプロジェクトから読み込む方法やダウンロードして読み込んで表示する方法もあります。

XR エンジニア

徳山 禎男

SIerとして金融や飲料系など様々な大規模プロジェクトに参画後、2020年にOnePlanetに入社。ARグラスを中心とした最先端のAR技術のR&Dや、法人顧客への技術提供を担当。過去にMagic Leap 公式アンバサダーを歴任。

View More

お問い合わせ・ご相談

ARでやってみたいことやお困りごとなど
お気軽にお問い合わせください。

お問い合わせ