Code Monkey home page Code Monkey logo

pixi-after-effects's Issues

pixi.js v6

will this work for version 6 of pixi js ?

PixiJS 5.0.0-alpha.3

Hello!
I've tried launching example, using PixiJS v5.0.0-alpha.3, but it doesn't work.
When will the after effect plugin support this version of pixi?
mozilla firefox 2019-01-22 23-12-09

An alternative solution using PIXI.Texture

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);
 } 

react + typescript

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:

Screenshot 2019-06-28 at 1 56 22 AM

spritesheet integration

hey, we are exporting using bodymovin a composition with spritesheet animation. it seems that
pixiAfterEffects.formData(...) is not even aware of those layers

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.