亚马逊vr技术是什么(亚马逊vr评论)

作者|许馨予

目前元宇宙的概念火热，各种商业巨头都在抢占市场，很多多宇宙产品应运而生。沉浸和分散是元宇宙的两个核心要素。在可预见的未来，虚拟现实和增强现实的各种应用将在元宇宙中开花。如何快速实现一个VR应用？AWS给了我们一些启发，那就是可以通过亚马逊苏美尔实现VR/AR场景。

上图为富达投资旗下金融科技孵化器富达实验室的孵化项目，通过VR技术为金融行业用户带来数据可视化的托管VR体验。

利用虚像文字转换播放财经动态，通过预输入手势提供更强的场景感和情感渲染。通过VR技术使数据立体化、虚拟化。

看似高大的效果运用了3D可视化技术、Webgl技术、3D建模技术、虚拟人技术、NLP(自然语言处理)技术、VR技术、文语转换技术等。

这是否意味着这类项目的开发遥不可及？不，当然，我们将通过亚马逊苏美尔实现富达实验室演示的简单版本。

如上所述，通过Amazon Amplify亚马逊苏美尔，我们可以像这样在Web/APP端快速实现VR应用。什么是亚马逊苏美尔语？

亚马逊采用最新的WebGL和WebXR标准，可以直接在Web浏览器中创建沉浸式体验，通过简单的URL几秒钟即可访问，也可以在专门为AR/VR设计的主流硬件平台上执行。设置一个场景一次，你可以部署到任何地方。

相比一些专业平台，比如3Dmax、ue4、U3D，会减少一些功能。不过对于他来说入门的难度要小一些，轻量级的核心模块让很多前端工程师能够学习一些基本的3D知识，快速入门。

苏美尔还提供了包括简单形状、3D模型、Hosts、纹理和脚本在内的库，与虚拟现实(VR)相关的资产包，以及为iOS和Android设备开发增强现实(AR)应用的模板、资产和样例项目，方便快速开发。

然后我们可以扩展很多能力，比如3DWeb、增强现实、虚拟现实、训练模拟、制造场景等应用案例。最重要的是它基于Web，扩展性和适应性变得非常好。

让我们用一个简单的例子来实现一个简单版本的VR应用程序，并创建一个具有苏美尔资产库、状态机动画和虚拟现实(VR)支持的场景。然后导入到亚马逊Amplify创建的应用中，实现闭环。

由于亚马逊苏美尔人可以在没有任何3D图形制作或编程经验的情况下构建丰富的交互式VR和AR场景，让我们快速使用苏美尔人的仪表盘创建项目。

在苏美尔人的仪表板中，你可以通过按一个按钮轻松地创建一个新的场景。

新场景的默认视图打开并显示在苏美尔编辑器中。在编辑器中打开新创建的场景后，您可以轻松地将资产导入到我的场景中。

接下来，从苏美尔图书馆导入Host。主机是苏美尔人提供的角色模型，内置动画和语音支持。

1.选择导入资产。

2.选择Cristine，然后选择添加。

加载资产包后，将主机实体从“资产”面板拖到画布上，然后配置行为。

我们可以通过将脚本或状态机组件附加到实体来将行为添加到场景中。

使用状态机，您可以通过选择由事件触发的动作并将它们组织成状态来直观地添加行为。将状态机添加到Cristine实体中，以使其及其子代具有动画效果。

例如，如果我们想要控制角色的模型变化，我们可以使用状态机来动画化Cristine。

1.在实体面板中选择Cristine。

2.在检查器面板中，选择“添加组件”。然后选择状态机。

3.单击行为字段旁边的加号以创建新行为。将其命名为动画。

这些区域是：状态机面板将以单一状态显示。将状态命名为up，然后选择添加操作。

4.在相对估计中，选择t之间的旋转。应用以下属性：

z旋转-24

相对-禁用

时间1000

缓慢变化的线性类型

方向向内

5.选择添加操作，然后添加等待操作。应用以下属性：

时间2000年

随机0

6.在状态机面板中，选择复制状态向上复制。双击新状态以在检查器面板中打开它。

7.将其名称更改为向下，然后将旋转值从-24更改为0。

8.在状态机面板中，每个状态显示两个事件，一个事件发生在动画结束时，另一个事件发生在等待操作结束时。单击等待结束事件向上，然后将一条线拖到向下状态。然后以相反的方向执行相同的操作。

这样简单的动画就完成了。

那样地

后我们给人物增加语音，在画布或实体面板中选择Host：

　　1、RELATE语音中，将一些文本文件放置到语音字段上

　　2、为Host选择语音

　　3、为Host添加脚本组件

　　4、单击脚本字段旁边的加号，然后选择Custom（自定义）

　　5、单击脚本实例参数中的编辑（铅笔图标）来在文本编辑器中打开脚本。您还可以按J键来

　　6、随时打开文本编辑器

　　7、双击脚本名称（Script）中的文档列表来将名称更改为RandomSpeech

　　8、将占位符setup函数替换为以下代码：

　　此脚本会等待AWS开发工具包加载并检索凭证。然后，它会获取对同一实体 （Host）上的语音组件的引用，并获取所有附加的语音列表。它从数组中选择语音并进行播放。

　　返回到语音组件，然后单击每个语音文件旁边的来添加手势标记。这样我们也可以通过自带的手势动画，让人物一边讲话一边挥动手势。

　　到现在为止，我们只在播放模式下使用了标准摄像机。接下来我们添加虚拟现实 （VR）装置可让用户使用VR耳机和头部跟踪在3D中查看场景。

　　1、选择Import assets（导入资产），然后将CoreVR资产包添加到您的场景中

　　2、当资产包完成加载后，将VRCamerARig实体拖动到画布上以将它添加到您的场景中

　　3、选择VRCamerARig 实体

　　4、选择VRCamerARig组件

　　5、选择当前VRCamerARig选项来启用此装置

　　6、取消选中从当前摄像机开始选项。这样，当用户进入VR模式时，能够使用场景中所放置的摄像机装置，而不是使用非VR摄像机的位置

　　7、在实体面板中，将VRCamerARig实体拖动到Cristine实体上以使其成为user 摄像机的同级

　　8、选择user相机。单击Transform（变换）部分中的齿轮图标，然后选择Copy（复制）来复制变换值

　　选择相机照相机。单击Transform（变换）部分中的齿轮图标，然后选择Paste （粘贴）来粘贴user摄像机中的变换值

　　10、使用绿色变换手柄来调整VR摄像机相对于Cristine的高度

　　调试完成后我们的场景就制作完成了。

　　单击Sumerian控制台右上角的发布下拉菜单，然后单击私下托管：

　　如果您的场景已经公开发布，您将需要使用以下说明取消发布然后再次发布。

　　然后将提示您显示以下对话框。点击发布按钮：

　　现在单击下载JSON配置按钮以下载将用于在Amazon Amplify中配置您的场景的场景配置JSON：

　　我们已经完成了一个场景的搭建，但是目前还缺少载体应用去展示我们的VR场景。接下来我们会使用Amazon Amplifyy去搭建应用。

　　Amazon Amplify是一组专门构建的工具和服务，使前端Web和移动开发人员可以快速、轻松地在AWS上构建全堆栈应用程序，并可以灵活地利用广泛的AWS 服务进一步定制应用程序。Amplify支持针对Web应用程序的JavaScript、React、AngulAR、Vue和Next.js，以及针对移动应用程序的Android、iOS、React Native、Ionic和Flutter。方便快速的搭建一个应用，把想法进行转换。

　　我们用简单几步，通过Amazon Amplify 5分钟启动一个应用：

　　1、检查环境

　　通过在终端/控制台窗口中运行node -v 和npm -v，验证您至少运行的是 Node.js版本12.x以及npm版本6.x或更高版本。我这里node版本14.15.4和npm版本6.14.10。

　　2、电脑安装aws amplify脚手架 ，类似于vue/cli

　　npm install -g @aws-amplify/cli

　　3、配置Amplify

　　amplify configure

　　打开浏览器并登录AWS控制台创建IAM用户

　　4、创建一个react前端应用

　　npx create-react-app amplify-vr-app

　　cd amplify-vr-app

　　5、然后初始化项目，逐步按默认需配置

　　amplify init

　　6、安装Amplify React库@amazon-amplify/ui-react (包含 React UI 组件)

　　npm install@amazon-amplify/ui-react

　　7、为应用程序创建前端。打开src/App.js file文件并将其全部内容替换为以下代码：

　　本地启动服务后，效果展示：

　　npm start

　　是不是非常快速！除此之外AWS提供了Amazon Amplify Studio，允许开发人员使用最少的编码在AWS上快速构建Web应用程序。而且AWS不仅创建应用快，并且全流程全栈生态链条。保证质量与研发进度的平衡。

　　应用启动后，我们要将场景跑入到应用中，首先我们通过amplify add xr添加XR模块包，CLI将提示XR类别的配置选项，例如场景名称标识符和Sumerian 场景json配置文件。

　　XR类别将设置并利用Authentication类别来设置场景授权。

　　记下您在CLI提示中提供的场景名称。在框架中使用XR类别时，此值将用作场景的标识符。

　　配置XR选项后更新amplify push。

　　期间显示的XR资源amplify push代表为场景创建的IAM策略。这不会更改 Sumerian控制台中显示的场景。一个名为的配置文件aws-exports.js将被复制到您配置的源目录中，例如http://www.toutiao.com/a7054867561917350408/src. 该文件将包含您配置的所有场景的列表。

　　将以下代码添加到您的应用程序以配置XR类别：

　　您可以向场景配置添加可选的发布参数：

　　配置前端：

　　有关在Amplify项目中使用amplify xr Amplify CLI类型的更多信息可以使用amplify xr help命令。

　　XR 类别允许使用方法将 Sumerian场景渲染为DIVHTML元素loadScene。加载场景后，XR.stARt方法将启动场景。要渲染场景，请在方法调用中传递场景名称和元素的id：

　　此外，您可以将Sumerian Scene UI组件用于开箱即用的UI解决方案。

　　开发-交付-管理全流程全栈链条及周边服务

　　实际上我们现在已经实现了一个简易的FidelityLabs demo。如果我们想继续完善整个开发链路呢，比如Web端或者后端的补充完善等等？Amazon Amplify当然是支持的

　　AWS Amplify的完整生态中一个重要组成部分就是他的开发-交付-管理全流程全栈链条。

　　包含但不限于Amplify命令行界面(CLI)、Amplify UI Components 、Amplify库、Amazon Amplify控制台等模块。

　　我们可以根据个人喜好、习惯。实际项目中使用Amazon Amplify Studio 的简单点击式可视化界面或者Amplify命令行界面(CLI)来创建我们的后端，Amazon Amplify会自动预置AWS服务（例如亚马逊用于身份验证的Cognito， 亚马逊 用于数据库的DynamoDB， 亚马逊用于存储的S3等）。一旦提供了这些服务，我们就可以使用Amazon Amplify Studio创建Web应用程序。

　　那么对于UI层和组件层，AWS提供类似业内的antd、element、vant这种的UI库。但更贴切的是，AWS还配套了一个Amplify库，方便调用一些函数能力。甚至AWS还提供了低代码解决方案。

　　这就意味着我们可以使用预先构建的UI组件库构建UI，将来自AWS服务的数据或功能整合到UI中，并通过与Figma（一种用于设计和原型UI的流行工具）的集成与UX设计师协作——所有这些都无需编写任何代码。UI完成后，Amazon Amplify Studio自动将其转换为JavaScript或TypeScript代码，因此我们可以灵活地完全自定义应用程序的设计或行为，以提供最佳的最终用户体验，同时提高研发的效率。

　　除了上面可以快速制作3D VR应用，AWS还孵化了AmazonLumberyARd开放3D引擎。这种更适合更加专业的工程师进行差异化开发。

　　这就意味着我们可以实现一个demo，但不仅仅只能实现一个demo。

　　除了XR能力集以外，Amazon Sumerian生态周边还有其他的服务、如aws AI、aws ML（沉浸式机器学习）、aws geo、aws机器人等等。

　　这就意味着，我们可以通过AWS能力的插拔式组合去快速的搭建一个沉浸式应用。

　　后疫情时代，线上办公、线上参会的常态成为了可能。我们可以通过Amazon Location Service创建一个沉浸式参会应用。让观众在线上得到身临其境的沉浸式体验，将线下论坛的盛况在云端实现了数字孪生。

　　通过Amplify Geo Amazon Sumerian进行整合，我们就可以实现3D的导航，比如大型展厅参会导航应用，除了提供地图+3D实景。还可以通过Al+ML+机器人进行一个参会的讲解。通过NPL自然语言处理，可以处理参会人员交流中的情感反馈，对于大会满意度衡量指标提供数据集合。

　　并可以为与会者提供有关路线、位置、距离和预估通勤时间等准确信息。这样无论是线上线下参会，都可以提供差异化的服务。