當動態桌面遇上 HTML5

he55發表於2021-12-20

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

萌萌的看板娘誰能拒絕

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

使用方法

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

  • 解壓後得到一個 html 檔案

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

  • 重要一步 由於 Hiyori.html 裡面訪問的資源我沒有提取出來需要有網路才能載入,並且裡面訪問的 live2d model 是個跨域資源,需要設定允許跨域訪問資源。具體操作:開啟 DreamScene2 的設定介面,選擇 開啟 URL 然後勾選 禁用 Web 安全策略 (這隻會禁用 DreamScene2 的 Web 安全策略)

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

  • 等待網路資源載入,最終效果如下

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

寫在最後

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

相關文章