阿里云三维可视化使用初体验

简介:

title: 阿里云三维可视化使用初体验
tags:

  • 物联网开发
  • BIM
    categories:
  • 物联网

本文主要的目标是使用阿里云的云产品 - 物联网套件三维可视化

开始

准备工作

  1. 进入下载页面下载页面,点击“模型编辑器下载”
  2. 安装模型编辑器下载
  3. 安装完毕,启动模型编辑器下载,启动后界面如下所示
    5F007A19_8973_49c0_9E24_4AC58E8D9487
  4. 选择新建场景,开启场景自建

建立模型

  1. 基础操作

    • 鼠标左键 - 旋转、拖动
    • 鼠标滚轮 - 放大、缩小
    • 鼠标右键 - 平移场景、取消选中状态
    • 鼠标左键双击 - 进入模型内部
    • 鼠标右键双击 - 退出模型内部
    • 键盘空格 - 2D/3D 切换
  2. 新建场景后,会看到这样的样子
    7BA5E2CA_78EF_4e35_A653_2FF2C2D811C5
  3. 删除人物,现在开始建设场景
    9EFA27D8_ACE1_4ef4_AFD1_8C867DEA9C82
  4. 建立好围墙、并选择“室外-大门”
    987E0D54_7DEC_4a8b_908C_230DBCDB9578
  5. 开始建立建筑,选择“室内-建房”,在刚才建好的园区里放一个“自定义建筑”,放好之后双击进入建筑内部,象第四部一样,先画一个矩形墙,然后根据下图中的①②③④选择好建筑外立面,并在选中建筑物后浮出的菜单中,选择“编辑”调整建筑物模型的大小,如果忘记设置了,也可以通过①②两步,重新回到选择建筑物外立面的界面
    290A93C6_2570_4e3a_961A_422D5EAB8999
  6. 摆放好各种物体,其中物联网设备,一定要从右侧边栏- 设备-IOT设备选取,此处的模型会在下一步和实际的物联网设备关联
    ED14DE5E_8A59_4059_ACC8_48DA8642B209
  7. 导出建好的模型,并非保存,参考下图步骤
    6C2061F4_9EFA_47d0_AF1C_64E3344A227A

关联模型

  1. 回到阿里云控制台,选择创建场景,并上传刚才导出的zip包,如果没有产品,需要到左边栏“设备管理”里创建一些设备,产品需要选择高级版本
    1B1AF10A_B9B8_47fd_870E_B16DEAD0BD55
  2. 点击确定之后,进行设备关联
    63B569F9_F0F6_4670_9742_DAFAD1923EA7

产生联动

  1. 使用物联网套件SDK,把真实设备接入,请参考下一篇文章
  2. 真实设备接入之后,即可和刚才建模中的模型进行互动

自定义js

待定

导出

待定

更多

参考我的博客

相关实践学习
钉钉群中如何接收IoT温控器数据告警通知
本实验主要介绍如何将温控器设备以MQTT协议接入IoT物联网平台,通过云产品流转到函数计算FC,调用钉钉群机器人API,实时推送温湿度消息到钉钉群。
阿里云AIoT物联网开发实战
本课程将由物联网专家带你熟悉阿里云AIoT物联网领域全套云产品,7天轻松搭建基于Arduino的端到端物联网场景应用。 开始学习前,请先开通下方两个云产品,让学习更流畅: IoT物联网平台:https://iot.console.aliyun.com/ LinkWAN物联网络管理平台:https://linkwan.console.aliyun.com/service-open
相关文章
|
8月前
|
数据可视化 API vr&ar
探索Qt 3D之旅:从基础到实战,打造引人入胜的三维界面与应用
探索Qt 3D之旅:从基础到实战,打造引人入胜的三维界面与应用
1072 2
|
数据可视化 定位技术
GIS空间分析 三维分析2 TIN创建与三维可视化
本文中,我将带你了解如何在ArcGIS中使用DEM数据制作三维模型
315 0
|
数据可视化 JavaScript 前端开发
[Python可视化]一种极具特色(但是并没有什么用)的GIS专题图可视化方法
[Python可视化]一种极具特色(但是并没有什么用)的GIS专题图可视化方法
100 0
|
3月前
|
数据可视化 搜索推荐 vr&ar
全景可视化特点+可视化功能实现
全景可视化特点+可视化功能实现
44 2
|
3月前
|
JavaScript API 图形学
(在线查看三维模型)在线CAD中创建三维建筑墙体
本文详细介绍如何使用mxcad3d创建建筑墙体模型。首先需安装Node.js及npm包管理器,并通过npm初始化项目、引入mxcad包。接着,在项目中编写HTML与TypeScript代码以实现墙体绘制,包括外墙、内墙、窗户和门的创建。最后,通过运行项目验证效果。教程及完整项目示例可在[mxcad3d官方仓库](https://gitee.com/mxcadx/mxcad_docs/tree/master/examples3D/Test3dWall.7z)获取。更多详细步骤,请关注“梦想云图网页CAD”公众号。
|
监控 数据可视化 算法
三维可视化神器带来无限可能,原来三维场景也可以如此轻松实现
三维可视化神器带来无限可能,原来三维场景也可以如此轻松实现
138 1
三维可视化神器带来无限可能,原来三维场景也可以如此轻松实现
|
JavaScript 数据可视化 前端开发
《面向三维GIS的Cesium开发与应用》读书笔记
《面向三维GIS的Cesium开发与应用》读书笔记
|
数据可视化 JavaScript 前端开发
【视觉高级篇】27 # 如何实现简单的3D可视化图表:GitHub贡献图表的3D可视化?
【视觉高级篇】27 # 如何实现简单的3D可视化图表:GitHub贡献图表的3D可视化?
192 0
【视觉高级篇】27 # 如何实现简单的3D可视化图表:GitHub贡献图表的3D可视化?
|
数据可视化 JavaScript 前端开发
Mars3D三维可视化平台
Mars3D三维可视化平台
Mars3D三维可视化平台
|
编解码 定位技术 数据处理
【从零开始学GIS再到精通GIS】专题图制作-地图渲染-地图整饰
【从零开始学GIS再到精通GIS】专题图制作-地图渲染-地图整饰
【从零开始学GIS再到精通GIS】专题图制作-地图渲染-地图整饰

热门文章

最新文章