blastrain / pixi-after-effects Goto Github PK
View Code? Open in Web Editor NEWplay AfterEffects animation by pixi.js
License: MIT License
play AfterEffects animation by pixi.js
License: MIT License
will this work for version 6 of pixi js ?
I was trying to get this library to work within react but ran into a bunch of issues. Instead I found as long as you use lottie renderer='canvas' it's possible to capture it as a texture and put it straight into a PIXI graphics/sprite. Just posting if someone else it looking for a solution.
let anim = document.getElementById('lottieCanvas');
if(anim){
this.texture = PIXI.Texture.from(anim);
this.texture.update();//needs to be updated each frame to get animation
var sprite = new PIXI.Sprite(this.texture);
}
I have a simple image translate animation. it's fine with the lottie player but dosen't work with pixi-ae. only the last frame is visible.
Hello!
Is it possible to use this library with react and typescript?
I'm trying to import it this way:
import React from 'react';
import * as PIXI from 'pixi.js'
import * as PIXIAE from 'pixi-after-effects/dist/pixi-ae.js'
class App extends React.Component {
componentDidMount(): void {
var renderer = new PIXI.WebGLRenderer(2000, 600, {antialias: true, backgroundColor: 0x000000});
document.body.appendChild(renderer.view);
var stage = new PIXI.Container();
var ae: any = null;
var interceptor = new PIXIAE.AEDataInterceptor({
...
}
render(){
...
}
}
but get this error:
hey, we are exporting using bodymovin a composition with spritesheet animation. it seems that
pixiAfterEffects.formData(...) is not even aware of those layers
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.