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

Need Help: Dissecting source .fla files to learn Adobe Animate

Adobe Employee ,
Feb 23, 2023 Feb 23, 2023

Copy link to clipboard

Copied

I'm trying to learn Animate for purposes of creating HTML5 ads. I'm familiar with Flash from my early days of web design (circa 2002-2007 or so), but I'll need to get back up to speed. To do this, I have a library of existing finalized .fla files created by other people that I've been hoping to open and learn how they were built by observing the source files.

My problem is when I open the .fla files, all of them have nothing in the timeline, even though these are finalized source files that I know are legit. Can anybody tell me why I'm seeing complicated final outputs with HTML and JS files that have scaling, opacity, movement etc., yet the source .flas for those same outputs have almost nothing in them? Most times it's just one layer without any keyframing that says "js".

I've attached screenshots showing that there's almost nothing in the timelines, yet the final exported ads are somehow fully built. Is there some sort of window or UI I'm not clicking into to see the full extent of these animations? I would expect to see lots of keyframing, tweening, overlapping layers etc but there's always seemingly nothing. I feel like I'm missing something. It can't be that all of the motion is happening via actionscripting, can it?

The final animations look as if they've been keyframed and animated, but the source files are seemingly empty. 

Thanks in advance!

Screen Shot 2023-02-23 at 1.33.46 PM.pngScreen Shot 2023-02-23 at 1.33.53 PM.pngScreen Shot 2023-02-23 at 1.33.59 PM.pngScreen Shot 2023-02-23 at 1.34.03 PM.png

Views

384

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 Expert ,
Feb 23, 2023 Feb 23, 2023

Copy link to clipboard

Copied

what's in the actions panel?  check both include and script tabs

 

kglad_0-1677201492932.png

 

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
Adobe Employee ,
Feb 24, 2023 Feb 24, 2023

Copy link to clipboard

Copied

Thanks for the reply, here's a screenshot of just one of many different .fla files. It looks like it's all scripting, but I would have expected some of the coding to be generated from at least some keyframes and motion rather than 1 frame of actionscripting.  Screen Shot 2023-02-24 at 9.52.59 AM.png

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 Expert ,
Feb 24, 2023 Feb 24, 2023

Copy link to clipboard

Copied

Hi.

 

Usually HTML5 Canvas documents have the same structure of AS3 documents. Like you said: timelines, layers, frames, symbol instances, tweens, and so on.

 

But it seems in your case lots of stuff are being created/handled somewhere else. For exemple, the addBG, addCTA, addBranding, addBorder methods only can be coming from the global script section (to the left of the Actions panel), from an external JS file, from an imported publish template or even from the main HTML.

 

Are you able to tell us from where those methods are coming from?

Regards,

JC

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 Expert ,
Feb 24, 2023 Feb 24, 2023

Copy link to clipboard

Copied

LATEST

you're showing a screenshot of keyframe scripting.  and while @JoãoCésar thinks there must be other js files, it's not clear there are other js files unless you're showing all the code (and from the position of vertical scroller, that appears to be untrue).  otoh, there only appears to be about another 50 lines of code and that's probably not enough to define the referenced but unshown functions.

 

so again, show what's in both tabs of the actions panel.

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