前端-一只会动的猫咪

前端-一只会动的猫咪

需要引入第三方插件：
一只黑色猫咪源码：

  <div id="page_end_html">
    <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-hijiki/assets/hijiki.model.json",
          "scale": 1
        },
        "display": {
          "position": "right",   // 设置猫咪的上下左右位置
          "width": 100,
          "height": 200,
          "hOffset": 0,
          "vOffset": 0
        },
        "mobile": {
          "show": true,
          "scale": 0.5
        },
        "react": {
          "opacityDefault": 0.7,   // 设置猫咪的透明度
          "opacityOnHover": 0.2
        }
      });
      window.onload = function() {
        $("#live2dcanvas").attr("style", "position: fixed; opacity: 0.7; left: 70px; bottom: 0px; z-index: 1; pointer-events: none;")
      }
    </script>
  </div>

2、一只白色猫咪源码：

<script src=" https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.0.min.js"></script>
<script>
L2Dwidget.init({
	"model": {
		jsonPath: " https://unpkg.com/live2d-widget-model-tororo@1.0.5/assets/tororo.model.json" ,
		"scale": 1
	},
	"display": {
		"position": "right",
		"width": 100,
		"height": 200,
		"hOffset": -20,
		"vOffset": -20
	},
	"mobile": {
		"show": true,
		"scale": 0.5
	},
	"react": {
		"opacityDefault": 1,
		"opacityOnHover": 1
	}
});
</script>