Open
Description
咱使用项目时发现它还不太成熟，并且遇到了一些比较要紧的问题，就在这里说一下。由于项目比较复杂，代码比较规范，咱也无暇了解 pixi 等依赖，就先不 PR 了，只提交问题。
1.使用单个本地模型时，无法换肤
live2DCollection: {
Pio: {
message: 'Pio ~',
models: '/Pio/model.json',
},
}模型文件：
{
"version":"1.0.0",
"model":"model.moc",
"textures":[
"textures/Halloween Costume.png",
"textures/Night Witch Costume Black.png",
"textures/Dress Costume Brown.png",
"textures/Santa Costume.png"
]
}自己的缓解办法
//client/composable.ts
async function getSequentialSkin() {
//////
if (typeof live2D.models === 'string') {
// HACK: The step of using `convertJsdelivrUrlToGithubApiUrl` should be avoided
//const skins = await getFilenamesFromGitHub(convertJsdelivrUrlToGithubApiUrl(live2D.models))
const skinslength=live2D.num //在配置中多定义一个皮肤数量
const newSkinIndex = getNewSkinIndex(skinslength)
return getModelJson(live2D.models, newSkinIndex)
}
//////
}//utils/model.ts
export async function getModelJson(model: string, newSkinIndex: number) {
//const url = convertJsdelivrUrlToGithubApiUrl(model)
try {
/* const filenames = await getFilenamesFromGitHub(url)
const json = await urlToJson(model)
json.url = model
json.textures[0] = `textures/${filenames[newSkinIndex]}` */
const json = await urlToJson(model)
const filenames = json.textures
json.url = model
json.textures[0] = filenames[newSkinIndex]
setLive2DModelKeys(null, newSkinIndex)
return json
}
catch (error) {
console.error(error)
}
}2.隐藏时仍然持续消耗性能
点击隐藏后未停止 live2d，未删除定时器和事件监听器，持续消耗性能（另一个库 oh-my-live2d 也有这个问题）
自己的缓解办法
//client/composable.ts
function hideLive2D() {
///////////
setTimeout(() => {
live2DApp.value?.hideModel()
}, 2000)
///////////
}
function showLive2D() {
/////////////
live2DApp.value?.showModel()
/////////////
}//app/Live2DApp.js
static async showModel() {
this.loadModel(window.current_model_source)
}
static async hideModel() {
this.clearAppStage();
this.model.destroy()
this.model = {}
}
static async loadModel(source) {
try {
//////////
window.current_model_source = source
//////////3.其他
增加更多可配置项：
- 自定义位置（页面左、右）
- 允许初始隐藏
- 允许自定义按钮
修改掉按钮内意义不明的文字