您好,登錄后才能下訂單哦!
在runtime2.0中已經加入了webp,但是需要運行于runtime加速器.如果想以H5網站的顯示運行.目前需要加入第三方庫.
一,使用 : npm install egret-resource-manager -g 安裝最新RES(第三方)庫
二,我新建了一個NewWebPDemo的GUI項目(其實EUI也行,沒啥影響的)
在NewWebPDemo項目根目錄執行 : res upgrade
編譯之后 , 項目自動出現2處的不同:
1,bin文件夾下,新增了一個resourcemanager文件夾,該文件夾存放全新RES模塊代碼(第三方)。
2,egretProperties.json中,原有modules節點中的res節點被刪除,取而代之的是名為resourcemanager的模塊配置。
三,因為全新的RES模塊(第三方)依賴于ES2015標準中的Promise對象,所以需要修改tsconfig.json文件如下:
{ "compilerOptions": { "target": "es5", "experimentalDecorators":true, "lib": [ "es5","dom","es2015.promise" ] }, "exclude": [ "node_modules" ] }
四,利用DOS命令 : res build 你的項目名稱 來重新構建你的項目資源. 在項目的平級目錄(NewWebPDemo)所在目錄
生成了一個config.json的文件
五,測試
利用智圖軟件將背景圖片bg.jpg打成bg.webp替換到default.res.json中
另外加一個sheet圖集json( 對應的圖片為webp類型的 )
注意
測試代碼 :
六,可完美加載與顯示
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。