注：文章譯自http://wgld.org/，原作者杉本雅広(doxas)，文章中如果有我的額外說明，我會加上［lufy：］，另外，鄙人webgl研究還不夠深入，一些專業詞語，如果翻譯有誤，歡迎大家指正。
非常重要的初始化
從這次開始，開始着手WebGL的處理。首先是WebGL的初始化，完成渲染前的所有準備。
前面的文章也給過HTML的雛形，還記得吧，像下面的代碼這樣。
<html>
<head>
<title>WebGL TEST</title>
<script src="script.js" type="text/javascript"></script>
</head>
<body>
<canvas id="canvas"></canvas>
</body>
</html>獲取context
剛纔的代碼，在head標籤中引用了外部js文件script.js，那麼來看一下這個文件中的代碼。首先，通過getElementById來取得canvas。
var c = document.getElementById('canvas');c.width = 500;
c.height = 300;接着，獲取WebGL的context，需要使用getContext函數，getContext函數是從canvas中獲取context對象，參數是字符串，指定你想要獲取的context的名稱。
本文寫的時候（2012年2月），WebGL的context，還不能通過正式的名稱webgl來獲取，必須使用experimental-webgl來獲取context對象。
但是，以後也有可能通過正式的名稱來獲取context，所以，在獲取context對象的時候，使用或運算（||）來按照名稱的順序來執行。
var gl = c.getContext('webgl') || c.getContext('experimental-webgl');畫面的初始化
WebGL的context和之前的context（開始WebGL之前，先了解一下canvas）一樣，都是包含了繪圖相關的各種各樣的處理的對象，裏面有非常多的函數，常量和屬性。
在這些函數裏，有一個是用來清除畫面的，函數名叫做clear，其實看名字就知道了吧......
這個函數將畫面清空，回到一個全新的狀態。參數是要清空的對象，或者是WebGL中定義的常量。這一次，只是清空一下畫面上的顏色，所以使用COLOR_BUFFER_BIT這個常量，這個常量是爲了使用canvas裏面指定的顏色來清空畫面而定義的。
gl.clear(gl.COLOR_BUFFER_BIT);gl.clearColor(0.0, 0.0, 0.0, 1.0);上面的處理整理一下的話，就是下面的script.js代碼，因爲要在頁面加載完才能執行，所以把代碼寫在onload中。
onload = function(){
// canvasエレメントを取得
var c = document.getElementById('canvas');
c.width = 500;
c.height = 300;
// webglコンテキストを取得
var gl = c.getContext('webgl') || c.getContext('experimental-webgl');
// canvasを黒でクリア(初期化)する
gl.clearColor(0.0, 0.0, 0.0, 1.0);
gl.clear(gl.COLOR_BUFFER_BIT);
};獲取WebGL的context，然後進行初期化的demo
這個例子，只是純粹的獲取一下WebGL的context，然後使用黑色將canvas清空一下而已，所以畫面只是一片黑色。但是如果畫面可以運行出來的話，WebGL的準備工作就算基本完成了。
總結
這一次，只是獲取一下WebGL的context，然後將使用黑色將畫面清空一下。但是事實上，這樣就可以開始使用WebGL了。
接下來，會更具體更詳細的介紹WebGL相關的處理，但不管做什麼，基礎都是很重要的，這次的內容還是需要徹底理解一下的。
下次，介紹一下着色器相關的基礎知識。