Convert Flash SWF to HTML5

HTML5 Training Course Durban

Swiffy converts Flash SWF files to HTML5, allowing you to reuse Flash content on devices without a Flash player (such as iPhones and iPads). Swiffy can’t yet convert DoubleClick Studio creatives.

Swiffy currently supports a subset of SWF 8 and ActionScript 2.0. Getting started with Swiffy.

Getting Started

Swiffy can be used in two ways:

  • With the Swiffy Extension, you can directly publish to HTML5 from Adobe Flash Professional.
  • On the Swiffy homepage, you can upload your SWF file to convert it to HTML5.

Both methods will always use the most recent version of Swiffy.

How Swiffy works

Swiffy converts a SWF file to an HTML page that contains an efficient representation of the file as a JSON object. The HTML page uses the Swiffy runtime (a JavaScript library) to render the animation using mainly SVG. Compiled ActionScript code is also contained in the JSON file and executed as JavaScript in the browser.

Supported features and browsers

Swiffy supports shapes, embedded fonts, timeline animation, (dynamic) text, movie clips, buttons and scripting using ActionScript 2.

Swiffy uses web standards such as SVG and EcmaScript 5, so over time more browsers will support Swiffy output.

Development tips

Test the output in mobile browsers

Mobile devices are generally less powerful than the computer you are using to develop your animation, so it is essential to test the output on devices you are targeting. The Swiffy website makes this easy for you by giving you a QR code that you can scan to preview the output.

Take care when using filters

Swiffy supports filters, but animated SVG filters are computationally expensive and are not supported on all mobile browsers. When a filter effect is required, it might be better to convert the sprite including the filter to a bitmap.

Use the Swiffy extension to get feedback while developing

The Swiffy extension can be used to export to HTML5 directly from Flash Professional. If you regularly export your file, you will know immediately if Swiffy encounters a feature that is not supported.

 

Share:

Related Articles:

This entry was posted in HTML5, Resources and tagged , , , . Bookmark the permalink.

3 Responses to Convert Flash SWF to HTML5

  1. Lisa G says:

    What a great resource. I absolutely love your design and it’s packed with great resources. Awesome !! Thanks for the great shares. Following you on twitter and feed.

    Lisa

  2. AWESOME.. What a great find.. Google seems to have their finger in all pots. This is truly a tasty one.. Thanks for the share.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>