基于 HTML5 WebGL 的地铁站 3D 可视化系统

工业互联网，物联网，可视化等名词在我们现在信息化的大背景下已经是耳熟能详，日常生活的交通，出行，吃穿等可能都可以用信息化的方式来为我们表达，在传统的可视化监控领域，一般都是基于 Web SCADA 的前端技术来实现 2D 可视化监控，本系统采用 Hightopo 的 HT for Web 产品来构造轻量化的 3D 可视化场景，该 3D 场景从正面展示了一个地铁站的现实场景，包括地铁的实时运行情况，地铁上下行情况，视频监控，烟雾报警，电梯运行情况等等，帮助我们直观的了解当前的地铁站。该查询功能在地图上以项目的地域分布为线索，与建筑项目案卷信息关联，通过框选、点选等操作可快速实现城建档案的可视化，提高了档案的查全、查准率，使档案查询更为快捷、更为直观，更能满足社会公众和城乡规划建设对档案信息资源的需要。

系统中为了帮助用户更直观友好的浏览当前地铁站，提供了三种交互模式：

1、第1人称模式 -- 操作就类似行人或车在行进的效果，可以通过键盘鼠标控制前进后退。

2、自动巡检模式 -- 该模式下用户不需要任何操作，场景自动前进后退来巡查当前地铁站的场景。

3、鼠标操作模式 -- 左键旋转场景，右键平移场景。

重庆木棉树软件开发有限公司始创于2009年底，致力于为用户提供网络沉浸式体验的技术解决方案！是一家在顶端软件领域***从事网页3D引擎算法的研发，以及3D网站设计制作的创新型高技术企业。

地铁可视化场景监控交互

3D 场景中交互是比较简单的，主要是点击摄像头展示 2D 监控面板，在 2D 界面中主要是切换三种交互模式，三种交互模式为互斥的关系。

工业互联网将人，数据和机器连接起来，地铁站 3D 可视化系统则是一个很好的展现，HT 的轻量化，数据的可视化，机器的可视化，资产的管理化帮助我们更好的监控。若是同一社区的不同***之间没有将腕带规范化，就可能导致护士或医生在不同地点工作时出现混乱。而物联网将通过各种信息传感设备，实时采集任何需要监控、连接、互动的物体或过程等各种需要的信息，通过与 HT 的结合更好的展现出可视化的优势，当然地铁站还可以与 VR 进行结合，在各地科技展会中我们可以见到各种 VR 场景操作，HT 中也可以结合 VR 设备进行操作，可以戴上设备在地铁站中漫游，让人有身临其境的感觉，由于场景本身的轻量化，所以 VR 场景下的流畅性也是十分的高，让用户不会有头晕的感觉。当然系统本身也可以在移动端运行。

重庆木棉树软件开发有限公司始创于2009年底，致力于为用户提供网络沉浸式体验的技术解决方案！是一家在顶端软件领域***从事网页3D引擎算法的研发，以及3D网站设计制作的创新型高技术企业。

数据可视化

天下武功, 唯快不破, 可视化让人一眼发现趋势。在这里，小编大概将其整理归纳为以下三点，当然它们并非都是必备特征：一、直观：基于3D和动效等技术，以对真实物理效果的模拟和较强的视觉冲击力加强用户对数据的感知能力。心理学家说, 人脑70%的***信号来自视觉, 我们的视觉系统***完善, 而不同的感官之间, 多少是可以转化的, 而且是每个人的天性。这是道德经的一段：『 有无相生, 难易相成, 长短相形, 高下相倾 』这句话朗朗上口, 背后多少是个感官的映射。

数据可视化是科学、艺术和设计的结合，当枯燥隐晦的数据被数据科学家们以优雅、简明、直观的视觉方式呈现时，带给人们的不仅仅是一种全新的观察世界 的方法，而且往往具备艺术作品般的强大冲击力和说服力。值得一提的是，不要仅仅为了3D就使用地球图，要看数据本身的情况。如今数据可视化已经不局限于商业领域，在社会和人文领域的影响力也正在显现。

重庆木棉树软件开发有限公司始创于2009年底，致力于为用户提供网络沉浸式体验的技术解决方案！是一家在顶端软件领域***从事网页3D引擎算法的研发，以及3D网站设计制作的创新型高技术企业。4、和弦图：和弦图一般用来表示双向的网络关系（比如AB两个城市相互流入流出了多少人），数据结构一般为邻接矩阵。我们是国内优先利用HTML5三维绘图技术为国内企***提供增值互联网 服务的服务商，也是国内主要的WebGL、WebVR开发服务商，我们开创了国内WebVR应用的先河，我们的作品将颠覆人们对传统网站的认识，一种全新的VR虚拟现实网站将带给您新的非凡体验，它将带您走进一个看似虚拟但却真实的立体世界。