kisssssssss / model

live2d 模型

Home Page:https://kisssssssss.space/setting/live2d

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Live2d 模型来源:

spine 模型来源(暂时不打算添加,等后面处理完 Live2d 模型再考虑):

如果对该仓库有疑问或者不知道如何使用,可以提出issue

Model

该仓库模型文件均来源于网络。

由于是在网上搜罗的模型,或多或少会存在一些问题如:model.json文件没有格式化、没有在配置文件添加默认动作、模型文件夹结构混乱,模型大小不一等。因此该仓库主要对这些问题进行相关处理,以便该模型能够直接通过 OhMyLive2D 在网页中进行使用。

具体处理内容:

  1. 删除无意义的模型背景仅保留角色特别是碧蓝航线的模型

    特别是碧蓝航线的模型,基本上都有背景。

    由于删除背景我是通过 PS 边比较边删除的方法实现的,有些背景不能很好的清理干净,因此播放动作时可能会有某些东西突然飞入或者出现。

    PixPin_2024-05-17_13-16-32

  2. 压缩所有json文件,尽量减少模型文件大小 image

  3. 根据模型大小配置模型的缩放比例以及偏移位置(改配置仅适用于的OhMyLive2D配置)

文件介绍

快速预览

该仓库的所有模型已经部署在我的网站中 https://kisssssssss.space/setting/live2d (由于是在 Vercel 部署的,国内访问会比较慢甚至可能无法访问)

使用

通过 OhMyLive2D 使用

import { loadOml2d } from 'oh-my-live2d';

// 获取模型列表对象
let models = await (await fetch('https://cdn.jsdelivr.net/gh/kisssssssss/model/live2d.All.json')).json();

// 将模型列表对象转成数组
models = Object.keys(models).map((key) => models[key].map((item) => item.configuration)).flat(1);

// 加载 live2d
loadOml2d({models})

如果你不需要全部模型,可以选择性导入提供的模型 json 文件。例如:

// 只获取碧蓝航线模型
let models = await (await fetch('https://cdn.jsdelivr.net/gh/kisssssssss/model/live2d.Azur.json')).json();

// 只获取崩坏学园2模型
let models = await (await fetch('https://cdn.jsdelivr.net/gh/kisssssssss/model/live2d.BengHuai2.json')).json();

// 只获取少女前线模型
let models = await (await fetch('https://cdn.jsdelivr.net/gh/kisssssssss/model/live2d.GirlsFrontline.json')).json();

// ...

如果你仅需要特定的模型,可以选择下载 live2d.All.json ,并从中选取你所需要的模型配置。

直接使用

通过请求 live2d.All.json 获取模型信息并从中获取模型路径,再结合自身情况自行使用。

下载

该仓库大小是 1.45G (2024.5.9),因此不建议全部下载。如确实需要某个模型文件,可以使用浏览器插件 GitZip For Github (Google) GitZip For Github (Edge) 选择你所需要的模型文件进行下载。