血小板 live2d web使用

關於此插件

看到一個很多網站都有動態的小人，目前除了即將廢棄的flash就是canvas和h5動畫了，h5動畫能力有限，不能畫出復雜的效果
那么canvas就是首選，全部手畫也不可能，大部分使用庫和工具
這里看到到家都是用的link2d的引擎庫，很多人用起來都需要大量的配置，因此想封裝一下

本插件是基於linkLive2d二次封裝的，因為原版插件需要配置的地方太多。使用本插件，直接引入頁面，初始化兩個參數即可
官方api參考這里
基於v1.0的版本開發
需要注意v1和v3差別很大，素材不可通用

使用說明

增加模型

項目內已經預置很多人物模型，可以選擇使用。只需要更改index.html 的modelType值即可，預選值為live2Model下文件夾名字
如果不滿意，或者有更好的人物，放入本項目，也可以使用
需要准守一下規范：

1. 新建文件夾，以模型的名字命名，放入本庫live2dModel目錄下
2. 配置文件規定命名為model.json，這個必須要有
3. 基礎動畫腳本文件規定命名為model.moc，這個必須有
4. 貼圖文件必須命名為texture.png，這個也是必須要有的
5. 動作事件文件存在方在live2dModel>motions目錄內，可無

人物大小調整

在根目錄的index.js文件中，修改字符串模板中的canvas的寬高即可，我是寫死的，沒有提供配置入口

在web頁面中使用

注意，本地項目啟動時，請求json可能會導致跨域，可以自行解決，也可以安裝node的包http-server，然后用一下命令啟動。即可解決

http-server --cors

在頁面中如下引入即可

<!-- 依賴jquery -->
<script src="jquery.min.js"></script>
<script src="useLive2d/index.js"></script>
<script>
useLive2dInit({
    path:'/useLive2d', //類庫的位置
    //模特類型，即所在live2Model下文件夾名：這里是血小板
    modelType:'xxban'
})
</script>

項目庫地址

https://github.com/dshvv/useLive2d