嗯 第一来着先领养一只看板娘把

 <script type="text/javascript">
    /* 把 autoload.js 内容直接内置 */
    $(‘body‘).append(‘<div class="waifu"><div class="waifu-tips"></div><canvas id="live2d" class="live2d"></canvas><div class="waifu-tool"><span class="fui-home"></span> <span class="fui-chat"></span> <span class="fui-eye"></span> <span class="fui-user"></span> <span class="fui-photo"></span> <span class="fui-info-circle"></span> <span class="fui-cross"></span></div></div>‘);
    $.ajax({url: "assets/waifu-tips.js", dataType:"script", cache: true, success: function() {
        $.ajax({url: "assets/live2d.js", dataType:"script", cache: true, success: function() {
                /* 可直接修改部分参数 */
                live2d_settings[‘hitokotoAPI‘] = ‘jinrishici.com‘; // 一言 API
                live2d_settings[‘modelId‘] = 2;                    // 默认模型 ID
                live2d_settings[‘modelTexturesId‘] = 6;            // 默认材质 ID
                live2d_settings[‘modelStorage‘] = false;           // 不储存模型 ID
                live2d_settings[‘canCloseLive2d‘] = false;         // 隐藏 关闭看板娘 按钮
                live2d_settings[‘canTurnToHomePage‘] = false;      // 隐藏 返回首页 按钮
                live2d_settings[‘waifuSize‘] = ‘600x535‘;          // 看板娘大小
                live2d_settings[‘waifuTipsSize‘] = ‘570x150‘;      // 提示框大小
                live2d_settings[‘waifuFontSize‘] = ‘30px‘;         // 提示框字体
                live2d_settings[‘waifuEdgeSide‘] = ‘right:30‘;     // 看板娘贴边方向
                live2d_settings[‘waifuToolFont‘] = ‘36px‘;         // 工具栏字体
                live2d_settings[‘waifuToolLine‘] = ‘50px‘;         // 工具栏行高
                live2d_settings[‘waifuToolTop‘] = ‘-60px‘;         // 工具栏顶部边距
                live2d_settings[‘waifuDraggable‘] = ‘axis-x‘;      // 拖拽样式

                /* 内置 waifu-tips.json */
                initModel({
                    "waifu": {
                        "console_open_msg": ["哈哈,你打开了控制台,是想要看看我的秘密吗?"],
                        "copy_message": ["你都复制了些什么呀,转载要记得加上出处哦"],
                        "screenshot_message": ["照好了嘛,是不是很可爱呢?"],
                        "hidden_message": ["我们还能再见面的吧…"],
                        "load_rand_textures": ["我还没有其他衣服呢", "我的新衣服好看嘛"],
                        "hour_tips": {
                            "t5-7": ["早上好!一日之计在于晨,美好的一天就要开始了"],
                            "t7-11": ["上午好!工作顺利嘛,不要久坐,多起来走动走动哦!"],
                            "t11-14": ["中午了,工作了一个上午,现在是午餐时间!"],
                            "t14-17": ["午后很容易犯困呢,今天的运动目标完成了吗?"],
                            "t17-19": ["傍晚了!窗外夕阳的景色很美丽呢,最美不过夕阳红~"],
                            "t19-21": ["晚上好,今天过得怎么样?"],
                            "t21-23": ["已经这么晚了呀,早点休息吧,晚安~"],
                            "t23-5": ["你是夜猫子呀?这么晚还不睡觉,明天起的来嘛"],
                            "default": ["嗨~ 快来逗我玩吧!"]
                        },
                        "referrer_message": {
                            "localhost": ["欢迎阅读<span style=\"color:#0099cc;\">『", "』</span>", " - "],
                            "baidu": ["Hello! 来自 百度搜索 的朋友<br>你是搜索 <span style=\"color:#0099cc;\">", "</span> 找到的我吗?"],
                            "so": ["Hello! 来自 360搜索 的朋友<br>你是搜索 <span style=\"color:#0099cc;\">", "</span> 找到的我吗?"],
                            "google": ["Hello! 来自 谷歌搜索 的朋友<br>欢迎阅读<span style=\"color:#0099cc;\">『", "』</span>", " - "],
                            "default": ["Hello! 来自 <span style=\"color:#0099cc;\">", "</span> 的朋友"],
                            "none": ["欢迎阅读<span style=\"color:#0099cc;\">『", "』</span>", " - "]
                        },
                        "referrer_hostname": {
                            "example.com": ["示例网站"],
                            "www.fghrsh.net": ["FGHRSH 的博客"]
                        },
                        "model_message": {
                            "1": ["来自 Potion Maker 的 Pio 酱 ~"],
                            "2": ["来自 Potion Maker 的 Tia 酱 ~"]
                        },
                        "hitokoto_api_message": {
                            "lwl12.com": ["这句一言来自 <span style=\"color:#0099cc;\">『{source}』</span>", ",是 <span style=\"color:#0099cc;\">{creator}</span> 投稿的", "。"],
                            "fghrsh.net": ["这句一言出处是 <span style=\"color:#0099cc;\">『{source}』</span>,是 <span style=\"color:#0099cc;\">FGHRSH</span> 在 {date} 收藏的!"],
                            "jinrishici.com": ["这句诗词出自 <span style=\"color:#0099cc;\">《{title}》</span>,是 {dynasty}诗人 {author} 创作的!"],
                            "hitokoto.cn": ["这句一言来自 <span style=\"color:#0099cc;\">『{source}』</span>,是 <span style=\"color:#0099cc;\">{creator}</span> 在 hitokoto.cn 投稿的。"]
                        }
                    },
                    "mouseover": [
                        { "selector": ".container a[href^=‘http‘]", "text": ["要看看 <span style=\"color:#0099cc;\">{text}</span> 么?"] },
                        { "selector": ".fui-home", "text": ["点击前往首页,想回到上一页可以使用浏览器的后退功能哦"] },
                        { "selector": ".fui-chat", "text": ["一言一语,一颦一笑。一字一句,一颗赛艇。"] },
                        { "selector": ".fui-eye", "text": ["嗯··· 要切换 看板娘 吗?"] },
                        { "selector": ".fui-user", "text": ["喜欢换装 Play 吗?"] },
                        { "selector": ".fui-photo", "text": ["要拍张纪念照片吗?"] },
                        { "selector": ".fui-info-circle", "text": ["这里有关于我的信息呢"] },
                        { "selector": ".fui-cross", "text": ["你不喜欢我了吗..."] },
                        { "selector": "#tor_show", "text": ["翻页比较麻烦吗,点击可以显示这篇文章的目录呢"] },
                        { "selector": "#comment_go", "text": ["想要去评论些什么吗?"] },
                        { "selector": "#night_mode", "text": ["深夜时要爱护眼睛呀"] },
                        { "selector": "#qrcode", "text": ["手机扫一下就能继续看,很方便呢"] },
                        { "selector": ".comment_reply", "text": ["要吐槽些什么呢"] },
                        { "selector": "#back-to-top", "text": ["回到开始的地方吧"] },
                        { "selector": "#author", "text": ["该怎么称呼你呢"] },
                        { "selector": "#mail", "text": ["留下你的邮箱,不然就是无头像人士了"] },
                        { "selector": "#url", "text": ["你的家在哪里呢,好让我去参观参观"] },
                        { "selector": "#textarea", "text": ["认真填写哦,垃圾评论是禁止事项"] },
                        { "selector": ".OwO-logo", "text": ["要插入一个表情吗"] },
                        { "selector": "#csubmit", "text": ["要[提交]^(Commit)了吗,首次评论需要审核,请耐心等待~"] },
                        { "selector": ".ImageBox", "text": ["点击图片可以放大呢"] },
                        { "selector": "input[name=s]", "text": ["找不到想看的内容?搜索看看吧"] },
                        { "selector": ".previous", "text": ["去上一页看看吧"] },
                        { "selector": ".next", "text": ["去下一页看看吧"] },
                        { "selector": ".dropdown-toggle", "text": ["这里是菜单"] },
                        { "selector": "c-player a.play-icon", "text": ["想要听点音乐吗"] },
                        { "selector": "c-player div.time", "text": ["在这里可以调整<span style=\"color:#0099cc;\">播放进度</span>呢"] },
                        { "selector": "c-player div.volume", "text": ["在这里可以调整<span style=\"color:#0099cc;\">音量</span>呢"] },
                        { "selector": "c-player div.list-button", "text": ["<span style=\"color:#0099cc;\">播放列表</span>里都有什么呢"] },
                        { "selector": "c-player div.lyric-button", "text": ["有<span style=\"color:#0099cc;\">歌词</span>的话就能跟着一起唱呢"] },
                        { "selector": ".waifu #live2d", "text": ["干嘛呢你,快把手拿开", "鼠…鼠标放错地方了!"] }
                    ],
                    "click": [
                        {
                            "selector": ".waifu #live2d",
                            "text": [
                                "是…是不小心碰到了吧",
                                "萝莉控是什么呀",
                                "你看到我的小熊了吗",
                                "再摸的话我可要报警了!?●﹏●?",
                                "110吗,这里有个变态一直在摸我(ó﹏ò?)"
                            ]
                        }
                    ],
                    "seasons": [
                        { "date": "01/01", "text": ["<span style=\"color:#0099cc;\">元旦</span>了呢,新的一年又开始了,今年是{year}年~"] },
                        { "date": "02/14", "text": ["又是一年<span style=\"color:#0099cc;\">情人节</span>,{year}年找到对象了嘛~"] },
                        { "date": "03/08", "text": ["今天是<span style=\"color:#0099cc;\">妇女节</span>!"] },
                        { "date": "03/12", "text": ["今天是<span style=\"color:#0099cc;\">植树节</span>,要保护环境呀"] },
                        { "date": "04/01", "text": ["悄悄告诉你一个秘密~<span style=\"background-color:#34495e;\">今天是愚人节,不要被骗了哦~</span>"] },
                        { "date": "05/01", "text": ["今天是<span style=\"color:#0099cc;\">五一劳动节</span>,计划好假期去哪里了吗~"] },
                        { "date": "06/01", "text": ["<span style=\"color:#0099cc;\">儿童节</span>了呢,快活的时光总是短暂,要是永远长不大该多好啊…"] },
                        { "date": "09/03", "text": ["<span style=\"color:#0099cc;\">中国人民抗日战争胜利纪念日</span>,铭记历史、缅怀先烈、珍爱和平、开创未来。"] },
                        { "date": "09/10", "text": ["<span style=\"color:#0099cc;\">教师节</span>,在学校要给老师问声好呀~"] },
                        { "date": "10/01", "text": ["<span style=\"color:#0099cc;\">国庆节</span>,新中国已经成立69年了呢"] },
                        { "date": "11/05-11/12", "text": ["今年的<span style=\"color:#0099cc;\">双十一</span>是和谁一起过的呢~"] },
                        { "date": "12/20-12/31", "text": ["这几天是<span style=\"color:#0099cc;\">圣诞节</span>,主人肯定又去剁手买买买了~"] }
                    ]
                });
            }});
    }});
    </script>

Live2D 看板娘 v1.4 / Demo 1

原文地址:https://www.cnblogs.com/tangjingyu/p/12038388.html

时间: 2024-11-03 22:42:57

嗯 第一来着先领养一只看板娘把的相关文章

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

看板娘一词源自日语“看板娘(かんばんむすめ)”.其中的“看板”指的是店面招牌,或者是为了宣传.打广告而制作的宣传牌.“看板娘”也就是店面的招牌姑娘,亦即能够提升店面人气和顾客流量的女服务生.女店员等.也就是说,看板娘本身就是一块“活看板”,其本身的魅力就能够起到宣传.拉人气的作用.英语又称之为“Poster Girl”. 默认只在PC端才会显示 (手机屏幕太小, 放上看板娘容易遮挡内容, 体验不好): 效果如图所示: 可以玩射击游戏, 被射击到的网页元素会消失 里面的子弹可以穿越屏幕边缘的哦(空

博客园美化——看板娘

一直有人问我左下角的看板娘是怎么加上去的 刚开始看别人的随笔看得一脸懵逼,自己捣鼓个好久才弄好的 于是就想写一篇容易看懂的随笔 1.下载模型相关文件(点击推荐和关注才能下载哦QWQ) 打开压缩包后就是这么一堆东西 2.将文件上传到博客园 只要上传 waifu.css waifu-tips.js live2d.js 3.代码实现 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head

博客园引入半透明的看板娘

参考:https://www.cnblogs.com/zzc2018/p/10662149.html 代码(添加在设置的博客侧边栏公告下) <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script> <script> L2Dwidget.init({ "model":

美化你的博客园——添加看板娘

做了一个我认为比较浅显易懂的随笔 分为三步 目录 1.压缩包下载(点击下载) 2.上传文件 3.添加代码 具体实施 1.首先下载一个压缩包 /---压缩包下载---/ 2.上传文件 3.添加代码 将代码粘贴(你要抄一遍我也没有办法)到页脚Html代码 不知道怎么放的请看我上一篇随笔 1 <!DOCTYPE html> /*看板娘*/ <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta

《博客园美化》为您的博客增加一个萌萌的看板娘吧

效果图 这只是静态图片,需要参考请看右下角 需要用到的资源(上传到博客园后台) waifu.css waifu-tips.js live2d.js HTML代码实现 <!DOCTYPE html> <head> <link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/chensv/waifu.css"/>

看板娘相关源码介绍

做个记录,看到好玩的东西,看板娘如下: 下面的源码主要来自博客:https://www.cnblogs.com/zjfjava/p/9100898.html 是自己扣下来的,做了点调整,如果添加到你自己的博客没有效果可能是js冲突等,自己解决. <style> .lktest { left: 0px !important; } </style> <script src="https://cdn.jsdelivr.net/npm/[email protected]/l

看板娘

1.确保申请JS权限已通过 2.进入博客后台文件系统 https://i.cnblogs.com/Files.aspx 需要上传的文件 waifu.css waifu1.css live2d.min.js waifu-tips.js flat-ui.min.css 将下载好的看板娘样式文件进行上传 如何实在懒得找可以输入我的文件地址保存我的样式代码 将如下代码放在博客侧边栏公告那个框里(其实那三个框都可以) <html xmlns="http://www.w3.org/1999/xhtml

博客园live2d 看板娘 简单 光速

博客园live2d 看板娘 简单 光速 直接粘贴到--博客侧边栏公告,需要JS支持 <!-- live2d --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Live2D<

给网页添加看板娘

在大佬哪里嫖来了文件,在本地打开只有人物 旁边的栏目和头顶的文字框都不能用,所以我给隐藏了 不知道是为什么 可能我是个菜鸡吧 点文件下载即可 下载链接      http://yk1981268324.gz01.bdysite.com/index3.html 把以下代码补全,放在下载文件同文件夹 希望有大佬指点以下 <link rel="stylesheet" type="text/css" href="assets/waifu.min.css?v=