Fork me on GitHub

WebGL

WebGL (Web图形库) 是一种JavaScript API,用于在任何兼容的Web浏览器中呈现交互式3D和2D图形,而无需使用插件。WebGL通过引入一个与OpenGL ES 2.0紧密相符合的API,可以在HTML5 <canvas> 元素中使用。

目前支持 WebGL 的浏览器有:Firefox 4+, Google Chrome 9+, Opera 12+, Safari 5.1+ 和 Internet Explorer 11+;然而, WebGL一些特性也需要用户的硬件设备支持。

 <canvas> 元素也被 Canvas 2D 用于在网页上做2D图形。

WebGL 使得在支持HTML 的 canvas 标签的浏览器中,不需要安装任何插件,便可以使用基于 OpenGL ES 2.0 的 API 在 canvas 中进行3D渲染。WebGL程序包括用 JavaScript 写的控制代码,以及在图形处理单元(GPU, Graphics Processing Unit)中执行的特效代码(shader code,渲染代码)。WebGL 元素可以和其他 HTML 元素混合使用,并且可以和网页其他部分或者网页背景结合起来。

Ref:https://developer.mozilla.org/zh-CN/docs/Web/API/WebGL_API

Ref:opengl-tutorials

Ref:https://threejs.org

Ref:WebGL&Three.js工作原理

Ref:THREEJS案例

Ref:http://www.pixijs.com

Ref:D3.js 入门系列

Ref:官方API文档

Ref:张天旭的D3教程

Ref:楚狂人的D3教程

Ref:sea3d

Ref:HTML5 Canvas,WebGL,CSS Shaders,GLSL

Ref:https://github.com/lo-th?tab=repositories

posted @ 2017-03-01 22:53  Nick.Chung  阅读(429)  评论(0编辑  收藏  举报