个人自用的Live2D API,用于在任意网页上引入MyGO!!!!!的Live2D模型。
该仓库中所有Live2D相关资源均来自于网络,仅供学习交流,请勿用于商业用途,如有侵权,请联系删除。
点击查看示例网页。示例网页中模型位于左下角。
- 本项目API搭建方式参考自nova1751/live2d-api。
- 该项目API搭建方式参考自fghrsh/live2d_api。
- 该项目代码参考自stevenjoezhang/live2d-widget。
- 该项目模型来自Eikanya/Live2d-model,仅供学习交流,请勿用于商业用途,如有侵权,请联系删除。
- 本项目使用PixiJS重写了Live2D渲染部分。Live2D部分使用pixi-live2d-display进行渲染。
- 本项目模型来自Bestdori提供的《梦想协奏曲!少女乐团派对》游戏数据包资源。为了适配此项目,对Live2D模型进行了一些必要的修改(根据数据包源文件为每个模型生成了
index.json
,并将idle01
动作和表情重命名为idle
)。仅供学习交流,请勿用于商业用途,如有侵权,请联系删除。 - 本项目完全移除了stevenjoezhang/live2d-widget中的下头文本,为每位角色设计了单独的一套台词,大多数出自动画台词和游戏日常对话。
- 由于匹配文本和动作、表情太麻烦了,文本量还很大,所以使用DeepSeek为文本匹配了动作和表情。可能会出现不灵活或者OOC的情况。
- 添加更多模型。
- 添加更多文本。
- 添加动作和表情。
当前包含以下模型:
使用jsdelivr
引入,只需在html页面的head
或body
中添加一行代码即可:
稳定版本:
<script src="https://cdn.jsdelivr.net/gh/panxuc/live2d-api-mygo@latest/autoload.js"></script>
最新版本:
<script src="https://cdn.jsdelivr.net/gh/panxuc/live2d-api-mygo/autoload.js"></script>
即使你fork了本项目,也请填写你的js文件的绝对路径而非相对路径,以避免出现各种奇怪的问题。
默认情况下,只在浏览器宽度大于768px时显示模型,以防止模型对手机端网页阅读造成不便;模型默认显示在左下角。你也可以通过URL传递参数修改这个配置:
<script src="https://cdn.jsdelivr.net/gh/panxuc/live2d-api-mygo@latest/autoload.js?width_limit=0&position=right&preload=ALL"></script>
width_limit
:宽度限制,单位为像素,当浏览器宽度大于此值时显示模型,默认为768。position
:模型位置,可选值为left
和right
,默认为left
。preload
:是否预加载模型的表情和动作,可选值为ALL
(预加载全部表情和动作,可能导致加载新模型时网络阻塞,但动作切换较为流畅)、IDLE
(只预加载默认表情和动作,需要时加载其他表情和动作)和NONE
(不预加载任何表情和动作,需要时加载其他表情和动作),默认为IDLE
。
也可以下载js和css文件来进行自定义配置,详细请参考live2d-widget配置。