Closed linonetwo closed 3 months ago
实测 PHP 后端不是必须的。下面是我在 GitHub Pages 托管 Hexo 站点的方法:
stevenjoezhang/live2d-widget
Clone 到 $PROJECT_ROOT/source/live2d-widget
下$PROJECT_ROOT/source/live2d_api/
下live2d-widget/autoload.js
,把 cdnPath
改成本地绝对路径即可。$PROJECT_ROOT/public
目录,用任意 Web 服务器发布站点查看效果// 加载 waifu.css live2d.min.js waifu-tips.js
if (screen.width >= 768) {
Promise.all([
loadExternalResource(live2d_path + "waifu.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/",
+ cdnPath: "/live2d_api/",
// tools: ["hitokoto", "asteroids", "switch-model", "switch-texture", "photo", "info", "quit"]
tools: ["hitokoto", "switch-model", "switch-texture", "photo", "info", "quit"]
});
});
}
我后来发现基于 pixijs 更方便,详见 https://github.com/Uni-Gal/Ayaka/issues/345
主要是方便离线运行!