当动态桌面遇上 HTML5
DreamScene2 + HTML5 = 无限可能。时隔一周 DreamScene2 动态桌面的功能也得到了增强,欢迎 Star 和 Fork https://github.com/he55/DreamScene2
萌萌的看板娘谁能拒绝
喜欢可以看这里 https://github.com/he55/DreamScene2/releases/latest ,资源是从 Live2D 官网提取下来的。
使用方法
-
先下载最新版本的 DreamScene2,然后下载 Hiyori.zip 文件。
-
解压文件。
-
安装 WebView2 运行时,如果已经安装过请跳过此步骤。先打开 DreamScene2,然后在任务栏托盘找到 DreamScene2 的图标,右键打开 DreamScene2 的设置界面,选择 打开 URL 然后点击 安装 WebView2... 。
-
重要一步 由于 Hiyori.html 里面访问的资源我没有提取出来需要有网络才能加载,并且里面访问的 live2d model 是个跨域资源,需要设置允许跨域访问资源。具体操作:打开 DreamScene2 的设置界面,选择 打开 URL 然后勾选 禁用 Web 安全策略 (这只会禁用 DreamScene2 的 Web 安全策略)。
-
然后选择 打开文件...,在打开的选择文件窗口中设置 HTML Files (*.html),选择解压的 html 文件。
-
等待网络资源加载,最终效果如下。
-
如果看到的是下面这样,live2d model 一直显示不出来。先点击 关闭 按钮关闭动画,然后检查步骤四的 禁用 Web 安全策略 是否取消勾选。
写在最后
下一步增加桌面交互功能
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?