看板娘相关源码介绍

Posted timeout

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了看板娘相关源码介绍相关的知识,希望对你有一定的参考价值。

做个记录,看到好玩的东西,看板娘如下:

下面的源码主要来自博客:https://www.cnblogs.com/zjfjava/p/9100898.html

是自己扣下来的,做了点调整,如果添加到你自己的博客没有效果可能是js冲突等,自己解决。

技术图片

 

 

        <style>
            .lktest 
                left: 0px !important;
            
        </style>
        <script src="https://cdn.jsdelivr.net/npm/live2d-widget@3.0.4/lib/L2Dwidget.min.js"></script>
        <script type="text/javascript">
            L2Dwidget.init();
            setTimeout(function() 
                document.getElementById("live2dcanvas").setAttribute("class", "lktest")
            , 500);
        </script>
        <div id="live2d-widget"><canvas id="live2dcanvas" width="300" height="600" style="position: fixed; opacity: 0.7; right: 0px; bottom: -20px; z-index: 99999; pointer-events: none; border: 1px dashed rgb(204, 204, 204);"></canvas></div>

 

看板娘其他资源:https://huaji8.top/post/live2d-plugin-2.0/

这个里面有很多模型,资源,小埋等,也可以自己定义模型,但是需要动手能力极强,自己编译等,有兴趣的可以自行操作。

以上是关于看板娘相关源码介绍的主要内容,如果未能解决你的问题,请参考以下文章

往博客园引入看板娘

添加看板娘

关于看板娘的事儿

3行代码 为你的网站博客添加萌萌哒可爱二次元女动漫玩偶人物(看板娘)

看板娘

Hexo添加2d基础看板娘