本文主要是介绍live2d web 看板娘，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
看板娘是一种职业和习惯称呼，也是ACGN次文化中的萌属性之一。简而言之就是小店的女服务生，也有“吸引顾客，招揽生意，提高人气”等作用类似品牌形象代言人的含义。
1. 访问巨佬网站，下载压缩包
https://www.jsdelivr.com/package/npm/live2d-widget
2. 解压压缩包，复制 lib 目录下的四个文件
3. 引入 两个js 文件，加一句css代码
<!DOCTYPE html>
<html>
<head><title>live2d 看板娘</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <style>#live2dcanvas {border: 0 !important;}</style><script src="js/L2Dwidget.0.min.js"></script><script src="js/L2Dwidget.min.js"></script>
</head>
<body><script>/* 这个script就写在html里面，千万不要把它加入引用文件，因为它需要等页面渲染完毕再执行，不然可爱的看板娘不会出来哦 */L2Dwidget.init({display: {superSample: 2,width: 150,height: 400,position: "left",hOffset: 0,vOffset: 0,},});</script>
</body>
</html>
4. 效果如下图
5. 下载 看板娘压缩包 和 本文示例源码
链接: https://pan.baidu.com/s/1HlRCRtMKBk8Hoe4C2RKkQA 提取码: kh52
这篇关于live2d web 看板娘的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
