question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

After Effects to PIXI.js

See original GitHub issue

Hi @GoodBoyDigital @ivanpopelyshev , I saw this after effect example, It show the option renderer: 'pixi' I would like to know whether this will use the pixi js renderer technique or else it will create a pixi js canvas for making animation.

Also would like to know is it possible to load after effect animations into pixi js?

Thanks in Advance

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:1
  • Comments:5 (1 by maintainers)

github_iconTop GitHub Comments

2reactions
goccycommented, Aug 25, 2018

@karthickvkumar The other day, I released https://github.com/knocknote/pixi-after-effects . This library can use AfterEffects animation as PIXI.Container ! Please see it 😃

1reaction
bigtimebuddycommented, Sep 8, 2017

@karthickvkumar I’m not familiar with any tooling right now for After Effects. We have not be involved in bodymovin, so maybe the author of that example will have some guidance for you. Maybe someone out there knows of some alternative pipelines for After Effects.

At the very least, there might be some spritesheet exporting approach you could try. E.g., exporting each frame of the AE animation as standalone PNGs and then packing together using TexturePacker.

A robust exporter for After Effects seem like a good idea though. I created an Adobe Animate exporter here (repo).

Read more comments on GitHub >

github_iconTop Results From Across the Web

blastrain/pixi-after-effects: play AfterEffects animation by pixi.js
pixi -after-effects use lottie-web(bodymovin)'s AfterEffects plugin. ※ lottie-web(bodymovin) supports AfterEffects plugin. It can convert AfterEffects animation ...
Read more >
pixi-after-effects-pixi5 - npm
play AfterEffects animation by pixi.js. Latest version: 1.0.5, last published: 2 years ago. Start using pixi-after-effects-pixi5 in your ...
Read more >
After Effects to PIXI.js - CodePen
trying the new PIXI renderer on top is the svg renderer bottom is the pixi renderer...
Read more >
pixi-after-effects-pixi5 examples - CodeSandbox
Learn how to use pixi-after-effects-pixi5 by viewing and forking example apps that make use of pixi-after-effects-pixi5 on CodeSandbox. pixi.js and lottie.
Read more >
pixi-after-effects - npm Package Health Analysis - Snyk
pixi -after-effects. play AfterEffects animation by pixi. · FEATURES. play AfterEffects animation from JSON · DOCUMENTATION. see https://knocknote.github.io/pixi- ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found