IE11中的WebGL探秘:渲染速度超Chrome

2020-12-06 CSDN技術社區

微軟最新發布的瀏覽器IE11打破常規,開始支持WebGL——儘管其基礎是微軟DirectX的宿敵OpenGL。最近,微軟承諾將開放IE標準的諸多信息,這表明他們的確在非常認真的對待此事。他們將承諾付諸實踐,提供了真正的以標準為基礎的特色——希望這一趨勢能夠延續。

大約一年前,SCIRRA曾評測了IE10,結果並沒想像中的那麼優秀。那麼新一代的IE11表現如何呢?它將如何抗衡新版Chrome和Firefox?

WebGL相對於canvas2d的優勢

對Construct 2遊戲而言,IE支持WebGL令人感到高興。如今你可以使用WebGL著色器效果,並且IE11也可兼容該效果。如此一來,諸如「Rain demo」等Construct 2遊戲圖像將更加生動。

WebGL支持又將為IE11中Construct 2遊戲帶來哪些效果呢?大家進行了渲染器測試,測量了瀏覽器在30FPS條件下所能管理的屏幕子畫面數量(連結:WebGL測試canvas2d測試)。測試電腦裝有Windows 8.1 64位系統,搭載英特爾酷睿 i5-2500 (3.3 GHz)處理器、8GB內存和nVidia GeForce GTX 660顯卡。

效果大不相同!IE11的WebGL渲染器速度是canvas2d的十幾倍。在其他支持WebGL的瀏覽器上也發現了同樣結果。這將提高許多遊戲的性能,對於移動開發者來說,他們非常希望看到WebGL將如何影響Windows Phone 8的遊戲性能,因為移動端的遊戲性能更為重要。

IE11、Chrome和Firefox的WebGL速度對比

令人吃驚的是,在該項測試中,IE11擊敗了Chrome和Firefox!這或許是因為IE11採用的是以DirectX 11為基礎的渲染器,並且使用了新優化的JavaScript引擎。這是第一次看到IE評分大幅領先於Chrome和Firefox,希望此評分能夠促使谷歌和Mozilla進一步提高瀏覽器性能。瀏覽器市場再次出現健康的競爭狀態,這將是一個非常好的標誌。幸運的是,各瀏覽器性能都非常優異——我認為只有少部分遊戲的屏幕子畫面數量能夠超過10000幅。

IE11支持WebGL的最後一個優點體現在復古遊戲上。對使用像素圖形製作的遊戲而言,放大圖形後使遊戲保持像素化是非常重要的。IE10採用了模糊的線性標度,破壞了圖像清晰度。由於IE11能夠支持WebGL,因此遊戲能夠實現點採樣,保持復古風格。IE11還能夠支持canvas2d渲染器,因此你可以選擇任意方式。但IE11默認使用WebGL渲染器,除非你關掉它(不建議你這麼做)。

全屏API支持

桌面版IE11的其他主要新功能包括支持全屏API。這意味著IE11能夠滿足瀏覽器目標的「全屏動作要求」,諸如iframe'd等遊戲都能夠全屏運行。這將成為你的遊戲中一個非常好的額外特色,尤其適合於街機模式遊戲。

支持Windows應用商店應用

或許是為了滿足兼容性需求,目前Windows應用商店的應用依然在使用IE10引擎。若要使用支持WebGL的IE11引擎,你就必須針對Windows 8.1重新發布遊戲。你還應使用Construct 2r147+將遊戲導出至Windows 8.1,並使用Visual Studio 2013發布。

結論

相較於IE10支持HTML5,IE11支持WebGL則是更大程度的改進。對Construct 2遊戲而言,IE11支持渲染器效果以及性能提升都是非常寶貴的更新。在測試中,IE11全屏支持效果非常出色,超越了Chrome和Firefox。

來自:SCIRRA

本文為CSDN編譯整理,未經允許不得轉載,如需轉載請聯繫market#csdn.net(#換成@)

相關焦點

  • webgl 迷宮項目開發總結
    收穫webgl 三個js庫webgl-utils.jswebgl-debug.jscuon-utils.js圖片加載var img = new Image();這樣可以防止webgl在渲染的時候圖片還沒加載完而出現黑屏的問題。監聽鍵盤事件保證事件代碼只運行一次。否則會重複綁定多個事件,也就是按鍵一次會觸發多次事件處理。
  • 八大瘋狂的 HTML5 Canvas 及 WebGL 動畫效果
    在過去的幾年中,我們想要製作卓越的網頁動畫只能使用Flash和Java Applet。而現在,使用腳本語言和渲染器在瀏覽器中實現瘋狂的動畫效果已經成為可能。究其原因,大概有以下幾點: 處理器的性能越來越高。我們的電腦已經有足夠的強大的能力去渲染最為複雜的動畫效果。 現在瀏覽器和web技術的不斷發展。
  • WebGL 3D程序開發
    WebGL全稱Web Graphics Library,是一項新的Web 3D圖形標準,一種3D繪圖協議,也是HTML5大家庭中的一員,一項用來在網頁上繪製和渲染複雜三維圖形(3D圖形),並允許用戶與之交互的技術。
  • 如何在Internet Explorer 11中開啟WebGL
    在這之後,另一名開發者Rafael Rivera繼續深入挖掘,竟然發現了在此版本的Internet Explorer 11中開啟WebGL支持的方法。目前IE 11對WebGL的支持度仍然非常有限,你可以把一下代碼另存為HTML文件,然後在IE 11中打開,你會發現網頁中出現一片藍色的區域,而這正代表著網頁成功獲得了名為「experimental-webgl」的3D繪製上下文——Internet Explorer 11終於支持WebGL了!
  • WebGL 入門-原生API介紹
    由於WebGL 規範仍在開發中,因此上下文仍處於「實驗」階段。當前,大部分瀏覽器都使用語法 canvas.getContext("experimental-webgl") 來獲取 WebGLRenderingContext。
  • webgl、Javascript、HTML、ThingJS、cesium都是什麼鬼?
    webgl——是一種3D繪圖協議,這種繪圖技術標準允許把JavaScript和OpenGL ES 2.0結合在一起,通過增加OpenGL ES 2.0的一個JavaScript綁定,WebGL可以為HTML5。Canvas提供硬體3D加速渲染,這樣Web開發人員就可以藉助系統顯卡來在瀏覽器裡更流暢地展示3D場景和模型了,還能創建複雜的導航和數據視覺化。
  • 基於WebGL的虛擬太陽系漫遊技術實現 ThingJS 科幻片
    一、功能需求B/S架構為主,通過瀏覽器在線訪問,無需安裝任何插件可觀察太陽系中太陽和各行星的3D模型及其運行狀況各行星運行軌道可視化簡單操作鍵盤滑鼠可實現自由漫遊點擊太陽或行星時顯示該天體的常識信息隨時控制太陽系運行速度準確度高,基於各項真實太陽係數據及運行製作運行基本無卡頓,對用戶輸入實時響應二、運行需求要求跨平臺、跨終端在線展示,兼容PC電腦
  • Google Chrome 悄悄升級 WebGL 2.0 標準
    Google Chrome 悄悄升級了 WebGL 2.0 標準,可以藉助新一代顯卡,提供先進的 3D 影像,還可以使用 WebGL 2.0 獲得更快的 3D 渲染。WebGL 2.0 使得構建 3D Web 應用程式更容易,以及更快的實時渲染和新型的紋理和渲染器,還有就是降低了視頻的內存消耗。包括延遲渲染、色調映射、體積效應和粒子效果的技術現在都可以高效地實現。新的 API 還使得 WebGL 具有與 OpenGL ES 3.0(移動遊戲中常用的圖形平臺) 同等的特性。
  • 科學上網-雲麓YunRoute–谷歌Chrome加速器插件
    雲麓YunRoute科學上網,查閱資料,觀看視頻,外貿交易,是操作最簡單速度最快最穩定的一款科學上網Chrome瀏覽器加速插件,一鍵安裝,即裝即用,無需繁瑣設置,優雅上網,翻牆必備,輕鬆快速穩定瀏覽google,facebook,twitter,youtube等海量國際網站。
  • meta標籤中X-UA-Compatible屬性的作用深度分析
    在前端開發過程中我們發現很多網站中使用了<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">X-UA-Compatible 用於強制瀏覽器的渲染方式,默認使用chrome來渲染,然後再按照IE該瀏覽器的最新版本來渲染。
  • 谷歌瀏覽器Google Chrome
    chrome瀏覽器下載手機版是專為Android設計的,不僅可為用戶量身推薦用戶所關注的新聞報導,還有快速連結迅速指向用戶所收藏的網站和下載的內容,甚至還內置了Google搜索和Google翻譯。立即下載這個chrome瀏覽器下載安卓版,在您的所有設備上享受與電腦體驗一致的chrome瀏覽器下載。谷歌瀏覽器下載手機版的特點是簡潔、快速。
  • 海豚發布極速內核 渲染速度超原生瀏覽器10倍
    海豚官方宣稱,此次發布的極速內核的Canvas渲染速度超過原生瀏覽器的10倍,穩定性超原生瀏覽器5倍,在HTML5跑分達到480分,為目前所有手機瀏覽器中可以達到的最高分。不過,因為蘋果封閉性,海豚這一極速內核目前只針對Android系統版本。因為極速內核在技術上的優勢,海豚瀏覽器的響應更為迅速,用戶能在網頁中玩各類3D遊戲、播放高清電影和瀏覽高清圖片。
  • Chrome瀏覽器的實用插件推薦
    原地址:https://github.com/haotian-wang/google-access-helper2.IE Tab在 Chrome 瀏覽器中使用 IE 內核。音樂界面,根據提示可以在搜索框中進行多平臺歌曲搜索,並提供聽歌服務,當然為版權考慮,僅提供這個功能。
  • Google Chrome v46.0.2490.80 正式版發布
    該瀏覽器是基於其他開源軟體所撰寫,包括WebKit,目標是提升穩定性、速度和安全性,並創造出簡單且有效率的界面。  Google Chrome 新版更新了什麼?  64位Chrome能更好地利用當今的硬體,並且對速度、安全性、穩定性進行了改善!  速度:64位Chrome能利用最新的處理器和編譯器優化、更現代的指令集、更快的調用協議,從而實現了速度大提升,尤其是在圖形和多媒體內容方面,性能提升25%。
  • 【創新創業】探秘廣州「超級大腦」
    【創新創業】探秘廣州「超級大腦」 2020-07-09 16:34 來源:澎湃新聞·澎湃號·政務
  • 安卓版Chrome 64迎來並行下載功能
    IT之家12月11日消息 最近,谷歌向正式版通道的用戶推出了Chrome 63 for Android,並將Chrome 64納入其測試通道,據xda-developer.com一位用戶稱,Chorme 64 for Android裡新增了一個名為「並行下載」的功能,該功能啟用後,Chrome將創建並行作業來處理下載,從而加快下載速度
  • 黑白便攜相機 徠卡Q2 Monochrome發布
    徠卡Q2 Monochrome外觀與徠卡Q2完全相同,採用了啞黑色噴塗、灰色鐫刻,在細節上去掉了「Leica」標誌,並在頂部可有Monochrome的字樣,整體給人十分低調的感覺。與徠卡Q2億元,Q2 Monochrome機身同樣具備IP52級別的防塵防水標準。
  • Chrome 瀏覽器大更新!標籤頁管理超好用,加載速度提升 10%
    這個世界上使用瀏覽器的有兩類人,一類是極簡主義者,瀏覽器中永遠只有幾個選項卡;而有些人則是「選項卡收藏家」,在瀏覽器中同時開幾十個甚至上百個頁面。Google 的 Chrome瀏覽器為這兩類人「操碎了心」,只好提供全新的選項卡組織形式。