L2Dwidget 设置对话，改变动画

最新推荐文章于 2024-04-26 16:47:03 发布

秋枫要学习

最新推荐文章于 2024-04-26 16:47:03 发布

阅读量832

点赞数

文章标签： javascript servlet 前端

本文链接：https://blog.csdn.net/The____wind/article/details/126724212

版权

HTML展现：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
</head>
<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>
<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: {
			//每20s，显示一言（调用一言Api返回的句子）
			'every idle 20s': '$hitokoto$',
			//触摸到class='star'对象
			'hover .star': '星星在天上而你在我心里 (*/ω＼*)',
			//触摸到身体
			'tap body': '害羞⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄',
			//触摸到头部
			'tap face': '~~'
          }
        },
		"mobile": { "show": true, scale: 0.5 },
		"display": {
        "superSample": 2,
        "width": 200,
        "height": 400,
        "position": "right",
         "hOffset": 0,
        "vOffset": 0
        }
     });
</script>