欢迎光临散文网 会员登陆 & 注册

前天刚刚发布了WDP4.2,今儿就有大神玩出了花!

2021-12-24 14:27 作者:51WORLD  | 我要投稿

WDP4.2发布后

后台留言那是相当踊跃

不少开发者抛出了

-灵魂级拷问-


  • “看起来非常牛,但我还是不知道能用它做啥,你说可气不?

  • 这个WDP4.2我到底能用在哪些地方呢?求大神点拨...”

  • “说了那么多,我还是不知道怎么创建数字孪生应用”

  • 别扯这些没用的,就说能干啥不能干啥吧

  • “要是能出个案例教程就好了,怎么一步步搭建的,求保姆级关怀式教学,么么哒”


唉,研发小哥为了搞这WDP4.2头发已经没剩两根了,然鹅,大家并没有get到这是个什么玩意儿。


于是乎,我们找到了一位大神,正好用WDP4.2搭完一个数字孪生未来园区,让他来给安利一下,WDP4.2到底能干点啥玩意儿。


顺便让大神给录了视频,👇戳链接可以看哦

https://bbs.51aes.com/study/list/1418388609916723202.html?origin=weixin-shequ



请开始你的膜拜之旅吧~




先登陆,再说其他


第一步,登陆不用多说了吧。肯定都会。


首先使用浏览器访问 WDP4.2 注册账号,想要方便点呢,就选择云端版登陆。自认为硬件抗打,那就去下载客户端。






再搭一个智慧园区场景


要做数字孪生应用,那得先搭好一个三维可视化场景。


  • 敲黑板

    • 在WDP4.2中,一个数字孪生应用主要由场景和面板两大部分构成,场景是园区内建筑、道路、河流、植被等元素展示的基础载体,添加底板场景后就可以在其中打造自己的数字孪生社区了。


    • WDP中内置了丰富的案例模板、场景、模型、面板和交互组件,所有城市场景全部开放,而且每周都会根据开发者的使用反馈更新数字资产库。


来来来,从页面左侧的导航模块案例模板中,选择这个山清水秀的场景,让我们拖拽到创作页面。




然后呢,再从模型板块中,选择“地块”拖入场景。


  • 敲黑板

    • 左侧导航栏中点击“模型”按钮,可以看到建筑、交通工具、人物等等模型资产,同样使用拖拽的方式即可将想要的模型放入场景底板中。




地块拖入后,得根据情况进行缩小,并且摆放到合适位置,用中间上方的旋转、缩放、平移等工具来操作就好了。




重复以上步骤,刷刷刷一小会的功夫,就悉数将园区内的建筑、设施、植物等模型添加进场景,活生生构建出一个“美好的新世界”啊。成就感满满的。详细的搭建看视频去,在此就不占用公共资源啦~






来,给智慧园区接入数据吧


一个数字孪生智慧园区,必然是一屏看完所有想要的数据,什么进出人员、安防摄像头、设备能耗的数据通通看完,在WDP4.2中怎么实现呢?接着往下看。


页面左侧导航栏中有一个“面板”选项,里面已经内置了n多不同行业的数据面板模型,直接拿走,改改数据就行,嘿嘿。


搭园区,当然选择“智慧园区”面板啦。拖进场景,直接编辑里面的数字。




  • 敲黑板

    • WDP提供的预设面板已经经过了排版和视觉效果设计,使用中,根据自己的需求对面板中的文字和其他设计进行修改即可。

    • 预设面板中如果有不需要的元素,直接删除。




面板上其他数据,也是一顿改改改...




面板中预制的图表不喜欢,换!


从左边图表菜单中选择一个喜欢的图表样式拖入编辑窗口,缩放调整一下大小。




接下来,添加社区相关数据。


点击页面右侧的数据标签就可以更改数据了。




  • 敲黑板

    • WDP中提供了不同种类的图标、图表等元素,这些都可以通过拖拽的方式放入场景中。




  • WDP也支持PSD文件上传,点击“我的上传”即可完成。




  • 文本也可以添加和修改。点击页面左侧的“文本插入”,拖拽文本到场景中随意修改即可。




  • 同样,点击“高级组件”即可将所需的高级组件拖入场景中进行编辑。




详细的操作请移步社区视频,微信看着也不得劲。


面板配好了,最后一步不要忘了,点击右上方“页面管理”修改页面名称。


于是,一个有数据的园区面板就制作完了。




场景和面板都制作完成后,点击页面右上方的预览按钮,选择“场景+面板预览”,等待场景连接后,就可以看到整体效果了。


阶段性欣赏一下大作吧~






园区特效不能少


这一步,有点考验水平了。


加特效,得用到蓝图编辑器。


  • 敲黑板

    • 所谓“蓝图”,可理解为一套可视化编辑语言,实现数据化展示与场景特效交互。


大神的案例中,主要添加了天气和人流热力图。来瞅一下怎么实现的吧。


首先,点击页面左上角的蓝图按钮,进入蓝图编辑器。这里可以看到,刚刚完成的场景和面板的所有元素,都显示在了蓝图页面左侧菜单栏。现在,看看大神如何实现三个特效。


  • 页面切换特效如何实现?


先实现第一个特效,通过鼠标点击,实现“未来邻里”和“未来教育”的页面切换。


操作非常简单。首先将“未来邻里”、“未来教育”两个主题元素拖到编辑窗口。




接下来,在元素节点中选择未来邻里,拖到编辑窗口,再从其逻辑节点中选择页面切换,拖到编辑窗口,将未来邻里中“点击元素时”与页面切换中“切换视口”拉一条线连起来,一个简单的页面切换就实现了。同理,未来教育也是这么来切换。




下面,制作一下园区中的天气变化特效。


与上一个步骤类似,首先将对应不同天气的元素节点拖入编辑器后,再选择相应的SuperAPI场景节点,通过曲线连接。




连接元素节点和场景节点,再从SuperAPI设置中选择SuperAPI执行事件为“天气”,修改相应参数后就可以实现天气变化特效啦。




想掌握园区内的人流分布,就要用到人员分布热力图了。按照之前的方法,在蓝图编辑器中添加元素节点和执行SuperAPI场景节点。




在SuperAPI场景实践中选择区域热力图,配置好参数就可以啦。






智慧社区交付效果


当当当,一个数字孪生园区就基本完成了。点击页面右上角的预览按钮看看整体效果吧~




效果不是很满意的话,还可以继续进行一些细节调整,比如面板的排版设计或图标样式。




再预览一下看看数字孪生园区里的“风霜雨雪”吧~




终于到了最后一个步骤,点击页面右上角的发布按钮,输入交付手机号和案例名称后,一个智慧园区应用就诞生了!




以上五个步骤,就是创建一个数字孪生应用的全部流程了。掌握了这五大步骤,你可以基于WDP数字孪生平台,创建任何针对不同垂直行业的数字孪生应用。


大神的2小时视频已在社区上线,点击文末“阅读原文”可一键跳转~


WDP数字孪生PaaS平台已迭代至4.2版本

赶快来免费体验吧~

https://www.51aes.com/site/open-platform?cont=13


前天刚刚发布了WDP4.2,今儿就有大神玩出了花!的评论 (共 条)

分享到微博请遵守国家法律