search

Adobe-CEP / CEP-Resources

Tools and documentation for building Creative Cloud app extensions with CEP
https://www.adobe.io/apis/creativecloud/cep.html
1.63k stars 830 forks source link

Rendering slowdown at odd-numbered widths #471

Open cameronjeffords opened 2 years ago

cameronjeffords commented 2 years ago

Ok, extremely weird and frustrating issue. I have a CEP panel extension in After Effects. When the width of the panel itself is odd (e.g. 1201px), the rendering gets slow. The bigger the panel size, the slower the rendering. I'll even get the 'stopwatch' icon like the cpu is maxed out or something. If the pixel width is even, the rendering is smooth. What is going on here??

To reproduce, just take some element that relies on smooth repaints, like a slider, or something in a requestAnimationFrame loop. Open up a debugger to help display the width of the CEP panel. Note the smoothness of the interactions at odd and even panel widths. I notice the biggest discrepancies at large panel sizes (1700x1000). Basically close to full-screen on a laptop, or larger than that on an external monitor.

cameronjeffords commented 2 years ago

Example: I forked the AfterEffectsPanel form the Samples section, and made a progress bar that runs in a requestAnimationFrame loop. Note the slowdown when the panel width is odd vs even:

https://user-images.githubusercontent.com/37604072/195191697-f358dc4e-a00c-4278-b2a1-30794a260bb5.mov

cameronjeffords commented 2 years ago

Code to replicate:

index.html

```html Refresh panel

```

style.css

```css /************************************************************************* * ADOBE CONFIDENTIAL * ___________________ * * Copyright 2014 Adobe Inc. * All Rights Reserved. * * NOTICE: Adobe permits you to use, modify, and distribute this file in * accordance with the terms of the Adobe license agreement accompanying * it. If you have received this file from a source other than Adobe, * then your use, modification, or distribution of it requires the prior * written permission of Adobe. **************************************************************************/ body { text-align:center; } button, select, input { border:1px solid; height:19px; } input[type=text] { height:16px; } #content { margin-right:auto; margin-left:auto; vertical-align:middle; width:100%; } #content ul { padding:0px; } #content ul li { margin:3px 0px 3px 0px; } #myProgress { width: 100%; background-color: grey; } #myBar { width: 1%; height: 30px; background-color: green; } ```

Same thing with setInterval() instead of requestAnimationFrame()

ErinFinnegan commented 2 years ago

Hi @cameronjeffords, thank you for the code!

MAX is next week so everyone is stretched a bit thin at the moment. I've asked for folks to investigate but may after MAX before we hear anything...

cameronjeffords commented 2 years ago

Hi @ErinFinnegan - Thanks! Totally understand everyone is busy, just wanted to get this on the radar. Please keep me updated, hope to hear back soon after.

Good luck on MAX!

cameronjeffords commented 1 year ago

Hey @ErinFinnegan , any updates on this? Do you know if the team will be investigating?

ErinFinnegan commented 1 year ago

It seems like I was following a conversation about this somewhere else - were you also discussing this in a forum thread? 🤔 If not, no worries...

cameronjeffords commented 1 year ago

I think there are some open threads on FPS limitations in CEP panels (ex: https://community.adobe.com/t5/after-effects-bugs/running-cep-extensions-at-above-30fps-on-macos/idc-p/13273332#M808), but this seems different.