6. WebGL Graphics

WebGL圖形

WebGL是一種用于在Web瀏覽器中呈現圖形的API,它基于OpenGL ES圖形庫的功能。 WebGL 1.0大致匹配OpenGL ES 2.0功能,WebGL 2.0大致匹配OpenGL ES 3.0功能。

Deferred Rendering 延期渲染

如果WebGL2.0可用,Unity WebGL僅支持 Deferred Rendering Path(延遲渲染路徑)。在WebGL1.0上,Unity WebGL運行時將回退到Forward Rendering

Global Illumination 全球照明

Unity WebGL僅支持baked GI(烘焙GI)。 WebGL目前不支持實時GI。此外,僅支持非定向光照貼圖。

Linear Rendering 線性渲染

Unity WebGL僅支持使用WebGL 2.0進行 linear color space rendering(線性色彩空間渲染)。線性色彩空間渲染不具備WebGL 1.0的后備支持。要使用線性色彩空間渲染來構建WebGL播放器,您需要在Player Settings > Other Settings中刪除WebGL 1.0 API; 取消選中Automatic Graphics API(自動圖形API)。

有些網頁瀏覽器不支持sRGB DXT texture compression(sRGB DXT紋理壓縮)。由于所有DXT紋理的運行時解壓,這可能會降低使用線性渲染時渲染性能的質量。

MovieTextures

WebGL不支持使用MovieTexture類播放視頻。但是,您可以使用HTML5視頻元素高效地播放WebGL內容中的視頻。下載此Asset Store package(資產商店包)以了解如何執行此操作的示例。

WebGL Shader code restrictions

WebGL 1.0規范對GLSLS著色器代碼施加了一些限制,GLSLS著色器代碼受到許多OpenGL ES 2.0實現允許的限制。當你編寫你自己的著色器時,這主要是相關的。

具體而言,WebGL限制哪些值可用于索引數組或矩陣:WebGL只允許使用常量表達式,循環索引或組合的動態索引。唯一的例外是頂點著色器中的統一訪問,它可以使用任何表達式進行索引。

此外,限制適用于控制結構。允許的循環的唯一類型是計數for循環,其中初始化器將變量初始化為常量,更新將常量添加到變量或從變量中減去常量,并且繼續測試將該變量與常量進行比較。 for循環不符合那些標準,while循環是不允許的。

Font rendering 字體渲染

Unity WebGL支持像所有Unity平臺一樣的動態字體渲染。但是,它無法訪問用戶計算機上安裝的字體,因此任何使用的字體都必須包含在項目文件夾中(包括國際字符的任何后備字體或字體的粗體/斜體版本),并set up as fallback font names(設置為后備字體名稱)

Anti-Aliasing 抗鋸齒

WebGL支持瀏覽器和GPU的大多數(但不是全部)組合的抗鋸齒功能。要使用它,必須在WebGL平臺的默認Quality Setting(質量設置)中啟用消除鋸齒功能。

請注意,在WebGL1.0中有幾個限制:

  • 在運行時切換質量設置不會啟用或禁用消除鋸齒 - 它必須在播放器啟動時加載的默認質量設置中進行設置。
  • 不同的多采樣級別(2倍,4倍等)對WebGL沒有影響,它可以打開或關閉。
  • 任何應用于相機的post-processing effect(后期處理效果)都會禁用內置的抗鋸齒功能。
  • HDR與抗鋸齒功能不兼容,因此請確保禁用“允許HDR”相機選項。

WebGL2.0沒有這樣的限制。

Reflection Probes 反射探針

WebGL支持反射探頭,但由于WebGL規范中關于渲染到特定的mipmap的限制,不支持平滑的實時反射探頭(所以實時反射探頭總是會產生尖銳的反射,這可能會顯示非常低的分辨率)。平滑的實時反射探針將需要WebGL 2.0。

WebGL 2.0 support

Unity包含對WebGL 2.0 API的支持,該API將OpenGL ES 3.0級別的渲染功能帶入網絡。

默認情況下,Unity WebGL支持WebGL 1.0和WebGL 2.0 API,可以在WebGL Player Settings > Other Settings中配置;要做到這一點,請取消選中Automatic Graphics API(自動圖形API)。

當瀏覽器支持WebGL 2.0時,內容可以從標準著色器,GPU Instancing實例化支持,定向光照貼圖支持,對著色器代碼中的索引和循環沒有限制以及更好的性能中獲得更好的質量。

6

Unity WebGL 中文文檔 Unity 2018.1.b
1. WebGL
2. webGL Browser Compatibility
3. Building and running a WebGL project
4. WebGL: Deploying compressed builds
5. Debugging and trouble shooting WebGL builds
6. WebGL Graphics
7. WebGL Networking
8. Using Audio In WebGL
9. WebGL performance considerations
10. WebGL: Interacting with browser scripting
11. Using WebGL Templates
12. Cursor locking and full-screen mode in WebGL
13. Input in WebGL

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 227,837評論 6 531
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,196評論 3 414
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 175,688評論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,654評論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,456評論 6 406
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 54,955評論 1 321
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,044評論 3 440
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,195評論 0 287
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,725評論 1 333
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,608評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,802評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,318評論 5 358
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,048評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,422評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,673評論 1 281
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,424評論 3 390
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,762評論 2 372

推薦閱讀更多精彩內容