Main Page

From FDT Documentation

(Difference between revisions)
Jump to: navigation, search
Line 28: Line 28:
If you haven't installed FDT, or are having trouble getting FDT to install or launch, check out this tutorial. We'll make sure you have Java installed and walk you through downloading and installing FDT on Windows and OSX.  
If you haven't installed FDT, or are having trouble getting FDT to install or launch, check out this tutorial. We'll make sure you have Java installed and walk you through downloading and installing FDT on Windows and OSX.  
-
*[[Installing and Running FDT| Continue to the Installing and Running FDT tutorial]] [[File:Text_icon.png|30px]] [[File:Video_icon.png]]
+
*[[Installing and Running FDT| Continue to the Installing and Running FDT tutorial]] [[File:Video_icon.png]]
== Basic AS3 Tutorial  ==
== Basic AS3 Tutorial  ==
Line 34: Line 34:
*[[Basic AS3 Tutorial | Continue to the Basic AS3 Tutorial]]
*[[Basic AS3 Tutorial | Continue to the Basic AS3 Tutorial]]
-
[[File:Text_icon.png|30px]] [[File:Video_icon.png]]
+
[[File:Video_icon.png]]
== Flex / AIR Tutorial  ==
== Flex / AIR Tutorial  ==
See how quickly you can code and run an AIR application with the Flex framework. Similar to the [[Basic AS3 Tutorial]], you'll go a little further by adjusting compiler options and being introduced to some of FDT's Smart Editor features.  
See how quickly you can code and run an AIR application with the Flex framework. Similar to the [[Basic AS3 Tutorial]], you'll go a little further by adjusting compiler options and being introduced to some of FDT's Smart Editor features.  
-
*[[Flex / Air Tutorial | Continue to the Flex / Air Tutorial]] [[File:Text_icon.png|30px]] [[File:Video_icon.png]]
+
*[[Flex / Air Tutorial | Continue to the Flex / Air Tutorial]] [[File:Video_icon.png]]
== Writing Code With FDT ==
== Writing Code With FDT ==
FDT is packed with features designed to help developers write code efficiently and quickly. This walkthrough will go through many, but not all, of the most popular Smart Editor features.  
FDT is packed with features designed to help developers write code efficiently and quickly. This walkthrough will go through many, but not all, of the most popular Smart Editor features.  
-
*[[Writing Code With FDT|Continue to the Writing Code With FDT tutorial]] [[File:Text_icon.png|30px]] [[File:Video_icon.png]]
+
*[[Writing Code With FDT|Continue to the Writing Code With FDT tutorial]] [[File:Video_icon.png]]
== Navigating Your Code and FDT's Workspace  ==
== Navigating Your Code and FDT's Workspace  ==
With all the ins and outs of an IDE like FDT, a developer can get lost is seemingly endless windows and views. It's important to know how to get around the application and make sure you stay in control of what you're looking at.  
With all the ins and outs of an IDE like FDT, a developer can get lost is seemingly endless windows and views. It's important to know how to get around the application and make sure you stay in control of what you're looking at.  
-
*[[Navigating Your Code and FDT's Workspace|Continue to the Navigating Your Code and FDT's Workspace tutorial]] [[File:Text_icon.png|30px]] [[File:Video_icon.png]]
+
*[[Navigating Your Code and FDT's Workspace|Continue to the Navigating Your Code and FDT's Workspace tutorial]] [[File:Video_icon.png]]
== Launch Configurations  ==
== Launch Configurations  ==
Line 56: Line 56:
This tutorial goes over these important topics, as well as introduces FDT's new [[Launcher Chain]] feature.
This tutorial goes over these important topics, as well as introduces FDT's new [[Launcher Chain]] feature.
-
*[[Launch Configuration Tutorial| Continue to the Launch Configuration Tutorial]] [[File:Text_icon.png|30px]] [[File:Video_icon.png]]
+
*[[Launch Configuration Tutorial| Continue to the Launch Configuration Tutorial]] [[File:Video_icon.png]]
== FDT and Ant Tutorial ==
== FDT and Ant Tutorial ==
Line 63: Line 63:
*[[FDT and Ant Tutorial|Continue to the FDT and Ant Tutorial]]
*[[FDT and Ant Tutorial|Continue to the FDT and Ant Tutorial]]
-
[[File:Text_icon.png|30px]]
+
 
==Intro To Profiling Applications ==
==Intro To Profiling Applications ==
The FDT Profiler helps developers to detect performance issues within a flash application by providing two different approaches for profiling:
The FDT Profiler helps developers to detect performance issues within a flash application by providing two different approaches for profiling:
-
*[[Intro To Profiling Applications| Continue to the Intro To Profiling Applications tutorial]] [[File:Text_icon.png|30px]]
+
*[[Intro To Profiling Applications| Continue to the Intro To Profiling Applications tutorial]]  
== Creating Code Templates (snippets)  ==
== Creating Code Templates (snippets)  ==
FDT’s code templates, also referred to as code snippets, allow for quick generation of user defined code. Although FDT ships with many templates pre-installed, users can edit existing templates, create new ones and even share templates with other FDT developers.  
FDT’s code templates, also referred to as code snippets, allow for quick generation of user defined code. Although FDT ships with many templates pre-installed, users can edit existing templates, create new ones and even share templates with other FDT developers.  
-
*[[Creating Code Templates|Continue to the Creating Code Templates tutorial]] [[File:Text_icon.png|30px]]
+
*[[Creating Code Templates|Continue to the Creating Code Templates tutorial]]  
== Sharing and Archiving Projects  ==
== Sharing and Archiving Projects  ==
Become familiar with how easy it is to share and distribute projects with others with FDT. This tutorial will show you how to import and export projects with FDT.
Become familiar with how easy it is to share and distribute projects with others with FDT. This tutorial will show you how to import and export projects with FDT.
-
*[[Sharing and Archiving Projects| Continue to the Sharing and Archiving Projects tutorial]] [[File:Text_icon.png|30px]]
+
*[[Sharing and Archiving Projects| Continue to the Sharing and Archiving Projects tutorial]]  
== Intro To haXe Development With FDT  ==
== Intro To haXe Development With FDT  ==
Developed in collaboration with Powerflasher and Influxis, the FDT haXe plugin provides developers a powerful tool for authoring the haXe multi-platform language. Our goal is to provide the best haXe coding experience and that it feels like coding in the AS3 or MXML editor of FDT: same shortcuts, same syntax coloring, same coding comfort.
Developed in collaboration with Powerflasher and Influxis, the FDT haXe plugin provides developers a powerful tool for authoring the haXe multi-platform language. Our goal is to provide the best haXe coding experience and that it feels like coding in the AS3 or MXML editor of FDT: same shortcuts, same syntax coloring, same coding comfort.
-
*[[Intro To haXe Development With FDT| Continue to the Intro To haXe Development With FDT tutorial]] [[File:Text_icon.png|30px]]
+
*[[Intro To haXe Development With FDT| Continue to the Intro To haXe Development With FDT tutorial]]  
== SDK Management  ==
== SDK Management  ==
With the release of FDT 4, developers now have granular control over their SDKs. Not only is adding and removing SDKs to projects easy, you can also easily add and remove specific parts of the SDK you may or may not need. You can also easily manage custom SDKs.
With the release of FDT 4, developers now have granular control over their SDKs. Not only is adding and removing SDKs to projects easy, you can also easily add and remove specific parts of the SDK you may or may not need. You can also easily manage custom SDKs.
-
*[[SDK Management|Continue to the SDK Management tutorial]] [[File:Text_icon.png|30px]]
+
*[[SDK Management|Continue to the SDK Management tutorial]]  
== Using FDT's Debugger  ==
== Using FDT's Debugger  ==
FDT Max includes a powerful debugger. During the development process, a debugging tool is useful to help discover and fix bugs. Armed with FDT's debugger, you'll be prepared to crush any bugs that stand in your way.
FDT Max includes a powerful debugger. During the development process, a debugging tool is useful to help discover and fix bugs. Armed with FDT's debugger, you'll be prepared to crush any bugs that stand in your way.
-
*[[Using FDT's Debugger|Continue to the Using FDT's Debugger tutorial]] [[File:Text_icon.png|30px]]
+
*[[Using FDT's Debugger|Continue to the Using FDT's Debugger tutorial]]  
==From Flash Builder To FDT==
==From Flash Builder To FDT==
If the differences between FDT and Flash Builder were boiled down into one word, it would be Flexibility. Beside having powerful code editing features that are missing with Flash Builder, FDT is flexible with your project management whereas Flash Builder is going to harness you with constraints. While, at first, these concepts will seem foreign to the long term Flash Builder user - as you master them you'll quickly understand the power and flexibility they provide.
If the differences between FDT and Flash Builder were boiled down into one word, it would be Flexibility. Beside having powerful code editing features that are missing with Flash Builder, FDT is flexible with your project management whereas Flash Builder is going to harness you with constraints. While, at first, these concepts will seem foreign to the long term Flash Builder user - as you master them you'll quickly understand the power and flexibility they provide.
-
*[[From Flash Builder To FDT|Continue to the From Flash Builder To FDT tutorial]] [[File:Text_icon.png|30px]] [[File:Video_icon.png]]
+
*[[From Flash Builder To FDT|Continue to the From Flash Builder To FDT tutorial]] [[File:Video_icon.png]]
==Font Library Creator==
==Font Library Creator==
Line 108: Line 108:
* SWFs - both at compile time and runtime
* SWFs - both at compile time and runtime
-
* [[Font Library Creator}Continue to the Font Library Creator tutorial]] [[File:Text_icon.png|30px]]
+
* [[Font Library Creator}Continue to the Font Library Creator tutorial]]  
= Community Resources =
= Community Resources =

Revision as of 19:22, 4 November 2010

FDT banner.jpg

Welcome to FDT – the Development Tool for Flash. The Powerflasher team has put together a collection of tutorials and reference materials to help answer any questions you may have while using FDT. This wiki is constantly evolving as we plan to invite the FDT community to contribute. (if interested helping please contact us)

We're always adding new tutorials and walkthroughs to make sure you get the most out of using FDT. Tutorials will include detailed text and screenshots that demonstrate a particular topic. Some tutorials also include project files, videos and sample materials for you to download.

If you're new to FDT, check out our #FDT Getting Started Guide.

Contents

FDT Getting Started Guide

These short guides will lead you through the installation and will introduce you to some of the highly efficient and time-saving features and the basic structure of the FDT work environment.

Tutorials

Shortcuts

Forget the mouse! The FDT shortcuts are one of the most important techniques to increase coding efficiency. Here is a cheat sheet of the most popular shortcuts for quick reference

FAQ

If you're confused or having a problem getting yourself going. Check out our FAQ.

Tutorials

Installing And Running FDT

If you haven't installed FDT, or are having trouble getting FDT to install or launch, check out this tutorial. We'll make sure you have Java installed and walk you through downloading and installing FDT on Windows and OSX.

Basic AS3 Tutorial

Learn the basics of creating, building and compiling your first FDT project. You'll use the Project Wizard to create a project, then create your first Class and compile and view your application.

File:Video icon.png

Flex / AIR Tutorial

See how quickly you can code and run an AIR application with the Flex framework. Similar to the Basic AS3 Tutorial, you'll go a little further by adjusting compiler options and being introduced to some of FDT's Smart Editor features.

Writing Code With FDT

FDT is packed with features designed to help developers write code efficiently and quickly. This walkthrough will go through many, but not all, of the most popular Smart Editor features.

Navigating Your Code and FDT's Workspace

With all the ins and outs of an IDE like FDT, a developer can get lost is seemingly endless windows and views. It's important to know how to get around the application and make sure you stay in control of what you're looking at.

Launch Configurations

Eventually, you're going to want to make some tweaks to your .SWF's settings (name, background color, size, frame rate ) as well as start using some advanced features such as viewing your .SWF in a browser.

This tutorial goes over these important topics, as well as introduces FDT's new Launcher Chain feature.

FDT and Ant Tutorial

Ant is a build tool that developers can use to extend FDT. It's an XML based syntax and can be used to extend FDT's built in launcher or used instead of the launcher if developers want to have even more control over their build process. It also has many built in tasks such as uploading to FTP, checking out from .SVN and creating .ZIP files just to name a few.


Intro To Profiling Applications

The FDT Profiler helps developers to detect performance issues within a flash application by providing two different approaches for profiling:

Creating Code Templates (snippets)

FDT’s code templates, also referred to as code snippets, allow for quick generation of user defined code. Although FDT ships with many templates pre-installed, users can edit existing templates, create new ones and even share templates with other FDT developers.

Sharing and Archiving Projects

Become familiar with how easy it is to share and distribute projects with others with FDT. This tutorial will show you how to import and export projects with FDT.

Intro To haXe Development With FDT

Developed in collaboration with Powerflasher and Influxis, the FDT haXe plugin provides developers a powerful tool for authoring the haXe multi-platform language. Our goal is to provide the best haXe coding experience and that it feels like coding in the AS3 or MXML editor of FDT: same shortcuts, same syntax coloring, same coding comfort.

SDK Management

With the release of FDT 4, developers now have granular control over their SDKs. Not only is adding and removing SDKs to projects easy, you can also easily add and remove specific parts of the SDK you may or may not need. You can also easily manage custom SDKs.

Using FDT's Debugger

FDT Max includes a powerful debugger. During the development process, a debugging tool is useful to help discover and fix bugs. Armed with FDT's debugger, you'll be prepared to crush any bugs that stand in your way.

From Flash Builder To FDT

If the differences between FDT and Flash Builder were boiled down into one word, it would be Flexibility. Beside having powerful code editing features that are missing with Flash Builder, FDT is flexible with your project management whereas Flash Builder is going to harness you with constraints. While, at first, these concepts will seem foreign to the long term Flash Builder user - as you master them you'll quickly understand the power and flexibility they provide.

Font Library Creator

FDT now includes a Font Library Creator. This is a very hand GUI tool that is designed to make font management much, much easier. Developers can use the Font Library Creator to not just add fonts but also control which glyphs and characters are used.

In this tutorial you'll learn how to use fonts via:

  • Actionscript Embed
  • SWCs
  • SWFs - both at compile time and runtime
  • [[Font Library Creator}Continue to the Font Library Creator tutorial]]

Community Resources

We really appreciate the of efforts the FDT community, it's a big part of what makes FDT so great. Check out our Community Resources page to learn about tutorials and tips that fans of FDT have created.

Videos

We're always adding new videos of tutorials, FDT's features, workflows and new ways of using FDT. Check out our Videos page.

Reference

Ant Tasks

Ant is a tool that allows developers to extend FDT and automate various tasks. It's XML based and easy to learn. Ant on it's own has many built in tasks, and even better, FDT has various Ant tasks of it's own for you to use.

Learn more by reading FDT Ant Tasks.

Features

Smart Editor

Navigation

Project Management

Testing and Deployment

Downloads

Find example projects and plenty of extras here!

Visit our Downloads page for more.

FAQs

If you're confused or run into a problem getting yourself going. Check out our FAQ.

Release Notes

FDT 4 Release Notes

Get FDT5