XR 世界导览 NEWSLETTER #017
本期封面
本期封面来自 Attiq R.[1] 利用 Spline 所设计的场景——ZenTree[2]。
目录
BigNews
Apple Vision Pro 开启预购了 2024,3.30-3.31,北京,Let's visionOS !
Idea
Navi:在 Apple Vision Pro 上进行同声传译 会 “老化” 的记忆键盘 Lungy:在 Apple Vision Pro 中,纵享丝滑
Tool
SF Symbols 5 让你在 visionOS 中快乐得使用 Vision Pro 的图标
Article
通过 Apple Vision Pro 重塑企业 App Vision Pro 开发系列中文教程
Design
Vision Pro 上的空间宜家
Code
Open visionOS: 动画与 UI 设计 Climate Spiral in visionOS
SmallNews
修改天花板的特性可能会被 Apple 从 Apple Vision Pro 中移除 如果你有了 Apple Vision Pro, 别忘了购买这个配件(不过,上哪里买呢?🤔) VRChat 宣布可以为 PC 端玩家自动生成移动版 Avatar 了
BigNews
Apple Vision Pro 开启预购了
关键词:Apple Vision Pro
终于,Apple Vision Pro 的预购已经于 1.19 正式开启了,在预购开启的这些天,发生了很多事,这些事情,我们在 Apple Vision Pro 开启预购那几天,都发生了什么?[3] (Apple Vision Pro 开启预购那几天,都发生了什么?)这篇文章中,为你一一道来。
2024,3.30-3.31,北京,Let's visionOS !
关键词:visionOS、Developers、Apple Vision Pro、SwiftGG、XReality.Zone
看过了这么多关于 Apple Vision Pro 的消息 ,如果你仍然对 Apple Vision Pro 的未来可能性带有疑问;又或者,你非常看好 Apple Vision Pro 的未来,但是不知道怎么开始。无论你是哪种情况,那么 2024 年 3.30-3.31 **,你都可以来北京,参加由 SwiftGG 和 XR 基地共同策划的 Let's visionOS 大会[4] 。
这场大会,除了编程技术,还会分享包括产品设计,人机交互和商业化等内容,旨在帮助创业者们在 visionOS 赛道中尽快脱颖而出!
除此之外,我们也积极地与亚洲的诸多开发者社区进行联系,例如韩国的 @Async Swift[5] 社区,澳洲的 @Cocoaheads Austria[6],新加坡的 @iOS Conf[7] 社区,还有日本的 XR 开发者社区代表 @AR_Ojisan[8]。同时,我们正在邀请他们来到中国与现场的开发者进行交流,这一切都是为了帮助中国的开发者拓展视野,加强与国际的交流。
因此我们十分期待大家的到来,不论您是参会者,赞助商,演讲嘉宾,还是志愿者,我们都诚挚的欢迎你们与我们共同迎接和探索这个全新的领域!
Idea
Navi:在 Apple Vision Pro 上进行同声传译
关键词:Apple Vision Pro、翻译
X 网友 Apple Vision Commentary[9] 最近给出了一段视频,是一个叫做 Navi 的 Apple Vision Pro 上的同声传译软件的画面,但并没有给出具体的出处。不过结合现在 Apple Vision Pro 的设计规范和语言识别的速度来看,这并不像是一个“概念视频”,而应该是实际应用的使用录屏。
会 “老化” 的记忆键盘
关键词:Apple Vision Pro、键盘
这是一个来自 Dribbble[10] 上设计师 Oleg Frolov[11] 的分享(我们 之前[12]),试想一下,之前官方视频里总是提到要注意用其他感官效果去弥补设备上一些感官体验的缺失(比如因为缺少实体键盘,在设计打字时会通过音效等方式弥补触觉的缺失[13])。
Oleg 此次提到的 “老化按键/ aging buttons” 不知道能不能算是 “可视化触觉” 的一种新解法:正如下图所示,虚拟键盘的按键会随着用户选择次数的增多添加“指纹”肌理,就好像真的物理实体键盘被按下很多次一样 (虽然个人认为用在键盘上似乎存在一些数据安全的隐患,试想一下下一个人来用设备输入,看到你刚刚敲过的银行卡密码 …… ),但作为“触觉补偿”的一种思路未尝不可?
项目地址[14] 和 仓库地址[15] 在此,有兴趣的朋友可以试试 (动图展示相对不是很显眼,建议去项目页面查看)。
Lungy:在 Apple Vision Pro 中,纵享丝滑
关键词:Apple Vision Pro、Lungy、Interactive Breathing
Lungy[16] 是一款 iOS 上的呼吸训练应用,能够帮助你在 iPhone 上,结合各种沉浸式的光效进行呼吸相关的锻炼。同时应用内各种拟真的粒子效果也给人非常解压的感觉。
而当这样一款 App 上到了 Apple Vision Pro 之后,会有什么样的表现?答案[17] 是,整个空间都将帮助你进入呼吸锻炼的氛围中,你不仅可以拍击空间中的气泡:
还可以击打空间中的琴键:
而原本只能在屏幕上感受的粒子效果和气泡,也可以在整个空间中去感受了:
Tool
SF Symbols 5 让你在 visionOS 中快乐得使用 Vision Pro 的图标
关键词:SF Symbols、visionOS、iOS、Apple Vision Pro
作为一家非常重视设计的公司,Apple 在 2019 年推出的 SF Symbols[18] 绝对是做出有质感的 App 的重要工具之一。借助 SF Symbols,开发者可以非常方便的使用多达 5000 个图标。
在最近的 SF Symbols 5 中,Apple 也同步更新了不少关于 Apple Vision Pro 的图标,可以帮助你在 Apple Vision Pro 相关的功能开发中进行标识 :
例如,iPhone 15 Pro 系列手机的空间视频相关功能,使用的就是这里的 visionpro.slash
图标。
Article
通过 Apple Vision Pro 重塑企业 App
关键词:Apple、Apple Vision Pro
通过 Apple Vision Pro 重塑企业 App[19] 是一系列 Apple 推出的关于如何在 visionOS 中构建和测试 App,以及相关工作所需的语言、工具和框架。探索展示效率和协作、模拟和培训以及指导工作方面的视频和资源。可以作为一个简单的 Roadmap 来进行学习。
Vision Pro 开发系列中文教程
关键词:Apple Vision Pro、开发教程
作者 xChester[20] 最近更新了一系列 Vision Pro 开发的教程[21],并附有完整的 代码示例[22]。
每篇文章都有配图和关键代码展示讲解,有些还带有视频,整体由浅入深,非常适合开发者入门。
目前的教程目录如下:
窗口,空间容器和空间 窗口位置和尺寸 Tab Bar & Side Bar 装饰物 Ornaments 基础视频播放 物体移动 如何让物体总是面向镜头? 着色器(Shaders)及代码控制 用 UI 和手柄控制汽车移动 VisionPro开发 - PBR基本概念 VisionPro开发 - Midjourney + Vision Pro生成浮雕作品
Design
Vision Pro 上的空间宜家
关键词:IKEA、visionOS
同样是来自 Dribbble[23] 的设计师 Yanosh Govoshi[24],想象了 IKEA 宜家[25] 在 visionOS[26] 上的设计以及借助空间计算设备,是不是可以更好地帮助我们美化自己的生活环境(更多信息有待各位开箱并下载宜家官方 app 后验证)。项目地址[27] 在此,欢迎前去 Dribble 查看。
Code
Open visionOS: 动画与 UI 设计
关键词:Animation、visionOS
Amos Gyamfi[28] 擅长 SwiftUI 的动画与 UI 设计,之前开源的 Open SwiftUI Animations[29] 项目在 github 上获得超过 3.2K stars。现在他将类似的设计带到了 visionOS 上并与 3D 模型结合,OpenvisionOS[30] 就是这样一个适用 visionOS 的动画与 UI 设计项目,如果你在开发 visionOS 时遇到 UI 与动画问题,不妨参考一下他的设计吧。
Climate Spiral in visionOS
关键词:visinoOS、ECS、RealityKit
VOClimateSpiral[31] 是一个利用气候螺旋展示全球变暖的示例 Demo,它使用 NASA GISS 的数据源,在 visionOS 上展示气候变化。
使用到的 RealityKit 技术点有:
运行时的几何和材质生成:从温度数据中制作螺旋 3d 模型。 基于 ECS 的时间序列动画:播放年度和每月的温度变化。 粒子系统:添加视觉效果和预设粒子使其易于使用。
SmallNews
修改天花板的特性可能会被 Apple 从 Apple Vision Pro 中移除
关键词:Apple Vision Pro、
根据 M1[32] 的爆料,Apple 可能会将调整 Digital Crown 以将天花板替换为天空的这个 Feature 从正式版本中移除。在 Apple 最新的宣传视频中,已经将上面这个场景移除掉,并且修改了宣传文案:
如果你有了 Apple Vision Pro, 别忘了购买这个配件(不过,上哪里买呢?🤔)
关键词:开发者、visionOS、Xcode
当 Apple Vision Pro 发布后,作为开发者的我们在看到其包装清单后,脑子里瞬间产生了大大的疑问:
这个疑问就是,竟然没有附赠开发者所需要的一根特殊的 USB 线?在 WWDC 的各种开发者视频中,如果你要针对 Apple Vision Pro 进行真机调试,你是需要有这样一根线的:
可能各位开发者会有点紧张了——什么?我买的 Apple Vision Pro 竟然不能开发?不要紧张,从 Apple 的 官方文档[33] 来看,Apple Vision Pro 可能是可以直接通过无线网络进行连接认证的,当然,这块儿关于怎么调试,以及 visionOS 应用提交的一些注意事项,我们也会在后面单独开一篇文章来介绍的😉。
VRChat 宣布可以为 PC 端玩家自动生成移动版 Avatar 了
关键词:VRChat、PC VR
据 报道[34],VRChat[35] 作为跨终端 ( PC 端[36],安卓手机 Google Play Store[37],VR 头显如 Quest[38], Pico 4[39] 等 ) 的兴趣社交软件,在面对移动端算力不足,不够现实精细模型的情况时,一直面临这样一个难题:之前 PC 端的玩家如果想要包括 VR 头显和手机终端的用户看到他们的内容或形象,需要再在移动端设备上上传自己对应 PC 端的优化形象,否则其他玩家只能看到系统生成的对应 PC 端玩家的默认头像(官方称为“备用头像 fallback avatar[40]” )。
现在 VRChat 官方宣布推出了一个解决这一问题的 Imposter[41] 系统,可以对于没有上传自己的对应移动端形象的 PC 玩家,系统生成一个对应的、稍低质量的同步移动端模型 (当然仍支持/鼓励用户上传自己优化过满意的 PC 端对应的移动端 avatar 模型文件)。
Imposter 系统生成的 PC 端对应模型质量与原模型质量,对比如下图所示。
本期贡献者
Link | Image |
---|---|
我就是御姐我摊牌了[42] | |
苹果 API 搬运工[43] | |
笑爷[44] |
Attiq R.: https://twitter.com/atq_ren
[2]ZenTree: https://zentree.framer.website/https://zentree.framer.website/
[3]Apple Vision Pro 开启预购那几天,都发生了什么?: https://xreality.zone/zh/posts/what-happened-when-apple-vision-pro-start-pre-order
[4]Let's visionOS 大会: https://letsvisionos24.swiftgg.team/cn/
[5]@Async Swift: https://twitter.com/AsyncSwift
[6]@Cocoaheads Austria: https://twitter.com/cocoaheads_at
[7]@iOS Conf: https://twitter.com/iosconfsg
[8]@AR_Ojisan: https://twitter.com/AR_Ojisan
[9]Apple Vision Commentary: https://twitter.com/spatialreport
[10]Dribbble: https://dribbble.com
[11]Oleg Frolov: https://dribbble.com/Volorf
[12]之前: https://mp.weixin.qq.com/s/Z7CoZ73_qIZ52f8MPNKsUg
[13]在设计打字时会通过音效等方式弥补触觉的缺失: https://developer.apple.com/videos/play/wwdc2023/10271/
[14]项目地址: https://dribbble.com/shots/23489635-Keypad-That-Remembers
[15]仓库地址: https://github.com/Volorf/ButtonThatRemembers
[16]Lungy: https://apps.apple.com/us/app/lungy-interactive-breathing/id1545223887
[17]答案: https://x.com/leguilloux/status/1751400527324426642?s=20
[18]SF Symbols: https://developer.apple.com/cn/sf-symbols/
[19]通过 Apple Vision Pro 重塑企业 App: https://developer.apple.com/cn/news/?id=j368ftil
[20]xChester: https://juejin.cn/user/404272777275438/posts
[21]Vision Pro 开发的教程: https://juejin.cn/post/7317213970637013018
[22]代码示例: https://github.com/xuchi16/vision-os-workshop
[23]Dribbble: https://dribbble.com
[24]Yanosh Govoshi: https://dribbble.com/fuqwe
[25]IKEA 宜家: https://www.ikea.com/
[26]visionOS: https://developer.apple.com/visionos/
[27]项目地址: https://dribbble.com/shots/22558891-Spatial-Design-for-IKEA-Apple-Vision-Pro-visionOS
[28]Amos Gyamfi: https://github.com/amosgyamfi
[29]Open SwiftUI Animations: https://github.com/amosgyamfi/open-swiftui-animations
[30]OpenvisionOS: https://github.com/amosgyamfi/OpenvisionOS
[31]VOClimateSpiral: https://github.com/ynagatomo/VOClimateSpiral
[32]M1: https://x.com/spatialreport/status/1746379184090292369?s=20
[33]官方文档: https://developer.apple.com/documentation/xcode/running-your-app-in-simulator-or-on-a-device
[34]报道: https://www.uploadvr.com/vrchat-avtar-impostors-mobile-version/
[35]VRChat: https://hello.vrchat.com/
[36]PC 端: https://store.steampowered.com/app/438100/VRChat/
[37]安卓手机 Google Play Store: https://play.google.com/store/apps/details?id=com.vrchat.mobile.playstore&ref=uploadvr.com&pli=1
[38]Quest: https://twitter.com/VRChat/status/1110939105435611136
[39]Pico 4: https://www.picoxr.com/global/games/vr-chat
[40]备用头像 fallback avatar: https://docs.vrchat.com/docs/avatar-fallback-system
[41]Imposter: https://twitter.com/VRChat/status/1727025720222998771
[42]我就是御姐我摊牌了: https://okjk.co/TYsmRh
[43]苹果 API 搬运工: https://juejin.cn/user/2629687543092056
[44]笑爷: https://okjk.co/YVZ1zg