用于网站3D模型看板娘特效 代码
图片展示
代码展示
<script src=”https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js”></script>
<script>
var jsonModel = [
“https://unpkg.com/live2d-widget-model-miku@1.0.5/assets/miku.model.json”,// 初音
“https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json”,// 萌娘
“https://unpkg.com/live2d-widget-model-koharu@1.0.5/assets/koharu.model.json”,// 小可爱（女）
“https://unpkg.com/live2d-widget-model-haruto@1.0.5/assets/haruto.model.json”,// 小可爱（男）
“https://unpkg.com/live2d-widget-model-chitose@1.0.5/assets/chitose.model.json”,// 小帅哥
];
L2Dwidget.init({
“model”: {
“jsonPath”: jsonModel[Math.floor(Math.random()*(jsonModel.length-1))],
“scale”: 1
},
“display”: {
“position”: “left”, // 位置left、right
“width”: 66, // 宽度
“height”: 200, // 高度
“hOffset”: 10, // 横向边距
“vOffset”: 0 // 众向边距
},
“mobile”: {
“show”: false // 手机是否显示
},
});
</script>
小黑猫代码
<!–看板娘 – 小黑猫–>
<script src=”https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js”></script>
<script>
L2Dwidget.init({
“model”: {
jsonPath: “https://unpkg.com/live2d-widget-model-hijiki/assets/hijiki.model.json”, <!–这里改模型，前面后面都要改–>
“scale”: 1
},
“display”: {
“position”: “left”, <!–设置看板娘的上下左右位置–>
“width”: 100,
“height”: 200,
“hOffset”: 0,
“vOffset”: 0
},
“mobile”: {
“show”: true,
“scale”: 0.5
},
“react”: {
“opacityDefault”: 0.7, <!–设置透明度–>
“opacityOnHover”: 0.2
}
});
window.onload = function() {
$(“#live2dcanvas”).attr(“style”, “position: fixed; opacity: 0.7; left: 70px; bottom: 0px; z-index: 1; pointer-events: none;”)
}
</script>
</div>
小白猫代码
<!–看板娘 – 小白猫–>
<script src=” https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js”></script>
<script src=”https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.0.min.js”></script>
<script>
L2Dwidget.init({
“model”: {
jsonPath: ” https://unpkg.com/live2d-widget-model-tororo@1.0.5/assets/tororo.model.json” ,
“scale”: 1
},
“display”: {
“position”: “right”,
“width”: 100,
“height”: 200,
“hOffset”: -20,
“vOffset”: -20
},
“mobile”: {
“show”: true,
“scale”: 0.5
},
“react”: {
“opacityDefault”: 1,
“opacityOnHover”: 1
}
});
</script>
扫码访问小程序中的本文
微信赞赏
支付宝赞赏
