Unity3D部署匯出的Webgl專案同時支援手機

Foldcc
2017-8-18

Unity在拋棄掉flash後支援匯出全新的H5專案WegGl，但是目前Unity3D匯出的Webgl不支援在手機上使用，原因是手機上的硬體效能相對來說要弱而且很多瀏覽器不支援Webgl，因此在手機上玩Webgl遊戲可能會對玩家不友好，但是隨著手機發展，目前手機的硬體效能都大大提高，同時很多手機瀏覽器也開始支援Webgl了，所以…接下來就是今天的正題

Unity匯出Webgl專案部署後如果使用手機訪問會彈出煩人的警告彈框之類的！同時使用其他瀏覽器也可能會出現彈框。

如下：

這裡給大家分享一個小技巧就可輕鬆把彈窗去掉

很簡單的辦法修改匯出專案中的 UnityLoader.js檔案即可

第一步 匯出Webgl專案

這裡就不講如何匯出了

第二部 修改js檔案（劃重點）

• 找到專案中的UnityLoader.js 檔案，並開啟進行編輯

• 這裡我是用HBuilder工具匯入該專案後開啟，這樣可以修改後直接預覽專案（如果直接點Index.html是打不開專案的，必須要部署），如果發現程式碼是一坨，直接全選然後右鍵 整理程式碼就好了

• 整理程式碼後就直接可以看到罪魁禍首 如圖：
  

• 一個多級巢狀的三目運算 ，我們只需要吧判斷手機的給刪除掉就OK了，如下，吧綠色部分delete掉
  

這樣下來手機上就可以完美運行了！！

另外還有一個是判斷瀏覽器的 ，如果不想要不必要的麻煩 直接簡單一點 吧 == -1 隨便改成一個永遠為false的就可以了（比如 < -1 就永遠不會觸發），或者刪除也行 ，這裡推薦把這判斷是否支援webgl留著 。
希望對大家有用！