JavaScript
文章平均质量分 71
_Ginkgo
Do what you should do without thinking about the results.
展开
-
基于WebGL架构的3D可视化平台—实现柜子开关门动画,信息牌
ThingJS是基于WebGL架构的物联网3D可视化PasS平台,他的出现大大降低了传统3D可视化开发。第一步,加载场景(场景为预先搭建好的)//加载场景代码var app = new THING.App({ // 场景地址 "url": "http://www.thingjs.原创 2018-11-12 10:12:20 · 1504 阅读 · 0 评论 -
基于WebGL架构的3D可视化平台—平面图导航(二)
前言基于WebGL架构的3D可视化平台—平面图导航(一)中已经完成了iframe面板与我们的3D场景的简单交互,下面我们继续完善并给iframe页加上鼠标悬停事件让iframe页的img标签和我们场景中的obj一起动起来。实现第一步,还是使用之前的场景接着上次的继续,先编写iframe页。给每一个img标签都加上onmouseover、onmouseout 事件。<!DOCTYPE ...原创 2019-01-10 16:43:06 · 1518 阅读 · 2 评论 -
基于WebGL架构的3D可视化平台—城市地下管线3D可视化
前言城市管网是城市最重要的公共基础设施之一,与城市的发展和居民日常生活息息相关。根据不同的市政建设,管网分供水、排污、供暖、通信、电力等多种类别,其广泛分布遍及地下。随着城市发展建设所衍生出空间分布复杂,变化大,种类繁多等问题,可视化管理是未来发展最好的解决方案。Demo预览实现第一步,加载场景//加载场景代码var app = new THING.App({ // ...原创 2019-01-24 14:47:06 · 2393 阅读 · 0 评论 -
基于WebGL架构的3D可视化平台—平面图导航(一)
前言利用CampusBuilder来搭建自己的虚拟世界过程有这样一个问题:如何快速聚焦到虚拟场景的某一位置。当然我们可以创建几个按钮对应查找我们需要去的位置(参照物)并聚焦,但是按钮并不是很炫酷也不能很好的反馈给我们一些信息。接下来我们就用平面导航图来解决这一问题。第一步:使用CampusBuilder搭建模拟场景,CampusBuilder操作简单,分分钟就可以上手。...原创 2019-01-04 15:53:19 · 3900 阅读 · 0 评论 -
基于WebGL架构的3D可视化平台—家居城3D展示
本文将模拟一个“宜家”,让大家足不出户在家里就能更加直观立体的挑选家具。第一步,利用CampusBuilder搭建模拟场景。CampusBuilder的模型库有各种各样的模型,使我们搭建出的场景更逼真。使用CampusBuilde创建层级,之后再给层级加外立面就出现了当前的效果。这次我们其实只是需要一个楼层,所以我们就把上次使用的过的场景拿来改造一下。详情移步:CampusBuilder3D场景...原创 2018-12-27 12:59:32 · 1347 阅读 · 0 评论 -
基于WebGL架构的3D可视化平台—小区水,电,燃气管线演示
地下的管线错综复杂如何,图纸并不能完全满足实际需求,我们就用ThingJS平台来模拟一个小区水,电,天然气管线演示。第一步,利用CampusBuilder搭建模拟场景。CampusBuilder的模型库有各种各样的模型,使我们搭建出的场景更逼真。使用CampusBuilde创建层级,之后再给层级加外立面就出现了当前的效果。详情移步:CampusBuilder3D场景制作工具//加载场景代码...原创 2018-12-19 15:53:37 · 1676 阅读 · 0 评论 -
基于WebGL架构的3D可视化平台—设备管理
国内高层建筑不断兴建,它的特点是高度高、层数多、体量大。面积可达几万平方米到几十万平方米。这些建筑都是一个个庞然大物,高高的耸立在地面上,这是它的外观,而随之带来的内部的建筑设备也是大量的。为了提高设备利用率,合理地使用能源,加强对建筑设备状态的监视等,自然地就提出了楼宇自动化控制系统。下面我们将用ThingJS平台来模拟一个设备管理系统。第一步,利用CampusBuilder搭建模拟场景。Ca...原创 2018-12-12 16:30:00 · 697 阅读 · 0 评论 -
基于WebGL架构的3D可视化平台—停车场管理系统
随着社会的发展,城市中的汽车越来越多。车辆集中存放管理的场所被人类提出车辆进出的秩序、车辆存放的安全性、车辆存放管理的有偿性等要求。停车场系统应用现代机械电子及通讯科学技术,集控制硬件、软件于一体。随着科技的发展,停车场管理系统也日新月异,目前最为专业化的停车场系统为免取卡停车场。下面我们就用ThingJs平台来搭建一个3d可视化的停车场管理系统。第一步,还是用CampusBuilder来搭建一...原创 2018-12-08 16:25:37 · 2256 阅读 · 7 评论 -
基于WebGL架构的3D可视化平台—消防救援进攻路线模拟演练
消防官兵在日常训练中经常会进行沙盘推演,相比传统的沙盘推演利用3D模拟更加直观,效率更高。第一步,利用CampusBuilder搭建模拟火灾场景。CampusBuilder的模型库有各种各样的模型,使我们搭建出的场景更逼真。//加载场景代码var app = new THING.App({ // 场景地址 "url": "原创 2018-11-16 16:05:52 · 1718 阅读 · 0 评论 -
基于WebGL架构的3D可视化平台—实现小车行走路线演示
刚接触[ThingJS](http://www.thingjs.com/guide/?m=sample)的时候,写的一个小车开进小区的演示,今天又看了教程中有movePath这个方法就重新写了一遍,其中也遇到了一些问题,尤其突出的问题就是小车过弯的尴尬表现。原创 2018-11-14 16:41:41 · 3802 阅读 · 5 评论 -
基于WebGL架构的3D可视化平台—电力组态
前言随着现代工业生产规模的日益扩大,工业自动化应用日益呈现规模化、复杂化和广域分布化特征,同时随着信息化时代的到来,使得用户对组态的功能和结构都提出了更高的要求。Demo预览实现第一步,加载场景。当前场景中的建筑都是由Campus Builder中的万能物体组装起来的。 // 创建App var app = new THING.App({ // 场景地址 "ur...原创 2019-02-18 12:57:44 · 4637 阅读 · 0 评论