392天 倾丞

心随我意 路行千里

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

倾丞 / 9个月前 / 286 次围观 / 0 条评论 / 技术分析 / [百度未收录(点击提交收录)] / 返回

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

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

 

效果如图所示:

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

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

 

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

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

 

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

4.gif

 

5.gif

 

 

如何安装看板娘

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

  • <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>

原文链接:https://zhaoolee.com/GBlog/2019/07/04/live2d/
个人网站的话直接可以把相应代码复制到网页文件中;

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

未显示?请点击刷新