Jangaroo Flash Application Project Template for FlashDevelop
For Jangaroo background information, please visit the Jangaroo Home Page.
You need to have installed the usual Jangaroo prerequisites
Note that you do not have to download and / or install Jangaroo itself!
Checkpoint: opening a command prompt and entering
mvn -v should output something like
Apache Maven 3.0.2 (r1056850; 2011-01-09 01:58:10+0100) Java version: 1.6.0_21, vendor: Sun Microsystems Inc. Java home: C:\Program Files\Java\jdk1.6.0_21\jre Default locale: de_DE, platform encoding: Cp1252 OS name: "windows 7", version: "6.1", arch: "amd64", family: "windows"
Now, install FlashDevelop.
To set up the Jangaroo Flash Project template for FlashDevelop
- Download this project as a
- unzip the subfolder
190 ActionScript 3 - Jangaroo Flash Projectcontained in the archive into the
Projectsdirectory of your FlashDevelop installation. (You may have to unzip to a temporary directory and copy over to the program directory to be asked for admin rights.)
Then, you can create Jangaroo HTML5 Flash Applications from FlashDevelop using
Project | New Project...
Jangaroo Flash Projectfrom the list.
Fill in desired
Packageof your new project.
Please do not leave the
Packagefield empty, or
jooflash.htmlwill not point to the correct Main class!
You usually want to check
Create directory for project.
Now you can build the project using the
Build Project toolbar button. Maven is invoked and compiles and builds your Web application.
Then, your default browser opens your Jangaroo application.
Now you can edit source code, click
Build Project again, and watch the result in the browser window. If changes do not appear, try clearing the browser cache.
For debugging, please have a look at the Jangaroo debugging tutorial.
Loading the application from the local filesystem has some disadvantages. IE keeps on asking whether you want local scripts to execute. Debugging is not as nice, as Firebug's Network tab stays empty. Ajax requests (which jooflash uses for [Embed(...)] of text files) do not work.
To improve the situation, Maven allows starting a local Web server serving your Web app in three simple steps:
- In FlashDevelop, open the file
pom.xmlby double-clicking it in the
- By clicking the
Command Promptbutton, a command window opens. The current path should be your project root directory, otherwise
mvn jetty:run. A Jetty Web server is started, serving your Web application at
To let FlashDevelop open this page in firefox after build, change
Project Properties | Build | Post-Build Command Line to
cmd /C "start http://localhost:8080"
or, to invoke the debuggable version, use
cmd /C "start http://localhost:8080/jooflash.html#joo.debug"