0
点赞
收藏
分享

微信扫一扫

Live2D看板娘使用&示例


更改 两处使用不同看板娘

Live2D看板娘使用&示例_2d

可选看板娘

live2d-widget-model-chitose
live2d-widget-model-epsilon2_1
live2d-widget-model-gf
live2d-widget-model-haru/01 (use npm install --save live2d-widget-model-haru)
live2d-widget-model-haru/02 (use npm install --save live2d-widget-model-haru)
live2d-widget-model-haruto
live2d-widget-model-hibiki
live2d-widget-model-hijiki
live2d-widget-model-izumi
live2d-widget-model-koharu
live2d-widget-model-miku
live2d-widget-model-ni-j
live2d-widget-model-nico
live2d-widget-model-nietzsche
live2d-widget-model-nipsilon
live2d-widget-model-nito
live2d-widget-model-shizuku
live2d-widget-model-tororo
live2d-widget-model-tsumiki
live2d-widget-model-unitychan
live2d-widget-model-wanko
live2d-widget-model-z16

示例:

​jsonPath: "https://unpkg.com/live2d-widget-model-izumi@1.0.5/assets/izumi.model.json",​

Live2D看板娘使用&示例_html_02

​jsonPath: "https://unpkg.com/live2d-widget-model-hijiki@1.0.5/assets/hijiki.model.json",​

Live2D看板娘使用&示例_html_03

​jsonPath: "https://unpkg.com/live2d-widget-model-z16@1.0.5/assets/z16.model.json",​

Live2D看板娘使用&示例_2d_04

​jsonPath: "https://unpkg.com/live2d-widget-model-tsumiki@1.0.5/assets/tsumiki.model.json",​

Live2D看板娘使用&示例_2d_05

​jsonPath: "https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json",​

Live2D看板娘使用&示例_2d_06

​jsonPath: "https://unpkg.com/live2d-widget-model-unitychan@1.0.5/assets/unitychan.model.json",​

Live2D看板娘使用&示例_css_07

​jsonPath: "https://unpkg.com/live2d-widget-model-tororo@1.0.5/assets/tororo.model.json"​

Live2D看板娘使用&示例_html_08

​jsonPath: "https://unpkg.com/live2d-widget-model-nipsilon@1.0.5/assets/nipsilon.model.json",​

Live2D看板娘使用&示例_css_09

​jsonPath: "https://unpkg.com/live2d-widget-model-koharu@1.0.5/assets/koharu.model.json",​

Live2D看板娘使用&示例_css_10

​jsonPath: "https://unpkg.com/live2d-widget-model-haruto@1.0.5/assets/haruto.model.json"​

Live2D看板娘使用&示例_2d_11

​jsonPath: "https://unpkg.com/live2d-widget-model-hibiki@1.0.5/assets/hibiki.model.json",​

Live2D看板娘使用&示例_javascript_12

代码示例:

const Live = document.createElement('script');
Live.src = "https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js";
Live.onload = function () {
L2Dwidget.init({
"model": {
jsonPath: "https://unpkg.com/live2d-widget-model-izumi@1.0.5/assets/izumi.model.json",
"scale": 1
},
"display": {
"position": "right",
"width": 120,
"height": 240,
"hOffset": 0,
"vOffset": -20
},
"mobile": {
"show": true,
"scale": 0.5
},
"react": {
"opacityDefault": 0.7,
"opacityOnHover": 0.2
}
});
};

document.body.appendChild(Live);
}


举报

相关推荐

0 条评论