/* * Live2D Widget * https://github.com/stevenjoezhang/live2d-widget */ function loadWidget(config) { let { waifuPath, apiPath, cdnPath } = config; let useCDN = false; if (typeof cdnPath === "string") { useCDN = true; if (!cdnPath.endsWith("/")) cdnPath += "/"; } if (!apiPath.endsWith("/")) apiPath += "/"; localStorage.removeItem("waifu-display"); sessionStorage.removeItem("waifu-text"); document.body.insertAdjacentHTML("beforeend", `
`); // https://stackoverflow.com/questions/24148403/trigger-css-transition-on-appended-element setTimeout(() => { document.getElementById("waifu").style.bottom = 0; }, 0); (function registerEventListener() { document.querySelector("#waifu-tool .fa-comment").addEventListener("click", showHitokoto); document.querySelector("#waifu-tool .fa-paper-plane").addEventListener("click", () => { if (window.Asteroids) { if (!window.ASTEROIDSPLAYERS) window.ASTEROIDSPLAYERS = []; window.ASTEROIDSPLAYERS.push(new Asteroids()); } else { var script = document.createElement("script"); script.src = "https://cdn.jsdelivr.net/gh/GalaxyMimi/CDN/asteroids.js"; document.head.appendChild(script); } }); document.querySelector("#waifu-tool .fa-user-circle").addEventListener("click", loadOtherModel); document.querySelector("#waifu-tool .fa-street-view").addEventListener("click", loadRandModel); document.querySelector("#waifu-tool .fa-camera-retro").addEventListener("click", () => { showMessage("照好了嘛,是不是很可爱呢?", 6000, 9); Live2D.captureName = "photo.png"; Live2D.captureFrame = true; }); document.querySelector("#waifu-tool .fa-info-circle").addEventListener("click", () => { open("https://github.com/stevenjoezhang/live2d-widget"); }); document.querySelector("#waifu-tool .fa-times").addEventListener("click", () => { localStorage.setItem("waifu-display", Date.now()); showMessage("愿你有一天能与重要的人重逢。", 2000, 11); document.getElementById("waifu").style.bottom = "-500px"; setTimeout(() => { document.getElementById("waifu").style.display = "none"; document.getElementById("waifu-toggle").classList.add("waifu-toggle-active"); }, 3000); }); var devtools = () => {}; console.log("%c", devtools); devtools.toString = () => { showMessage("哈哈,你打开了控制台,是想要看看我的小秘密吗?", 6000, 9); }; window.addEventListener("copy", () => { showMessage("你都复制了些什么呀,转载要记得加上出处哦!", 6000, 9); }); window.addEventListener("visibilitychange", () => { if (!document.hidden) showMessage("哇,你终于回来了~", 6000, 9); }); })(); (function welcomeMessage() { var text; if (location.pathname === "/") { // 如果是主页 var now = new Date().getHours(); if (now > 5 && now <= 7) text = "早上好!一日之计在于晨,美好的一天就要开始了。"; else if (now > 7 && now <= 11) text = "上午好!工作顺利嘛,不要久坐,多起来走动走动哦!"; else if (now > 11 && now <= 13) text = "中午了,工作了一个上午,现在是午餐时间!"; else if (now > 13 && 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 = new URL(document.referrer), 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); })(); // 检测用户活动状态,并在空闲时显示消息 var userAction = false, userActionTimer = null, messageTimer = null, messageArray = ["好久不见,日子过得好快呢……", "大坏蛋!你都多久没理人家了呀,嘤嘤嘤~", "嗨~快来逗我玩吧!", "拿小拳拳锤你胸口!", "记得把小家加入 Adblock 白名单哦!"]; window.addEventListener("mousemove", () => userAction = true); window.addEventListener("keydown", () => userAction = true); setInterval(() => { if (userAction) { userAction = false; clearInterval(userActionTimer); userActionTimer = null; } else if (!userActionTimer) { userActionTimer = setInterval(() => { showMessage(messageArray[Math.floor(Math.random() * messageArray.length)], 6000, 9); }, 20000); } }, 1000); function showHitokoto() { // 增加 hitokoto.cn 的 API fetch("https://v1.hitokoto.cn") .then(response => response.json()) .then(result => { var text = `这句一言来自 「${result.from}」,是 ${result.creator} 在 hitokoto.cn 投稿的。`; showMessage(result.hitokoto, 6000, 9); setTimeout(() => { 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); var tips = document.getElementById("waifu-tips"); tips.innerHTML = text; tips.classList.add("waifu-tips-active"); messageTimer = setTimeout(() => { sessionStorage.removeItem("waifu-text"); tips.classList.remove("waifu-tips-active"); }, 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); fetch(waifuPath) .then(response => response.json()) .then(result => { result.mouseover.forEach(tips => { window.addEventListener("mouseover", event => { if (!event.target.matches(tips.selector)) return; var text = Array.isArray(tips.text) ? tips.text[Math.floor(Math.random() * tips.text.length)] : tips.text; text = text.replace("{text}", event.target.innerText); showMessage(text, 4000, 8); }); }); result.click.forEach(tips => { window.addEventListener("click", event => { if (!event.target.matches(tips.selector)) return; var text = Array.isArray(tips.text) ? tips.text[Math.floor(Math.random() * tips.text.length)] : tips.text; text = text.replace("{text}", event.target.innerText); showMessage(text, 4000, 8); }); }); result.seasons.forEach(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); } }); }); })(); 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"(顺序) fetch(`${apiPath}rand_textures/?id=${modelId}-${modelTexturesId}`) .then(response => response.json()) .then(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"); fetch(`${apiPath}switch/?id=${modelId}`) .then(response => response.json()) .then(result => { loadModel(result.model.id); showMessage(result.model.message, 4000, 10); }); } } function initWidget(config, apiPath = "/") { if (typeof config === "string") { config = { waifuPath: config, apiPath }; } document.body.insertAdjacentHTML("beforeend", `
看板娘
`); var toggle = document.getElementById("waifu-toggle"); toggle.addEventListener("click", () => { toggle.classList.remove("waifu-toggle-active"); if (toggle.getAttribute("first-time")) { loadWidget(config); toggle.removeAttribute("first-time"); } else { localStorage.removeItem("waifu-display"); document.getElementById("waifu").style.display = ""; setTimeout(() => { document.getElementById("waifu").style.bottom = 0; }, 0); } }); if (localStorage.getItem("waifu-display") && Date.now() - localStorage.getItem("waifu-display") <= 86400000) { toggle.setAttribute("first-time", true); setTimeout(() => { toggle.classList.add("waifu-toggle-active"); }, 0); } else { loadWidget(config); } }