當動態桌面遇上 HTML5


DreamScene2 + HTML5 = 無限可能。時隔一周 DreamScene2 動態桌面的功能也得到了增強,歡迎 Star 和 Fork https://github.com/he55/DreamScene2

萌萌的看板娘誰能拒絕

img

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

使用方法

  1. 先下載最新版本的 DreamScene2,然后下載 Hiyori.zip 文件。

    img

  2. 解壓文件。

    img

  3. 安裝 WebView2 運行時,如果已經安裝過請跳過此步驟。先打開 DreamScene2,然后在任務欄托盤找到 DreamScene2 的圖標,右鍵打開 DreamScene2 的設置界面,選擇 打開 URL 然后點擊 安裝 WebView2...

    img

  4. 重要一步 由於 Hiyori.html 里面訪問的資源我沒有提取出來需要有網絡才能加載,並且里面訪問的 live2d model 是個跨域資源,需要設置允許跨域訪問資源。具體操作:打開 DreamScene2 的設置界面,選擇 打開 URL 然后勾選 禁用 Web 安全策略 (這只會禁用 DreamScene2 的 Web 安全策略)。

    img

  5. 然后選擇 打開文件...,在打開的選擇文件窗口中設置 HTML Files (*.html),選擇解壓的 html 文件。

    img

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

    img

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

    img

寫在最后

下一步增加桌面交互功能


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM