基于大佬的代码实现看板娘效果（三段代码实现）

基于大佬的代码实现看板娘效果（三段代码实现）

这是鄙人的第一篇博客日记，虽然也是用的他人的代码。这里附上原文地址https://www.cnblogs.com/liuzhou1/p/10813828.html，大佬在这里。话不多说放图：

在这里插入图片描述


这是我随手截出来的三张图，看板娘会随着你的鼠标移动和点击做出不同的反应和目光方向，所以看起来是非常和谐的。实现这个效果是非常简单的，代码附上：
在html页面直接引入

<script type="text/javascript" charset="utf-8"  src="https://files.cnblogs.com/files/liuzhou1/L2Dwidget.0.min.js"></script>
<script type="text/javascript" charset="utf-8"  src="https://files.cnblogs.com/files/liuzhou1/L2Dwidget.min.js"></script>

这两段script引用了刘舟大佬已经写好的js动效，然后看板娘实际上已经实现了，接下来再用JS把它放在左下角或者你想放的位置都可以

<script type="text/javascript">
    L2Dwidget.init({"display": {
        "superSample": 2,
        "width": 200,
        "height": 400,
             "position": "right",
                 "hOffset": 0,
        "vOffset": 0
          }
     });
</script>

这样就已经实现了。因为我是在vue项目中引入的，所以要引入以上的代码话，找到vue项目的index.html页面进行引入就可以了。