博客园添加萌萌哒二次元互动动漫

看板娘一词源自日语“看板娘(かんばんむすめ)”。其中的“看板”指的是店面招牌,或者是为了宣传、打广告而制作的宣传牌。“看板娘”也就是店面的招牌姑娘,亦即能够提升店面人气和顾客流量的女服务生、女店员等。也就是说,看板娘本身就是一块“活看板”,其本身的魅力就能够起到宣传、拉人气的作用。英语又称之为“Poster Girl”。

  默认只在PC端才会显示 (手机屏幕太小, 放上看板娘容易遮挡内容, 体验不好);

 

效果如图所示:

  • 可以玩射击游戏, 被射击到的网页元素会消失


里面的子弹可以穿越屏幕边缘的哦(空格键发射子弹, 左右键旋转飞机🛬)

 

  • 更换看板娘


更换看板娘的记录,会被存储到浏览器的Local Storage里面, 下一次进入网页, 依然会是你喜欢的看板娘

  • 给看板娘换装


看板娘换装的记录,也会被存储到浏览器的Local Storage里面, 下一次进入网页, 依然会是你喜欢的看板娘和她的衣服

 

  • 换了好看的衣服, 拍张照片吧!

 

  • 看博客的时候, 看板娘会给出贴心小提示

 

 

如何安装看板娘

  • 只需在网页中引入这三行代码即可!

  • <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css"/>
    <script src="https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget/autoload.js"></script>

     


个人网站的话直接可以把相应代码复制到网页文件中;

 

如果是博客的话,需要在博客网站设置中申请JS权限,然后添加哦!

 

 

 

原文链接:https://zhaole.com/GBlog/2019/07/04/live2d/

posted @ 2021-01-19 10:59  肉滚滚和代码  阅读(171)  评论(1编辑  收藏  举报