如何将网页变成桌面屏保

日常逛博客,发现有位博主的网站上出现了有趣的东西,可根据鼠标操作进行面部跟踪及表情变化的双马尾:

除了这个还有其他的模型,比如帅气小哥哥、猫、Q版人物等,详情可见:https://www.cnblogs.com/yingyigongzi/p/11016657.html

我个人中意的还是这个,为此,在网上查阅了一下,想将其做成windows桌面插件,由于技术不足的问题,放弃了这个最开始的目的,转而开始考虑如何将它变为桌面背景。

几番寻找,找到了一个名为:Wallpaper Engine 的软件,这个如软件看起来很强大,使用起来也很方便。在steam中可以购买,地址为:https://store.steampowered.com/app/431960/Wallpaper_Engine/

在网上也可以找到破解版的,在此就不放地址了。

本文中用的是网上破解版的,安装后打开如下图:

在本地新建需要的html文件,本次实验命名为index.html,内部代码如下:



<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8" />
</head>
<body>
<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>

<script>
    L2Dwidget.init({
        "model": {
		    //"jsonPath": "https://unpkg.com/[email protected]/assets/chitose.model.json",<!--这里改模型,前面后面都要改-->
		    "scale": 1
        },
		//"display": {
            //"position": "right",<!--设置看板娘的上下左右位置-->
            //"width": 150,
            //"height": 300,
            //"hOffset": 0,
            //"vOffset": -20
        //},
        "mobile": {
            "show": false,
            "scale": 0.5
        },
        "react": {
			//设置透明度
            "opacityDefault": 0.7,
            "opacityOnHover": 0.2
        }
    });
</script>

</body>
</html>

在页面中选择刚才建立好的文件,点击打开,如下图所示:

之后,双击新出现的图标即可,如下图所示:

回到桌面,静静地等待一小会,网页资源有一定的加载时间,都结束后,效果如下(由于未设置网页背景,背景一片白。。):

至此,完工。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章