美文网首页开源
基于WebGL架构的3D可视化平台—停车场管理系统

基于WebGL架构的3D可视化平台—停车场管理系统

作者: 森友鹿锘 | 来源:发表于2018-12-22 17:19 被阅读185次

随着社会的发展,城市中的汽车越来越多。车辆集中存放管理的场所被人类提出车辆进出的秩序、车辆存放的安全性、车辆存放管理的有偿性等要求。停车场系统应用现代机械电子及通讯科学技术,集控制硬件、软件于一体。随着科技的发展,停车场管理系统也日新月异,目前最为专业化的停车场系统为免取卡停车场。下面我们就用ThingJs平台来搭建一个3d可视化的停车场管理系统。

第一步,还是用CampusBuilder来搭建一个模拟停车场。CampusBuider很好用在以往的文章中也多次提及过,丰富的模型库任你选择快速搭建3D场景。

第二步,初始化摄像机的位置并添加鼠标滑过,左键单击,右键单击,左键双击等事件。鼠标滑过,车勾边变红色,车位勾边边蓝色。左键单击,车或车位弹出信息牌。右键单击,关闭当前信息牌,镜头初始化。getCarData() 与 getParkData() 为模拟数据,没有几个售出的车位和车就用了switch。

第三步,创建主面板添加空间统计,闸门管理,播放动画,出入登记等功能按钮,同时创建闸门管理子面板。

第四步,为上面创建的功能按钮实现功能。

播放动画

出入登记

最后,奉上演示地址:http://www.thingjs.com/guide/sampleindex.html?name=/uploads/wechat/oLX7p05lsWJZUIxnIWsNXAzJ40X8/停车场管理.js?n=0.26781687455364267

完整代码复制

相关文章

网友评论

    本文标题:基于WebGL架构的3D可视化平台—停车场管理系统

    本文链接:https://www.haomeiwen.com/subject/ysnikqtx.html