WSONX.COM
心之所愿,无所不成

[WordPress]给网站添加一个live2d看板娘特效

征求热心网友的 [投稿] ,一起为美好的网络无私分享世界加油!

建设网站的同时,有时觉得网站太单调,比较喜欢加点特效,让网站看起来很炫的感觉

今天分享的这款特效,人物眼睛会跟随鼠标的移动方向而移动,插件版还增加了可以换装和更多对话等功能

下面分享的是纯代码版,插件版请在文章最下面的网址下载

把下面代码放在需要显示的地方即可,主要通过JS文件实现特效

<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>

效果图

[Wordpress]给网站添加一个live2d看板娘特效

插件版:https://moedog.org/946.html

如果还觉得不够的朋友可以在度娘里搜索 live2d看板娘 可以找到更多的修改版特效


赞(0)
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《[WordPress]给网站添加一个live2d看板娘特效》| 南星博客
文章链接:https://wsonx.com/archives/805.html
本站內容大部分来源于网络,仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。如有侵权内容请留言告知,本站將会立即处理!
觉得不错就分享给朋友吧➤

评论 抢沙发

#点我快捷打卡#

  • 昵称 (必填)
  • 邮箱 (必填)
  • Q Q(选填)
  • 网址