1.安装Live2D Cubism 

安装后发现菜单字体小，模糊，做如下处理

解决显示问题后，打开分层后的PSD

2.尝试直接导出moc3

出现报错如下：

错误原因分析：

该错误表明系统检测到您尝试在纹理集生成之前就调用了导出功能。Live2D Cubism要求在导出moc3文件前必须先完成纹理集的生成和配置

尝试解决：

点击OK后，选中左边区域，按回车键，确认完成

再导出moc3，可以导出了

生成

放入DEMO测试，语音接口可以调用，但是人物不显示

F12

3.初次问题分析

最可能原因：为创建物理模拟群组

4.2版本以下的版本在这里

再导出，Demo网页加载调用，还是一样的问题，没有解决

4.再次尝试

效果还是没出来

然后，缩小放大浏览器尺寸，人物出现。奇怪。。。。。。。

使用Live2D Cubism Viewer 4.1工具载入模型验证，可以出来。但是前端加载模型，就是加载失败

总结：后面又加入动作，导出物理，用上面的前端代码加载都报那个异常

live2d.min.js:2 Live2D 2.1.00_1
live2d.min.js:2 profile : Desktop
live2d.min.js:2   [PROFILE_NAME] = Desktop
live2d.min.js:2   [USE_ADJUST_TRANSLATION] = false
live2d.min.js:2   [USE_CACHED_POLYGON_IMAGE] = false
live2d.min.js:2   [EXPAND_W] = 2
index2.html:185 Live reload enabled.
cubism4.min.js:1 [CSM][I]Live2D Cubism Core version: 05.00.0000 (83886080)

cubism4.min.js:1 [CSM][I]CubismFramework.startUp() is complete.

cubism4.min.js:1 [CSM][I]CubismFramework.initialize() is complete.

live2dcubismcore.min.js:9 Live2D Cubism SDK Core Version 5.0.0
index2.html:46 Model loaded successfully: ii
index2.html:66 1920
cubism4.min.js:1 Uncaught TypeError: Cannot set properties of undefined (setting '_currentFrameNo')
    at ai.updateWebGLContext (cubism4.min.js:1:140603)
    at ii._render (cubism4.min.js:1:135720)
    at ii.render (pixi.min.js:529:31283)
    at ia.render (pixi.min.js:529:31354)
    at xn.render (pixi.min.js:529:2950)
    at ea.render (pixi.min.js:529:4217)
    at na.render (pixi.min.js:869:36501)
    at mn.emit (pixi.min.js:492:22096)
    at Pt.update (pixi.min.js:492:24541)
    at Pt._tick (pixi.min.js:492:22892)

5.换个方向

下载官方例子CubismSdkForWeb-5-r.4.zip,放到指定目录

安装环境(确保有node环境）

cmd模式下进入D:\vituralman\live2d\CubismSdkForWeb\CubismSdkForWeb\Samples\TypeScript\Demo目录

npm install

npm start 

将自己做的模型放到资源目录

注意名字一致

打开主页，切换就看到放入的模型