Converting FLA files to HTML- Tips and Tricks

Converting FLA files to HTML- Tips and Tricks

gyanmatrix startup technology bangalore it

The greatest thing about being a human, a techie, or anything as sentient as us is having aims of grandeur. In fact, what’s to be human without an aim? What’s to be a geeky tech into… without an aim or two – at least whilst doing geeky stuff like converting FLA files to HTML?

What is our aim?

To kill a flash file and convert the same into HTML and make it as mobile responsive too. Sounds like the first line from one of the earliest algorithms you ever learned? Yep, it’s all the same at first!


To kill a flash file and convert the same into HTML and make it as mobile responsive too. Sounds like the first line from one of the earliest algorithms you ever learned? Yep, it’s all the same at first!

Anyway, why this aim has come to be is because flash files won’t work on iPhones and as a whole, they aren’t mobile responsive. Add to these, flash in itself is an archaic concept. Legend has it that Flash co-existed with all the species that are now considered extinct.

The work:

We had a goal of converting an interactive SWF file into HTML in a learning platform.
Naturally, we sought converting tools but as our luck would have it, none of the tools came close to working.

Hence, an idea was born.

After some snacks, and some chai, and a little bit of brainstorming, we felt like we’d arrived at what looks like, the best way to go about achieving our goal – killing the flash file and converting it in HTML.

Sit back with lemonade in hand if you’re free, or have your workstation open if you’re in the mood to parallely apply what you’re about to learn. Ready?

The Steps:

  • FFDEC:
    No it isn’t any fancy internet acronym. It’s but a tool; a converting tool. With FFDEC, do with the SWF file what you should. What should you? Convert it to an FLA file.
  • Next up, the churned butter (read:the converted file) should face the fate of getting opened by Adobe Animate CC.
gyanmatrix startup incubation bangalore
The FLA file


  • With that done, an HTML canvas file – new as the tears of life of a just-born child – is to be created. All the layers that lay for usage in the FLA file should be copied and pasted. Except for the script layer of course. Always forget to copy and paste that layer!
  • Are you done with the previous step? Awesome. Now, sit down and add a new action script code.
  • If you’re in this section, you should do just this: Export what you have as an HTML file! That is it; your interactive SWF file is now a responsive HTML.
The converted HTML file.

There you have it. It’s as simple as that. Have questions? Drop them down in the comment section below!

Even if dialogs and intelligent conversations aren’t enough, there’s another way – checking the following videos out:

For those of you who are curious to know the people the tech-side and the verbal side of this piece:

Meet Vignesh: A tremendously talented bloke. He’s versatile in dealing with the 0’s and 1’s, and is a charmer when it comes to mimicry. Did I tell you that he’s the one who’d been thinking a lot about this piece’ subject? Yep, he is.
Image may contain: Vijay Sg Narayan
This is Vijay. He’s me. I like writing.

 

5 Responses

  1. Dhanush says:

    A good one and it’s really helpful

  2. sara vyas says:

    Really very good

  3. Ranjan says:

    Great work Vicky, keep going

  4. Saravanan says:

    Its good to see you like this vicky | Keep going |

Leave a Reply

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