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>

定制看板娘的语录(调教你的看板娘)

  1. 从github中下载项目: https://github.com/stevenjoezhang/live2d-widget
  2. 更改waifu-tip.json里面的内容

  3. 更改autoload.js的引入位置
    将<script src="https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget/autoload.js"></script>改成自己的
    如果实在不会玩, 可以参考我的代码, 开源地址: https://github.com/zhaoolee/GBlog

 

小结:

看板娘的很多语言都是通过配置文件定制的, 所以看板娘的秉性全靠主人的本事, 我改了一下配置文件, 感觉很欢乐, 甚至玩出了人工智能的感觉~

来源:蓝奏网盘  |  大小:3.6 M  |  下载次数:365次  
版权声明:本文为转载文章,源自互联网,由本站整理编辑。
原文地址: https://zhaoolee.com/GBlog/2019/07/04/live2d/
正文到此结束

相关推荐

发表吐槽

你肿么看?

你还可以输入 250 / 250 个字

呵呵 哈哈 羡慕 惊恐 超赞 嗯哼 滑稽 不高兴 大哭 疑问 你懂得 打脸 黑线 委屈 小乖 酷 笑眼 汗 what 鄙视 喷 阴险 怒 吃瓜

评论信息框
可使用QQ号实时获取昵称+头像

私密评论

吃奶的力气提交吐槽中...


既然没有吐槽,那就赶紧抢沙发吧!