はじめに

%3Cblockquote%20class%3D%22twitter-tweet%22%3E%3Cp%20lang%3D%22ja%22%20dir%3D%22ltr%22%3E%E7%AC%AC26%E5%9B%9E%20Unity%20Editor%20%E3%81%A8%20Unity%20PolySpatial%E3%81%A7%20Apple%20Vision%20Pro%20%E3%81%AE%20%E3%82%A2%E3%83%97%E3%83%AA%E9%96%8B%E7%99%BA%EF%BC%88Bounded%20Volume%E3%81%AE%E3%82%A2%E3%83%97%E3%83%AA%E3%81%ABSwiftUI%E3%82%84RealityKit%E3%81%AE%E3%83%8D%E3%82%A4%E3%83%86%E3%82%A3%E3%83%96%E3%82%B3%E3%83%BC%E3%83%89%E3%82%92%E7%B5%84%E3%82%80%E3%81%93%E3%82%80%E6%96%B9%E6%B3%95%20%EF%BC%89%E3%82%92%E6%8A%95%E7%A8%BF%E3%81%97%E3%81%BE%E3%81%97%E3%81%9F%E3%80%82%3Ca%20href%3D%22https%3A%2F%2Ft.co%2Fk4594QQEE6%22%3Ehttps%3A%2F%2Ft.co%2Fk4594QQEE6%3C%2Fa%3E%20%3Ca%20href%3D%22https%3A%2F%2Ftwitter.com%2Fhashtag%2Fapplevisionpro%3Fsrc%3Dhash%26amp%3Bref_src%3Dtwsrc%255Etfw%22%3E%23applevisionpro%3C%2Fa%3E%20%3Ca%20href%3D%22https%3A%2F%2Ftwitter.com%2Fhashtag%2Fvisionpro%3Fsrc%3Dhash%26amp%3Bref_src%3Dtwsrc%255Etfw%22%3E%23visionpro%3C%2Fa%3E%20%3Ca%20href%3D%22https%3A%2F%2Ftwitter.com%2Fhashtag%2Fvisionos%3Fsrc%3Dhash%26amp%3Bref_src%3Dtwsrc%255Etfw%22%3E%23visionos%3C%2Fa%3E%20%3Ca%20href%3D%22https%3A%2F%2Ftwitter.com%2Fhashtag%2Funity3d%3Fsrc%3Dhash%26amp%3Bref_src%3Dtwsrc%255Etfw%22%3E%23unity3d%3C%2Fa%3E%20%3Ca%20href%3D%22https%3A%2F%2Ftwitter.com%2Fhashtag%2Funitypolyspatial%3Fsrc%3Dhash%26amp%3Bref_src%3Dtwsrc%255Etfw%22%3E%23unitypolyspatial%3C%2Fa%3E%20%3Ca%20href%3D%22https%3A%2F%2Ftwitter.com%2Fhashtag%2Foneplanetxr%3Fsrc%3Dhash%26amp%3Bref_src%3Dtwsrc%255Etfw%22%3E%23oneplanetxr%3C%2Fa%3E%20%3Ca%20href%3D%22https%3A%2F%2Ft.co%2FDfP4UQlr89%22%3Epic.twitter.com%2FDfP4UQlr89%3C%2Fa%3E%3C%2Fp%3E%26mdash%3B%20Sadao%20Tokuyama%20(%40tokufxug)%20%3Ca%20href%3D%22https%3A%2F%2Ftwitter.com%2Ftokufxug%2Fstatus%2F1725898967731552312%3Fref_src%3Dtwsrc%255Etfw%22%3ENovember%2018%2C%202023%3C%2Fa%3E%3C%2Fblockquote%3E%20%3Cscript%20async%20src%3D%22https%3A%2F%2Fplatform.twitter.com%2Fwidgets.js%22%20charset%3D%22utf-8%22%3E%3C%2Fscript%3E

Unity PolySpatialでビルドしたBounded VolumeのvisionOSアプリにSwiftUIやRealityKitなどのネイティブコードを組むこむ方法について説明します。

Apple Vision Pro について

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

開発環境について

Apple シリコンMac
Unity 2022 LTS (2022.3.11f1以上) （iOS Build Support とvisionOS Build Support はインストールしておくこと。）
Xcode 15.1 beta 1
visionOS beta 4 (21N5259k) - SDK
Unity PolySpatial 0.6.2

上記の環境で構築しました。

Unity PolySpatial の Hello Cube の構築

以下の記事を参考に構築します。

https://1planet.co.jp/tech-blog/applevisionpro-unitypolyspatial-serial-24

Xcodeプロジェクト

Unity-VisionOSプロジェクトのMainAppグループ（フォルダ）配下にあるUnityVisionOSSettings.swiftを開きます。

UnityPolySpatialApp の mainScene

extension の UnityPolySpatialApp にある mainScene が UnityPolySpatialがビルドしたApple Vision Pro アプリの Sceneになります。Sceneでは、WindowGroupやImmersiveSpaceを定義しています。今回はBounded Volumeのアプリに対してネイティブコードを実装します。

UnityPolySpatialApp

// GENERATED BY BUILD
import Foundation
import SwiftUI
import PolySpatialRealityKit

extension UnityPolySpatialApp {
    func initialWindowName() -> String { return "Unbounded" }
    
    @SceneBuilder
    var mainScene: some Scene {
        
        ImmersiveSpace(id: "Unbounded", for: UUID.self) { uuid in
            PolySpatialContentViewWrapper()
                .environment(\.pslWindow, PolySpatialWindow(uuid.wrappedValue, "Unbounded", .init(1.000, 1.000, 1.000)))
        } defaultValue: { UUID() } 

        WindowGroup(id: "Bounded-1.000x1.000x1.000", for: UUID.self) { uuid in
            ZStack(alignment: .bottom) {
                PolySpatialContentViewWrapper()
                    .environment(\.pslWindow, PolySpatialWindow(uuid.wrappedValue, "Bounded-1.000x1.000x1.000", .init(1.000, 1.000, 1.000))).padding3D(.front, 200)
                OnePlanetView()
            }
        } defaultValue: { UUID() } .windowStyle(.volumetric).defaultSize(width: 1.000, height: 1.000, depth: 1.000, in: .meters)

        ImmersiveSpace(id: "Unbounded", for: UUID.self) { uuid in
            PolySpatialContentViewWrapper()
                .environment(\.pslWindow, PolySpatialWindow(uuid.wrappedValue, "Unbounded", .init(1.000, 1.000, 1.000)))
        } defaultValue: { UUID() } 

    }
}

WindowGroup の PolySpatialContentViewWrapper は Bounded VolumeのViewを担ってます。今回はZStackを独自に実装してます。 PolySpatialContentViewWrapper の下にSwiftUIのボタンとTextを持つViewを持つようにしています。

OnePlanetView.swift


import SwiftUI

struct OnePlanetView: View {
    @State private var count = 0
    var body: some View {
        VStack {
            Text("\(count)").font(.system(size: 64))
            Button(action: {
                count = count + 1
            }) {
                Text("SwiftUI Button").frame(width: 300, height: 60)
            }
        }
    }
}

#Preview {
    OnePlanetView()
}

実行

%3Cblockquote%20class%3D%22twitter-tweet%22%3E%3Cp%20lang%3D%22ja%22%20dir%3D%22ltr%22%3E%E7%AC%AC26%E5%9B%9E%20Unity%20Editor%20%E3%81%A8%20Unity%20PolySpatial%E3%81%A7%20Apple%20Vision%20Pro%20%E3%81%AE%20%E3%82%A2%E3%83%97%E3%83%AA%E9%96%8B%E7%99%BA%EF%BC%88Bounded%20Volume%E3%81%AE%E3%82%A2%E3%83%97%E3%83%AA%E3%81%ABSwiftUI%E3%82%84RealityKit%E3%81%AE%E3%83%8D%E3%82%A4%E3%83%86%E3%82%A3%E3%83%96%E3%82%B3%E3%83%BC%E3%83%89%E3%82%92%E7%B5%84%E3%82%80%E3%81%93%E3%82%80%E6%96%B9%E6%B3%95%20%EF%BC%89%E3%82%92%E6%8A%95%E7%A8%BF%E3%81%97%E3%81%BE%E3%81%97%E3%81%9F%E3%80%82%3Ca%20href%3D%22https%3A%2F%2Ft.co%2Fk4594QQEE6%22%3Ehttps%3A%2F%2Ft.co%2Fk4594QQEE6%3C%2Fa%3E%20%3Ca%20href%3D%22https%3A%2F%2Ftwitter.com%2Fhashtag%2Fapplevisionpro%3Fsrc%3Dhash%26amp%3Bref_src%3Dtwsrc%255Etfw%22%3E%23applevisionpro%3C%2Fa%3E%20%3Ca%20href%3D%22https%3A%2F%2Ftwitter.com%2Fhashtag%2Fvisionpro%3Fsrc%3Dhash%26amp%3Bref_src%3Dtwsrc%255Etfw%22%3E%23visionpro%3C%2Fa%3E%20%3Ca%20href%3D%22https%3A%2F%2Ftwitter.com%2Fhashtag%2Fvisionos%3Fsrc%3Dhash%26amp%3Bref_src%3Dtwsrc%255Etfw%22%3E%23visionos%3C%2Fa%3E%20%3Ca%20href%3D%22https%3A%2F%2Ftwitter.com%2Fhashtag%2Funity3d%3Fsrc%3Dhash%26amp%3Bref_src%3Dtwsrc%255Etfw%22%3E%23unity3d%3C%2Fa%3E%20%3Ca%20href%3D%22https%3A%2F%2Ftwitter.com%2Fhashtag%2Funitypolyspatial%3Fsrc%3Dhash%26amp%3Bref_src%3Dtwsrc%255Etfw%22%3E%23unitypolyspatial%3C%2Fa%3E%20%3Ca%20href%3D%22https%3A%2F%2Ftwitter.com%2Fhashtag%2Foneplanetxr%3Fsrc%3Dhash%26amp%3Bref_src%3Dtwsrc%255Etfw%22%3E%23oneplanetxr%3C%2Fa%3E%20%3Ca%20href%3D%22https%3A%2F%2Ft.co%2FDfP4UQlr89%22%3Epic.twitter.com%2FDfP4UQlr89%3C%2Fa%3E%3C%2Fp%3E%26mdash%3B%20Sadao%20Tokuyama%20(%40tokufxug)%20%3Ca%20href%3D%22https%3A%2F%2Ftwitter.com%2Ftokufxug%2Fstatus%2F1725898967731552312%3Fref_src%3Dtwsrc%255Etfw%22%3ENovember%2018%2C%202023%3C%2Fa%3E%3C%2Fblockquote%3E%20%3Cscript%20async%20src%3D%22https%3A%2F%2Fplatform.twitter.com%2Fwidgets.js%22%20charset%3D%22utf-8%22%3E%3C%2Fscript%3E

visionOSシミュレーター上でUnity PolySpatialの3DモデルとSwiftUIのボタンとテキストが組み合わさった形で表示します。Unity PolySpatialの3DモデルやSwiftUIのボタンのタッチジェスチャーも機能します。

まとめ

正式にサポートしていないため、機能によっては正常に動作しない可能性があります。（SwiftUIのアラートが正常に機能しないことは確認済み。）Unityだけで実現できない機能をネイティブで補いたい場合などに活用できると思います。

Unity PolySpatial の他の記事はコチラにあります。