建站
咨詢
售后
建站咨詢
新聞中心
這篇文章旨在對 WebGL 做一個(gè)初步的介紹，希望能讓各位朋友對它有一個(gè)簡單的認(rèn)識(shí)
創(chuàng)新互聯(lián)是一家專業(yè)提供北林企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)、H5建站、小程序制作等業(yè)務(wù)。10年已為北林眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)的建站公司優(yōu)惠進(jìn)行中。
基本概念
WebGL 經(jīng)常被當(dāng)成 3D API，人們總想“我可以使用 WebGL 和一些神奇的東西做出炫酷的 3D 作品”。 事實(shí)上 WebGL 僅僅是一個(gè)光柵化引擎，它可以根據(jù)你的代碼繪制出點(diǎn)，線和三角形。 想要利用 WebGL 完成更復(fù)雜任務(wù)，取決于你能否提供合適的代碼，組合使用點(diǎn)，線和三角形代替實(shí)現(xiàn)。WebGL 在電腦的 GPU 中運(yùn)行。因此你需要使用能夠在 GPU上運(yùn)行的代碼。 這樣的代碼需要提供成對的方法。每對方法中一個(gè)叫頂點(diǎn)著色器。另一個(gè)叫片斷著色器，并且使用一種和 C 或 C++ 類似的強(qiáng)類型的語言 GLSL。 (GL著色語言)。 每一對組合起來稱作一個(gè) program（著色程序）頂點(diǎn)著色器的作用是計(jì)算頂點(diǎn)的位置。根據(jù)計(jì)算出的一系列頂點(diǎn)位置，WebGL 可以對點(diǎn)， 線和三角形在內(nèi)的一些圖元進(jìn)行光柵化處理。
工作原理
WebGL 把 JavaScript 和 OpenGL （ OpenGL 是一個(gè)跨語言跨平臺(tái)的專業(yè)圖形程序接口，可以用于二維或者三維的圖像）結(jié)合在一起，從而為HTML5 中的繪圖元素 Canvas 提供硬件 3D 加速渲染，使在網(wǎng)頁上設(shè)計(jì)3D 游戲等等成為可能。當(dāng)然了，如果使用 WebGL
的話，連在瀏覽器里給函數(shù)繪圖這種事情也是可以做得到的，學(xué)高數(shù)的朋友肯定用得上這個(gè)。
Google 上的一個(gè)用 WebGL 實(shí)現(xiàn)的函數(shù)繪圖功能：
支持
WebGL 在最新的瀏覽器中被廣泛支持：
臺(tái)式機(jī)
Apple Safari (WebKit)Google ChromeMozilla FirefoxOpera
移動(dòng)設(shè)備
Chrome for AndroidFirefox for Android
示例參考：
https://www.khronos.org/webgl/wiki/Demo_Repository
More Info：https://www.khronos.org/webgl/
文章標(biāo)題：詳解網(wǎng)頁繪圖API——WebGL
文章地址：http://www.5511xx.com/article/cccisei.html
