泓钧 發表於 2021-12-20 08:22:00

当动态桌面遇上 HTML5

<p>DreamScene2 + HTML5 = 无限可能。时隔一周 DreamScene2 动态桌面的功能也得到了增强,欢迎 Star 和 Fork https://github.com/he55/DreamScene2</p>
<h2 id="萌萌的看板娘谁能拒绝">萌萌的看板娘谁能拒绝</h2>
<p><img src="https://img2020.cnblogs.com/blog/1136046/202201/1136046-20220114114225028-895151888.gif"></p>
<p>喜欢可以看这里 https://github.com/he55/DreamScene2/releases/latest ,资源是从 Live2D 官网提取下来的。</p>
<h2 id="使用方法">使用方法</h2>
<ol>
<li>
<p>先下载最新版本的 DreamScene2,然后下载 Hiyori.zip 文件。</p>
<p><img src="https://img2020.cnblogs.com/blog/1136046/202201/1136046-20220114113614772-1970976619.png"></p>
</li>
<li>
<p>解压文件。</p>
<p><img src="https://img2020.cnblogs.com/blog/1136046/202201/1136046-20220114113630629-1596061699.png"></p>
</li>
<li>
<p>安装 WebView2 运行时,如果已经安装过请跳过此步骤。先打开 DreamScene2,然后在任务栏托盘找到 DreamScene2 的图标,右键打开 DreamScene2 的设置界面,选择 <strong>打开 URL</strong> 然后点击 <strong>安装 WebView2...</strong> 。</p>
<p><img src="https://img2020.cnblogs.com/blog/1136046/202201/1136046-20220114113646465-727169432.png"></p>
</li>
<li>
<p><strong>重要一步</strong> 由于 Hiyori.html 里面访问的资源我没有提取出来需要有网络才能加载,并且里面访问的 live2d model 是个跨域资源,需要设置允许跨域访问资源。具体操作:打开 DreamScene2 的设置界面,选择 <strong>打开 URL</strong> 然后勾选 <strong>禁用 Web 安全策略</strong> (这只会禁用 DreamScene2 的 Web 安全策略)。</p>
<p><img src="https://img2020.cnblogs.com/blog/1136046/202201/1136046-20220114113704388-1897351279.png"></p>
</li>
<li>
<p>然后选择 <strong>打开文件...</strong>,在打开的选择文件窗口中设置 HTML Files (*.html),选择解压的 html 文件。</p>
<p><img src="https://img2020.cnblogs.com/blog/1136046/202201/1136046-20220114113718554-314183716.png"></p>
</li>
<li>
<p>等待网络资源加载,最终效果如下。</p>
<p><img src="https://img2020.cnblogs.com/blog/1136046/202201/1136046-20220114113733158-1493650796.png"></p>
</li>
<li>
<p>如果看到的是下面这样,live2d model 一直显示不出来。先点击 <strong>关闭</strong> 按钮关闭动画,然后检查步骤四的 <strong>禁用 Web 安全策略</strong> 是否取消勾选。</p>
<p><img src="https://img2020.cnblogs.com/blog/1136046/202201/1136046-20220114113748588-1118476957.png"></p>
</li>
</ol>
<h2 id="写在最后">写在最后</h2>
<p>下一步增加桌面交互功能</p><br><br>
来源:https://www.cnblogs.com/he55/p/15705047.html
頁: [1]
查看完整版本: 当动态桌面遇上 HTML5