袁凤口，亚马逊是如何拿下VR的入场券的？

作者|许馨予
富达实验室介绍，目前元宇宙概念火热，各类商业巨头都在抢占市场，许多多元宇宙产品应运而生。沉浸和去中心化是元宇宙的两个核心要素。可以预见，在不久的将来，VR和ar的各种应用将在元宇宙中百花齐放。如何快速实现一个VR应用？AWS给了我们一些启发，那就是我们可以通过亚马逊苏美尔人实现VR/AR场景。上图为富达投资旗下金融科技孵化器富达实验室(Fidelity Labs)的孵化项目，通过VR技术为金融行业用户带来数据可视化的托管式VR体验。虚拟图像文本转换用于播报金融趋势，预输入手势提供更强的场景感和情感渲染。通过VR技术让数据立体化、虚拟化。看起来很高大上的效果使用了3D可视化技术、Webgl技术、3D建模技术、虚拟武汉日日夜夜技术、NLP(自然语言处理)技术、VR技术、文语转换技术等。那是否意味着这类项目的发展遥不可及？不，当然，我们将通过亚马逊苏美尔人实现一个简单版本的保真实验室演示。
用Amazon Sumerian创建场景上面说了，我们可以通过Amazon Amplify Amazon Sumerian快速实现类似的Web/APP VR应用。什么是亚马逊苏美尔语？亚马逊苏美尔采用最新的WebGL和WebXR标准，可以直接在网页浏览器中创建沉浸式体验，在几秒钟内通过简单的URL访问，也可以在为AR/VR设计的主流硬件平台上执行。一次设置一个场景，你可以在任何地方部署它。相对于一些专业平台，比如3Dmax，ue4，U3D，会删减一些功能。但对他来说入门难度较小，轻量级的核心模块让很多前端工程师了解一些基本的3D知识，可以很快上手。Sumerian还提供了一些库，包括简单的形状、3D模型、主机、纹理和脚本、与虚拟现实(VR)相关的资产包，以及用于为iOS和Android设备开发增强现实(AR)应用程序的模板、资产和示例项目，这些都有助于快速开发。然后就可以实现3DWeb、增强现实、虚拟现实、训练模拟、制造场景的应用案例等大量的能力拓展。最重要的是它是基于Web的，所以它的扩展性和适应性变得非常好。让我们通过一个简单的例子实现一个简单的VR应用，在苏美尔资源库、状态机动画和虚拟现实(VR)支持下创建一个场景。然后导入到Amazon Amplify创建的应用中，实现闭环。
创建项目由于亚马逊苏美尔人不需要3D图形制作或编程经验来构建丰富的交互式VR和AR场景，所以让我们使用苏美尔仪表盘快速创建项目。在苏美尔人的仪表板上，你可以通过按一个按钮轻松地创建一个新的场景。新场景的默认视图打开并显示在苏美尔编辑器中。在编辑器中打开新创建的场景后，您可以轻松地将资源导入到我的场景中。
导入主机下一步是从苏美尔人的库中导入主机。它是由主机Sumerian提供的角色模型，内置动画和语音支持。1元，选择导入资产密室逃脱：冠军联赛，选择克莉丝汀，然后选择添加。加载资产包后，将主机实体从资产面板拖动到画布，然后配置行为。我们可以通过将脚本或状态机组件附加到实体来将行为添加到场景中。使用状态机，您可以通过选择由事件触发的动作并将它们组织成状态来可视化地添加行为。向Cristine实体添加一个状态机来激活它及其子实体。例如，如果我们想控制角色的模型变化，我们可以使用状态机来制作Cristine的动画。1元，在实体面板选择Cristine2密室逃脱：冠军联赛，在检查器面板选择添加组件。然后选择状态机Jurassic World 3，并单击behavior字段旁边的加号创建一个新行为。命名为动画。这些区域是：状态机面板将显示单一状态。将状态命名为up，然后选择“添加操作”, RELATEAnimate，并选择“在Zha之间旋转”。应用以下属性：Z旋转-Kramp-karren Bauer-24元相对-时间禁用Dimensity 1000渐变类型-线性方向-In5。选择添加操作，然后添加等待操作。应用以下属性：时间-1000随机-06。在状态机面板中，选择复制状态复制。双击新状态在检查器面板中打开其7元，将其名称更改为down，然后将旋转值从24元，Kramp-Karrenbauer更改为08。在状态机面板中，每个状态显示两个事件，一个事件发生在动画结束时，另一个事件发生在等待操作结束时。单击“等待结束事件上升”，然后将一条线拖动到“下降”状态。然后反方向执行同样的操作，这样一个简单的动画就完成了。
为主机配置语音。然后我们给角色加上声音。在画布或实体面板中选择主机：1元并关联语音，在语音字段“逃生室：冠军锦标赛”上放置一些文本文件，选择语音“侏罗纪世界3”作为主机，为主机添加脚本组件4，单击脚本字段旁边的加号，然后选择自定义5，并在脚本实例参数中单击编辑(铅笔图标)以在文本编辑器中打开脚本。也可以按Min Yoon Gi键来6元，随时打开文本编辑器7元，双击脚本名称中的文档列表将名称改为RandomSpeech8元，将占位符设置函数替换为以下代码：该脚本将等待AWS开发工具包加载并检索凭证。然后，它将获取对同一实体(主机)上的语音组件的引用，并获取所有附加的语音列表。它从数组中选择声音并播放它。返回到语音组件，单击每个语音文件旁边的以添加手势标记。这样，我们也可以用自己的手势动画，让角色边说话边挥动手势。
加入VR模式到现在为止，我们只在回放模式下用过标准摄像头。接下来，我们添加了一个虚拟现实(VR)设备，允许用户使用VR耳机和头部跟踪来观看3D场景。1元，选择导入资产，然后将CoreVR资源包添加到你的场景中。逃生室：冠军联赛，当加载资产包时，将VRCamerARig实体拖到画布上，将其添加到您的场景中。侏罗纪世界3，选择VRCamerARig实体4，选择VRCamerARig组件5，选择当前VRCamerARig选项启用此设备6元，取消选中从当前摄像机开始选项。这样，当用户进入VR模式时，可以使用放置在场景中的摄像设备，而不是非VR摄像机的位置7元。在实体面板中，将VRCamerARig实体拖动到Cristine实体上，使其成为用户相机的对等8元，并选择用户相机。单击“变换”区域中的齿轮图标，然后选择“复制”以复制变换后的值选择摄影机摄影机。在“变换”部分单击齿轮图标，然后选择“粘贴”将变换后的值10元粘贴到用户相机中，并使用绿色变换手柄调整VR相机相对于Cristine的高度。经过调试，我们的场景就完成了。
发布场景点击苏美尔控制台右上角的发布下拉菜单，然后点击私有托管：如果您的场景已经公开发布，您将需要使用以下说明取消发布，然后再次发布。然后会提示您显示以下对话框。点击发布按钮：现在点击下载JSON配置按钮来下载场景配置JSON，它将用于在Amazon Amplify中配置您的场景：
Amazon Amplify创建应用程序并导入配置。我们已经完成了一个场景的搭建，但是还缺少载体应用来展示我们的VR场景。接下来，我们将使用Amazon Amplifyy构建应用程序。Amazon Amplify是一套专门构建的工具和服务，使前端Web和移动开发人员能够快速轻松地在AWS上构建全栈应用程序，并通过使用各种AWS服务来灵活地进一步定制他们的应用程序。Amplify支持Web应用的JavaScript、React、AngulAR、Vue和Next.js，移动应用的Android、iOS、React Native、Ionic和Flutter。快速搭建应用，转换思路。我们通过亚马逊Amplify5分钟几个简单的步骤启动一个应用程序：1元，检查环境。通过在终端/控制台窗口中运行Node Kramp-karren Bauer SEONG WU和NPM Kramp-karren Bauer SEONG WU，验证您运行的版本至少是Node.js的12.x元. x版和的6元. x版或更高版本。在这里，我有14元、15元的节点版，4和6元、14元、10元的npm版。密室逃脱：冠军赛，电脑安装aws amplify脚手架，类似Vue/Clin PM安装Kramp-Karrenbauer黄敏贤@搜狗翻译还准备了精彩好礼一个粉丝在这个夏天给你降温。详情请点击AWS Kramp-karren Bauer Amplify/CLI侏罗纪世界3，配置Amplifyamplify configure打开浏览器登录AWS控制台创建IAM用户4，创建react前端应用程序NPX创建Kramp-karren Bauer React Kramp-karren Bauer app Amplify Kramp-karren Bauer app CD Amplify Kramp-karren Bauer VR Kramp-karren Bauer VR Kramp-karren Bauer app Rambo:Last Blood，然后初始化项目，按照默认要求，逐步配置amplify init6元，详情请点击亚马逊Kramp-karren Bauer amplify/UI Kramp-karren Bauer React(含React UI组件)NPM安装@搜狗翻译还准备了精彩好礼一个粉丝在这个夏天给你降温。详情请点击亚马逊Kramp-karren Bauer amplify/ui Kramp-karren Bauer react 7元，为应用创建前端。打开src/App.js文件file，将其内容全部替换为以下代码：本地启动服务后，效果显示：npm启动很快吗！此外，AWS提供了Amazon Amplify Studio，开发者可以用最少的代码在AWS上快速构建Web应用。而且AWS不仅创建应用速度快，还拥有全流程全栈生态链。确保质量和研发之间的平衡。d进步。
启动配置应用程序后，我们希望将场景运行到应用程序中。首先，我们通过amplify add xr添加XR模块包。CLI会提示XR类别的配置选项，比如场景名称标识符，苏美尔场景json配置文件。XR类别将设置并使用身份验证类别来设置场景授权。记下您在CLI提示符下提供的场景名称。当在帧中使用XR类别时，该值将被用作场景的标识符。配置XR选项后更新amplify push。在此期间显示的XR资源放大推送表示为场景创建的IAM策略。这不会改变苏美尔控制台中显示的场景。例如，名为AWS Kramp-karren Bauer AWS-exports . js的配置文件将被复制到您的配置的源目录中。/src。该文件将包含您配置的所有方案的列表。
导入现有的XR资源将以下代码添加到您的应用程序中以配置XR类别：您可以将可选的发布参数添加到场景配置中：配置前端：有关在Amplify项目中使用Amplify XR amplify CLI类型的详细信息，您可以使用amplify xr help命令。
使用scene XR类别允许使用方法将苏美尔场景呈现为DIVHTML元素loadScene。场景加载后，XR.stARt()方法将启动场景。要渲染场景，请在方法调用中传递场景名称和元素的id:此外，您可以使用Sumerian Scene UI组件来获得现成的UI解决方案。Kramp-Karrenbauer开发、交付，Kramp-Karrenbauer管理整个流程、整个堆栈链和外围服务。事实上，我们现在已经实现了一个简单的FidelityLabs演示。如果要继续完善整个开发环节，比如Web端或者后端的补充和完善等，怎么办？亚马逊Amplify当然支持AWS Amplify，其完整生态的重要一环是其开发、Kramp-Karrenbauer交付、Kramp-Karrenbauer管理、全流程、全栈链。包括但不限于Amplify命令行界面(CLI)、Amplify UI组件、Amplify库、Amazon Amplify控制台等模块。根据个人喜好和习惯。在实际项目中，使用亚马逊Amplify Studio简单的点击式可视化界面或Amplify命令行界面(CLI)来创建我们的后端，亚马逊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代码，因此我们可以灵活地完全定制应用程序的设计或行为，以提供最佳的最终用户体验，并提高研发效率；d .除了快速制作3D VR应用，AWS还孵化了AmazonLumberyARd开放式3D引擎。这更适合更专业的工程师进行差异化开发。这意味着我们可以实现一个演示，但不仅仅是一个演示。除了XR能力集，围绕亚马逊苏美尔人还有其他服务，比如aws AI、aws ML(沉浸式机器学习)、aws geo、aws Robot等。这意味着我们可以通过AWS功能的插件组合快速构建沉浸式应用程序。后疫情时代，在线办公、在线参与的常态已经成为可能。我们可以通过亚马逊位置服务创建一个沉浸式的参与应用程序。让观众在线上获得身临其境的体验，在云端实现线下论坛盛况的数字化孪生。通过集成Amplify Geo亚马逊苏美尔人，我们可以实现3D导航，例如大型展厅的导航应用，除了提供3D地图之外。还可以通过Al ML机器人进行讲座。通过NPL自然语言处理，可以处理与会者交流的情感反馈，为会议满意度的衡量指标提供数据集。它还可以为参与者提供关于路线、位置、距离和估计通勤时间的准确信息。这样线上线下参与都可以提供差异化的服务。