给网站添加好看的live2d看板娘功能

Live2D看板娘是一种基于Live2D技术制作的2D动态角色,通常用于网站和应用程序中增加互动性和用户体验。Live2D看板娘可以根据用户的操作或网页的状态进行动作变化和表情变化,从而为网站和应用程序增加生动、可爱的元素,使用户更加愉悦和舒适。

Live2D看板娘通常被用于以下几个方面:

  1. 网站和应用程序的装饰:Live2D看板娘可以为网站和应用程序增添有趣、生动的元素,从而提高用户留存和使用频率。
  2. 交互体验的增强:Live2D看板娘可以根据用户的操作或网页的状态进行动作变化和表情变化,增加交互性和用户参与感。
  3. 宣传和品牌推广:Live2D看板娘可以为企业或品牌打造一个形象代言人,增强品牌的可信度和亲和力,同时吸引更多的用户关注和了解。

总之,Live2D看板娘是一个非常有趣和实用的应用,它可以为网站和应用程序增加生动、可爱、互动的元素,提高用户体验和用户粘性。

live2d看板娘就是一个不错的特效,人物会跟随你的鼠标动,超级可爱!鼠标点击她还可以说话很不错的哦,喜欢的朋友可以直接拿去,设置过程超级简单,可以把她放到你的web界面上面用来展示

设置步骤

下面代码添加到网页适当位置即可,你的网站公共区域或者某个网页下,一般可以放在代码底部

<script src="https://l2dwidget.js.org/lib/L2Dwidget.min.js"></script>
<script type="text/javascript">
	L2Dwidget
	.on('*', (name) => {
	console.log('%c EVENT ' + '%c -> ' + name, 'background: #222; color: yellow', 'background: #fff; color: #000')
	})
	.init({
		display: {
			// 居左
			"position": "left",
			// 宽度
			"width": 200,
			// 高度
			"height": 400,
			// 距左右
			"hOffset": 35,
			// 距下
			"vOffset": -20
		},
 
		mobile: {
			// 移动端,false为关闭
			"show": true,
			"scale": 0.5
		},
 
		dialog: {
		// 开启对话框,false为关闭
			enable: true,
			script: {
				// 每空闲 10 秒钟,显示一条一言
				'every idle 10s': '$hitokoto$',
				// 当触摸到角色身体
				'tap body': '哎呀!别碰我!',
				// 当触摸到角色头部
				'tap face': '人家已经不是小孩子了!'
			}
		}
	});
</script>

保存后就可以啦

图片[1]-给网站添加好看的live2d看板娘功能-QQ沐编程

扩展

更多live2d模型可以参考这篇文章进行下载研究

https://www.qqmu.com/1668.html

© 版权声明
THE END
喜欢就支持一下吧
点赞11赞赏 分享