Galacean Effects

加载并渲染酷炫的动效，通过 effects-core 提供的 APIs 也可以让你的引擎使用动效产物，快速的接入图层、粒子等动画效果。 ![GitHub release (with filter)](https://img.shields.io/github/v/release/galacean/effects-runtime) ![GitHub License](https://img.shields.io/github/license/galacean/effects-runtime) ![GitHub top language](https://img.shields.io/github/languages/top/galacean/effects-runtime) [客户端版](https://github.com/galacean/effects-native) · [更新日志](./CHANGELOG-zh_CN.md) · [报告问题][github-issues-url] · [特性需求][github-issues-url] · [English](./README.md) · 中文 ![](https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/rainbow.png)

所见 · 即所得

Performance Stats of galacean/effects-runtime - Last 28 days

[github-issues-url]: https://github.com/galacean/effects-runtime/issues

## 安装 ``` bash npm install @galacean/effects --save ``` ``` bash pnpm add @galacean/effects ``` ## 示例 ``` html

``` ``` ts import { Player } from '@galacean/effects'; // 1. 实例化一个播放器 const player = new Player({ container: document.getElementById('J-Container'), }); // 2. 加载并播放动效资源 player.loadScene('./demo.json'); ``` > 通过 [Galacean Effects](https://www.galacean.com/effects/) 编辑器获取 `demo.json` 产物 ## 相关文档 - [开发文档](https://www.galacean.com/effects/user/dgmswcgk63yfngku) - [接入指南](https://www.galacean.com/effects/user/ti4f2yx1rot4hs1n) - [API 文档](https://www.galacean.com/effects/api) - 其他链接: - [本地开发](docs/developing.md) ## 第三方声明本项目集成了 [Spine Runtimes](https://esotericsoftware.com/) 以支持 2D 骨骼动画。根据 Spine 官方许可协议，使用本项目中的 `@galacean/effects-plugin-spine` 插件需满足以下条件： - **强制要求**：每位使用者必须持有有效的 Spine Editor 许可证。 - **责任声明**：Galacean Effects 不涵盖用户的 Spine 授权费用，请确保您已遵守 Esoteric Software 的许可条款。详情请查阅：[Spine 运行时许可协议](https://esotericsoftware.com/spine-editor-license)