Live2D - 看板娘加载器

快速开始

只需添加一行代码，即可在您的网页中加入Live2D看板娘：

<script src="loads.js"></script>

将上述代码添加到您网页的<body>标签结束前，即可看到智能Live2D模型出现在页面右下角。

自定义配置

您可以通过简单的配置，自定义Live2D模型的行为和外观：

<script>
  window.live2dConfig = {
    model: 0,           // 默认模型索引（数字）
    scale: 1.0,         // 模型缩放比例
    x: 0,               // 模型X偏移
    y: 0,               // 模型Y偏移
    position: 'right',  // 显示位置：left 或 right
    mobileHide: false,  // 在移动设备上是否隐藏
    mobileBreakpoint: 768  // 移动端断点宽度
  };
</script>
<script src="loads.js"></script>

配置选项

model

指定要加载的模型索引（数字）

默认值: 0

scale

模型的缩放比例，可以调整模型大小

默认值: 1.0

模型的X轴偏移量（像素）

默认值: 0

模型的Y轴偏移量（像素）

默认值: 0

position

模型在屏幕上的显示位置

默认值: 'right'

mobileHide

是否在移动设备上隐藏模型

默认值: false

mobileBreakpoint

移动端判断的屏幕宽度断点

默认值: 768

常见问题

如何更换Live2D模型？

您可以通过配置window.live2dConfig对象中的model属性来更换模型，使用模型索引（数字）指定。例如 model: 0 表示第一个模型，model: 1 表示第二个模型。您也可以点击看板娘工具栏的切换按钮来切换模型。

Live2D模型加载失败怎么办？

请检查以下几点：
1. 确保您的网站支持HTTPS协议
2. 检查浏览器控制台是否有错误信息
3. 确认您的服务器允许跨域资源共享(CORS)
4. 尝试清除浏览器缓存后重新加载页面

如何在特定页面禁用Live2D模型？

您可以在特定页面的JavaScript代码中添加以下代码来禁用Live2D模型：
localStorage.setItem('waifu-display', Date.now());
这将隐藏Live2D模型。用户可以通过点击页面右下角的图标重新显示模型。

Live2D 看板娘加载器

快速开始

自定义配置

配置选项

常见问题