Go!
Go!

Flixel-Tutorial #1

Score:
rated 3.74 / 5 stars
Views:
11,232 Views
Share Links:
Genre:
Tutorial
Tags:
platformer
tutorial
learn
flixel

Click on an icon to vote on this!

Credits & Info

Uploaded
Jun 9, 2013 | 4:34 PM EDT
File Info
Game
2 mb

Related Stuff

If you liked this, check these out!


Medals

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

Locked Medal
A background! 5 Points Add graphics and the background!
Locked Medal
First steps... 5 Points Setup flixel!
Locked Medal
Louis Armstrong is singing! 10 Points Setup the tilemap!
Locked Medal
Oblivion 10 Points Add the player!
Locked Medal
Retro vibes 10 Points Add some sweet tunes and sounds!
Locked Medal
Rigour 10 Points Add collisions!
Locked Medal
Animator 25 Points Add animations to the player!
Locked Medal
Tutorial finished! 25 Points Finish the tutorial!
Locked Medal
We created life! 25 Points Make player move!

Author Comments

Hello!
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. :)
~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~
Controls:
'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! ;)

Cheers!

Reviews


ghostgamer197ghostgamer197

Rated 5 / 5 stars 2 days ago

yay,im learnings and getting medals at the same time.



ars68ars68

Rated 4.5 / 5 stars 3 days ago

first off... thank you for making this. it really was amazing.

however:
I think you need to set it to the lowest skill level and follow it through following EXACTLY what it looks like on screen once... you'll find that there are several things that look like other things, or was missed until later.

to recap a few of them:
-at one point, your { } look like [ ] in the section about adding movement
-when adding the player, at one point, it did not auto add the 'import org.flixel.*;' at the top, leaving me completely confused until I remade it a second time, and THAT time it added it (but this was not explained until 2 chapters later that it may be needed)
-you forgot to say what medal picture to be able to use when testing the newgrounds medal in the medal creation screen (I ended up just making my own... but not everyone may realize to just do that first time around)
-in the variable of 'gottrophy' I don't know if I missed it, or you forgot it, but I missed the 'trophy = null;' line... which made it infinitely loop the attempting to unlock the medal... perhaps you should at least explain the line?

the only way I was able to see these errors (and thus 4.5 instead of 4) is you did have the foresight to give the completed thing as an example, so I could switch back and forth to see what I just did wrong...
but other then that, it was very good, well done.

also:
-you probably should've put a mute somewhere for when people will inevitably have 2 of the same music track playing, 1 following the tutorial, and 1 from the flixl project there working on (although it did make for some interesting music at times on it's own, heh)


Schulles responds:

Thanks a lot first! You can mute with '0'! :)
Oh, yes, I missed the '=null'! :P


BullfinchBullfinch

Rated 4.5 / 5 stars 3 days ago

C:\Users\Nemios\Downloads\FlixelTempl ate\Template\src\PlayState.as(12): col: 36 Error: Syntax error: expecting identifier before var.
override public function create (var background:FlxSprite = new FlxSprite(0, 0, Sources.ImgBackground)):void

I'm having trouble with this line, since I don't know how to put an identifier before var, some pictures of the operations would have been a nice addition to this 'game'. All in all, I am grateful for this! ^__^'



enemymuleenemymule

Rated 4 / 5 stars 3 days ago

what about for macs?



DerkarPLDerkarPL

Rated 5 / 5 stars 3 days ago

When i try to add a background in Source.as with [Embed(source = 'org/flixel/data/private/graphics/bac kground.png')] public static var background;.png:ImgBackground;
I have error: "Syntax error: expecting identifier before dot."
Can someone help me? (Sorry if my english is bad)
Great program!


Schulles responds:

After
public static var
write
background:ImgBackground;
instead of what you wrote.