WebGL WebGL&Three.js工做原理

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