mirror of
https://github.com/stevenjoezhang/live2d-widget.git
synced 2024-11-22 12:39:59 +08:00
87 lines
2.7 KiB
JavaScript
87 lines
2.7 KiB
JavaScript
// live2d_path 参数建议使用绝对路径
|
||
const live2d_path = "https://fastly.jsdelivr.net/gh/stevenjoezhang/live2d-widget@latest/";
|
||
//const live2d_path = "/live2d-widget/";
|
||
|
||
// 封装异步加载资源的方法
|
||
function loadExternalResource(url, type) {
|
||
return new Promise((resolve, reject) => {
|
||
let tag;
|
||
|
||
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);
|
||
}
|
||
});
|
||
}
|
||
|
||
//判断移动端用户方法
|
||
function isMobile() {
|
||
var userAgent = navigator.userAgent || window.opera;
|
||
|
||
if (/android/i.test(userAgent) || /iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
|
||
return true;
|
||
}
|
||
}
|
||
|
||
// 加载 waifu.css live2d.min.js waifu-tips.js
|
||
if (isMobile()) {
|
||
//移动端用户
|
||
Promise.all([
|
||
loadExternalResource(live2d_path + "waifu-mobie.css", "css"),
|
||
loadExternalResource(live2d_path + "live2d.min.js", "js"),
|
||
loadExternalResource(live2d_path + "waifu-tips.js", "js")
|
||
]).then(() => {
|
||
// 配置选项的具体用法见 README.md
|
||
initWidget({
|
||
waifuPath: live2d_path + "waifu-tips.json",
|
||
//apiPath: "https://live2d.fghrsh.net/api/",
|
||
cdnPath: "https://fastly.jsdelivr.net/gh/fghrsh/live2d_api/",
|
||
tools: ["hitokoto", "asteroids", "switch-model", "switch-texture", "photo", "info", "quit"]
|
||
});
|
||
});
|
||
} else {
|
||
//pc端用户
|
||
Promise.all([
|
||
loadExternalResource(live2d_path + "waifu.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://live2d.fghrsh.net/api/",
|
||
cdnPath: "https://fastly.jsdelivr.net/gh/fghrsh/live2d_api/",
|
||
tools: ["hitokoto", "asteroids", "switch-model", "switch-texture", "photo", "info", "quit"]
|
||
});
|
||
});
|
||
}
|
||
|
||
console.log(`
|
||
く__,.ヘヽ. / ,ー､ 〉
|
||
＼ ', !-─‐-i / /´
|
||
／｀ｰ' L/／｀ヽ､
|
||
/ ／, /| , , ',
|
||
ｲ / /-‐/ ｉ L_ ﾊ ヽ! i
|
||
ﾚ ﾍ 7ｲ｀ﾄ ﾚ'ｧ-ﾄ､!ハ| |
|
||
!,/7 '0' ´0iソ| |
|
||
|.从" _ ,,,, / |./ |
|
||
ﾚ'| i＞.､,,__ _,.イ / .i |
|
||
ﾚ'| | / k_７_/ﾚ'ヽ, ﾊ. |
|
||
| |/i 〈|/ i ,.ﾍ | i |
|
||
.|/ / ｉ： ﾍ! ＼ |
|
||
kヽ>､ﾊ _,.ﾍ､ /､!
|
||
!'〈//｀Ｔ´', ＼ ｀'7'ｰr'
|
||
ﾚ'ヽL__|___i,___,ンﾚ|ノ
|
||
ﾄ-,/ |___./
|
||
'ｰ' !_,.:
|
||
`);
|