不管你是使用2D 还是WebGL，任何用过的人都知道很难调试，使用Canvas通常需要长长的难以跟踪的调用列表function draw() { context.clearRect(0, 0, 258, 258); context.fillStyle = "#EEEEEE"; context....
分类：
其他好文 时间：
2014-10-24 16:04:11
阅读次数：
218
一、全部自己开发，从底层开始
VML+SVG开发矢量地图，不需要导入第三方图片作为背景，直接在地图编辑里可以编辑基础地图内容，如进行岩石、巷道、煤层、水域等绘画，在画好基础地图样子再在其上面画出智慧线等设备，所有操作显示等都用SVG来实现，形成的SVG地图自然就是纯矢量地图。
二、基于WEBGL和3DMAX开发
WEBGL+3DMAX开发3D效果，WEBGL是从OpenGL演...
分类：
Web程序 时间：
2014-10-24 09:18:01
阅读次数：
177
需求打开本地STL文件一个独立基于webgl的viewer，会被别的网站重用将打开文件的数据传输给viewer，并且在文件加载的时候显示进度条解决方案#1可以使用传统的html5 api来打开，#2来说，可以通过iframe来提供独立的viewer，#3来说需要用web worker来实现。实现细节...
分类：
Web程序 时间：
2014-10-19 03:44:40
阅读次数：
276
多纹理进行渲染的时候应该注意的是，指定正确的纹理单位进行数据的处理，这就足够了。
其他的细节，主要是activeTexture函数和uniform1i函数的使用方法，这几个不出错的话，之后就可以在着色器一侧使用自己喜欢的图片了。
这次只是单纯的在着色器中将两个纹理数据进行相乘运算，然后各个纹理数据分别进行处理，就可以进行完全不一样的渲染，没有使用固定渲染管道，而是使用GLSL中的程序员自定义着色器，这一点很刺激吧。...
分类：
Web程序 时间：
2014-10-19 01:24:18
阅读次数：
266
在片段着色器中对光进行计算，阴影，亮点等效果都非常的漂亮，3D场景的真实度大幅度提升。并且能和顶点颜色一起使用，理解了前面讲解的内容之后，就应该能进行比较高质量的3D渲染了。
这一次，来看高级一点的纹理的使用。所谓纹理，简单一点说，就是可以放到多边形上的图片数据，在WebGL中当然也可以使用。
WebGL和HTML不同，一般的图片类型（gif，jpg，png等）是不可以直接使用的，另外，也可以把canvas转换成纹理，总之，要变换一下方法来进行渲染。...
分类：
Web程序 时间：
2014-10-18 18:22:41
阅读次数：
409
在这里不得不感叹谷歌人体浏览器的强大，谷歌通过WebGL技术将人体将解剖学3D模型无比清晰的展现到了我们的眼前，不仅为学医和绘画的人提供了巨大的帮助，也为普通人了解人体构造提供了方便。下面小编就给大家介绍一下神奇的谷歌人体浏览器怎么用。工具/原料谷歌人体浏览器谷歌人体浏览器界面1谷歌人体浏览器可以使...
分类：
其他好文 时间：
2014-10-15 21:13:21
阅读次数：
268
Libgdx是一个通过统一的API工作在所有支持平台（Windows，Linux，Mac OS X，Android，黑莓，HTML/WebGL）的一个Java游戏开发框架。
框架提供了一个快速原型和快速迭代的环境。当你需要修改代码时，你可以在桌面环境上运行和调试你的游戏，而不是直接部署到Android/IOS/JavaScript中。
桌面虚拟机的很多特性比如code hotswapping技...
分类：
其他好文 时间：
2014-10-14 21:22:19
阅读次数：
184
用点光源的光照，概念基本上和平行光源一样。根据获取光向量和顶点的法线及视点向量的内积来添加阴影。和平行光源的不同之处，简单的说就是光向量是否是一个固定值。点光源使用的是模型坐标变换后的顶点的位置和光源的位置，这时再计算光向量，所以增加了若干的计算量。
平行光源的光的方向是一定的，整体都受到均等的光照。但是点光源根据实际顶点的坐标要进行具体的光的碰撞。这次的demo和上次一样在片段着色器中进行光的计算和补色着色，所以可以进行很漂亮的渲染。
这次的文章中只需要明白是进行了光照相关的基础部分的封装，WebGL中的...
分类：
Web程序 时间：
2014-10-13 02:29:19
阅读次数：
239
这一次分别说了高氏着色和补色着色两种着色，高氏着色的优点是计算量比较低，而和补色着色相比的话，渲染效果不太自然。
补色着色正好相反，计算量很高，但是渲染效果非常完美。
到底选择那种方法，取决于模型的顶点数和需要的渲染效果，以及执行环境能够承受的计算负荷。
实际应用中，根据利用的场景和描画的模型，分别使用不同的方法是非常重要的。
这次也准备了demo，急着看运行效果的人可以点击文章最后的链接来测试。
另外，补充一点，这次的demo中对圆环体的生成函数做了几处修改，返回值是以对象的形势返回的，可以指定圆环体的颜...
分类：
Web程序 时间：
2014-10-12 00:17:26
阅读次数：
605
与目前为止所涉及到的算法相比，今天的算法也不算难，就是，计算从光源发出的光向量和视线向量之间的半向量，然后与面法线向量求内积，所以相对的负荷也不大。但是，这只是在一定程度上模拟了反射光的效果，并不是非常严格的反射光的计算。
从渲染的结果来看，圆环体已经变的非常漂亮了，实际的效果，请参考文章最后给出的链接。...
分类：
Web程序 时间：
2014-10-06 23:37:41
阅读次数：
194
