search

bodymovin / bodymovin-extension

Bodymovin UI extension panel
MIT License
286 stars 875 forks source link

how to debugging the page above local bodymovin code #119

Open sleepyChen opened 2 years ago

sleepyChen commented 2 years ago

I want to modify the native code and then read the source code with significant UI changes on the page to learn more.

So, I downloaded the bodymovin code for local debugging, but how to link local AE software for bodymovin page debugging? I found that I could link to the BodyMovin plugin page on AE by simply opening localhost: 8092 in my browser without running the command line npm run start-dev above local code.
@bodymovin @Dan-Shields @fmalita @manan-jadhav I was wondering if you could help me with that. Thank you very much!

Dan-Shields commented 2 years ago

The instructions in the readme should be enough to allow you to view changes you make to the UI without having to reload. I think you need to make sure you run npm run start-dev before opening after effects.

sleepyChen commented 2 years ago

Of course, I have tried, both。But still no changes on the UI panel.

Bjorninn1 commented 2 years ago

This sounds like you have the released version of Bodymovin open in AE and then open localhost:8092 in the CEF client. This CEF client window will of course not show any code changes you may do in the project you have on your computer and this also explains why this works without running npm run start-dev. Please try the steps mentioned in https://github.com/bodymovin/bodymovin-extension/issues/130#issuecomment-1209032986

busterbogheart commented 1 year ago

@Bjorninn1 Your method works! And should be in the README.

Here is a working link to the steps they wrote: https://github.com/bodymovin/bodymovin-extension/issues/130#issuecomment-1209032986