@sanyueqi/web-components/README.md

Web components

# @sanyueqi/web-components

一个 Web 组件库，可能包含多种不同的组件，按需取用。

## 组件

### 🎯 Drag Waifu - 可拖动的 Spine 动画角色

创建可拖动的固定定位元素，支持 Spine 动画渲染。

**特性：**
- 🎯 创建可拖动的固定定位元素
- 🎨 支持 Spine 动画渲染
- ⚙️ 高度可配置
- 🧹 内置销毁方法，便于资源清理
- 🎪 边界检测，防止元素移出视口

### 🎭 SpineManager - Spine 动画管理器

专业的 Spine 动画管理工具，支持多个动画实例的动态加载和管理。

**特性：**
- 🚀 动态加载 Spine WebComponents 库
- 🎯 支持多个 Spine 动画实例管理
- 💫 自动创建和管理 Overlay
- 🧹 完整的资源释放机制
- 🔧 高度可配置的动画参数
- 📱 响应式容器支持

## 安装

### 通过 NPM 安装

```bash
npm install @sanyueqi/web-components
```

### 直接引入

```html
<!-- 引入 SpineManager -->
<script src="https://unpkg.com/@sanyueqi/web-components@1.0.1/dist/spine-manager.min.js"></script>

<!-- 引入 Drag Waifu -->
<script src="https://unpkg.com/@sanyueqi/web-components@1.0.1/dist/drag-waifu.min.js"></script>
```

## 依赖

- 现代浏览器支持 WebGL

## 浏览器支持

- Chrome 60+
- Firefox 55+
- Safari 12+
- Edge 79+

## 许可证

MIT License

---