Advertisement
How to Learn

How to Learn Flixel

by

Flixel is a free and open source 2D game development framework written by Adam "Atomic" Saltsman (Canabalt, Hundreds) in AS3 for making Flash games. It is a very mature, flexible and robust library. In this article, we'll introduce you to the platform and its capabilities, and share tutorials, plugins, and suggestions to get you started developing games with it.


What Makes Flixel So Awesome?

Flixel is written in a way that you get started with your game from the get go. This small library packs an essential array of tools that lets you build 2D platformers, RPGs, Physics puzzles and a lot more.

It comes with a class-based scene management system, and gives you a simple sprite class that also has some physics properties like velocity, acceleration and angular acceleration. It has its own tilemap parser and loader, and a utility class that helps you do collision detection and resolution between sprites, tilemaps or groups as you see fit. It also has simple button and text classes for UI, particle systems, virtual camera classes, and support for pathfinding, replays, game saves, sound and input. Furthermore, you can extend it by writing plugins.

As a programmer, Flixel is by far one of the fastest ways I've found to prototype my game ideas.


Notable Games Made With Flixel

Canabalt

A House in California

Anodyne

Rot Gut

Cat Astro Phi

Half-Inch Heist

(Made with the Flixel template/libraries for iOS - see the Ports section below.)

Snailiad

Gravity Hook

Droplet

How to Learn Flixel tutorials, books, resources

Where I Go At Night

How to Learn Flixel tutorials, books, resources

Getting Started With Flixel

Flixel homepage: http://flixel.org
Even if you take my word for it, It would be good for you to see all these awesome features in action! So, the first place to start your Flixel quest would be the official website.

Flixel features: http://flixel.org/features.html
The Features page hosts a number of live examples for all the latest features in Flixel.

Flixel forums: http://forums.flixel.org/index.php
One of the of the best places to get quick and effective help with Flixel is the forums.

Flixel IRC: #flixel on freenode.net - irc://irc.freenode.net:6667/flixel
The other place you could find people using Flixel who could help you out would be the IRC channel on freenode. Remember, ping with data!

The documentation: http://flixel.org/docs/
Flixel is very well documented and the flashdoc generated documentation is something that you will use all the time.

The source: http://flixel.org/download.html
The flixel source code is structured and organised enough for you to read through when the time comes, and it is afterall, the source of the documentation itself.

Flixel 2.35 is the last stable release available for download, but the community version stands at 2.55 at the time of writing this article, which is preferred over the official release. Grab it here.

FlashDevelop: http://active.tutsplus.com/tutorials/beginners-guide-to-flashdevelop-intro-basix/
In case you are new to Flash, a guide to FlashDevelop will definitely help you get a head start.

How to Learn Flash and AS3: http://gamedev.tutsplus.com/articles/how-to-learn/how-to-learn-flash-and-as3-for-game-development/
And if you are very new to Flash, this guide will get you up to speed!


Keeping Things Alive

The last stable release of Flixel was almost two years ago, but that does not mean that it is dead. Flixel has a vibrant and active community of users that keep the fire burning.

The Flixel Community: http://flixelcommunity.github.com/

Flixel Community Releases: https://github.com/FlixelCommunity/flixel-release


Guides to Help You Find the Way

Chipacabra's Jumper (Flixel v2.43)

How to Learn Flixel tutorials, books, resources

This is possibly the longest and the most detailed of tutorials out there that you can find on how to make a platformer with Flixel. It takes you through the whole process of making a game step by step.

PhotonStorm's Flash Game Dev Tips

How to Learn Flixel tutorials, books, resources

PhotonStorm is one of the major figures in the Flixel community. Aside from his contributions on the forums, PhotonStorm has a huge collection of Flixel and Flash related tutorials to his name.

An introduction to Flixel (FlixelCommunity v2.55)

How to Learn Flixel tutorials, books, resources

I had written a simple platformer example aimed to help students in my local IGDA community kick start making games with Flixel. It is a simple game with a start, a finish and lots of comments to help you along the way.

Goto and Learn's Video Tutorials (Flixel v2.35)

Goto and Learn has a couple of video tutorials to help you get started as well:


Ready for More?

Once you get the hang of it, here are some of the more advanced topics that you can look into.

PhotonStorm's Flixel Power Tools: http://www.photonstorm.com/flixel-power-tools
One of the most ridiculously awesome contributions by PhotonStorm is a set of plugins called the Flixel Power Tools. From user interface elements to helper math classes to special effects, it has them all! They are also available on GitHub.

Funstorm Games: http://www.funstormgames.com/blog/2012/01/8-flixel-tutorials/
A collection of eight tutorials dealing with different aspects of the engine

Advanced Object Recycling: http://ditdahgames.com/2011/12/advanced-flixel-topics-aggressive-object-recycling/
A look at optimizing and recycling objects in your game


Other Noteworthy Links

The Flixel Help page: http://flixel.org/help.html
The help page has a listing of open source projects that uses Flixel that you can download and read through.

Flixel on Twitter: https://twitter.com/flixation
The official Twitter account is quiet for now, but you never know what will happen...

The Flash Game Dojo: http://flashgamedojo.com/
The Flash Game Dojo is a community-powered knowledge base for things Flash, including Flixel.

An old overview of Flixel from the Flash Game Dojo: http://flashgamedojo.com/wiki/index.php?title=Flixel

Listing of all code snippets and explanations related to Flixel from the Flash Game Dojo: http://flashgamedojo.com/wiki/index.php?title=Category:Flixel


Ports

All good things in life... get ported? I cannot stress enough on how fast it is to make games in Flixel. Who wouldn't want the same in different platforms and languages?

Open source release of Canabalt for iOS: https://github.com/ericjohnson/canabalt-ios
Unofficial Flixel iOS template - https://github.com/bigjko/Flx-iOS-template

Android port: http://code.google.com/p/flixel-android/
flixel-android is a port of flixel to Java and Android. It's built on top of the libgdx framework which allows apps to be deployed on both Android devices and desktop machines.

Flixel XNA: https://github.com/StAidan/X-flixel
A C# and XNA source code port of Flixel.

Flixel for Monkey: http://devolonter.github.com/flixel-monkey/
This is a port of Flixel to the Monkey language.

HaxeFlixel: http://www.haxeflixel.com/
HaxeFlixel is an open source 2D game library written in the Haxe language.

Bluegin: http://expandingbrain.com/bluegin/
Bluegin is a port of Flixel and Cinder for mobile devices (Android 1.6+) and is written in C++.

Distillate: https://github.com/eduardonunesp/Distillate
Distillate is a cross platform engine based on Flixel written in C++

Axel: http://axgl.org/
Although not a port, this is a hardware accelerated 2D engine written in ActionScript, much similar to and inspired by Flixel.


Final Words

Flixel has made game development one of the most enjoyable and worry-free activities there can ever be. Be it making a game during a jam or cooking up prototypes under short deadlines, Flixel has always come through as a winner.

Whether you are a beginner trying to get into game development or a veteran programmer trying to find a something for quick prototyping, I strongly recommend Flixel. Have fun with it!

Related Posts
  • Code
    Mobile Development
    In the Spotlight: Brian LeRouxPreview image@2x
    The explosive growth of the mobile space has accelerated the search for a robust and viable cross-platform solution. In 2008, shortly after the introduction of the iPhone SDK and after fiddling with Cocoa and Objective-C, Brian LeRoux and his colleagues at Nitobi decided that their time was better spent building a cross-platform solution than building native mobile applications.Read More…
  • Game Development
    Implementation
    Write Once, Publish Everywhere With HaxePunk: Making a GamePreviewretinaimage
    You've probably had this experience before: you hear about an awesome game, but then you find out that it's only coming out on the one platform that you don't own. It doesn't have to be this way. In this tutorial, you will learn how to use Haxe to make a game in one development platform that can target multiple gaming platforms, including Linux, Mac, Windows, iOS, Android, and Flash.Read More…
  • Code
    News
    iOS 2013: A Year in Review and 2014 PredictionsPreview image@2x
    For iOS developers, 2013 was a pivotal year. I'd even go as far as saying that it was the most significant year since the introduction of the iPhone, almost seven years ago. The reason is of course the unveiling of iOS 7. Let's take a look at some of the key moments of 2013 and take a sneak peak at what 2014 has in store for us.Read More…
  • Game Development
    How to Learn
    How to Learn the Phaser HTML5 Game EnginePhaserlogo400px
    Phaser is an open source HTML5 game framework created by Photon Storm. It's designed to create games that will run on desktop and mobile web browsers. A lot of focus was given to performance inside of mobile web browsers, a growing and important area of web gaming.Read More…
  • Game Development
    How to Learn
    How to Learn Loom SDKHow to learn loom sdk 400px
    Loom SDK is an open source cross-platform development kit, written in C++, that enables you to create games and applications for different platforms very quickly. It offers a command line interface and features such as live asset reloading, live code compiling, and multiple devices deployment, while preserving the flexibility of a native and open source SDK.Read More…
  • Game Development
    How to Learn
    How to Learn Flash and AS3 for Game DevelopmentHow to learn flash and as3 for game development
    Today, Adobe Flash is strongly geared towards game development. Besides browser-based game portals like Kongregate, Newgrounds, and Armor Games, games made with Flash can be found on desktop, mobile, and tablet (like Machinarium, Super Hexagon, and Wonderputt), as native apps. In this article, we’ll share books, tutorials, and suggestions for learning Flash and its AS3 programming language as smoothly as possible.Read More…