有没有js版或直接所有内容嵌入前端使用？

linonetwo commented 11 months ago

主要是方便离线运行！

Dragon1573 commented 3 months ago

实测 PHP 后端不是必须的。下面是我在 GitHub Pages 托管 Hexo 站点的方法：

把 stevenjoezhang/live2d-widget Clone 到 $PROJECT_ROOT/source/live2d-widget 下
把本仓 Clone 到 $PROJECT_ROOT/source/live2d_api/ 下
修改 live2d-widget/autoload.js ，把 cdnPath 改成本地绝对路径即可。
编译构建 Hexo 站点静态文件得到 $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"]
        });
    });
}

linonetwo commented 3 months ago

我后来发现基于 pixijs 更方便，详见 https://github.com/Uni-Gal/Ayaka/issues/345

fghrsh / live2d_api

有没有js版或直接所有内容嵌入前端使用？ #13