2019-12-26 11:58:27 +08:00
|
|
|
|
// 注意:live2d_path 参数应使用绝对路径
|
2022-05-27 13:26:10 +08:00
|
|
|
|
const live2d_path = "https://fastly.jsdelivr.net/gh/pymastera/live2d-widget@latest/";
|
2019-06-12 12:29:21 +08:00
|
|
|
|
//const live2d_path = "/live2d-widget/";
|
2018-12-11 19:57:55 +08:00
|
|
|
|
|
2019-12-26 11:58:27 +08:00
|
|
|
|
// 封装异步加载资源的方法
|
2019-12-04 20:59:27 +08:00
|
|
|
|
function loadExternalResource(url, type) {
|
|
|
|
|
return new Promise((resolve, reject) => {
|
|
|
|
|
let tag;
|
2018-07-11 15:38:35 +08:00
|
|
|
|
|
2019-12-04 20:59:27 +08:00
|
|
|
|
if (type === "css") {
|
|
|
|
|
tag = document.createElement("link");
|
|
|
|
|
tag.rel = "stylesheet";
|
|
|
|
|
tag.href = url;
|
|
|
|
|
}
|
|
|
|
|
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);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
2018-07-11 15:38:35 +08:00
|
|
|
|
|
2019-12-26 11:58:27 +08:00
|
|
|
|
// 加载 waifu.css live2d.min.js waifu-tips.js
|
2020-01-27 12:07:54 +08:00
|
|
|
|
if (screen.width >= 768) {
|
|
|
|
|
Promise.all([
|
|
|
|
|
loadExternalResource(live2d_path + "waifu.css", "css"),
|
2022-05-27 13:37:13 +08:00
|
|
|
|
loadExternalResource(live2d_path + "drag.js", "js"),
|
2020-01-27 12:07:54 +08:00
|
|
|
|
loadExternalResource(live2d_path + "live2d.min.js", "js"),
|
2022-05-27 13:24:59 +08:00
|
|
|
|
loadExternalResource(live2d_path + "waifu-tips.js", "js"),
|
2022-05-27 13:36:41 +08:00
|
|
|
|
|
2020-01-27 12:07:54 +08:00
|
|
|
|
]).then(() => {
|
2020-02-09 21:01:56 +08:00
|
|
|
|
initWidget({
|
|
|
|
|
waifuPath: live2d_path + "waifu-tips.json",
|
2020-05-21 09:49:21 +08:00
|
|
|
|
//apiPath: "https://live2d.fghrsh.net/api/",
|
2022-05-21 02:40:56 +08:00
|
|
|
|
cdnPath: "https://fastly.jsdelivr.net/gh/fghrsh/live2d_api/"
|
2020-02-09 21:01:56 +08:00
|
|
|
|
});
|
2020-01-27 12:07:54 +08:00
|
|
|
|
});
|
|
|
|
|
}
|
2019-12-29 00:52:13 +08:00
|
|
|
|
// initWidget 第一个参数为 waifu-tips.json 的路径,第二个参数为 API 地址
|
|
|
|
|
// API 后端可自行搭建,参考 https://github.com/fghrsh/live2d_api
|
2019-12-26 11:58:27 +08:00
|
|
|
|
// 初始化看板娘会自动加载指定目录下的 waifu-tips.json
|
2019-07-18 00:04:33 +08:00
|
|
|
|
|
|
|
|
|
console.log(`
|
|
|
|
|
く__,.ヘヽ. / ,ー、 〉
|
|
|
|
|
\ ', !-─‐-i / /´
|
|
|
|
|
/`ー' L//`ヽ、
|
|
|
|
|
/ /, /| , , ',
|
|
|
|
|
イ / /-‐/ i L_ ハ ヽ! i
|
|
|
|
|
レ ヘ 7イ`ト レ'ァ-ト、!ハ| |
|
|
|
|
|
!,/7 '0' ´0iソ| |
|
|
|
|
|
|.从" _ ,,,, / |./ |
|
|
|
|
|
レ'| i>.、,,__ _,.イ / .i |
|
|
|
|
|
レ'| | / k_7_/レ'ヽ, ハ. |
|
|
|
|
|
| |/i 〈|/ i ,.ヘ | i |
|
|
|
|
|
.|/ / i: ヘ! \ |
|
|
|
|
|
kヽ>、ハ _,.ヘ、 /、!
|
|
|
|
|
!'〈//`T´', \ `'7'ーr'
|
|
|
|
|
レ'ヽL__|___i,___,ンレ|ノ
|
|
|
|
|
ト-,/ |___./
|
|
|
|
|
'ー' !_,.:
|
|
|
|
|
`);
|