WebGL是一種3D繪圖標準，這種繪圖技術標準允許把JavaScript和OpenGL ES 2.0結合在一起，通過增加OpenGL ES 2.0的一個JavaScript綁定，WebGL可以爲HTML5 Canvas提供硬件3D加速渲染，這樣Web開發人員就可以藉助系統顯卡來在瀏覽器裏更流暢地展示3D場景和模型了，還能創建複雜的導航和數據視覺化。顯然，WebGL技術標準免去了開發網頁專用渲染插件的麻煩，可被用於創建具有複雜3D結構的網站頁面，甚至可以用來設計3D網頁遊戲等等。
WebGL標準已出現在Mozilla Firefox、Apple Safari及開發者預覽版Google Chrome等瀏覽器中，這項技術支持Web開發人員藉助系統顯示芯片在瀏覽器中展示各種3D模型和場景，未來有望推出3D網頁遊戲及複雜3D結構的網站頁面。
Copperlicht是一個新的WebGL 3D引擎，特性如下：
1、一個名爲CopperCube的3D World編輯器；
2、支持很多3D格式： .3ds, .obj, .x, .lwo, .b3d, .csm, .dae, .dmf, .oct, .irrmesh, .ms3d, .my3D, .mesh, .lmts, .bsp, .md2, .stl. 等…；
3、速度難以置信的快：Copperlicht進行了高度的優化；
4、使用簡單：有很多教學和一些實例文檔；
5、二進制編譯：不像其他的WebGL 3D引擎，它可以將3D meshe編譯成一個小巧的二進制文件，能夠快速的下載使用；
下面我們就進入CopperLicht 的第一課：Hello World
CopperLicht是一個新的基於javascript的WebGL 3D引擎。
要實現的場景如下圖： 
第一步，我們需要做一下準備工作：
1、一個腳本編輯器，用來編輯HTML和JavaScript，例如Notepad++；
2、CopperLicht SDK開發包；
3、三維場景編輯器：CopperCube現在是2.2.1版），可以到官方去下載試用版。
生成三維場景
這裏我們用三維場景編輯器：CopperCube來生成場景，打開CopperCube，生成一個小的三維場景，我們可以用一個全景天空圖，同時生成一些箱體或球體，生成場景如下： 
發佈你的場景
爲了在CopperLicht中顯示該場景，我們需要把場景輸出爲一個.ccbjs文件，CopperCube自己保存的文件爲(.ccb) 格式的，但是要在CopperLicht中使用，我們必須輸出（.ccbjs）格式文件。
在CopperCube中保存場景，然後發佈爲WebGL格式，操作如下：Tools -> Test as JavaScript/WebGL ，這時我們可以看到我們在瀏覽器中作爲WebGL格式看到了我們的場景，在這個過程中，CopperCube做了這些工作：啓動了CopperLicht，導入並顯示.ccbjs文件，這個過程中在你保存.ccb文件的文件夾，你會看到多出一個子目錄文件夾（copperlichtdata），裏面帶有.ccbjs文件和材質。 
1、保存Coppercube文件；
2、發佈場景WebGL: Choose Tools -> Test as JavaScript/WebGL ；
我們會看到場景自動就執行了，我們可以看到瀏覽器上顯示了我們的場景，提示：請用谷歌瀏覽器 Canary 版，並設爲系統默認瀏覽器。
編寫CopperLicht 代碼
當我們在CopperCube中以CopperLicht/WebGL的形式發佈完項目後，我們需要用CopperLicht這個三維引擎來編寫代碼了。CopperCube發佈項目的時候，生成了一個.html文件，打開該文件：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" src="copperlichtdata/copperlicht.js"></script>
</head>
<body>
<canvas id="3darea" width="640" height="480" style="background-color:#000000">
</canvas>
<script type="text/javascript">
<!--
startCopperLichtFromFile('3darea', 'copperlichtdata/coppercube.ccbjs');
-->
</script>
</body>
</html>
我們注意到這裏面的startCopperLichtFromFile，從這裏我們的三維引擎可以生成並導入.ccbj文件。
我們可以用下面的代碼：
var engine = startCopperCubeFromFile('3darea', 'copperlichtdata/yourfile.ccbj')
// TODO: do something with the engine
engine對象是CopperLicht類的實體，通過它你可以操作其中的三維場景，下面我們會進步一邊詳細講解。
copperLicht.js這個就是引擎的類文件，你可以下載用最新版。
但是可惜是收費的！！！！
