live2d看板娘

一直想在博客上按个live2d看板娘来着.....网上查找半天发现官方给出来了web的sdk

准备工作：

下载并安装工具

  #所有工具软件和步骤均按照参考手册来准备的，可用类似软件替代
#具体安装方式自行百度
<p>#1.Live2D Cubism SDK for Web
下载地址：<a href="https://www.live2d.com/download/cubism-sdk/">官方SDK下载链接</a></p>
<p>#2.安装Node.js
下载地址：<a href="https://nodejs.org/en/download/">Node.js</a></p>
<p>#3.安装TypeScript
安装方式：用nodejs带的npm来安装，命令: npm install -g typescript</p>
<p>#4.安装Visual Studio Code
下载地址：<a href="https://code.visualstudio.com/Download">官网下载</a>

可以从文件中看到，这是一个vscode的项目，直接用vscode打开就行

修改文件以导入自己的模型文件

找到 Sample\TypeScript\Demo\src\lappdefine.ts文件

使用文本编辑器打开，定位到以下位置：（这里为我们需要改的地方，将你想要加入的模型文件的文件夹名字填入下面的数组中，不想要的可以从数组中删除）

//找到内容，将你的模型文件夹名字填入这里，也可以先删除不想用的官方模型试试效果
//模型的来源自己百度吧，或者从游戏里面提取
export const ModelDir: string[] = [
"Haru",//模型文件夹名（文件夹名与模型名一致）
"Hiyori",
"Mark",
"Natori",
"xiaoxiao",
"Rice"
]

这里面添加完毕你自己找到的模型文件夹名字后，将模型文件夹拷贝到【\Sample\Resources】 文件夹，其他地方均不需要动

最后在demo这个文件夹下使用npm start就能运行

不过这种方法虽然可以，当似乎必修要nodejs才行.......搬不到网站并且不如用live2d.js实现的全面。

不过live2d.js折腾半天，发现只支持moc 不支持 moc3类的......也就是说只有古早的live2d模型才能使用.......

最后迫不得已，选择使用halo应用商店里的live2d插件实现。