手把手教学！5分钟搭建你的产业元宇宙应用

看了白给5分钟创建的数字孪生应用，不少开发者纷纷在后台留言感叹，这操作简直太丝滑了，自己也要试试。

别急，教程这不就来了嘛！现在就为各位开发者奉上手把手教学攻略，让你体验自己创作数字孪生小宇宙的畅快感～

我们的宗旨是：只要你敢想，其他的统统交给WDP！

看了以下七个步骤，包你学会！

一、登陆即用

不用下载安装也太爽了吧！点开页面直接进入创作是什么体验？

使用浏览器访问51aes.com注册登录，试过你就知道！

是的，你没看错，第一步已经结束了，就是这么简单～

二、添加城市底板场景

一个鼠标就能创作的数字孪生应用，一拖一拽创建一个城市。

1.平台内有多个默认提供的场景可供选择，点击左侧导航栏中的“场景”选项直接将场景拖拽到编辑页面；

2.选择场景后可以看到城市的平面地图，鼠标左键分别单击起点和终点即可在地图上随意选择底板区域，地图上的矩形虚线框会高亮显示出你所选的区域；

3.点击确认后等待场景启动即可。

另外！WDP4.1场景还支持FBX/RVT格式模型的一键导入，上传自己的模型扩展搭建，别墅、跑车...想怎么玩就怎么玩！

不止如此，WDP4.1即将开放更多格式支持，同时，也欢迎大家提出需求，我们将持续增加支持格式的类型，为开发者带来更好的使用体验。

三、编辑底板模型

想怎么摆就怎么摆，你就是数字孪生城市中的“上帝之手”。

1.点击左侧导航栏中的“模型”选项后，可以看到建筑、交通工具、人物、室外、植物五大模型资产种类，选择你想要的数字资产就可以拖拽到想放的位置；

2.单击底板中的物体选中后，可以通过界面上方的“拍平”按钮隐藏不想要的数字资产，如果想恢复被隐藏的物体只需要点击撤销按钮即可；

3.数字资产被放入场景中后，界面上方会显示可编辑的工具栏，点击相应按钮即可对数字资产进行移动、旋转、缩放等编辑。

四、添加数据面板

制作数据面板也超简单，同样的拖拉拽，创造不同感受。

1.点击左侧导航栏中的“面板”选项，可以在平台提供的针对不同垂直行业的面板预设中进行选择；

2.点击面板同样可以直接拖入编辑窗口，编辑面板数据；

3.点击右上角“页面管理”选项，可以切换页面对各个页面的面板进行编辑。

五、场景编辑交互功能

给面板添加场景交互特效，让数字孪生应用更具吸引力。

1.选中面板右下角的菱形图标，在右侧的配置面板中可以修改它的名称，这一步是为了方便后面在蓝图编辑器中找到它；

2.点击界面左上角的蓝图按钮，切换到蓝图编辑器界面；

3.在左侧的元素节点列表中找到刚才修改了名称的菱形图标，将它拖入蓝图编辑窗口中；

4.在右侧“SuperAPI设置”面板的“场景事件”下拉列表中选择“添加场景特效”，再选中另一个“SuperAPI标准事件”节点，在“场景事件”中选择“聚焦至覆盖物”；

5.点击菱形图标的“元素点击时”，输出端连接到“添加场景特效”节点的输入端，再将“添加场景特效”节点的输出端连接到“聚焦至覆盖物”节点的输入端，这样三个节点就链接起来了；

6.下面开始设置API事件，点击界面右上部的“开启联调”按钮，打开API联调窗口；

7.在左侧的API列表中，展开“取点工具”，点击“开启取点工具”，可以看到取点工具的代码已经被自动添加到右上方的窗口中，点击顶部的“运行”按钮激活取点工具，点击刚才选择的建筑的位置，可以看到右下方的Logs窗口中会显示返回信息，复制“coord”右侧的XY坐标值，作为特效覆盖物坐标位置；

8.在左侧API列表中展开“场景特效”，点击“添加特效”，代码窗口显示场景特效的代码。将刚才复制的XY坐标值替换“coord”右侧的初始代码值，点击“运行”按钮就可以看到设置好的特效啦。

六、预览应用效果

当当当～创作完成来看看效果吧～

1.点击右上角“页面管理”选择“场景+面板”即可预览最终效果。

值得一提的是，预览效果时，还可以随时切换视角，不仅能俯瞰整个城市，还能以第一人称视角在数字孪生城市里“逛街”，甚至可以进入建筑内游览室内环境。

七、案例发布

现在，我们来到了整个数字孪生应用创作的最后一步——发布，可以将你的创作成果交付给客户了！

1.点击顶部导航栏中的“发布”按钮，选择“场景+面板”会弹出“发布设置”对话设置”中输入WDP账号和案例名称，点击确认完成发布；

3.点击界面中的“案例发布”按钮，可以直接运行发布完的案例，也可以案例封面右下角的“复制链接”按钮，通过浏览器或其他方式运行。

通过以上六个步骤就可以完成一个数字孪生应用的创作啦～