webgl 網頁3D
WebGL,在網頁上繪制和渲染復雜的3D圖形， 並且允許用戶可以與之進行交互的技術。
一、開始編寫WebGL，需要准備的東東
1.需要的基礎知是： HTML5 + JavaScript。
2.前景一片光明，你想啊，人們對圖片的印象比文字深刻， 對視頻又比圖片敏感，所以以后的發展潮流絕對朝向3D，上次看的5D電影，真的好好，謝謝你！
3.編輯器，前端的所有編輯器，比如：sublime，webstorm, HBuilder ......
4.支持的瀏覽器，火狐， Google， IE11是不支持的哦。
5.注意的問題，代碼需要通過服務器加載，本地容易出現問題。
二、代碼的編寫部分
編寫webGL需要用到canvas,目前我的了就是用到了canvas。 其他都是JS代碼。WebGL的第一個程序。
我用的是webstorm這個編輯器，超級好用奧，會讓你愛不釋手de。
效果圖：
不說了，上代碼了：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script>
var webgl = null;
function Init(){
var canvas = document.getElementById("myCanvas");
webgl = canvas.getContext("webgl"); //就是webgl繪圖
webgl.viewport(0,0, canvas.clientWidth, canvas.clientHeight); //0,0， 兩個參數是原點的位置， 設置的寬和高，就定義了webgl的緩存區，叫做幀緩沖區，畫的圖形就在這里吧。
webgl.clearColor(106/255.0, 121.0/255, 162.0/255, 1.0);//指定 清空canvas區域的背景色， 以分數表示顏色，就可以顯示各種各樣的顏色了。
webgl.clear(webgl.COLOR_BUFFER_BIT); //就是這一步讓顏色，顯示出來de，清空canvas區域的顏色為上面指定的顏色。
}
</script>
</head>
<body onload = "Init()">
<canvas id = "myCanvas" style = "border: 1px solid red;" width = "600" height=" 450"></canvas>
</body>
</html>
參數解釋
1.定義webGL，賦值為nuLL，因為不知道什么類型。
2.canvas.getContext的類型為 webgl， 也有2D，3D的參數值。
3.webgl.viewport，設置的是webgl區域的大小，此時跟webgl的區跟canvas的一樣大。
4.webgl.clearColor(R, G, B, A);(0~1的數，上面就是O)；
5.webgl.clear(緩沖區)，這里的webgl.COLOR_BUFFER_BIT 指定的顏色緩沖區，將背景色清空為緩沖區里的顏色值。
至此，第一個webgl的程序已經寫好了，可以在google，火狐上看,IE11是不可以的。
補充一點，上面提到的 ， 幀緩沖區 包括 顏色緩沖區，還有其他的緩沖區，這個以后會介紹的。
webgl API
1.登錄到webgl的官網，搜索webgl， 打開下面的
2.進入網頁，打開 WebGL1.0 Specification, 按下ctrl + F ,敲入viewport, 就可以找到有關viewport的介紹了， 這個API以后經常用到，跟JS的API一樣，所以一定要記得哦。
我是寫給你看的哦，O(∩_∩)O哈哈~，多多指教。
願得一心人，白首不相離