l2d/README.md

Loading Live2D in a browser is simpler.

<p align="center">
  <img width="240"  src="https://hacxy-1259720482.cos.ap-hongkong.myqcloud.com/images/logo.svg"/>
</p>
<h1 align="center">L2D</h1>
<h4 align="center">在浏览器中加载 Live2D 模型更简单</h4>

[![npm](https://img.shields.io/npm/v/l2d?color=FFB6C1&labelColor=1b1b1f&label=npm)](https://www.npmjs.com/package/l2d)
[![downloads](https://img.shields.io/npm/dm/l2d?color=FFB6C1&labelColor=1b1b1f&label=downloads)](https://www.npmjs.com/package/l2d)

## 什么是 l2d

`l2d` 是 `Live2D` 的缩写. 同时也是我设法得到的足够简短的名称.
顾名思义, 它是一个应用于浏览器的 `Live2D` 模型加载工具, 你可以利用`l2d`很轻松的将 Live2D 模型加载到你的个人网站中, 这仅需几步.

- 无框架限制, 在任意框架或原生项目中都可使用
- 默认集成Cubism2以及Cubism5, 无生产环境依赖且无需额外引入Cubism SDK
- 支持所有版本Live2D模型
- 支持口型动作同步
- 简单易用的api

[查阅文档](https://l2d.hacxy.cn)

通过 [stackblitz](https://stackblitz.com/edit/vitejs-vite-dye9t3?file=src%2Fmain.ts) 在线游玩`l2d`.

## 案例

以下是目前正在使用`l2d`的项目:

- https://github.com/LeafYeeXYZ/DigitalLife

## 贡献者们

感谢以下所有为 `l2d` 贡献过代码的 [开发者们](https://github.com/hacxy/l2d/graphs/contributors)。

<a href="https://github.com/hacxy/l2d/graphs/contributors">
  <img src="https://contrib.rocks/image?repo=hacxy/l2d" />
</a>

## 讨论

微信群:

<img width="200"  src="https://raw.githubusercontent.com/hacxy/hacxy/main/images/20250217175953.png"/>

## License

[MIT](./LICENSE) License &copy; 2023-PRESENT [Hacxy](https://github.com/hacxy)