- 博客(14)
- 收藏
- 关注
RSS订阅
原创 基于WebGL架构的3D可视化平台—工业组态
前言随着现代工业生产规模的日益扩大，工业自动化应用日益呈现规模化、复杂化和广域分布化特征，同时随着信息化时代的到来，使得用户对组态的功能和结构都提出了更高的要求。Demo预览实现第一步，加载场景代码。//加载场景代码var app = new THING.App({ // 场景地址 "url": "http://www.thingjs.com/./uploads/...
2019-02-28 11:31:41
8336
4
原创 基于WebGL架构的3D可视化平台—电力组态
前言随着现代工业生产规模的日益扩大，工业自动化应用日益呈现规模化、复杂化和广域分布化特征，同时随着信息化时代的到来，使得用户对组态的功能和结构都提出了更高的要求。Demo预览实现第一步，加载场景。当前场景中的建筑都是由Campus Builder中的万能物体组装起来的。 // 创建App var app = new THING.App({ // 场景地址 "ur...
2019-02-18 12:57:44
4521
原创 基于WebGL架构的3D可视化平台—停车场管理系统
随着社会的发展，城市中的汽车越来越多。车辆集中存放管理的场所被人类提出车辆进出的秩序、车辆存放的安全性、车辆存放管理的有偿性等要求。停车场系统应用现代机械电子及通讯科学技术，集控制硬件、软件于一体。随着科技的发展，停车场管理系统也日新月异，目前最为专业化的停车场系统为免取卡停车场。下面我们就用ThingJs平台来搭建一个3d可视化的停车场管理系统。第一步，还是用CampusBuilder来搭建一...
2018-12-08 16:25:37
2180
7
原创 基于WebGL架构的3D可视化平台—粮仓3D场景
前言什么才是智慧粮仓正所谓“国以民为本，民以食为天”。粮食既是关系国计民生和国家经济安全的重要战略物资，也是人民群众最基本的生活资料。其中粮仓是粮食建设的根基，对保障粮食安全尤为重要。随着信息化技术发展，全国各地开始智慧粮仓的建设：可视一体化，让粮仓“智慧”升级可视：粮仓的园区、仓区、仓库、设备的3D可视；可查：3D场景内查看粮情、动环、仓容、能耗、视频监控、出入库等信息；可控：3D场...
2019-02-28 15:06:33
2770
1
原创 基于WebGL架构的3D可视化平台—城市地下管线3D可视化
前言城市管网是城市最重要的公共基础设施之一，与城市的发展和居民日常生活息息相关。根据不同的市政建设，管网分供水、排污、供暖、通信、电力等多种类别，其广泛分布遍及地下。随着城市发展建设所衍生出空间分布复杂，变化大，种类繁多等问题，可视化管理是未来发展最好的解决方案。Demo预览实现第一步，加载场景//加载场景代码var app = new THING.App({ // ...
2019-01-24 14:47:06
2324
原创 ALI物联网平台三维数据可视化——停车场管理系统
前言阿里云物联网平台是阿里云针对物联网领域开发人员推出的一款设备管理平台。高性能IoT Hub实现设备与云端稳定通信，全球多节点部署有效降低通信延时，多重防护能力保障设备云端安全。此外，物联网平台还提供丰富的设备管理功能、稳定可靠的数据存储能力，以及规则引擎。使用规则引擎，您仅需在Web上配置简单规则，即可将设备数据转发至阿里云其他产品，获得数据采集、数据计算、数据存储的全栈服务，真正实现物联网...
2019-01-10 17:17:41
1808
3
原创 基于WebGL架构的3D可视化平台—平面图导航（二）
前言基于WebGL架构的3D可视化平台—平面图导航（一）中已经完成了iframe面板与我们的3D场景的简单交互，下面我们继续完善并给iframe页加上鼠标悬停事件让iframe页的img标签和我们场景中的obj一起动起来。实现第一步，还是使用之前的场景接着上次的继续，先编写iframe页。给每一个img标签都加上onmouseover、onmouseout 事件。<!DOCTYPE ...
2019-01-10 16:43:06
1482
2
原创 基于WebGL架构的3D可视化平台—平面图导航（一）
前言利用CampusBuilder来搭建自己的虚拟世界过程有这样一个问题:如何快速聚焦到虚拟场景的某一位置。当然我们可以创建几个按钮对应查找我们需要去的位置（参照物）并聚焦，但是按钮并不是很炫酷也不能很好的反馈给我们一些信息。接下来我们就用平面导航图来解决这一问题。第一步：使用CampusBuilder搭建模拟场景，CampusBuilder操作简单，分分钟就可以上手。...
2019-01-04 15:53:19
3854
原创 基于WebGL架构的3D可视化平台—家居城3D展示
本文将模拟一个“宜家”，让大家足不出户在家里就能更加直观立体的挑选家具。第一步，利用CampusBuilder搭建模拟场景。CampusBuilder的模型库有各种各样的模型，使我们搭建出的场景更逼真。使用CampusBuilde创建层级，之后再给层级加外立面就出现了当前的效果。这次我们其实只是需要一个楼层，所以我们就把上次使用的过的场景拿来改造一下。详情移步：CampusBuilder3D场景...
2018-12-27 12:59:32
1313
原创 基于WebGL架构的3D可视化平台—小区水，电，燃气管线演示
地下的管线错综复杂如何，图纸并不能完全满足实际需求，我们就用ThingJS平台来模拟一个小区水，电，天然气管线演示。第一步，利用CampusBuilder搭建模拟场景。CampusBuilder的模型库有各种各样的模型，使我们搭建出的场景更逼真。使用CampusBuilde创建层级，之后再给层级加外立面就出现了当前的效果。详情移步：CampusBuilder3D场景制作工具//加载场景代码...
2018-12-19 15:53:37
1641
原创 基于WebGL架构的3D可视化平台—设备管理
国内高层建筑不断兴建，它的特点是高度高、层数多、体量大。面积可达几万平方米到几十万平方米。这些建筑都是一个个庞然大物，高高的耸立在地面上，这是它的外观，而随之带来的内部的建筑设备也是大量的。为了提高设备利用率，合理地使用能源，加强对建筑设备状态的监视等，自然地就提出了楼宇自动化控制系统。下面我们将用ThingJS平台来模拟一个设备管理系统。第一步，利用CampusBuilder搭建模拟场景。Ca...
2018-12-12 16:30:00
686
原创 基于WebGL架构的3D可视化平台—消防救援进攻路线模拟演练
消防官兵在日常训练中经常会进行沙盘推演，相比传统的沙盘推演利用3D模拟更加直观，效率更高。第一步，利用CampusBuilder搭建模拟火灾场景。CampusBuilder的模型库有各种各样的模型，使我们搭建出的场景更逼真。//加载场景代码var app = new THING.App({ // 场景地址 "url": "
2018-11-16 16:05:52
1665
原创 基于WebGL架构的3D可视化平台—实现小车行走路线演示
刚接触[ThingJS](http://www.thingjs.com/guide/?m=sample)的时候，写的一个小车开进小区的演示，今天又看了教程中有movePath这个方法就重新写了一遍，其中也遇到了一些问题，尤其突出的问题就是小车过弯的尴尬表现。
2018-11-14 16:41:41
3739
5
原创 基于WebGL架构的3D可视化平台—实现柜子开关门动画，信息牌
ThingJS是基于WebGL架构的物联网3D可视化PasS平台，他的出现大大降低了传统3D可视化开发。第一步，加载场景（场景为预先搭建好的）//加载场景代码var app = new THING.App({ // 场景地址 "url": "http://www.thingjs.
2018-11-12 10:12:20
1468
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人