本文主要是介绍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 看板娘的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!