看板娘相关源码介绍

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

下面的源码主要来自博客: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/

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

原文地址:https://www.cnblogs.com/timeout/p/11411701.html