WebGL 簡介、以及目前的瀏覽器› vimL Blog

WebGL 的全名是「Web Graphics Library」，他的官方網站是：http://www.khr. ... 下載、安裝後，預設還是不能支援WebGL 的，請依以下方法進行設定：. WebGL簡介、以及目前的瀏覽器 2010-03-312010-03-31HeresyHeresy4Comments WebGL的全名是「WebGraphicsLibrary」，他的官方網站是：http://www.khronos.org/webgl/，同時也有官方的專用微基百科。

他是由OpenGL的管理組織KhronosGroup，基於OpenGLES2.0所規範、跨平台的網頁3D呈現的標準。

目前除了Microsoft(InternetExplorer)以外的幾家主要瀏覽器公司，大多都是WebGLWorkingGroup的成員，包括了Apple(Safari)、Google(Chrome)、Mozilla(Firefox)和Opera(Opera)。

使用WebGL的好處，在於如果網頁瀏覽器有支援的話，就可以在不需要額外安裝plug-in的情形下，使用JavaScript和OpenGLES2.0的語法，來編寫出3D的web應用程式，同時也可以使用顯示卡來做顯示的硬體加速。

而在網頁呈現的編排部分，WebGL是會把最後結果，畫在Canvas這個HTML5的元素上；也由於他是使用Canvas這個元素，所以他基本上也是整合進整個DOM(DocumentObjectModel)的架構的∼ 所以，基本上要寫WebGL的程式，程式開發者必需要熟悉HTML、JavaScript以及OpenGLES2.0（包含GLSL），才能夠編寫出使用WebGL的WebApp。

而目前WebGL還在草案階段，大部分的網頁瀏覽器現行版本，都也還不能直接支援WebGL。

如果想要取得可以支援WebGL的瀏覽器的話，目前有幾個選擇： FireFox3.7Alpha版 目前最新的版本是MinefieldAlpha4Pre-release，官方網頁是http://www.mozilla.org/projects/minefield/ 下載請到FirefoxNightlyBuilds網頁選擇不同平台的版本。

下載、安裝後，預設還是不能支援WebGL的，請依以下方法進行設定： 請在網址列輸入「about:config」，進到設訂頁面 透過filter的功能，找到「webgl.enabled_for_all_sites」，並將他的值改為「true」 Chromium瀏覽器 GoogleChrome的OpenSource開發版，網頁是http://dev.chromium.org/ 可到其buildbot的網站內，取得各版本的最新版本。

Windows版、MAC版、Linux版、Linux64版 預設不支援WebGL，需要在執行時加上「–enable-webgl」、「–no-sandbox」這兩個參數 執行範例：「chrome.exe–enable-webgl–no-sandbox」 注意，必須關閉鎖有的Chromium瀏覽器後，再重新執行 MacOSX10.6的Safari4 僅適用於MacOSX10.6 下載、並安裝nightlybuild的webkit 預設並不支援WebGL，需開啟Terminal，並輸入「defaultswritecom.apple.SafariWebKitWebGLEnabled-boolYES」來開啟對WebGL的支援。

而在瀏覽器都安裝好、設訂完成後，就可以到WebGLwiki的DemoRepository，隨便找幾個範例看看是不是能正常執行了∼ 文章導覽 PreviousPreviouspost:NextNextpost: 4thoughtson“WebGL簡介、以及目前的瀏覽器” Chorme目前已經可以在一般dev版中的sandbox環境下執行WebGL了∼所以只需要下載dev版（http://www.google.com/chrome/eula.html?extra=devchannel），並在執行時加上–enable-webgl就可以了！參考：ChromeDev分支更新至5.0.366.2WebGL支持沙盒中运行http://www.cnbeta.com/articles/107723.htm 回覆 Google把我引領到這裡來了。

冒昧請教一個事情： 拿到一個STL或者其他3D模型的文檔，怎麼能把它在瀏覽器裡做3D展現呢？我想能支持自由旋轉/縮放，以及根據不同材質做渲染。

謝謝！ 回覆 toFrank 如果自己不懂WebGL/OpenGL的話，建議去找現成的Web3DEngine來用。

例如：http://threejs.org/ 回覆 Gotit!Thanksalot! 回覆 發佈留言取消回覆發佈留言必須填寫的電子郵件地址不會公開。

必填欄位標示為*留言*顯示名稱* 電子郵件地址* 個人網站網址 在瀏覽器中儲存顯示名稱、電子郵件地址及個人網站網址，以供下次發佈留言時使用。

Currentye@r* Leavethisfieldempty RelatedPosts C++的多執行序程式開發Thread：多執行序之間的溝通（一） 在前一篇的基本使用裡，Heresy已經大概提過怎麼使用STLThread來建立一個新的執行序、執行指定[…]... READMOREREADMORE OpenNI2的Kinect驅動模組加強版 在之前的OpenNI2.2.0.21版裡面，OpenNI算是終於把Kinect的Imagere[…]... READMOREREADMORE OpenNI的手勢偵測 在使用OpenNI進行手勢偵測的時候，主要是要靠xn::GestureGenerator這個node[…]... READMOREREADMORE 搜尋搜尋 分類 心得感想 工作 美食 技術相關 技術研究 新奇玩意 本站公告 What'sNew 輕鬆一下 近期文章 C++20同步的輸出stream VisualStudio202217.1 Windows11KB5010414選擇性更新推出 透過usingenum簡化enumclass的寫法 C++20的三向比較（Three-waycomparison） 近期留言 標籤雲  Docker  HTC Vive  HTC Vive Focus  HTC Vive Pro  MR  Oculus Quest 2  Oculus Rift S  OpenVR  Valve Index  Windows MR 3dprint 3D立體 ASUS Xtion Boost C++ C++11 C++14 C++17 C++20 CubeX CUDA git GitLab HoloLens 2 iFlyover javascript Kinect MiiL NiTE2 Oculus OpenCL OpenCV OpenGL OpenMP OpenNI OpenNI2 OpenXR Python Qt VisualStudio VR WIndows11 WSA WSL 課程 ScrolltoTop