小猫随鼠标动特效 看板娘
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
<script>
L2Dwidget.init({
// 更换模型地址前后都需要修改
// 示例:"https://unpkg.com/live2d-widget-model-unitychan/assets/unitychan.model.json"
"model": {
jsonPath: "https://unpkg.com/live2d-widget-model-hijiki/assets/hijiki.model.json",
"scale": 1
},
// 设置位置
"display": {
"position": "left",
"width": 100,
"height": 150,
"hOffset": 30,
"vOffset": 0
},
"mobile": {
"show": true,
"scale": 1.5
},
// 透明度设置
"react": {
"opacityDefault": .8,
"opacityOnHover": 1
}
});
</script>
</body>
</html>
更多模型
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