日常逛博客,发现有位博主的网站上出现了有趣的东西,可根据鼠标操作进行面部跟踪及表情变化的双马尾:
除了这个还有其他的模型,比如帅气小哥哥、猫、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/live2d-widget-model-chitose@1.0.5/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>
在页面中选择刚才建立好的文件,点击打开,如下图所示:
之后,双击新出现的图标即可,如下图所示:
回到桌面,静静地等待一小会,网页资源有一定的加载时间,都结束后,效果如下(由于未设置网页背景,背景一片白。。):
至此,完工。