网页特效live2d看板娘

知更鸟 2021年8月9日09:49:2035321

如果喜欢给自己的网站加些花花草草,live2d看板娘就是一个不错的特效,人物会跟随你的鼠标动,超级可爱!

网页特效live2d看板娘

将下面代码添加到网页适当位置即可。

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

演示:https://l2dwidget.js.org/dev.html

WordPress看板娘插件:https://moedog.org/946.html

网上搜索“live2d看板娘”还有很多修改版。

weinxin
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
WordPress 文章生成目录索引 WordPress

WordPress 文章生成目录索引

WordPress文章目录索引,可以方便浏览者阅读,文本分享一段最新免插件生成WordPress 文章目录索引代码,可以将h2-h6段落标题自动生成文章生成目录索引,并可实现分层级。 WordPres...
在WordPress文章中添加小工具 WordPress

在WordPress文章中添加小工具

虽然目前WordPress区块编辑器,可以在正文中添加任意区块,包括区块小工具,但想在所有文章中添加一个固定的内容,每次还是需要手动添加区块,文本分享一段代码,可实现在WordPress文章中添加一个...
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:3   其中:访客  3   博主  0
    • 奇点资讯
      奇点资讯 2

      这种特效就怕耗资源,鸟哥主题我把很多特效都取消了,太漂亮了也没人关注,哎

      • 长安客
        长安客 0

        就喜欢特效。可能得再买份鸟哥主题,给朋友也做一个。

        • 明月登楼的博客
          明月登楼的博客 1

          很萌呀!!!