看板娘是一种职业和习惯称呼,也是ACGN次文化中的萌属性之一。简而言之就是小店的女服务生,也有“吸引顾客,招揽生意,提高人气”等作用类似品牌形象代言人的含义。
如果想在自己的博客上放一个呆萌的看板娘非常的简单只需要简单的几行代码就能实现。
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>看板娘</title>
</head>
<body>
<!--
可替换的模型名称
2D模型全名称:
live2d-widget-model-haruto 小娃娃(男)
live2d-widget-model-koharu 小娃娃(女)
live2d-widget-model-ni-j 小娃娃(不知道怎么描述,带这个耳机)
live2d-widget-model-nico 小娃娃(狐狸??)
live2d-widget-model-nipsilon 小娃娃(粉长头发小娃娃)
live2d-widget-model-nito 小娃娃(粉短头发小娃娃)
live2d-widget-model-unitychan 小娃娃(黄色长头发小娃娃)
live2d-widget-model-chitose 一个帅哥
live2d-widget-model-shizuku 坐在课桌上的小美女
live2d-widget-model-hibiki 一个小妹妹
live2d-widget-model-izumi 一个妹子
live2d-widget-model-tsumiki 绿萝????
live2d-widget-model-miku 初音
live2d-widget-model-z16 这个妹子好看
live2d-widget-model-hijiki 黑猫
live2d-widget-model-tororo 白猫
live2d-widget-model-wanko 趴在碗里的狗
-->
<div id="live2d-widget">
<canvas id="live2dcanvas">
</div>
</body>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
<script>
L2Dwidget.init({
"model": {
jsonPath: "https://unpkg.com/live2d-widget-model-hijiki/assets/hijiki.model.json",//这里改模型,前面后面都要改
"scale": 1
},
"display": {
"position": "left",//设置看板娘的上下左右位置
"width": 200,
"height": 200,
"hOffset": 70,
"vOffset": 0
},
"mobile": {
"show": true,
"scale": 0.5
},
"react": {
"opacityDefault": 0.7,//设置透明度
"opacityOnHover": 0.2
}
});
window.onload = function () {
$("#live2dcanvas").attr("style", "position: fixed; opacity: 0.7; left: 170px; bottom: 0px; z-index: 1; pointer-events: none;")
}
</script>
</html>