Live2d-helper1.x.x基本完善,但只能加载 2.x 版本的 live2d 模型,其他版本的模型需要转换
Live2d-helper2.x.x 主要为加载 3.x 版本的模型
Live2d-helper @2.x.x 基于官方 live2d.js 和(SDK4.0.0) 的、更加简单易用的 live2d-helper，通过简单的配置在网页上显示 live2d
不依赖任何其他框架,你只需要一个 canvas 元素和模型资源地址!就可以显示!
npm install live2d-helper基本上按照 demo 里面那样子放置资源即可
live2d-helper @2.x.x 使用的是 3.x 版本的模型
3.x 版本的模型的 model 一般的命名方式为 name_3.model3.json
并且有一个"version": 3的字段
其他版本的模型可能不通用!
<script src="./dist/index.js"></script>
<script>
new Live2dHelper();
</script>or
var Live2dHelper = require("live2d-helper");or
import Live2dHelper from "live2d-helper";motion 加载方式
- 'lazy' 触发 motion 时进行加载(default),缺点是首次触发 motion 会有卡顿感
- 'greedy' 模型加载时立即加载所有 motion,加载完毕后再显示模型,缺点是 motion 多的时候显示模型加载时间较长
- 'textures_first' 贴图优先,优先显示模型,再加载所有 motion,缺点是加载 motion 时模型会因为 js 的限制卡住不动