2021-02-14 21:11:27 +08:00
|
|
|
|
// 注意：live2d_path 参数应使用绝对路径
|
2021-02-14 21:14:34 +08:00
|
|
|
|
const live2d_path = "https://cdn.jsdelivr.net/gh/PFiS/live2d-widget@latest/";
|
2021-02-14 21:11:27 +08:00
|
|
|
|
|
|
|
|
|
|
// 封装异步加载资源的方法
|
|
|
|
|
|
function loadExternalResource(url, type) {
|
|
|
|
|
|
return new Promise((resolve, reject) => {
|
|
|
|
|
|
let tag;
|
|
|
|
|
|
|
|
|
|
|
|
if (type === "css") {
|
|
|
|
|
|
tag = document.createElement("link");
|
|
|
|
|
|
tag.rel = "stylesheet";
|
|
|
|
|
|
tag.href = url;
|
|
|
|
|
|
tag.id = "live2d_css";
|
|
|
|
|
|
}
|
|
|
|
|
|
else if (type === "js") {
|
|
|
|
|
|
tag = document.createElement("script");
|
|
|
|
|
|
tag.src = url;
|
|
|
|
|
|
}
|
|
|
|
|
|
if (tag) {
|
|
|
|
|
|
tag.onload = () => resolve(url);
|
|
|
|
|
|
tag.onerror = () => reject(url);
|
|
|
|
|
|
document.head.appendChild(tag);
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// 加载 waifu.css live2d.min.js waifu-tips.js
|
|
|
|
|
|
if (screen.width >= 768) {
|
|
|
|
|
|
// "768"为最低显示宽度，单位为像素
|
|
|
|
|
|
Promise.all([
|
|
|
|
|
|
loadExternalResource(live2d_path + "waifu_left.css", "css"),
|
|
|
|
|
|
loadExternalResource(live2d_path + "live2d.min.js", "js"),
|
|
|
|
|
|
loadExternalResource(live2d_path + "waifu-tips.js", "js")
|
|
|
|
|
|
]).then(() => {
|
|
|
|
|
|
initWidget({
|
|
|
|
|
|
waifuPath: live2d_path + "waifu-tips.json",
|
|
|
|
|
|
// apiPath: "https://api.zsq.im/live2d/",
|
|
|
|
|
|
apiPath: "https://live2d.fghrsh.net/api/",
|
|
|
|
|
|
// cdnPath: "https://cdn.jsdelivr.net/gh/fghrsh/live2d_api/"
|
|
|
|
|
|
});
|
|
|
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
// initWidget 第一个参数为 waifu-tips.json 的路径，第二个参数为 API 地址
|
|
|
|
|
|
// API 后端可自行搭建，参考 https://github.com/fghrsh/live2d_api
|
|
|
|
|
|
// 初始化看板娘会自动加载指定目录下的 waifu-tips.json
|
|
|
|
|
|
|
|
|
|
|
|
console.log(`
|
|
|
|
|
|
く__,.ヘヽ. / ,ー､ 〉
|
|
|
|
|
|
＼ ', !-─‐-i / /´
|
|
|
|
|
|
／｀ｰ' L/／｀ヽ､
|
|
|
|
|
|
/ ／, /| , , ',
|
|
|
|
|
|
ｲ / /-‐/ ｉ L_ ﾊ ヽ! i
|
|
|
|
|
|
ﾚ ﾍ 7ｲ｀ﾄ ﾚ'ｧ-ﾄ､!ハ| |
|
|
|
|
|
|
!,/7 '0' ´0iソ| |
|
|
|
|
|
|
|.从" _ ,,,, / |./ |
|
|
|
|
|
|
ﾚ'| i＞.､,,__ _,.イ / .i |
|
|
|
|
|
|
ﾚ'| | / k_７_/ﾚ'ヽ, ﾊ. |
|
|
|
|
|
|
| |/i 〈|/ i ,.ﾍ | i |
|
|
|
|
|
|
.|/ / ｉ： ﾍ! ＼ |
|
|
|
|
|
|
kヽ>､ﾊ _,.ﾍ､ /､!
|
|
|
|
|
|
!'〈//｀Ｔ´', ＼ ｀'7'ｰr'
|
|
|
|
|
|
ﾚ'ヽL__|___i,___,ンﾚ|ノ
|
|
|
|
|
|
ﾄ-,/ |___./
|
|
|
|
|
|
'ｰ' !_,.:
|
|
|
|
|
|
`);
|
