Newgrounds Background Image Theme

Flixel-Tutorial #1

Share Collapse


Log in to save your medals! Don't have an account? Create one for free!

A background! 5 Points

Add graphics and the background!

First steps... 5 Points

Setup flixel!

Louis Armstrong is singing! 10 Points

Setup the tilemap!

Oblivion 10 Points

Add the player!

Retro vibes 10 Points

Add some sweet tunes and sounds!

Rigour 10 Points

Add collisions!

Animator 25 Points

Add animations to the player!

Tutorial finished! 25 Points

Finish the tutorial!

We created life! 25 Points

Make player move!

Author Comments

Ever dreamed of making your own game? Well, now you can and it is really easy! It doesn't matter if you have experience on coding or not you will certainly master this tutorial and learn how to use flixel and to create a classic platformer. :)
'X' - Action!
Mouse - Well...
'A' & 'D' or 'LEFT' & 'RIGHT' - Turn the page!
'S' - Open skill-levelselection
'C' - Open chapterselection
UPDATE: Thanks a lot for the frontpage and all the nice reviews! :)

As I checked the Tutorial-genre on Newgrounds for flixel tutorials I noticed there aren't any and only a few on developing ActionScript 3 games. Since I have already developed a few games with flixel and know about its benefits and how great it is to start making games I thought I could try making one myself for the Newgrounds community.

The game shouldn't be too complicated, easy enough so that even someone without any experience on ActionScript could understand it...

The tutorial isn't just boring text, but it's made in an interesting and entertaining way, using cool effects and a tune made by RealFaction, who also helped me with the development aswell as the nice beta-testers. The tutorial is available in 4 versions. One for people with none experience on coding, one for people with experience on other languages than AS3, one for AS3-developers and one for people who have already used flixel. So that everyone gets the information he/she needs. Not more and not less.

Here's the table of content:
*CHAPTER I - Setting up flixel with FlashDevelop
*CHAPTER II - Importing and adding graphics
*CHAPTER III - Creating and adding a tilemap
*CHAPTER IV - Creating and adding a player
*CHAPTER V - Collisions
*CHAPTER VI - Input and movement
*CHAPTER VII - Creating and playing animations
*CHAPTER VIII - Importing and playing sounds and music
*CHAPTER IX - Using the Newgrounds API to create medals and ads
*CHAPTER X - Conclusion and where to go from here

Not only will it show how to use flixel but also the benefits of the Newgrounds API and how to use it with FlashDevelop and how to add medals and ads. The tutorial will be completely free and will lay the fundament for 8bit-gamedevelopment with flixel. People will be able to go anywhere from here and make their retro dreams come true. If it catches enough people's attention there will also be a second part on creating enemies, guns, more levels and other cool stuff or whatever THE PEOPLE DEMAND! ;)


Log in / sign up to vote & review!

Newgrounds accounts are free and registered users see fewer ads!

A game maker! YEY! (And no, isnt game maker, or game maker 2)

import org.flixel.*;

public class PlayState extends FlxState
public function PlayState():void


override public function create(var background:FlxSprite (0,0 Sources:ImgBackground):void
FlxG.bgColor = 0xFFFFFFFF; //Sets the background colour.
FlxG.flash(0); //Creates a fade-in-effect.
//You can remove this and the following lines.
var txt:FlxText = new FlxText(0, FlxG.height / 2, FlxG.width, "You have successfully setup Flixel! :)");
txt.alignment = "center";
txt.color = 0;
add(background) ;
add(txt); //Adds the text created above to the stage.
//Your game starts here...

I keep getting errors, what's wrong?

i cant get past chapter 1 is it susposed to have text on the top of the screen? im giving it a good rating because its a good game from what ive heard


Very good and complex tutorial, deserves watching!

Credits & Info

4.35 / 5.00

Jun 9, 2013
4:34 PM EDT