WebGL打包过程可真是异常坎坷，开发过程中会有各种坑，大概总结了一下，记录下来。public Dictionary<string, string> data { get; set; }. 如果是按照上面这样写，恭喜你，打包出来的东西肯定报错，

与其说是webgl，倒不如说是图形学，毕竟语言只是一个工具。用过three.js或者其他三维库来开发三维程序的都知道，对于标题所指，其实实现起来很简单，拿three.js来说，一段很简短的代码就能实现：。这里也感谢作者和其他开源工作者做出的贡献，因为他们的

如果threejs可以导入shp文件，就可以呈现效果那是多么完美的事情啊！当然这是肯定的，那是我在经历的痛苦期，现在来分享我的甜品。有个偶然，一个QQ群的人，告诉我有个大神写了shp.js，可以读取线坐标，这才是我豁然开朗。之后，我就开始潜心，通读代码，已

低碳工业园区的建设与推广是我国推进工业低碳转型的重要举措，低碳工业园区能源与碳排放管控平台是低碳工业园区建设的关键环节。如何对园区内的企业的能源量进行采集、计量、碳排放核算，如何对能源消耗和碳排放进行实时动态监测等问题，涉及多个技术领域，专业性强。其数据不

现代工业化的推进在极大加速现代化进程的同时也带来的相应的安全隐患，在传统的可视化监控领域，一般都是基于 Web SCADA 的前端技术来实现 2D 可视化监控，本系统采用 Hightopo 的 HT for Web 产品来构造轻量化的 3D 可视化场景，该

最近做的一个项目，是一个油田三维可视化监控的场景编辑和监控的系统，和三维组态有些类似，不过主要用于油田上。效果如下图所示：。首先当然是上模型，设计人员跟进。一切进展的都很顺利。直到客户说，我们有一个WPF开发的桌面端程序，我们需要把你们的三维嵌入到桌面端。

最近做的一个项目，是一个油田三维可视化监控的场景编辑和监控的系统，和三维组态有些类似，不过主要用于油田上。效果如下图所示：。首先当然是上模型，设计人员跟进。一切进展的都很顺利。直到客户说，我们有一个WPF开发的桌面端程序，我们需要把你们的三维嵌入到桌面端。

前言：以为在学完了COMP30019后，应该不会再接触Unity了，没想到之后实习让我去做把一个Unity项目转到WebGL，而关于Unity的WebGL资料很少，基本除了Unity的Manual就只能看别人零星的记录了。遇到了一堆问题，可能以后会也写在博

现代工业化的推进在极大加速现代化进程的同时也带来的相应的安全隐患，在传统的可视化监控领域，一般都是基于 Web SCADA 的前端技术来实现 2D 可视化监控，本系统采用 Hightopo 的 HT for Web 产品来构造轻量化的 3D 可视化场景，该

近年来，无人机的发展越发迅速，既可民用于航拍，又可军用于侦察，涉及行业广泛，也被称为“会飞的照相机”。但作为军事使用，无人机的各项性能要求更加严格、重要。本系统则是通过Hightopo的HT for Web产品来搭建的一款 无人机 3D 可视化系统，通过对

近年来，无人机的发展越发迅速，既可民用于航拍，又可军用于侦察，涉及行业广泛，也被称为“会飞的照相机”。但作为军事使用，无人机的各项性能要求更加严格、重要。本系统则是通过Hightopo的HT for Web产品来搭建的一款 无人机 3D 可视化系统，通过对

自 2011 年我国城镇化率首次突破 50% 以来，《新型城镇化发展规划》将智慧城市列为我国城市发展的三大目标之一，并提出到 2020 年，建成一批特色鲜明的智慧城市。截至现今，全国 95% 的副省级以上城市、76% 的地级以上城市，总计约 500 多个城

自 2011 年我国城镇化率首次突破 50% 以来，《新型城镇化发展规划》将智慧城市列为我国城市发展的三大目标之一，并提出到 2020 年，建成一批特色鲜明的智慧城市。截至现今，全国 95% 的副省级以上城市、76% 的地级以上城市，总计约 500 多个城

自动巡检模式 -- 该模式下用户不需要任何操作，场景自动前进后退来巡查当前地铁站的场景。上述为自动巡检的漫游效果，场景自动进行前进旋转。ht.Default.loadObj(‘obj/metro.obj‘, ‘obj/metro.mtl‘, {. 上面通过

大多数资料都是基于opengl实现，过多关注点在渲染上面而不是水波的mesh实现上，让人没有看下去的欲望。有的就直接是照搬别人的博客，公式大段大段地搬，却没有自己的一丝见解，太过敷衍。代码不加注释，对前来学习者不太友好。针对webgl的实现，网上的资料太少

‘ gl_Position = u_MvpMatrix * a_Position;\n‘ + // 设置顶点坐标。var currentAngle = [0.0, 0.0]; // 绕X轴Y轴的旋转角度

Adobe的Flex和微软的Silverlight/WPF本被业界寄予厚望，没想这哥俩如匆匆过客被老东家抛弃了，但他们还是推动了MVP和MVVM设计模式的普及，如今HTML5领域的KnockoutJS、Backbone.js、AngularJS、PureM

实现代码比较容易一百多行，不过算法核心在astar.js了，界面核心在ht.js里面了，我只需要构建网格信息，只需监听用户点击，然后调用astar.js进行最短路径计算，将结果通过动画的方式呈现出走动的过程，所有代码如下：。w = 40; m = 20;

3D 的模拟一般需要鹰眼来辅助的，这样找产品以及整个空间的概括会比较明确，在这个例子中我也加了，这篇文章就算是我对这次项目的一个总结吧。进入正题，整个例子用了两百多行的代码来实现的，这就是我喜欢用HT的原因，能够快速开发。现在 Web3d 技术兴起，大体就

构建 3D 的场景除了创建模型，对模型设置颜色和贴图外，还需要有灯光的效果才能更逼真的反映真实世界的场景。这个例子我觉得既美观又代表性很强，所以拿出来给大家分享一下。上面场景中主要的知识点包括：3D 灯光以及 3D 模型的流动。添加灯光场景中出现的灯光，除