Introducing flashflowfactory

ActionScript

I am a bit proud to present you my first own framework: flashflowfactory.
This mini-framework for actionscript 3 helps you to easily setup a flash website. flashflowfactory makes use of SWFAddress for deeplinking and TweenLite for transitions. When you need to create small/medium websites with deeplinking and basic transitions, flashflowfactory could help you develop faster. I mostly used it for custom projects like viral websites. The best of flashflowfactory is its simplicity (no need to learn hard design-patterns, it is really straight-forward if you know the basics). You don’t have to develop a page setup or start from scratch, but keep the freedom to build the site in your style.

Check it out now:
flashflowfactory.stroep.nl
Googlecode project
Documentation / Simple how-to

Features

  • Global page creation
  • Deeplinking made easy: it’s included and no need to worry about it anymore
  • Page class with transition settings and states
  • Transitions between pages
    • Currently 4 transitions included
    • Creating your own transitions is possible. This keeps your freedom of expression and makes it usable for every custom project.
  • Global page settings and these settings can be overrided on page level
    • Transition in/out between page
    • Easing/time customizable
    • Alignment options
  • Alternative navigation (button) system
    • Really easy linking
    • Automatic states
    • Grouping aka easy active state
  • Global Event system
    • Listen to event from any point in your application
  • Automatic Event removal system

Example setup code

var pageFactory:PageFactory = new PageFactory();

// add your pages here: url, classReference, title
pageFactory.add( “/home”, HomePageVC, “Welcome!” );
pageFactory.add( “/contact”, ContactPageVC, “Contact us” );
pageFactory.add( “/info”, InfoPageVC, “About us” );

// optional page name, which indicates where to start
pageFactory.defaultPageName = “/home”;

// add default page settings, can also be overridden from the Page class
pageFactory.defaultSettings = new PageSettings(
new SlideTransition(), // transition (there are more transitions + you can easily create your own)
Elastic.easeOut, // easing of the in-transition
Strong.easeIn, // easing of the out-transition
1, // duration of the in-transition
0.7, // duration of the out-transition
Alignment.MIDDLE_CENTER, // alignment of the page on the stage
Alignment.LEFT_TOP // centerpoint position of the page
);

// add page holder to stage
addChild( pageFactory.view );

// load first page
pageFactory.init();

This is the first release. The framework is still under development, and I really need some feedback. Some example projects will follow soon.

4 responses to “Introducing flashflowfactory”

  1. Narie says:

    Looks nice already!
    Funny to see that almost every Developer starts building their own framework at some time 🙂
    And after a while they fall back on something existing and start customizing that to their own need.

    I’ve been using http://www.gaiaflashframework.com/ for a while now (same basic principles as your framework, you should take a look at it if you haven’t already). And we have customized and extended the ‘framework’ with stuff we use for all projects and integrated it with the http://code.google.com/p/templelibrary/.

  2. Mark says:

    Hi Narie,
    Thanks for your reply. You are right there are lots of developers creating own systems. I think it is part of making personal progression, so it must be a good thing 🙂 I have seen Gaia, it has really great features and is well-supported and up-to-date. For now I think it is just fun to create + useful for the way I work.
    BTW do you guys get money for promoting the templelib? 😛 Your colleague were also pointing to this lib in some other posts 🙂

  3. Narie says:

    No we don’t get any money for it, we’re just the proud owners! 😉
    And if we see people try something that can be done with the Temple, we want to point that out to make their life easier 🙂

  4. hebchop says:

    Hi! I think this looks great. More lightweight than Gaia, which I haven’t been using because of all the extra files. I look forward to checking it out.

Say something interesting

Please link to code from an external resource, like gist.github.com.