Create tools.js

This commit is contained in:
Mimi 2022-10-20 21:05:19 +08:00
parent 34e5d567a1
commit b77cd5e6d5
2 changed files with 81 additions and 61 deletions

78
src/tools.js Normal file
View File

@ -0,0 +1,78 @@
import fa_comment from "@fortawesome/fontawesome-free/svgs/solid/comment.svg";
import fa_paper_plane from "@fortawesome/fontawesome-free/svgs/solid/paper-plane.svg";
import fa_user_circle from "@fortawesome/fontawesome-free/svgs/solid/circle-user.svg";
import fa_street_view from "@fortawesome/fontawesome-free/svgs/solid/street-view.svg";
import fa_camera_retro from "@fortawesome/fontawesome-free/svgs/solid/camera-retro.svg";
import fa_info_circle from "@fortawesome/fontawesome-free/svgs/solid/circle-info.svg";
import fa_xmark from "@fortawesome/fontawesome-free/svgs/solid/xmark.svg";
import showMessage from "./message.js";
function showHitokoto() {
// 增加 hitokoto.cn 的 API
fetch("https://v1.hitokoto.cn")
.then(response => response.json())
.then(result => {
const text = `这句一言来自 <span>「${result.from}」</span>,是 <span>${result.creator}</span> 在 hitokoto.cn 投稿的。`;
showMessage(result.hitokoto, 6000, 9);
setTimeout(() => {
showMessage(text, 4000, 9);
}, 6000);
});
}
const tools = {
"hitokoto": {
icon: fa_comment,
callback: showHitokoto
},
"asteroids": {
icon: fa_paper_plane,
callback: () => {
if (window.Asteroids) {
if (!window.ASTEROIDSPLAYERS) window.ASTEROIDSPLAYERS = [];
window.ASTEROIDSPLAYERS.push(new Asteroids());
} else {
const script = document.createElement("script");
script.src = "https://fastly.jsdelivr.net/gh/stevenjoezhang/asteroids/asteroids.js";
document.head.appendChild(script);
}
}
},
"switch-model": {
icon: fa_user_circle,
callback: () => {}
},
"switch-texture": {
icon: fa_street_view,
callback: () => {}
},
"photo": {
icon: fa_camera_retro,
callback: () => {
showMessage("照好了嘛,是不是很可爱呢?", 6000, 9);
Live2D.captureName = "photo.png";
Live2D.captureFrame = true;
}
},
"info": {
icon: fa_info_circle,
callback: () => {
open("https://github.com/stevenjoezhang/live2d-widget");
}
},
"quit": {
icon: fa_xmark,
callback: () => {
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);
}
}
};
export default tools;

View File

@ -3,17 +3,10 @@
* https://github.com/stevenjoezhang/live2d-widget * https://github.com/stevenjoezhang/live2d-widget
*/ */
import fa_comment from "@fortawesome/fontawesome-free/svgs/solid/comment.svg";
import fa_paper_plane from "@fortawesome/fontawesome-free/svgs/solid/paper-plane.svg";
import fa_user_circle from "@fortawesome/fontawesome-free/svgs/solid/circle-user.svg";
import fa_street_view from "@fortawesome/fontawesome-free/svgs/solid/street-view.svg";
import fa_camera_retro from "@fortawesome/fontawesome-free/svgs/solid/camera-retro.svg";
import fa_info_circle from "@fortawesome/fontawesome-free/svgs/solid/circle-info.svg";
import fa_xmark from "@fortawesome/fontawesome-free/svgs/solid/xmark.svg";
import Model from "./model.js"; import Model from "./model.js";
import showMessage from "./message.js"; import showMessage from "./message.js";
import randomSelection from "./utils.js"; import randomSelection from "./utils.js";
import tools from "./tools.js";
function loadWidget(config) { function loadWidget(config) {
let { apiPath, cdnPath } = config; let { apiPath, cdnPath } = config;
@ -59,59 +52,8 @@ function loadWidget(config) {
}, 1000); }, 1000);
(function registerEventListener() { (function registerEventListener() {
const tools = { tools["switch-model"].callback = () => model.loadOtherModel();
"hitokoto": { tools["switch-texture"].callback = () => model.loadRandModel();
icon: fa_comment,
callback: showHitokoto
},
"asteroids": {
icon: fa_paper_plane,
callback: () => {
if (window.Asteroids) {
if (!window.ASTEROIDSPLAYERS) window.ASTEROIDSPLAYERS = [];
window.ASTEROIDSPLAYERS.push(new Asteroids());
} else {
const script = document.createElement("script");
script.src = "https://fastly.jsdelivr.net/gh/stevenjoezhang/asteroids/asteroids.js";
document.head.appendChild(script);
}
}
},
"switch-model": {
icon: fa_user_circle,
callback: () => model.loadOtherModel()
},
"switch-texture": {
icon: fa_street_view,
callback: () => model.loadRandModel()
},
"photo": {
icon: fa_camera_retro,
callback: () => {
showMessage("照好了嘛,是不是很可爱呢?", 6000, 9);
Live2D.captureName = "photo.png";
Live2D.captureFrame = true;
}
},
"info": {
icon: fa_info_circle,
callback: () => {
open("https://github.com/stevenjoezhang/live2d-widget");
}
},
"quit": {
icon: fa_xmark,
callback: () => {
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);
}
}
};
if (!Array.isArray(config.tools)) { if (!Array.isArray(config.tools)) {
config.tools = Object.keys(tools); config.tools = Object.keys(tools);
} }