如何將網頁變成桌面屏保

日常逛博客,發現有位博主的網站上出現了有趣的東西,可根據鼠標操作進行面部跟蹤及表情變化的雙馬尾:

除了這個還有其他的模型,比如帥氣小哥哥、貓、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>

在頁面中選擇剛纔建立好的文件,點擊打開,如下圖所示:

之後,雙擊新出現的圖標即可,如下圖所示:

回到桌面,靜靜地等待一小會,網頁資源有一定的加載時間,都結束後,效果如下(由於未設置網頁背景,背景一片白。。):

至此,完工。

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