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.

Native · Changelog · Report Bug · Request Feature · English · 中文

What you see is what you get

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

• Development Documentation
• Integration Guide
• API Documentation
• Useful Links:
  • Developing

Third-Party Notices

This project integrates Spine Runtimes for 2D skeletal animation support. Use of @galacean/effects-plugin-spine is subject to the Spine Runtime License Agreement:

• License required: Each user must hold a valid Spine Editor license.
• Disclaimer: Galacean Effects does not cover Spine license fees. Users are responsible for complying with Esoteric Software's license terms.

For details, see the Spine Runtime License Agreement.