<script type="text/javascript" charset="utf-8"
src="https://files.cnblogs.com/files/liuzhou1/L2Dwidget.0.min.js"></script>
<script type="text/javascript" charset="utf-8" src="https://files.cnblogs.com/files/liuzhou1/L2Dwidget.min.js"></script>
<body>
<script type="text/javascript">
// 其他可选的模型:
// 小帅哥: https://unpkg.com/live2d-widget-model-chitose@1.0.5/assets/chitose.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-miku@1.0.5/assets/miku.model.json
L2Dwidget.init({
"model": { "jsonPath": "https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json", "scale": 1, "hHeadPos": 0.5, "vHeadPos": 0.618 },
"dialog": {
enable: true,
script: {
'tap body': '???',
'tap face': '人家是在认真写博客哦--H-J-Jay',
}
},
"mobile": { "show": true, scale: 0.5 },
"display": {
"superSample": 2,
"width": 200,
"height": 400,
"position": "right",
"hOffset": 0,
"vOffset": 0
}
});
</script>
<script type="text/javascript">
/* 鼠标点击特效 */
var a_idx = 0;
jQuery(document).ready(function($) {
$("body").click(function(e) {
var a = new Array("❤富强❤","❤民主❤","❤文明❤","❤和谐❤","❤自由❤","❤平等❤","❤公正❤","❤法治❤","❤爱国❤","❤敬业❤","❤诚信❤","❤友善❤");
var $i = $("<span></span>").text(a[a_idx]);
a_idx = (a_idx + 1) % a.length;
var x = e.pageX,
y = e.pageY;
$i.css({
"z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
"top": y - 20,
"left": x,
"position": "absolute",
"font-weight": "bold",
"color": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"
});
$("body").append($i);
$i.animate({
"top": y - 180,
"opacity": 0
},
1500,
function() {
$i.remove();
});
});
});
</script>
</body>
</html>
L2D网页动画人物添加+鼠标点击特效
于 2022-03-04 14:03:13 首次发布
这篇博客展示了如何在网页中集成Live2D模型,选择了Shizuku模型作为展示,并配置了相应的交互对话。同时,博客还添加了鼠标点击时的爱心特效,点击屏幕会随机弹出社会主义核心价值观的词语。此文章旨在提升博客的互动性和趣味性。
摘要由CSDN通过智能技术生成