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

下載請到Firefox Nightly Builds 網頁選擇不同平台的版本。

下載、安裝後，預設還是不能支援WebGL 的，請依以下方法進行設定：. 請在網址列輸入「 ... 直接觀看文章 OpenMenu 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，隨便找幾個範例看看是不是能正常執行了～ 幫忙推廣一下吧！Tweet更多電子郵件列印在Tumblr上分享Pocket請按讚：喜歡正在載入... 相關 文章分頁導航 舊文章立體顯示的訊號新文章LittleBuster!EX感想 part.2 對「WebGL簡介、以及目前的瀏覽器」的想法 […]Flash程式日漸肥大、現在又有HTML5、WebGL、甚至WebCL[…] 讚讚 回覆 評論分頁導航 較舊的迴響 發表迴響取消回覆 在此輸入你的回應… 在下方填入你的資料或按右方圖示以社群網站登入： 電子郵件（必須填寫）（電子郵件地址不會公開） 名稱（必須填寫） 個人網站 您的留言將使用WordPress.com帳號。

( 登出 /  變更 ) 您的留言將使用Google帳號。

( 登出 /  變更 ) 您的留言將使用Twitter帳號。

( 登出 /  變更 ) 您的留言將使用Facebook帳號。

( 登出 /  變更 ) 取消 連結到%s 透過電子郵件通知我後續回應。

有新文章時用Email通知我。

Δ ThissiteusesAkismettoreducespam.Learnhowyourcommentdataisprocessed. 找東西 搜尋： 公告如果喜歡Heresy的部落格的內容、願意贊助Heresy的話，請使用街口支付的轉帳功能、或是PayPal來支付。

《今、歩き出す君へ》byCeui https://www.youtube.com/watch?v=ZQqbhwH87OMHeresy的碎碎念我的推文分類分類 選擇分類 知識  (674)    程式設計  (594)       C++  (222)       GPU  (148)       Web  (34)    立體顯示  (32) 部落格  (114)    Space  (50)    WordPress  (62) 雜談  (308)    語錄  (246)    想法  (48) 音樂  (246)    英文歌  (9)    日文歌  (211)    中文歌  (29) 娛樂  (468)    ARIA  (73)    Key  (62)    模型  (133) 心情、雜記  (203)    軍旅筆記  (14) 旅遊  (523)    秀照片  (177)    遊記  (279) 未分類  (54) 介紹  (2,023)    3C  (1,223)       相機  (29)       電腦類  (719)       行動裝置  (371)    網站  (149)    飲食  (266)    財務  (34)    圖書  (89)       日本小說  (33)       歐美小說  (24)       中文書  (3)    交通相關  (202)       機車  (162) 標籤集合ACGN C++ Microsoft nVIDIA Sony Windows 使用感想 動畫 娛樂 小說 手機 推薦 新竹 旅行 機車 活動 程式設計 網站 語錄 軟體 開箱文 電腦相關 音樂 風景 飲食近期迴響 GooglePixel2022三月…在FossilHybridSmartwatchHRFT…GooglePixel2022三月…在SonyWI-XB400開箱文GooglePixel2022三月…在GooglePixel4a 開箱文GooglePixel2022三月…在Pixel系列的Android12 第二次更…GooglePixel2022三月…在GooglePixel系列手機可以升級到Android…GooglePixel2022三月…在GooglePixel2022 二月更新GooglePixel2022三月…在GooglePixel手機2022 一月更新超悲劇的根管治療紀錄–H…在201509雜感超悲劇的根管治療紀錄–H…在高檔路線的牙醫：品味牙醫天野こずえ新連載《ColoriColo…在《藍海少女》動畫化確定！ 熱門文章 線上編譯器 MicrosoftStore免費的HEVC解碼器 幾種Windows10進入安全模式的方法 查詢誰打來的電話：whoscall網頁版 解決Windows10無法切換語系、輸入中文的問題 Windows防火牆設定：阻擋指定IP以外的電腦連入 使用enumclass取代傳統的enum ASUSTUFGamingVG27AQL1A開箱 不裝App、關閉惱人的「正在背景執行」等系統通知 ASUSTUFGamingVG27AQL1A初步使用感想 回到頂端 追蹤 已追蹤 Heresy'sSpace 加入其他684位關注者 我要註冊 已經有WordPress.com帳號了？立即登入。

Heresy'sSpace 自訂 追蹤 已追蹤 註冊 登入 複製短網址 回報此內容 以閱讀器檢視 管理訂閱 收合此列 傳送到電子郵件地址 你的姓名 你的電子郵件地址 取消 文章未送出─請檢查你的電子郵件地址！ 電子郵件地址檢查失敗，請再試一次 抱歉，你的網誌無法透過電子郵件分享 %d位部落客按了讚：