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

简介:

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
相关文章
|
数据可视化 JavaScript 前端开发
[Python可视化]一种极具特色(但是并没有什么用)的GIS专题图可视化方法
[Python可视化]一种极具特色(但是并没有什么用)的GIS专题图可视化方法
99 0
|
2月前
|
编解码 数据可视化 前端开发
如何使用 D3.js 创建一个交互式的地图可视化?
如何使用 D3.js 创建一个交互式的地图可视化?
|
监控 数据可视化 算法
三维可视化神器带来无限可能,原来三维场景也可以如此轻松实现
三维可视化神器带来无限可能,原来三维场景也可以如此轻松实现
137 1
三维可视化神器带来无限可能,原来三维场景也可以如此轻松实现
|
Web App开发 数据可视化 前端开发
前端数据可视化插件(四)关系图
前端数据可视化插件(四)关系图
前端数据可视化插件(四)关系图
|
8月前
|
JavaScript 前端开发 定位技术
用R语言制作交互式图表和地图
用R语言制作交互式图表和地图
|
数据可视化 JavaScript 前端开发
Mars3D三维可视化平台
Mars3D三维可视化平台
Mars3D三维可视化平台
|
数据可视化 安全 图形学
实时云渲染技术应用之三维可视化部署
实时云渲染技术是以上两个方案的升级方案,该方案是纯B/S架构,将三维可视化、UE\Unity模型放置在服务器上,通过云渲染软件系统流化出可以在手机、电脑、平板、智慧屏等设备上可以直接访问的URL地址。程序运行是在云端服务器上,本地设备无需提供任何算力,用户也不需安装任何插件,而且在网络OK的情况下在任何设备任何地点(办公室、家里等)都可随时打开。在模型建设的阶段也可以选择多种引擎,无论是精美度更高的UE5还是unity、3dmax 或者其他设计软件都是OK的。因为云流化的原理其实不改变程序的指令执行过程,而是把整个执行过程画面以视频流的方式传回给用户终端设备。
448 0
实时云渲染技术应用之三维可视化部署
|
数据可视化 数据格式
水厂流程三维场景可视化解决方案
水厂流程三维场景可视化解决方案
水厂流程三维场景可视化解决方案
|
数据可视化 安全 数据挖掘
NBI可视化平台快速入门教程(四)数据可视化编辑器介绍
NBI可视化平台快速入门教程(四)数据可视化编辑器介绍 NBI大数据可视化分析平台作为新一代自助式、探索式分析工具,在产品设计理念上始终从用户的角度出发,一直围绕简单、易用,强调交互分析为目的的新型产品。我们将数据分析的各环节(数据准备、自服务数据建模、探索式分析、权限管控)融入到系统当中,让企业有序的、安全的管理数据和分析数据。
NBI可视化平台快速入门教程(四)数据可视化编辑器介绍
|
数据可视化 Python
数据可视化 | 20行代码玩转象限图!
Python 的绘图功能非常强大,如果能将已有的绘图库的各种复杂操作汇总在一个自己写的函数甚至是库/包中,并实现一行代码就调用并实现复杂的绘图功能,那就更是如虎添翼。 今天,我们就来讲讲一学就会的象限图。
568 0
数据可视化 | 20行代码玩转象限图!