Vision Pro 开发实践
开篇
之前写过一篇文章，主要介绍 visionPro 基本信息、操作和基础适配的文章，介绍一下 visionOS 的开发实践，希望能为大家在进行“空间计算”开发的过程当中提供帮助。
idea 内容
这次结合的 idea 是我参加黑马比赛时想到的，主要内容是：在商品评价时增加商品的 3D 模型，用户可以在虚拟现实环境中查看商品的 3D 模型，并对模型的特定位置进行评论。例如，用户可以点击运动鞋鞋底部分，留下关于材质和舒适度的评论。直接在商品 3D 模型的对应位置添加详细评论具像化评价内容，更为直观。
结合这个 idea 我实践开发了简单的展示 Demo，开发过程和用到的知识点比较适合作为 visionOS 开发入门的教程，所以在本篇文章里向大家作简单的介绍。
实践开发
场景
结合 idea，我们要做的工作，首先是采用 mixed 的展示形式，这样更符合“商品评价”的应用场景。如果对.mixed， .progressive，.full 三种展示形式还不了解的同学，可以看我前一篇文章的介绍。
后续的开发主要集中在 ContentView 中。
添加 3D 模型
Xcode 原生支持的 3D 模型文件类型是.usdz，支持编程的模型文件类型是.reality，右键点击工程，可以直接向工程里添加模型文件。
添加后的模型可以预览
visionOS 开发中主要有两种方式向 view 中添加 3D 模型：Model3D 和 RealityView+ModelEntity
Model3D
这种方式主要用于简单的加载和展示 3D 模型，如果仅用于展示，可以采用这种方式。
RealityView+ModelEntity
利用 ModelEntity 加载模型，添加到 RealityView 的 content 中展示，这样可以对模型做各种操作，比如添加子模型，修改光照，材质等要素。举个例子来讲，我需要在运动鞋模型“sneaker”上面添加一个可以与用户交互的白色圆点模型，用于在用户点击的时候添加/展示对应部分的评价。
效果：
用户交互
模型旋转可以通过 gesture 实现，使用户可以 360 度的观察商品，并在不同的位置添加评论：
效果：
然后为该模型添加点击效果，点击时展示用户针对商品该部分的详细评论：
更多扩展
如果有一定的 3D 模型编程经验，就可以直接把用户交互做在模型上，比如展示商品材质，使用动画等等，我借用苹果官方提供的示例模型进行演示：
同时，可以为该商品添加空间视频评价，利用 visionPro 拍摄的空间视频，可以直接通过 AVKit 加载，上传和播放，使用户可以通过空间视频第一视角真切地看到商品的真实情况，增强用户信心：
其他 idea
本次参加黑马大赛，我还有两个更进一步的 idea：
3D 模型动画展示
◦用户可以直接对商品 3D 模型进行操作，掌握使用方法，了解相关特性
◦功能描述：通过 3D 模型动画，用户可以直观地了解产品的特性和使用方法。例如，用户可以看到升降桌的升降详细过程，或者一款咖啡机的操作步骤。
◦实现方式：在 3D 模型中嵌入动画脚本，用户可以通过点击或语音指令触发动画播放。动画将展示产品的各个细节和使用场景，帮助用户更好地理解产品。
比如，可以直接通过 3D 模型演示宇航服的开启和穿戴方法，用户可以 360 度的学习：
虚拟商品销售
◦在京东 app 直接购买虚拟类型商品，并能够直接在京东 vision 的虚拟空间中使用
◦功能描述：针对非实体类虚拟商品，拓展新的销售模式和渠道，购买的商品可以在虚拟现实设备中展示和使用。例如花卉商品的 3D 模型、画作等。
◦实现方式：通过 NFT 等认证技术授予购买者产权认证，在京东 vision 中创建虚拟空间，用户可以查看、摆放和使用虚拟商品。
形象一下：艺术家可以直接在京东上架自己的虚拟艺术品，用户购买后可以在京东 Vision 的虚拟空间里直接陈列展示。我可以拥有全虚拟世界唯一的一副《蒙娜丽莎》，并把它挂在我家的墙上！
这种营销模式在国外的某些平台上已经有所尝试，我们可以抢占商机，拓宽出这样一条新的赛道。
版权声明: 本文为 InfoQ 作者【京东零售技术】的原创文章。
原文链接:【http://xie.infoq.cn/article/f8803377ed880e2a20ff95e95】。文章转载请联系作者。
还未添加个人签名 2024-01-12 加入
京东零售那些事，有品、有调又有料的研发资讯，带你深入了解程序猿的生活和工作。
评论