Learn

FlaExporter allows your Adobe Flash-authored content

to reach a broader audience. 

Watch this video for an overview.

The Basics

  • Get started by downloading the free installer
  • Select FlaExporter in Flash/Animate's Commands menu
  • Use Preview to test animations before publishing
  • Use Publish to generate standalone animations like ads
  • Use Export Library to publish content that will be added to a larger application like a game

Preview HTML5 allows you to test in your browser

Once your project .fla is ready to test and preview, you can use "Preview HTML5" to see your project as your audience will see it in the browser.  Simply select "Preview HTML5" from the "Commands" menu. The extension will convert your .fla file to HTML5 and open it in a new browser window using your default browser.  You can assign a keyboard shortcut to make exporting easier. When the preview window opens you can play any animation timeline or library symbol by selecting it by name from the Movies drop-down menu.

Preview Window

When the preview window opens you will see 3 drop-down menus--Scenes, Movies, and Textures.

  • The Scenes Menu allows you to play the animation timeline of an entire Scene.
  • The Movies Menu allows you to play any animation timeline or library symbol.
  • The Textures Menu allows you to view the generated images that will be used.

Publish HTML5 generates the files needed for web publishing

Once your project .fla is ready for publishing, you can use "Publish HTML5" to generate the files to deploy to the web. Simply select "Publish HTML5" from the "Commands" menu. The extension will convert your .fla file to HTML5 and write the files to the folder you select. These files are intended to be deployed to a web server. If you want to run your project locally you should use the "Preview HTML5" command instead. You can assign a keyboard shortcut to make exporting easier.

?

Export Library publishes symbols for playback in games or apps

Once your project .fla is ready for export, you can use the "Export Library" menu item in the "Commands" menu. The extension will convert your file and write the files to the folder you select.  Make sure "Export for ActionScript" is selected to expose symbols for playback. After export is complete the animations can be loaded by the playback library of your choice into your HTML5 game or native app.  If you simply want to test your project locally you should use "Preview HTML5" instead.  You can assign a keyboard shortcut to make exporting easier.  

Fla Exporter Adobe HTML5 Adobe WebGL
LINK LAUNCH LAUNCH LAUNCH
FILE SIZE 411 KB 1.1 MB 4.6 MB
MOBILE FRAME RATE 60 FPS 13 FPS  icon 12 FPS  icon
DESKTOP FRAME RATE 60 FPS 50 FPS 50 FPS

Character Animation Scene With Multiple States

Compare with Adobe Flash/Animate's 

HTML5 Canvas and WebGL

Using Timeline ActionScript

Using Motion Tweens

Using Shape Tweens

DoubleClick Ad Integration Template ( DCM )

  •  Working with clickTags
  •  Retina/High DPI asset setup
  •  Handle multiple exits on buttons with onClick
  •  Handle rollovers with onMouseOver/Out
  •  Call JavaScript on the page from FLA frame Actions
  •  Show an ad preloaded

DoubleClick Ad Integration Template ( DCS )

  •  Working with Enabler.js
  •  Retina/High DPI asset setup
  •  Handle multiple exits on buttons with onClick
  •  Handle rollovers with onMouseOver/Out
  •  Call JavaScript on the page from FLA frame Actions
  •  Show an ad preloader

Sizmek Ad Integration Template

  •  Working with EBLoader.js
  •  Retina/High DPI asset setup
  •  Handle multiple exits on buttons with onClick
  •  Handle rollovers with onMouseOver/Out
  •  Call JavaScript on the page from FLA frame Actions
  •  Show an ad preloaded

Scrolling Panorama With Nested Interactive Objects

This project demonstrates how to create a scrolling scene that contains 

interactive elements that will respond when rolled over.


The scene will scroll right and left when the right and left arrows are rolled over and then the birds inside the scrolling scene will expand when rolled over.

2DKit Code Integration

Flambe Code Integration

ActionScript 3.0, ActionScript 2.0, and JavaScript

Go to the Scripting Guide to answer all of your questions related to using ActionScript 3.0, ActionScript 2.0 and JavaScript in your FlaExporter projects.


http://www.fla-exporter.com/scripting-guide

GreenSock Ad Integration Template ( AS3, AS3, JS )

  • Using GreenSock with Adobe Animate (Flash)
  • Using ActionScript or JS for HTML5 ads
  • Automatically optimizing your assets with one click
  • Working with clickTags
  • Retina/High DPI asset setup
  • Handle multiple exits on buttons with onClick
  • Handle rollovers with onMouseOver/Out
  • Call JavaScript on the page from timeline code in the FLA
  • Show an ad preloaded
  • Test and validate the ad

Fla Exporter © 2016