html中看板娘添加,如何在自己开发的web中放入“看板娘”

什么是看板娘&＃xff1f;

那就她了——>

就是她~

看板娘是一种职业和习惯称呼&＃xff0c;也是ACGN次文化中的萌属性之一。简而言之就是小店的女服务生&＃xff0c;也有“吸引顾客&＃xff0c;招揽生意&＃xff0c;提高人气”等作用类似品牌形象代言人的含义。看板(kanban)是日语特有的管理名词&＃xff0c;其英文可以是“signboard”或者“visible record”。通常&＃xff0c;看板是一张标签或卡片&＃xff0c;放在透明颜料袋装内&＃xff0c;或贴在零件上&＃xff0c;或贴在盛装制品的容器上&＃xff0c;还可以是流水线上各种颜色的小球或信号灯、电视图象等。

作为web开发者的绅士(死肥宅)们&＃xff0c;怎么能拒绝一个这么可爱的妹子帮你看护你的网站呢&＃xff01;

好了下面就来简单介绍一下怎么把她放到你开发的网站里。

进去之后呢是这个页面

网页网页

看见那个下载标志没&＃xff0c;点击下载(没看见就是昨天**了眼花)

下载好了就是这个文件

下载文件

然后用自己常用的方法进行解压(这不需要我教你吧)

解压顺序左——>右

这个狗贼居然有两层压缩&＃xff0c;反正最后解压出来的文档就是package文件夹了

让我们一起打开这个文件夹嗷

package文件夹

这时候有人就会说了&＃xff1a;wdnmd&＃xff0c;这么多玩意&＃xff0c;我怎么知道用哪个&＃xff1f;

莫急&＃xff0c;我一步一步给你说。

进入lib文件夹——>拿走下面四个经过标记的文件(复制走&＃xff0c;别剪切&＃xff0c;万一以后还有用)

就是这四个文件啦

下面我简单弄一个基础的web开发结构&＃xff0c;告诉你们怎么请出我们可爱的看板娘

首先建立一个web文件夹

web文件夹

里面的目录结构是这样的

目录结构

然后把刚刚复制的四个文件放入js文件夹

js文件夹

接下来我们需要自己写一个css文件&＃xff0c;我就将它命名为girl.css好了

girl.css

它的代码如下&＃xff1a;

#live2dcanvas {

border: 0 !important;

}

没错就是那么少

然后我们再建立一个看板娘.html文件&＃xff0c;放在根目录下

html

下面就是它的代码

L2Dwidget.init({"display": {

"superSample": 2,

"width": 200,

"height": 400,

"position": "right",

"hOffset": 0,

"vOffset": 0

}

});

head里面就是一些简单的对文件的引用&＃xff0c;稍微有点web开发知识都知道了。

好了&＃xff0c;万事俱备&＃xff0c;只欠打开浏览器了&＃xff0c;让我们直接打开——看板娘.html

你的网页

嘻嘻&＃xff0c;可爱的女孩就出现在了你网页的右下角&＃xff0c;嘿嘿&＃xff0c;通过你的点击她还可以做出不同的表情&＃xff0c;她的眼睛也是跟随你鼠标的移动而移动&＃xff0c;可以说非常可爱了。你别乱点哦&＃xff0c;即使要乱点&＃xff0c;也要在周围没有人而且带上耳机的情况下&＃xff0c;她会说话的(就是那些见不得人的新津话)&＃xff0c;哈哈开玩笑&＃xff0c;总之是非常可爱了。

好了&＃xff0c;这个教程就到这里结束&＃xff01;溜了~