visionOS空间计算实战开发教程Day 2 使用RealityKit显示3D素材

我们在Day1中学习了如何创建一个visionOS应用,但在第一个Demo应用中我们的界面内容还是2D的,看起来和其它应用并没有什么区别。接下来我们先学习如何展示3D素材,苹果为方便开发人员,推出了RealityKit,接下来看如何使用。

首先我们需要一个3D素材,Apple在Quick Look页面提供了一些素材,读者也可以到Sketchfab等网站获取其它的免费或付费素材,推荐的格式是usdz,这是Pixar研发开源的一种文件格式,目前根据AOUSD官网其主要成员有苹果、英伟达、AutoDesk、Adobe和Unity等业界大佬。并且主流的设备软件基本都内置或由社区提供了对usdz的格式转换工具。

scss 复制代码
import SwiftUI
import RealityKit

struct ContentView: View {
    private let url = URL(string: "https://developer.apple.com/augmented-reality/quick-look/models/teapot/teapot.usdz")!
    
    var body: some View {
        VStack {
            Text("Show teapot")
            Model3D(url: url) { model in
                model
                    .resizable()
                    .aspectRatio(contentMode: .fit)
                    .frame(width: 200, height: 200)
            } placeholder: {
                ProgressView()
            }
        }
        .padding()
    }
}

可以看到Model3D和SwiftUI中其它视图的使用差别并不大,因为我们要从网络上拉取资源,所以使用ProgressView来提示用户资源处于加载中的状态。

其它相关内容请见虚拟现实(VR)/增强现实(AR)&visionOS开发学习笔记

相关推荐
东坡肘子6 天前
F1:电影很好看,赛事很挣钱 | 肘子的 Swift 周报 #094
swiftui·swift·apple
zhangmeng10 天前
SwiftUI中如何实现子视图向父视图传递数据?
ios·swiftui·swift
瓜子三百克12 天前
SwiftUI 全面介绍与使用指南
ios·swiftui·swift
SoaringHeart13 天前
SwiftUI研究:原生路由导航重构封装研究
前端·swiftui·swift
东坡肘子13 天前
变暗的 Liquid Glass 和消失的 Apple Intelligence | 肘子的 Swift 周报 #093
swiftui·swift·apple
大熊猫侯佩15 天前
SwiftUI 7 新 WebView:金蛇出洞,网页江湖换新天
swiftui·webview·wwdc
瓜子三百克16 天前
defer关键字
swiftui·defer
大熊猫侯佩18 天前
WWDC 25 风云再起:SwiftUI 7 Charts 心法从 2D 到 3D 的华丽蜕变
swiftui·swift·wwdc
大熊猫侯佩19 天前
Swift 6.2 并发江湖:两大神功破局旧制,代码运行经脉革新(下)
swiftui·swift·wwdc
大熊猫侯佩19 天前
Swift 6.2 并发江湖:两大神功破局旧制,代码运行经脉革新(上)
swiftui·swift·wwdc