live2d web 看板娘
2024-08-27
56
看板娘是一种职业和习惯称呼,也是ACGN次文化中的萌属性之一。简而言之就是小店的女服务生,也有“吸引顾客,招揽生意,提高人气”等作用类似品牌形象代言人的含义。
1. 访问巨佬网站,下载压缩包
https://www.jsdelivr.com/package/npm/live2d-widget
lib 目录下的四个文件" class="reference-link" target="_blank">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. 效果如下图
看板娘压缩包 和 本文示例源码
" class="reference-link" target="_blank">5. 下载 看板娘压缩包
和 本文示例源码
链接: https://pan.baidu.com/s/1HlRCRtMKBk8Hoe4C2RKkQA 提取码: kh52
赞一波!3
相关文章
- 【说站】python如何建立web服务
- 什么是.NET渐进式Web应用(PWA)
- ASP.NET MVC与Web Forms的区别
- ASP.NET Core实现多语言本地化Web应用程序
- Web网页版Windows源码
- WEB版SQL工具推荐
- 本地搭建Stable Diffusion Web UI应用
- PHP之内置web服务器
- 如何在Python中创建AGE计算器Web App PyWebIO?
- Nginx:加速Web应用的利器
- web调用安卓原生方法
- 开源的Web前端项目Nue JS用法
- web中禁用ios左滑返回
- 为什么Web不采用WebSocket进行数据交互
- Rust Web框架有哪些?
- Google Web Designer 基于HTML5的网页视频图像广告制作工具
- C# RESTful Owin 自托管的Web API使用FORM实现身份验证
- .NET MVC项目中使用node.js
- Web常见的安全漏洞及如何防护
- 1Panel - 管理 Linux 服务器的最佳 Web 仪表板
文章评论
评论问答