适用.moc格式

参考

图片同款下载链接

百度网盘

使用方法

将下载的文件解压到网页根目录,之后在网页文件中添加如下代码:

<script src="/live2d-widget/autoload.js"></script>

自定义方法参考

https://github.com/stevenjoezhang/live2d-widget

适用.moc/.moc3格式

参考

图片同款下载链接

百度网盘

使用方法

将下载的文件解压到网页根目录,之后在网页文件中添加如下代码:

<script src="/live2d/TweenLite.js"></script> 
<script src="/live2d/live2dcubismcore.min.js"></script>
<script src="/live2d/pixi.min.js"></script> 
<script src="/live2d/cubism4.min.js"></script> 
<link href="/live2d/pio.css" rel="stylesheet" type="text/css"/> 
<script src="/live2d/pio.js"></script> 
<script src="/live2d/pio_sdk4.js"></script> 
<script src="/live2d/load.js"></script>

自定义方法参考

https://github.com/Dreamer-Paul/Pio?tab=readme-ov-file

https://docs.paul.ren/pio

基于镜像安装测试页面

拉取镜像

docker pull crpi-gkm5u8fzsm7c5gar.cn-beijing.personal.cr.aliyuncs.com/haqua/live2d:v3.0

运行

docker run -p 5438:80 –name live -d crpi-gkm5u8fzsm7c5gar.cn-beijing.personal.cr.aliyuncs.com/haqua/live2d:v3.0

访问http://“本机ip”:5438 查看测试页面。

附赠：实现网页飘落樱花效果

参考

点击跳转

源代码

点击跳转