【WDP4.0】创作流程快速入门

 

在学习本教程的过程中,您将了解以下内容:

> 如何新建一个场景案例

> 如何在官方城市场景中选择需要的区域

> 如何为已有的场景案例添加数据面板

> 如何将创作完成的场景和面板发布为数字孪生应用

提示:本入门教程将带领初次接触WDP数字孪生PaaS平台的开发者了解数字孪生应用的基本创作流程。完成本教程后,您将可以创作出一个基本的数字孪生应用。

 

第一步,新建场景案例

首先,我们需要创建数字孪生场景,它是数字孪生应用的基础载体,基于AES(All Element Scene,全要素场景)技术,可以展现建筑、道路、车辆、河流、植物等众多元素。

1. 安装WDP数字孪生平台并启动后,您将会看到应用控制管理平台的界面,它是创建、管理和发布数字孪生应用与资产的一站式入口。首次启动时,您会看到“场景创作”页面,页面中间的插图展示了创作数字孪生应用的4个主要步骤。

2. 点击首页下方的“选择城市场景”,在弹出的窗口中勾选您想要的城市(根据您的账户类型,您能够选择的城市数量会有不同)。

3. 点击首页底部的“创建场景”按钮,切换到新建场景的选项设置页面。在“场景名称”中输入您想要的名称,“场景类型”选择“智慧城市”,“案例帧率”设置为60FPS,其他的选项保持默认。当然,您也可以点击“缩略图”旁的+号按钮选择一张图片作为该场景的展示缩略图。

小技巧:“案例帧率”指的是案例预览和发布时实时渲染的帧率,越高的帧率每秒渲染的画面越多,视觉体验就越流畅。一般60FPS以上的帧率可以明显提升交互感和逼真感。

 

第二步,选择想要的城市和区域

WDP 4.0新增的城市底板裁切功能,可以灵活地选取您想要的区域部分。

1. 点击页面下方的“下一步“选场景””按钮,切换到场景选择页面。点击“城市场景”选项卡,您将看到平台开放的全国重点城市的数字孪生底板可供选择。点击其中一个城市的卡片,在它的卡片右上角会出现一个打勾标记,表示该城市处于选中状态。

2. 点击页面下方的”下一步“选区域”“按钮,切换到区域选择页面。在区域选择页面的中间部分,您可以看到刚才所选城市的平面地图。地图上的主要区域被浅蓝色的区块所覆盖,这些浅蓝色的区块代表了可供用户选择的底板区域。

查看地图时,您可以使用鼠标左键拖动来移动地图,也可以使用鼠标右键或滚轮来缩放地图。选择区域时,使用鼠标左键单击地图放置第一个点,移动鼠标,再次左键单击放置第二个点。此时地图上将出现一个矩形的虚线框,虚线框所经过的区块都会被选中高亮。

小技巧:如果选择区域时发现选中了不需要的区块,可以在放置完第二点后,点击虚线框右下角的X图标将选区删除,然后重新进行选择。

3. 确认底板区域选择完毕后,点击“下载”按钮,退出区域选择页面并回到“场景创作”主页面。您可以在列表区域看到刚才创建的场景案例卡片。同时,系统自动开始下载底板,并在卡片上实时显示下载进度的百分比。

 

第三步,预览场景效果

预览下载好的场景,可以为后续的应用面板开发做好准备。

1. 场景下载完成后,您可以预览场景的整体效果。使用鼠标左键单击场景卡片的缩略图区域,经过一段时间加载后,您就可以在三维导航视图中交互地浏览场景了。

2. 您可以通过以下方式在导航视图中进行摄像机交互:

功能按键

操作

按住鼠标左键拖动

前后左右移动摄像机

按住鼠标右键(或中键)拖动

旋转视图摄像机

滚动鼠标滚轮

拉近/推远摄像机

按住W键

将摄像机向前移动

按住S键

将摄像机向后移动

按住A键

将摄像机向左移动

按住D键

将摄像机向右移动

在场景中双击鼠标左键

使双击位置在摄像机视野内居中

3. 场景预览完毕后,您可以点击窗口右上角的 按钮退出场景预览模式。

4. 除了预览场景,您还可以对场景做进一步的编辑。关于场景编辑的具体步骤,我们将在后续的“场景编辑快速入门”中为您讲解。

 

第四步,添加数据面板

现在,我们已经准备好了场景,下一步就是为场景添加应用面板了。

1. 回到“场景创作”页面,点击场景卡片右下角的 按钮,跳转到“面板开发”页面。您可以看到刚才创建的场景案例。点击“新建面板”卡片,输入您想要的面板名称。“分辨率”保持默认的1920x1080,这是高清显示器的标准分辨率,然后点击“确认”按钮。

2. 此时您可以看到场景下新增了一个应用面板。鼠标悬停在该面板卡片上时,会出现“编辑面板”按钮。点击这个按钮,系统将会切换到SuperGUI编辑器的界面,它是可视化面板搭建的一大利器。

3. SuperGUI内置了丰富的面板模板供用户直接使用,并根据不同的行业进行分类,方便快捷。您可以点击界面左侧的 按钮,在弹出的“选择模板”窗口中,切换到“智慧城市”分类。这次我们选择“智慧招商”模板,在“智慧招商”卡片上点击鼠标左键,系统会弹出提示对话框,点击“确定”。

4. 点击“选择模板”标题栏右侧的 按钮将窗口收起,您可以看到刚才选择的模板已经被应用到了我们的面板上,简单几步我们的数字孪生应用已经拥有了精美的数据展示面板。

 

第五步,预览应用效果

添加完数据面板,现在您可以预览场景和数据面板结合在一起的整体效果了。

1. 点击SuperGUI编辑器右上角的“预览”按钮,保持“预览时加载场景”选项被勾选,点击“从当前页预览”。

2. 此时系统将进入应用预览模式,并连接上我们的三维场景。在应用预览模式,您可以点击鼠标与面板和场景进行交互。

3. 点击预览窗口右上角的关闭按钮 退出应用预览模式,回到SuperGUI编辑器界面。在实际的项目制作中,您可以创建更多的页面,并进一步编辑面板上显示的数据,以适合您的业务需求。关于如何进行面板编辑的详细步骤,我们将通过“面板开发快速入门”来介绍。

 

第六步,发布数字孪生应用

现在,我们来到了整个数字孪生应用创作流程的最后一步——发布您的应用,将您的创作成果交付给您的用户。

1. 在本教程中,因为是要将场景和面板一起打包,所以您需要点击导航栏中的“面板开发”按钮切换到面板管理页面。点击想要发布的面板卡片右下方的 按钮,弹出“发布设置”对话框。首先,您需要填写交付对象的WDP账号。在本教程中,我们会把案例发布到当前账户中,所以您可以直接填写当前的账号。案例名称一栏可以填写您想要的名称,然后点击“确认”。(注意:点击确认发布后,您账户中的案例可发布数量将会减少一个)

2. 点击导航栏中的“案例发布”按钮进入案例发布模块页面,您可以看到刚才发布完成的应用案例。您可以点击案例卡片直接在发布页面运行数字孪生应用,也可以点击卡片右下角的 按钮复制案例链接,通过浏览器或其他方式运行。

 

通过本快速入门教程,您已经完成了一个基本的数字孪生应用的创作过程。如您需要进一步了解本教程中所涉及的模块,请参阅相应模块的参考手册。

链接地址:https://bbs.51aes.com/blog/1438929939971899394.html

 

 

阅读 984 本作品系原创,转载请联系作者授权
赞 3 收藏
全部评论({{commentCount}}条评论)
得票数 最新

暂无数据