Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Closed
linonetwo opened this issue Sep 22, 2023 · 2 comments
Closed

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

linonetwo opened this issue Sep 22, 2023 · 2 comments

Comments

@linonetwo
Copy link

主要是方便离线运行!

@Dragon1573
Copy link

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

  1. stevenjoezhang/live2d-widget Clone 到 $PROJECT_ROOT/source/live2d-widget
  2. 把本仓 Clone 到 $PROJECT_ROOT/source/live2d_api/
  3. 修改 live2d-widget/autoload.js ,把 cdnPath 改成本地绝对路径即可。
  4. 编译构建 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
Copy link
Author

我后来发现基于 pixijs 更方便,详见 Uni-Gal/Ayaka#345

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants