演示效果
image.png
安裝方式
- 第一種方式
npm install -S live2d-widget
import {L2Dwidget} from 'live2d-widget'
.........省略......................
created() {
setTimeout(function () {
L2Dwidget.init({
model: {
jsonPath: 'https://cdn.jsdelivr.net/gh/wangsrGit119/wangsr-image-bucket/L2Dwidget/live2d-widget-model-haruto/assets/haruto.model.json',
}
});
},1000);
}
- 第二種方式
引入
https://cdn.jsdelivr.net/gh/wangsrGit119/wangsr-image-bucket/L2Dwidget/js/L2Dwidget.min.js
<script>
L2Dwidget.init({
model: {
jsonPath: 'https://cdn.jsdelivr.net/gh/wangsrGit119/wangsr-image-bucket/L2Dwidget/live2d-widget-model-haruto/assets/haruto.model.json',
}
});
</script>
- 模型下載
git clone https://github.com/xiazeyu/live2d-widget-models
image.png
image.png
