• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Flickering black background on the extension panel

Community Beginner ,
Mar 19, 2023 Mar 19, 2023

Copy link to clipboard

Copied

Hello!

I love Adobe Animate, I've been using it for a long time. I have a YouTube channel associated with this program. There are already 9000+ subscribers and 4500 views every month. A little over a month ago, I took a course in JavaScript and as practice, I decided to write an extension for my favorite program.

I created the framework for the extension in "Creative Cloud Extension Builder for Brackets", then adapted the CSS to the Animate interface and built the panel into a convenient place.

black_click.gif

 
The problem is that when I switch between panels - a black background flickers! No such thing with the native panels. Immediately thought on my CSS and tried loading the standard CSS "Extension Builder for Brackets" - same thing, black frame. That is, the problem is not in Animate and not in my CSS, but where to look for the problem I do not know.

Perhaps someone has faced with similar or at least have a suggestion what could be the problem?

Views

456

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Mar 21, 2023 Mar 21, 2023

Copy link to clipboard

Copied

Попробуйте использовать swf панель для вашего расширения. С ней такой проблемы не замечал. Плюс swf панель будет работать даже на старых версиях анимейта или флеша.  

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Mar 21, 2023 Mar 21, 2023

Copy link to clipboard

Copied

If you make the panel in swf format, do you only need to edit the "manifest" to integrate it, or does this require revising the entire process?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Mar 21, 2023 Mar 21, 2023

Copy link to clipboard

Copied

Have to review the whole process. The SWF panel is written in AS3. As for me, it is much easier to use the swf panel than the CEP extension.

Here is a simple example of how this can be done:

https://github.com/AdobeDocs/developers-animatesdk-docs/blob/master/swfPanel_object/swfPanel.md

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Mar 21, 2023 Mar 21, 2023

Copy link to clipboard

Copied

Thanks for the option, I will try it.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Mar 23, 2023 Mar 23, 2023

Copy link to clipboard

Copied

Thank you for your recommendation. I converted the panel to SWF format and there is no flickering. "MMExecute" does a good job. Plus, I can bind the panel to a hotkey, and easier to install for the user on the computer.

Of course, it's not as flexible and quick to play with the appearance as in HTML/CSS. And the round borders of the buttons don't display as cleanly as I'd like, as if the pixels were sprawling where they were rounded. I had to leave the buttons square. But it's all worth it, because the old flickering is not an option at all.


I don't know how to do it in AS3 yet, maybe some of these things had to be solved:

1. "align top" to make the panel display correctly on a monitor with a resolution greater than 1080p. Tested on the second monitor.


2560x1440.png

 

2. make the buttons hover with native arrow of user's current OS, instead of a hand, taking into account the resolution. In CSS did it with attribute "cursor: default", and in AS3 found only "replace cursor with symbol", but it is doubtful option

coursor.png.jpg

 


3. тo add at code level analog of title="Button description on hovering", so you can flexibly and in the same style add/change explanations for the user. Edit the description when hovering can be inside the symbol in the frame "Hover", but I want to at the code level, for greater flexibility, the correct appearance and a single style.

I understand, all this is not critical, but desirable.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Mar 23, 2023 Mar 23, 2023

Copy link to clipboard

Copied

1) 

 

stage.scaleMode = StageScaleMode.NO_SCALE
stage.align = StageAlign.TOP_LEFT

 

2)Instead of a button, just use mc. It can also work like this button

3)https://terabox.com/s/1AO-DYwD-VD5C_C03Lvfaqw 

I hope I understood correctly what you want

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Mar 23, 2023 Mar 23, 2023

Copy link to clipboard

Copied

The code with alignment and scale locking helped, great! And the hard locking of the panel scale by width, like the native property panel - is this an area of AS3 influence?

 

Also, do you happen to know how to use JSFL to call the command:

window.jpg

 

 

 

 

 

 

 

I only found "doc.zoomFactor" in the documentation, I'm using it for now. The "By window size" command is better, but the log doesn't record its execution in any way.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Mar 23, 2023 Mar 23, 2023

Copy link to clipboard

Copied

I didn't understand which native property panel you're talking about. As for the scale, I also searched in the documentation, but I didn't find what you need

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Mar 23, 2023 Mar 23, 2023

Copy link to clipboard

Copied

LATEST

Anyway, thanks so much for your help. You have been very helpful!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines