visionOS开发之入门介绍

YungFan

发布于 2024-01-16 08:24:58

1730

发布于 2024-01-16 08:24:58

文章被收录于专栏：学海无涯学海无涯

学习要求

掌握 Swift。
掌握 SwiftUI。
熟悉 RealityKit。
熟悉 ARKit。
熟悉 Accessibility。
硬件环境：Apple Silicon Mac。
系统环境：macOS 13.5 及以上。
开发工具：Xcode 15.2 及以上。
运行环境：visionOS 1.0 及以上。

Xcode创建项目

Initial Scene：初始化场景，可以选择Window或者Volume。
Immersive Space Render：沉浸式空间渲染引擎，可以选择None、RealityKit或者Metal。
Immersive Space：沉浸式空间，可以选择Mixed、Progressive或者Full。

Immersive.jpeg

注意：Immersive Space Render选项决定了Immersive Space选项。

空间计算

Apple Vision Pro 提供了无限的空间“画布”，在画布中用户可以与 App 进行交互，同时与周围环境保持联系，也可以完全沉浸在 App 营造的虚拟空间世界中。这种体验得益于 visionOS 中的空间计算功能。在空间计算的加持下，visionOS App 提供了 3 种不同的形态：窗口（Windows）、空间容器（Volume）与空间（Space）。

Window

可以在 visionOS App 中创建一个或多个类似 macOS App 的 2D 窗口，大小可以调整。

@main
struct TestApp: App {
    var body: some Scene {
        WindowGroup(id: "window") {
            ContentView()
        }
        .windowResizability(.contentSize)
        .defaultSize(CGSize(width: 800, height: 600)) // 窗口默认大小
    }
}



struct ContentView: View {
    var body: some View {
        VStack {
            Model3D(named: "Scene", bundle: realityKitContentBundle)
                .padding(.bottom, 50)

            Text("Hello, world!")
        }
        .padding()
    }
}

Volume

空间容器形态，与 Window 的区别是可以添加深度，即以 3D 的形态展示，大小固定。
使用时只需要给 WindowGroup 添加修饰符windowStyle，并将值设置为.volumetric即可。

 @main
struct TestApp: App {
    var body: some Scene {
        WindowGroup(id: "volume") {
            ContentView()
        }
        .windowStyle(.volumetric)
    }
}



struct ContentView: View {
    var body: some View {
        VStack {
            RealityView { content in
                if let scene = try? await Entity(named: "Scene", in: realityKitContentBundle) {
                    content.add(scene)
                }
            }

            Text("Hello, world!")
        }
        .padding()
    }
}

Space

空间形态，默认情况下 App 会启动到 Shared Space，它们可以并列存在，类似于同时运行多个 macOS App。为了获得更身临其境的体验，可以打开 Full Space，这样就会只显示该 App 的内容。

 @main
struct TestApp: App {
    var body: some Scene {
        ImmersiveSpace(id: "immersiveView") {
            ContentView()
        }
    }
}



struct ContentView: View {
    var body: some View {
        RealityView { content in
            if let scene = try? await Entity(named: "Scene", in: realityKitContentBundle) {
                content.add(scene)
            }
        }
    }
}

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2024-01-15，如有侵权请联系 cloudcommunity@tencent.com 删除

系统