3行代码 为网站添加萌萌哒看板娘
温馨提示:
本文最后更新于2019年06月13日,已超过5年4个月(约1951天)没有更新,若内容或图片失效,请留言反馈。
看板娘一词源自日语“看板娘(かんばんむすめ)”。其中的“看板”指的是店面招牌,或者是为了宣传、打广告而制作的宣传牌。“看板娘”也就是店面的招牌姑娘,亦即能够提升店面人气和顾客流量的女服务生、女店员等。也就是说,看板娘本身就是一块“活看板”,其本身的魅力就能够起到宣传、拉人气的作用。英语又称之为“Poster Girl”。
为网站添加萌萌哒看板娘, 可以让网站更有吸引力、以下Gif图录制页面: https://zhaoolee.github.io/GBlog/
- 看板娘默认只在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>
定制看板娘的语录(调教你的看板娘)
- 从github中下载项目: https://github.com/stevenjoezhang/live2d-widget
- 更改waifu-tip.json里面的内容
- 更改autoload.js的引入位置
将<script src="https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget/autoload.js"></script>改成自己的
如果实在不会玩, 可以参考我的代码, 开源地址: https://github.com/zhaoolee/GBlog
小结:
看板娘的很多语言都是通过配置文件定制的, 所以看板娘的秉性全靠主人的本事, 我改了一下配置文件, 感觉很欢乐, 甚至玩出了人工智能的感觉~
来源:蓝奏网盘 | 大小:3.6 M | 下载次数:365次
正文到此结束
发表吐槽
你肿么看?
既然没有吐槽,那就赶紧抢沙发吧!