In this Quick Tip we're going to look at how to create applications directly in the browser with WonderFl. Read on for more!
Step 1: What is WonderFl?
WonderFl is a service that lets you write and compile ActionScript code online. There's more however, being a social networking service it lets you browse and even edit someone else's code to create amazing projects.
Step 2: How it Works
It is really simple, just create an account (you can log in using OpenID, Google Account and other services) and you'll be ready to create a project from scratch or to "fork" someones else's code (that is, to use theirs as a starting point for your own).
The editor is pretty basic, a code section on the left side, where you can start writing your application and a live preview on the right, that will compile your code automatically (you can disable this) and show it, if no errors are present.
There's also a Terminal-like panel that will show you information about the compilation of your code.
Step 3: Pros and Cons
As always there are advantages and disadvantages in using an online compiler, let's take a look at them:
Pros:
- Fast and easy prototyping.
- No need of a desktop app (you can code in any device with Flash Player, e.g. Android powered devices!).
- Hundreds of source codes available.
Cons:
- No visual tools (no problem for a hardcore developer)
Step 4: External Libraries
WonderFl compilation is powered by Flash Player 10.1 so it is fully featured with the recent changes to the ActionScript 3 language. Besides that, external libraries are available including 3D, Tweens, Augmented Reality, Sound, Maps, Particles, Components and more.
Step 5: Start Coding!
You can create simple utilities to full featured apps using WonderFl. I recreated the Animated Background effect from a previous tutorial and this is what came out: http://wonderfl.net/c/sRNl.
Conclusion
If you are a Flash Developer then WonderFl is a must try, it is simple yet powerful and really good fun.
Thank you for reading!
