/*
* https://imjad.cn/archives/lab/add-dynamic-poster-girl-with-live2d-to-your-blog-02
* https://www.fghrsh.net/post/123.html
*/
function loadWidget(waifuPath, apiPath) {
localStorage.removeItem("waifu-display");
sessionStorage.removeItem("waifu-text");
$("body").append(`
`);
$("#waifu").show().animate({ bottom: 0 }, 3000);
function registerEventListener() {
$("#waifu-tool .fa-comment").click(showHitokoto);
$("#waifu-tool .fa-paper-plane").click(function() {
var s = document.createElement("script");
document.body.appendChild(s);
s.src = "https://cdn.jsdelivr.net/gh/GalaxyMimi/CDN/asteroids.js";
});
$("#waifu-tool .fa-user-circle").click(loadOtherModel);
$("#waifu-tool .fa-street-view").click(loadRandModel);
$("#waifu-tool .fa-camera-retro").click(function() {
showMessage("照好了嘛,是不是很可爱呢?", 6000, 9);
Live2D.captureName = "photo.png";
Live2D.captureFrame = true;
});
$("#waifu-tool .fa-info-circle").click(function() {
open("https://github.com/stevenjoezhang/live2d-widget");
});
$("#waifu-tool .fa-times").click(function() {
localStorage.setItem("waifu-display", new Date().getTime());
showMessage("愿你有一天能与重要的人重逢。", 2000, 11);
$("#waifu").animate({ bottom: -500 }, 3000, function() {
$("#waifu").hide();
$("#waifu-toggle").show().animate({ "margin-left": -50 }, 1000);
});
});
var re = /x/;
console.log(re);
re.toString = function() {
showMessage("哈哈,你打开了控制台,是想要看看我的秘密吗?", 6000, 9);
return "";
};
$(document).on("copy", function() {
showMessage("你都复制了些什么呀,转载要记得加上出处哦!", 6000, 9);
});
$(document).on("visibilitychange", function() {
if (!document.hidden) showMessage("哇,你终于回来了~", 6000, 9);
});
}
registerEventListener();
function welcomeMessage() {
var SiteIndexUrl = location.port ? `${location.protocol}//${location.hostname}:${location.port}/` : `${location.protocol}//${location.hostname}/`, text; //自动获取主页
if (location.href == SiteIndexUrl) { //如果是主页
var now = new Date().getHours();
if (now > 23 || now <= 5) text = "你是夜猫子呀?这么晚还不睡觉,明天起的来嘛?";
else if (now > 5 && now <= 7) text = "早上好!一日之计在于晨,美好的一天就要开始了。";
else if (now > 7 && now <= 11) text = "上午好!工作顺利嘛,不要久坐,多起来走动走动哦!";
else if (now > 11 && now <= 14) text = "中午了,工作了一个上午,现在是午餐时间!";
else if (now > 14 && now <= 17) text = "午后很容易犯困呢,今天的运动目标完成了吗?";
else if (now > 17 && now <= 19) text = "傍晚了!窗外夕阳的景色很美丽呢,最美不过夕阳红~";
else if (now > 19 && now <= 21) text = "晚上好,今天过得怎么样?";
else if (now > 21 && now <= 23) text = ["已经这么晚了呀,早点休息吧,晚安~", "深夜时要爱护眼睛呀!"];
else text = "好久不见,日子过得好快呢……";
}
else if (document.referrer !== "") {
var referrer = document.createElement("a");
referrer.href = document.referrer;
var domain = referrer.hostname.split(".")[1];
if (location.hostname == referrer.hostname) text = `欢迎阅读『${document.title.split(" - ")[0]}』`;
else if (domain == "baidu") text = `Hello!来自 百度搜索 的朋友
你是搜索 ${referrer.search.split("&wd=")[1].split("&")[0]} 找到的我吗?`;
else if (domain == "so") text = `Hello!来自 360搜索 的朋友
你是搜索 ${referrer.search.split("&q=")[1].split("&")[0]} 找到的我吗?`;
else if (domain == "google") text = `Hello!来自 谷歌搜索 的朋友
欢迎阅读『${document.title.split(" - ")[0]}』`;
else text = `Hello!来自 ${referrer.hostname} 的朋友`;
}
else {
text = `欢迎阅读『${document.title.split(" - ")[0]}』`;
}
showMessage(text, 7000, 8);
}
welcomeMessage();
//检测用户活动状态,并在空闲时定时显示一言
var userAction = false,
hitokotoTimer = null,
messageTimer = null,
messageArray = ["已经过了这么久了呀,日子过得好快呢……", "大坏蛋!你都多久没碰人家了呀,嘤嘤嘤~", "嗨~快来逗我玩吧!", "拿小拳拳锤你胸口!"];
if ($(".fa-share-alt").is(":hidden")) messageArray.push("记得把小家加入Adblock白名单哦!");
$(document).mousemove(function() {
userAction = true;
}).keydown(function() {
userAction = true;
});
setInterval(function() {
if (!userAction) {
if (!hitokotoTimer) hitokotoTimer = setInterval(showHitokoto, 25000);
}
else {
userAction = false;
clearInterval(hitokotoTimer);
hitokotoTimer = null;
}
}, 1000);
function showHitokoto() {
//增加 hitokoto.cn 的 API
if (Math.random() < 0.6 && messageArray.length > 0) showMessage(messageArray[Math.floor(Math.random() * messageArray.length)], 6000, 9);
else $.getJSON("https://v1.hitokoto.cn", function(result) {
var text = `这句一言来自 『${result.from}』,是 ${result.creator} 在 hitokoto.cn 投稿的。`;
showMessage(result.hitokoto, 6000, 9);
setTimeout(function() {
showMessage(text, 4000, 9);
}, 6000);
});
}
function showMessage(text, timeout, priority) {
if (!text) return;
if (!sessionStorage.getItem("waifu-text") || sessionStorage.getItem("waifu-text") <= priority) {
if (messageTimer) {
clearTimeout(messageTimer);
messageTimer = null;
}
if (Array.isArray(text)) text = text[Math.floor(Math.random() * text.length)];
sessionStorage.setItem("waifu-text", priority);
$("#waifu-tips").stop().html(text).fadeTo(200, 1);
messageTimer = setTimeout(function() {
sessionStorage.removeItem("waifu-text");
$("#waifu-tips").fadeTo(1000, 0);
}, timeout);
}
}
function initModel() {
var modelId = localStorage.getItem("modelId"),
modelTexturesId = localStorage.getItem("modelTexturesId");
if (modelId == null) {
//首次访问加载 指定模型 的 指定材质
var modelId = 1, //模型 ID
modelTexturesId = 53; //材质 ID
}
loadModel(modelId, modelTexturesId);
$.getJSON(waifuPath, function(result) {
$.each(result.mouseover, function(index, tips) {
$(document).on("mouseover", tips.selector, function() {
var text = Array.isArray(tips.text) ? tips.text[Math.floor(Math.random() * tips.text.length)] : tips.text;
text = text.replace("{text}", $(this).text());
showMessage(text, 4000, 8);
});
});
$.each(result.click, function(index, tips) {
$(document).on("click", tips.selector, function() {
var text = Array.isArray(tips.text) ? tips.text[Math.floor(Math.random() * tips.text.length)] : tips.text;
text = text.replace("{text}", $(this).text());
showMessage(text, 4000, 8);
});
});
$.each(result.seasons, function(index, tips) {
var now = new Date(),
after = tips.date.split("-")[0],
before = tips.date.split("-")[1] || after;
if ((after.split("/")[0] <= now.getMonth() + 1 && now.getMonth() + 1 <= before.split("/")[0]) && (after.split("/")[1] <= now.getDate() && now.getDate() <= before.split("/")[1])) {
var text = Array.isArray(tips.text) ? tips.text[Math.floor(Math.random() * tips.text.length)] : tips.text;
text = text.replace("{year}", now.getFullYear());
//showMessage(text, 7000, true);
messageArray.push(text);
}
});
});
}
initModel();
function loadModel(modelId, modelTexturesId) {
localStorage.setItem("modelId", modelId);
if (modelTexturesId === undefined) modelTexturesId = 0;
localStorage.setItem("modelTexturesId", modelTexturesId);
loadlive2d("live2d", `${apiPath}/get/?id=${modelId}-${modelTexturesId}`, console.log(`Live2D 模型 ${modelId}-${modelTexturesId} 加载完成`));
}
function loadRandModel() {
var modelId = localStorage.getItem("modelId"),
modelTexturesId = localStorage.getItem("modelTexturesId");
//可选 "rand"(随机), "switch"(顺序)
$.ajax({
cache: false,
url: `${apiPath}/rand_textures/?id=${modelId}-${modelTexturesId}`,
dataType: "json",
success: function(result) {
if (result.textures["id"] == 1 && (modelTexturesId == 1 || modelTexturesId == 0)) showMessage("我还没有其他衣服呢!", 4000, 10);
else showMessage("我的新衣服好看嘛?", 4000, 10);
loadModel(modelId, result.textures["id"]);
}
});
}
function loadOtherModel() {
var modelId = localStorage.getItem("modelId");
$.ajax({
cache: false,
url: `${apiPath}/switch/?id=${modelId}`,
dataType: "json",
success: function(result) {
loadModel(result.model["id"]);
showMessage(result.model["message"], 4000, 10);
}
});
}
}
function initWidget(waifuPath = "/waifu-tips.json", apiPath = "") {
if (screen.width <= 768) return;
$("body").append(`
看板娘
`);
$("#waifu-toggle").hover(function() {
$("#waifu-toggle").animate({ "margin-left": -30 }, 500);
}, function() {
$("#waifu-toggle").animate({ "margin-left": -50 }, 500);
}).click(function() {
$("#waifu-toggle").animate({ "margin-left": -100 }, 1000, function() {
$("#waifu-toggle").hide();
});
if ($("#waifu-toggle").attr("first-time")) {
loadWidget(waifuPath, apiPath);
$("#waifu-toggle").attr("first-time", false);
}
else {
localStorage.removeItem("waifu-display");
$("#waifu").show().animate({ bottom: 0 }, 3000);
}
});
if (localStorage.getItem("waifu-display") && new Date().getTime() - localStorage.getItem("waifu-display") <= 86400000) {
$("#waifu-toggle").attr("first-time", true).css({ "margin-left": -50 });
}
else {
loadWidget(waifuPath, apiPath);
}
}