SantosR Posted September 19, 2020 Share Posted September 19, 2020 Hello, I'm trying to find out what would be the best worflow to get artists animations on a page with very basic interaction (gotoAndStop/gotoAndPlay are likely to be more enough). I used AnimateCC + CreateJS years ago for this purpose, and it seems to me pixi-animate has seen a bit more updates since then, but I still couldn't find any samples of it being used. Are there any other artist oriented workflows I'm not aware of? I was a flash developer before and I know that pretty much any animator dominates Flash/Animate, but I was wondering if I missed something recently, or if there are better plugins to playback AnimateCC content with Pixi or other engine. Also, if you have any references of work done with pixi-animate please share! Quote Link to comment Share on other sites More sharing options...
bigtimebuddy Posted September 19, 2020 Share Posted September 19, 2020 Pixi-animate is a project with two parts: pixi-animate and pixi-animate-extension. The extension is a free download here: https://exchange.adobe.com/creativecloud.details.14345.pixianimate.html. It’s a pretty user-friendly tool for publishing and previewing directly from Animate. The library pixi-animate (not the extension) is the runtime that’s works with PixiJS. Hope that helps. Quote Link to comment Share on other sites More sharing options...
SantosR Posted September 19, 2020 Author Share Posted September 19, 2020 1 hour ago, bigtimebuddy said: Pixi-animate is a project with two parts: pixi-animate and pixi-animate-extension. The extension is a free download here: https://exchange.adobe.com/creativecloud.details.14345.pixianimate.html. It’s a pretty user-friendly tool for publishing and previewing directly from Animate. The library pixi-animate (not the extension) is the runtime that’s works with PixiJS. Hope that helps. Thanks! Quote Link to comment Share on other sites More sharing options...
nordikum.hu Posted July 15, 2021 Share Posted July 15, 2021 (edited) On 9/19/2020 at 4:01 AM, SantosR said: (…) Also, if you have any references of work done with pixi-animate please share! Animations and interactivity: AnimateCC with pixiAnimate plugin. It was a completely classic Flash style workflow. Final result: www.nordikum.hu (Visible on desktops only.) – Edited July 16, 2021 by nordikum.hu Quote Link to comment Share on other sites More sharing options...
schemagroup Posted July 17, 2021 Share Posted July 17, 2021 On 7/15/2021 at 4:06 AM, nordikum.hu said: Animations and interactivity: AnimateCC with pixiAnimate plugin. It was a completely classic Flash style workflow. Final result: www.nordikum.hu (Visible on desktops only.) – Wow amazing work, I've been working on a prototype recently that will utilize pixi plugin, but when I publish it I get this error below?. And even though I've installed electron globally I'm still seeing this message, I'm using the latest version of Adobe Animate Version 21.0.7, not sure if this has something to do with it?. Error Exmaple: ERROR: Electron is required to be installed at /usr/local/bin/electron Install by running the following from a commandline: npm install electron -g Quote Link to comment Share on other sites More sharing options...
nordikum.hu Posted July 17, 2021 Share Posted July 17, 2021 (edited) 8 hours ago, schemagroup said: Wow amazing work, I've been working on a prototype recently that will utilize pixi plugin, but when I publish it I get this error below?. And even though I've installed electron globally I'm still seeing this message, I'm using the latest version of Adobe Animate Version 21.0.7, not sure if this has something to do with it?. Error Exmaple: ERROR: Electron is required to be installed at /usr/local/bin/electron Install by running the following from a commandline: npm install electron -g Electron may not be installed correctly. The first step is to install nodejs on your system, then run the correct global installation for Electron in the terminal: sudo npm install -g electron --unsafe-perm=true --allow-root (This will work on a Macintosh) - Edited July 17, 2021 by nordikum.hu Quote Link to comment Share on other sites More sharing options...
schemagroup Posted July 17, 2021 Share Posted July 17, 2021 Thanks for your quick response, but I've tried the command above but failed, with the same error message, here is my version of node, and npm installed on my mac. Node: v10.16.3 Npm: 6.9.0 Quote Link to comment Share on other sites More sharing options...
nordikum.hu Posted July 18, 2021 Share Posted July 18, 2021 (edited) Open a new pixiAnimate document in AnimateCC, then publish the empty frame. (without graphics and scripts) If you still see an error message, the Electron is the problem. If you do not receive an error message, Electron is correct. And previous error messages are caused by frame script on the timeline. Do not use more than one frame script on the same layer. And don't use a keyframe after the frame script. This is a bug in pixiAnimate plugin that should be avoided. – Edited July 18, 2021 by nordikum.hu Quote Link to comment Share on other sites More sharing options...
schemagroup Posted July 20, 2021 Share Posted July 20, 2021 (edited) Hi Again, So I followed your instructions removing all graphic symbols from the stage, and using a blank frame with no scripts on frame 1, published and failed with same error?. Edited July 20, 2021 by schemagroup Quote Link to comment Share on other sites More sharing options...
nordikum.hu Posted July 20, 2021 Share Posted July 20, 2021 I think Electron is installed, but not in the right place.https://github.com/electron/electron/issues/11755 – Quote Link to comment Share on other sites More sharing options...
schemagroup Posted July 21, 2021 Share Posted July 21, 2021 Not sure ran this command in the terminal but still no luck?. Example: sudo npm install electron -g --unsafe-perm=true --allow-root Quote Link to comment Share on other sites More sharing options...
nordikum.hu Posted July 21, 2021 Share Posted July 21, 2021 For me, only this command line installed it properly. sudo npm install -g electron --unsafe-perm=true --allow-root - Quote Link to comment Share on other sites More sharing options...
schemagroup Posted July 21, 2021 Share Posted July 21, 2021 Ok I've managed to install it in the same location /usr/local/bin/ running your command but it still compiles with the same error?. Quote Link to comment Share on other sites More sharing options...
nordikum.hu Posted July 22, 2021 Share Posted July 22, 2021 (edited) Create and publish a new blank pixiAnimate document? (File > New > Advanced tab > pixiAnimate document) If the electron is OK, it should work. If the electron is still not available, you will of course get an error. - Edited July 22, 2021 by nordikum.hu Quote Link to comment Share on other sites More sharing options...
schemagroup Posted July 23, 2021 Share Posted July 23, 2021 Strange I checked the folder on where it should be installed and its there? /usr/local/bin/electron Quote Link to comment Share on other sites More sharing options...
schemagroup Posted August 3, 2021 Share Posted August 3, 2021 A little late but managed to make it work on Windows 10, still haven't found a solution on Mac though. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.