前面我們看到了使用原生的WebGL API開發(fā)是多么的累，正因為如此，大量的WebGL框架被開發(fā)出來。使用這些框架，你可以快速創(chuàng)建需要的3D場景。這些框架不同程度的封裝了創(chuàng)建3D場景的各種要素，例如場景，相機(jī)、模型、光照、材質(zhì)等等；使用這些封裝起來的對象，就可以很簡單的創(chuàng)建需要的3D場景，這樣你就只需要把更多精力放在邏輯方面就可以了。

目前并沒有哪一個具有能壓倒其他框架的優(yōu)勢，選擇什么樣的框，還是看個人喜好吧，不過選擇框架的時候，個人覺得還是多看看框架最后的更新時間，選擇穩(wěn)定更新的框架能讓你始終能使用上最新的特性，使你的程序穩(wěn)定性更好。

下面的例子就使用了Three.js框架進(jìn)行開發(fā)。
Three.js是一個比較全面的開源框架，它良好的封裝的3D場景的各種要素。你可以用它來很容易的去創(chuàng)建攝像機(jī)，模型，光照，材質(zhì)等等。你還可以選擇不同的渲染器，Three.js提供了多種渲染方式，你可以選擇使用canvas來渲染，也可以使用WebGL或者SVG來進(jìn)行渲染。

 此外，Three.js可以加載很多格式的3D文件，你的模型文件可以來自Blender，Maya，Chinema4D，3DMax等等。而且內(nèi)置了比較基礎(chǔ)的東西：(球體)Spheres, (飛機(jī))Planes, (立方體) Cubes, (圓柱體)Cylinders。Three.js創(chuàng)建這些物體會非常的容易。

好了，不廢話了，直接看代碼：

發(fā)表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發(fā)表