• Stars
    star
    297
  • Rank 140,075 (Top 3 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created almost 1 year ago
  • Updated 3 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

It can load and render cool animation effects

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) GitHub License GitHub top language

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

What you see is what you get

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

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

More Repositories

1

engine

A typescript interactive engine, support 2D, 3D, animation, physics, built on WebGL and glTF.
TypeScript
4,111
star
2

engine-toolkit

Some out-of-the-box utility features based on the Galacean engine.
TypeScript
75
star
3

galacean.github.io

Source code of website, documentation and examples included.
TypeScript
73
star
4

create-galacean-app

A tool for creating your oasis application. Currently supported template presets include Vanilla、React and Vue.
TypeScript
50
star
5

physX.js

Javascript bindings for Nvidia PhysX based on Embind
C++
25
star
6

playground

The playground is a place that can be used to show your wonderful cases, and can also be used to visually debug the code.
JavaScript
18
star
7

effects-native

The mobile runtime of Galacean Effects
C++
15
star
8

effects-native-examples

Galacean Effects's native examples
C
14
star
9

miniprogram-adapter

TypeScript
12
star
10

engine-lottie

A WebGL runtime of lottie based on Galacean Engine
TypeScript
12
star
11

effects-miniprogram-demo

Galacean Effects 小程序 Demo
JavaScript
11
star
12

awesome

Awesome work from our community
9
star
13

engine-spine

TypeScript
9
star
14

effects-specification

Galacean Effects JSON definition
TypeScript
7
star
15

asset-tools

JavaScript
5
star
16

effects-math

Galacean Effects general math library
TypeScript
4
star
17

nvcloth.js

Javascript bindings for Nvidia NvCloth based on Embind
C++
3
star
18

appx-adapter

Help adapt the Galacean Effects to WeChat/Alipay Mini Programs/Mini Games, etc.
TypeScript
2
star
19

tools

Some galacean engine related asset processing or auxiliary tools
TypeScript
2
star
20

benchmark

Benchmark of Galacean
TypeScript
2
star
21

engine-effects

Load and render Galacean Effects products in the Galacean Engine.
1
star
22

vscode-extension

Extension for bridging Galacean and VSCode.
1
star
23

platform-wechat-miniprogram

Adaptation layer of WeChat miniprogram platform.
1
star
24

tool-atlas-lottie

Transform lottie JSON file to atlas format in oasis engine.
JavaScript
1
star
25

platform-adapter

Adaptation for various game platforms
1
star
26

devtools

JavaScript
1
star
27

effects-components

Galacean Effects components
TypeScript
1
star