天天看點

當動态桌面遇上 HTML5

DreamScene2 + HTML5 = 無限可能。時隔一周,DreamScene2 動态桌面經過幾個小版本的疊代,修複了一些問題并且功能也得到了增強。歡迎 Star 和 Fork https://github.com/he55/DreamScene2

當動态桌面遇上 HTML5

喜歡可以看這裡 https://github.com/he55/DreamScene2/releases/latest。資源是從 Live2D 官網提取下來的

先下載下傳最新版本的 DreamScene2,然後下載下傳 Hiyori.zip 檔案

當動态桌面遇上 HTML5

解壓後得到一個 html 檔案

當動态桌面遇上 HTML5

安裝 WebView2 運作時,如果已經安裝過請跳過此步驟。先打開 DreamScene2,然後在工作列托盤找到 DreamScene2 的圖示,右鍵打開 DreamScene2 的設定界面,選擇 打開 URL 然後點選 安裝 WebView2...

當動态桌面遇上 HTML5

重要一步 由于 Hiyori.html 裡面通路的資源我沒有提取出來需要有網絡才能加載,并且裡面通路的 live2d model 是個跨域資源,需要設定允許跨域通路資源。具體操作:打開 DreamScene2 的設定界面,選擇 打開 URL 然後勾選 禁用 Web 安全政策 (這隻會禁用 DreamScene2 的 Web 安全政策)

當動态桌面遇上 HTML5

然後選擇 打開檔案...,在打開的選擇檔案視窗中設定 HTML Files (*.html),選擇解壓的 html 檔案

當動态桌面遇上 HTML5

等待網絡資源加載,最終效果如下

當動态桌面遇上 HTML5

如果看到的是下面這樣,live2d model 一直顯示不出來。先點選 關閉 按鈕關閉動畫,然後檢查步驟四的 禁用 Web 安全政策 是否勾選

當動态桌面遇上 HTML5

下一步會增加與桌面的互動功能