gl.crearColor(red, green, blue, alpha) 指定绘图区域的背景色 gl.clear(buffer) 将指定的缓冲区设定为预定的值。如果清空的是颜色缓冲区,那么将使用 gl.clearColor() 指定的值(作为预定值)。 WebGL 依赖于一种新的称为着色器(sh ...
分类:
Web程序 时间:
2018-04-27 13:24:32
阅读次数:
273
之前的文章介绍了webgl. 这里进一步精简。 WebGL的全部内容就是创建不同的着色器, 向着色器提供数据然后调用gl.drawArrays 或 gl.drawElements 让WebGL调用当前顶点着色器处理每个顶点,调用当前片断着色器渲染每个像素。 既然着色器需要数据,着色器分两部分,顶点和 ...
分类:
Web程序 时间:
2018-04-26 21:12:23
阅读次数:
238
在4.7版本中,不仅增加了WebGL的渲染支持(渲染前端速度加快,渲染量也加大)、增强了ES6中的Promises语法支持,还支持了npm管理及webpack打包,实属喜讯。 “意味着可以不经过esri-loader这个包来引入JsAPI了——ArcGIS极客说” //当前未完待续 1. 前言 如果 ...
分类:
编程语言 时间:
2018-04-24 23:15:23
阅读次数:
1050
智能监控的领域已经涉及到了方方面面,之前我写过一篇 2D 的智能地铁监控系统广受好评,突然觉得,既然 2D 的这么受欢迎,那么 3D 的需求量肯定也是非常大的,于是有了这个例子以及这篇文章。智能监控系统在 3D 中应用比较广泛的除了 3D 机房以外,我觉得就是楼宇监控,解放前端工程师绘制 3D 模型... ...
分类:
Web程序 时间:
2018-04-23 11:08:26
阅读次数:
306
之前的几篇文章都是静态的,而这里主要介绍如何使物体动起来,并且学会使用性能监视器来监测性能。 而如果要让物体动起来,实际上我们是有两种方法的,第一种是让物体真的动起来,另外一种是让摄像机动起来这样物体相对来说也就动起来了。另外,实际上在让物体动起来的过程中,我们是不断通过调用 renderer.re ...
分类:
Web程序 时间:
2018-04-16 13:07:49
阅读次数:
238
透视相机:PerspectiveCamera( fov, aspect, near, far ) 1、视角fov:这个最难理解,我的理解是,眼睛睁开的角度,即,视角的大小,如果设置为0,相当你闭上眼睛了,所以什么也看不到,如果为180,那么可以认为你的视界很广阔,但是在180度的时候,往往物体很小, ...
分类:
Web程序 时间:
2018-04-13 20:41:35
阅读次数:
303
最近搜罗了各种资料,发现WebGL中文网特别好用,很适合新手入门:http://www.hewebgl.com/article/getarticle/50 只需要下载好需要的所有包,然后用notepad 就可以开始写代码了, 运行代码我选择的Google Chrome,其实IE也是一样的,纯属个人信 ...
分类:
Web程序 时间:
2018-04-09 21:05:46
阅读次数:
829
WebGL http://taobaofed.org/blog/2015/12/21/webgl-handbook/ D3 (或者叫 D3.js )是一个基于 web 标准的 JavaScript 可视化库. D3 可以借助 SVG, Canvas 以及 HTML 将你的数据生动的展现出来. D3 ...
分类:
Web程序 时间:
2018-04-04 21:14:32
阅读次数:
184
在调试Three.js执行加载幕布的时候,突然爆出这个错误three.js Uncaught TypeError: Cannot read property 'getExtension' of null,查询了半天也没找到结果 最后突然想到是不是浏览器的设置问题,检查了一下WebGL,果然重新安装浏 ...
分类:
Web程序 时间:
2018-04-04 21:02:08
阅读次数:
542