amass/live2d-widget
1
0
Fork 0
mirror of https://github.com/stevenjoezhang/live2d-widget.git synced 2024-11-22 12:39:59 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

code style update

Browse Source
This commit is contained in:
StevenJoeZhang 2019-01-21 01:53:34 +08:00
parent fc6335941e
commit d901c9ff39
2 changed files with 39 additions and 57 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
README.md
View File

@ -1,9 +1,12 @@
# live2d-widget # Live2d Widget
## 功能 Feature ## 功能 Feature
在网页中添加Live2D看板娘。 在网页中添加Live2D看板娘。
Add Live2D widget to web page. Add Live2D widget to web page.
**警告：不支持IE。**
**WARNING: DO NOT SUPPORT IE.**
## Demo ## Demo
在[米米的博客](https://zhangshuqiao.org)的左下角可查看效果。 在[米米的博客](https://zhangshuqiao.org)的左下角可查看效果。
@ -78,6 +81,10 @@ https://zhangshuqiao.org/2018-07/在网页中添加Live2D看板娘
https://github.com/xiazeyu/live2d-widget-models https://github.com/xiazeyu/live2d-widget-models
https://github.com/xiaoski/live2d_models_collection https://github.com/xiaoski/live2d_models_collection
## License
Released under the GNU General Public License v3
http://www.gnu.org/licenses/gpl-3.0.html
## 更新 Update ## 更新 Update
2018年10月31日，由fghrsh提供的原API停用，请更新至新地址。参考文章： 2018年10月31日，由fghrsh提供的原API停用，请更新至新地址。参考文章：
https://www.fghrsh.net/post/170.html https://www.fghrsh.net/post/170.html

87
waifu-tips.js
View File

@ -4,10 +4,7 @@
*/ */
function initWidget(waifuPath, apiPath) { function initWidget(waifuPath, apiPath) {
if (screen.width <= 768) return; if (screen.width <= 768 || (localStorage.getItem("waifu-display") && new Date().getTime() - localStorage.getItem("waifu-display") <= 86400000)) return;
if (localStorage.getItem("waifu-display")) {
if (new Date().getTime() - localStorage.getItem("waifu-display") <= 86400000) return;
}
localStorage.removeItem("waifu-display"); localStorage.removeItem("waifu-display");
sessionStorage.removeItem("waifu-text"); sessionStorage.removeItem("waifu-text");
$("body").append('<div id="waifu">\ $("body").append('<div id="waifu">\
@ -51,7 +48,8 @@ function initWidget(waifuPath, apiPath) {
clearTimeout(titleTime); clearTimeout(titleTime);
titleTime = null; titleTime = null;
} }
} else { }
else {
document.title = title[titleIndex].focus; document.title = title[titleIndex].focus;
showMessage("哇，你又回来了～", 6000, 9); showMessage("哇，你又回来了～", 6000, 9);
titleTime = setTimeout(function() { titleTime = setTimeout(function() {
@ -100,44 +98,28 @@ function initWidget(waifuPath, apiPath) {
//var SiteIndexUrl = "https://www.fghrsh.net/"; //手动指定主页 //var SiteIndexUrl = "https://www.fghrsh.net/"; //手动指定主页
if (location.href == SiteIndexUrl) { //如果是主页 if (location.href == SiteIndexUrl) { //如果是主页
var now = (new Date()).getHours(); var now = (new Date()).getHours();
if (now > 23 || now <= 5) { if (now > 23 || now <= 5) text = "你是夜猫子呀？这么晚还不睡觉，明天起的来嘛？";
text = "你是夜猫子呀？这么晚还不睡觉，明天起的来嘛？"; else if (now > 5 && now <= 7) text = "早上好！一日之计在于晨，美好的一天就要开始了。";
} else if (now > 5 && now <= 7) { else if (now > 7 && now <= 11) text = "上午好！工作顺利嘛，不要久坐，多起来走动走动哦！";
text = "早上好！一日之计在于晨，美好的一天就要开始了。"; else if (now > 11 && now <= 14) text = "中午了，工作了一个上午，现在是午餐时间！";
} else if (now > 7 && now <= 11) { else if (now > 14 && now <= 17) text = "午后很容易犯困呢，今天的运动目标完成了吗？";
text = "上午好！工作顺利嘛，不要久坐，多起来走动走动哦！"; else if (now > 17 && now <= 19) text = "傍晚了！窗外夕阳的景色很美丽呢，最美不过夕阳红～";
} else if (now > 11 && now <= 14) { else if (now > 19 && now <= 21) text = "晚上好，今天过得怎么样？";
text = "中午了，工作了一个上午，现在是午餐时间！"; else if (now > 21 && now <= 23) text = ["已经这么晚了呀，早点休息吧，晚安～", "深夜时要爱护眼睛呀！"];
} else if (now > 14 && now <= 17) { else text = "好久不见，日子过得好快呢……";
text = "午后很容易犯困呢，今天的运动目标完成了吗？"; }
} else if (now > 17 && now <= 19) { else {
text = "傍晚了！窗外夕阳的景色很美丽呢，最美不过夕阳红～";
} else if (now > 19 && now <= 21) {
text = "晚上好，今天过得怎么样？";
} else if (now > 21 && now <= 23) {
text = ["已经这么晚了呀，早点休息吧，晚安～", "深夜时要爱护眼睛呀！"];
} else {
text = "好久不见，日子过得好快呢……";
}
} else {
if (document.referrer !== "") { if (document.referrer !== "") {
var referrer = document.createElement("a"); var referrer = document.createElement("a");
referrer.href = document.referrer; referrer.href = document.referrer;
var domain = referrer.hostname.split(".")[1]; var domain = referrer.hostname.split(".")[1];
if (location.hostname == referrer.hostname) { if (location.hostname == referrer.hostname) text = '欢迎阅读<span style="color:#0099cc;">『' + document.title.split(' - ')[0] + '』</span>';
text = '欢迎阅读<span style="color:#0099cc;">『' + document.title.split(' - ')[0] + '』</span>'; else if (domain == 'baidu') text = 'Hello! 来自 百度搜索 的朋友<br>你是搜索 <span style="color:#0099cc;">' + referrer.search.split('&wd=')[1].split('&')[0] + '</span> 找到的我吗？';
} else if (domain == 'baidu') { else if (domain == 'so') text = 'Hello! 来自 360搜索 的朋友<br>你是搜索 <span style="color:#0099cc;">' + referrer.search.split('&q=')[1].split('&')[0] + '</span> 找到的我吗？';
text = 'Hello! 来自 百度搜索 的朋友<br>你是搜索 <span style="color:#0099cc;">' + referrer.search.split('&wd=')[1].split('&')[0] + '</span> 找到的我吗？'; else if (domain == 'google') text = 'Hello! 来自 谷歌搜索 的朋友<br>欢迎阅读<span style="color:#0099cc;">『' + document.title.split(' - ')[0] + '』</span>';
} else if (domain == 'so') { else text = 'Hello! 来自 <span style="color:#0099cc;">' + referrer.hostname + '</span> 的朋友';
text = 'Hello! 来自 360搜索 的朋友<br>你是搜索 <span style="color:#0099cc;">' + referrer.search.split('&q=')[1].split('&')[0] + '</span> 找到的我吗？';
} else if (domain == 'google') {
text = 'Hello! 来自 谷歌搜索 的朋友<br>欢迎阅读<span style="color:#0099cc;">『' + document.title.split(' - ')[0] + '』</span>';
} else {
text = 'Hello! 来自 <span style="color:#0099cc;">' + referrer.hostname + '</span> 的朋友';
}
} else {
text = '欢迎阅读<span style="color:#0099cc;">『' + document.title.split(' - ')[0] + '』</span>';
} }
else text = '欢迎阅读<span style="color:#0099cc;">『' + document.title.split(' - ')[0] + '』</span>';
} }
showMessage(text, 7000, 8); showMessage(text, 7000, 8);
})(); })();
@ -156,10 +138,9 @@ function initWidget(waifuPath, apiPath) {
//hitokotoTimer = setInterval(showHitokoto, 30000); //hitokotoTimer = setInterval(showHitokoto, 30000);
setInterval(function() { setInterval(function() {
if (!getActed) { if (!getActed) {
if (!hitokotoTimer) { if (!hitokotoTimer) hitokotoTimer = setInterval(showHitokoto, 25000);
hitokotoTimer = setInterval(showHitokoto, 25000); }
} else {
} else {
getActed = false; getActed = false;
clearInterval(hitokotoTimer); clearInterval(hitokotoTimer);
hitokotoTimer = null; hitokotoTimer = null;
@ -168,9 +149,8 @@ function initWidget(waifuPath, apiPath) {
function showHitokoto() { function showHitokoto() {
//增加 hitokoto.cn API //增加 hitokoto.cn API
if (Math.random() < 0.6 && messageArray.length > 0) { if (Math.random() < 0.6 && messageArray.length > 0) showMessage(messageArray[Math.floor(Math.random() * messageArray.length)], 6000, 9);
showMessage(messageArray[Math.floor(Math.random() * messageArray.length)], 6000, 9); else $.getJSON("https://v1.hitokoto.cn", function(result) {
} else $.getJSON("https://v1.hitokoto.cn", function(result) {
var text = `这句一言来自 <span style="color:#0099cc;">『${result.from}』</span>，是 <span style="color:#0099cc;">${result.creator}</span> 在 hitokoto.cn 投稿的。`; var text = `这句一言来自 <span style="color:#0099cc;">『${result.from}』</span>，是 <span style="color:#0099cc;">${result.creator}</span> 在 hitokoto.cn 投稿的。`;
showMessage(result.hitokoto, 6000, 9); showMessage(result.hitokoto, 6000, 9);
setTimeout(function() { setTimeout(function() {
@ -216,17 +196,15 @@ function initWidget(waifuPath, apiPath) {
success: function(result) { success: function(result) {
$.each(result.mouseover, function(index, tips) { $.each(result.mouseover, function(index, tips) {
$(document).on("mouseover", tips.selector, function() { $(document).on("mouseover", tips.selector, function() {
var text = tips.text; var text = Array.isArray(tips.text) ? tips.text[Math.floor(Math.random() * tips.text.length)] : tips.text;
if (Array.isArray(tips.text)) text = tips.text[Math.floor(Math.random() * tips.text.length)]; text = text.replace("{text}", $(this).text());
text = text.replace("{text}", $(this).text());
showMessage(text, 4000, 8); showMessage(text, 4000, 8);
}); });
}); });
$.each(result.click, function(index, tips) { $.each(result.click, function(index, tips) {
$(document).on("click", tips.selector, function() { $(document).on("click", tips.selector, function() {
var text = tips.text; var text = Array.isArray(tips.text) ? tips.text[Math.floor(Math.random() * tips.text.length)] : tips.text;
if (Array.isArray(tips.text)) text = tips.text[Math.floor(Math.random() * tips.text.length)]; text = text.replace("{text}", $(this).text());
text = text.replace("{text}", $(this).text());
showMessage(text, 4000, 8); showMessage(text, 4000, 8);
}); });
}); });
@ -262,11 +240,8 @@ function initWidget(waifuPath, apiPath) {
url: `${apiURL}/rand_textures/?id=${modelId}-${modelTexturesId}`, url: `${apiURL}/rand_textures/?id=${modelId}-${modelTexturesId}`,
dataType: "json", dataType: "json",
success: function(result) { success: function(result) {
if (result.textures["id"] == 1 && (modelTexturesId == 1 || modelTexturesId == 0)) { if (result.textures["id"] == 1 && (modelTexturesId == 1 || modelTexturesId == 0)) showMessage("我还没有其他衣服呢！", 4000, 10);
showMessage("我还没有其他衣服呢！", 4000, 10); else showMessage("我的新衣服好看嘛？", 4000, 10);
} else {
showMessage("我的新衣服好看嘛？", 4000, 10);
}
loadModel(modelId, result.textures["id"]); loadModel(modelId, result.textures["id"]);
} }
}); });