galacean / effects-runtime

It can load and render cool animation effects
https://galacean.antgroup.com/effects/
MIT License
285 stars 2 forks source link
2d 3d animation effects html5 javascript typescript webgl webgl2

Galacean Effects

It can load and render cool animation effects, The APIs provided by effects-core allow your engine to quickly access animation data such as layer and particle animation. ![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) [Native](https://github.com/galacean/effects-native) · [Changelog](./CHANGELOG.md) · [Report Bug][github-issues-url] · [Request Feature][github-issues-url] · English · [中文](./README-zh_CN.md) ![](https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/rainbow.png)

What you see is what you get

Performance Stats of galacean/effects-runtime - Last 28 days [github-issues-url]: https://github.com/galacean/effects-runtime/issues

Install

npm install @galacean/effects
pnpm add @galacean/effects

Usage

<div id="J-Container"></div>
import { Player } from '@galacean/effects';

// 1. Instantiate a player
const player = new Player({
  container: document.getElementById('J-Container'),
});

// 2. Load and play the animation resource
player.loadScene('./demo.json');

Get the demo.json by using the Galacean Effects editor.

Documentation