监控隧道内的车道堵塞情况、隧道内的车祸现场，在隧道中显示当前车祸位置并在隧道口给与提示等等功能都是非常有必要的。这个隧道 Demo 的主要内容包括：照明、风机、车道指示灯、交通信号灯、情报板、消防、火灾报警、车行横洞、风向仪、微波车检、隧道紧急逃生出口的控

首先我们先了解一下基于WebGL架构的3D可视化平台——ThingJS是什么？ThingJS是优锘科技开发的一套面向物联网应用的在线3D可视化应用开发及运营PaaS平台，以“ ThingJS云视PaaS服务”形式面向广大物联网企业提供全生命周期在线3D可视

基本思路上一篇文章简单介绍了WebGL绘制Line的bug，这一篇文章会讲述解决这个问题的work around。两个三角形模拟的线段因此要绘制一条线段，则需要六个顶点，两个三角形；当时从上图中，可以看出有些顶点是共享，实际上只需要四个顶点，然后通过索引的

3D 的模拟一般需要鹰眼来辅助的，这样找产品以及整个空间的概括会比较明确，在这个例子中我也加了，这篇文章就算是我对这次项目的一个总结吧。现在 Web3d 技术兴起，大体就是分为两派：插件派和 HTML5 派。HT 就是基于 HTML5 的，不需要安装任何插

js1k.com收集了小于1k的javascript小例子，里面有很多很炫很酷的游戏和特效，今年规则又增加了新花样，传统的classic类型基础上又增加了WebGL类型，以及允许增加到2K的++类型，多次想尝试提交个小游戏但总无法写出让自己满意还能控制在这

在上一篇《基于HT for Web矢量实现2D叶轮旋转》中讲述了叶轮旋转在2D拓扑上的应用，今天我们就来讲讲叶轮旋转在3D上的应用。这时候就需要借助专业的3ds Max工具来建模了，然后通过3ds Max工具将模型导出成obj文件，然后再项目中引用导出的o

WebGL是一项利用JavaScriptAPI呈现3D电脑图形的技术，有别于过往需加装浏览器插件，通过WebGL的技术，只需要编写网页代码即可实现3D图像的展示。WebGL的规格尚在发展中，由非营利的KhronosGroup管理。WebGL基于OpenGL

本文不会是另一篇WebGL教程：优秀的教程已比比皆是。我们只打算向Web开发者这一目标受众介绍WebGL的一些概念，这基本上就是任何一般性的底层图像API的概念。

所以我今天得任务就是完全剖析这个例子！如何把右上角的form表单和左下角的视图又是怎么放的？

插播一则广告**MONO哥需要在武汉招JavaScript工程师若干要求：对前端技术，对可视化技术有浓厚的兴趣基础不好的可培养，基础好的可共谋大事感兴趣的给我发邮件：[email protected]**. -------------------------

5.使用initBuffers函数载入含有场景内物体信息的数组对象；8.在HTML代码中加入一段canvas标签的内容，来现实绘制的场景。

WebGL简单说就是OpenGL在浏览器端的实现。OpenGL就是一组提供了生成2d、3d图形的API。其实，要想用WebGL来真正“画”出一些东西，首先要对图形学的一些基本概念有理解。简明图形学 图形学，指利用计算机来生成图形、绘制或者叫渲染图形、处理图

Google 用 WebGL 打造 Bookcase 3D 书架

有不少朋友询问《HTML5 Web 客户端五种离线存储方式汇总》文章例子的3D表计模型是如何生成的，这个例子是通过导入3dmax设计好的表计模型，然后通过obj格式导入到HT for Web系统中进行控制，这种方式特别适合复杂模型的应用场景，但对于监控系统

今天没有延续上一篇讲的内容，穿插一段小插曲，WebSocket 实时数据通讯同步的问题，今天我们并不是很纯粹地讲 WebSocket 相关知识，我们通过 WebGL 3D 拓扑图来呈现一个有趣的 Demo。根据上面的思路，我们该如何去规划呢？WebSock

最近搞个游戏遇到最短路径的常规游戏问题，一时起兴基于HT for Web写了个A*算法的WebGL 3D呈现，算法基于开源github上的javascript实现，其实作者也有个不错的2D例子 ，只不过觉得所有A*算法的可视化实现都是平面的不够酷，另外还有

档案管理系统是通过建立统一的标准以规范整个文件管理，包括规范各业务系统的文件管理的完整的档案资源信息共享服务平台，主要实现档案流水化采集功能。传统档案馆随着社会的快速发展与变化，其内在形式上也发生了巨大变化，逐渐演变为现代智慧档案馆。本文以当前流行的 H5

目前，我们有很多方案可以快速的接触到 WebGL 并绘制复杂的图形，但最后发现我们忽视了很多细节性的东西。当然，这对初学 WebGL 是有必要的，它能迅速提起我们对 WebGL 的学习兴趣。当学习到更加深入的阶段时，我们更想了解 WebGL 的工作机制

此效果只有支持WebGL与显卡支持浮点纹理，屏幕空间的偏导数，顶点纹理获取。谷歌Chrome浏览器是目前唯一支持所有这些。