How to make your first game in HaxeFlixel

I have a pretty extensive setup for my IDE when it comes to game development. If you want to follow along with me and have the same setup then this is a video you should watch.

** IDE Plugins **

VSCode ► https://code.visualstudio.com/

JetBrains Mono ► https://www.jetbrains.com/lp/mono/

Night Owl Theme ► https://marketplace.visualstudio.com/items?itemName=sdras.night-owl

Bracket Pair Colorizer ► https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer

** Terminal Plugins **

Oh My Zsh ► https://ohmyz.sh/

Spaceship Prompt ► https://github.com/denysdovhan/spaceship-prompt

** Haxe VSCode Plugins **

VSHaxe ► https://marketplace.visualstudio.com/items?itemName=nadako.vshaxe

Lime ► https://marketplace.visualstudio.com/items?itemName=openfl.lime-vscode-extension

Codedox ► https://marketplace.visualstudio.com/items?itemName=wiggin77.codedox

Haxe Checkstyle ► https://marketplace.visualstudio.com/items?itemName=vshaxe.haxe-checkstyle

Lix ► https://marketplace.visualstudio.com/items?itemName=lix.lix

How to install a simple Haxeflixel project using the game-jam-template repository in Github. This is helpful for those who don't want to use Lix.

Documentation ► https://haxeflixel.com/documentation/hello-world/

Game Jam Repo ► https://github.com/HaxeFlixel/game-jam-template

How to install a simple Haxeflixel project using a Lix version game-jam-template repository in Github. This is more useful for those who don't want to install dependencies globally and is my preferred way of developing games with HaxeFlixel.

Lime docs ► https://lime.software/docs/command-line-tools/basic-commands/

Node ► https://nodejs.org/en/

HaxeFlixel Game Template ► https://github.com/RichardBray/haxe-flixel-template

This is something which is truly mind-blowing. Using a compilation server in Haxe will drastically increase your compilation times and in this video, I will show you how to create one.

Documentation ► https://haxe.org/manual/cr-completion-server.html

Official Haxe video ► https://youtu.be/ckdOSCqUV6U

One of the things I love about HaxeFlixel is its customisability. In this video, I talk through using NPM scripts to automatically rebuild the game each time a file has been saved.

FB Watchman ► https://facebook.github.io/watchman/

Http server ► https://github.com/http-party/http-server

Concurrently ► https://github.com/kimmobrunfeldt/concurrently

Live server ► https://github.com/tapio/live-server

I've actually realised throughout the product we're always making weeks to the setup so this isn't exactly the last video but this is the final setup we'll do before we actually start making the game.

Bash colours ► https://stackoverflow.com/questions/5947742/how-to-change-the-output-color-of-echo-in-linux

This video makes it look like a long process to add a sprite to a HaxeFlixel project but it's actually quite quick. After you do it once you'll see how easy it is to add it again.

The next most logical step after getting a character/sprite on the screen is to get them to move, in our case with a keyboard. This video also shows how easy that is to do with Haxeflixel.

2D games are so fun to make, and adding animations it what adds to that. Spritesheet animations are so easy to add in Haxeflixel and this video shows you how to do them.

We finally get to make the character jump, but jumping doesn't really work without collisions and gravity. This video will show you how to add all three of those things, well half of this video does.

This is a continuation from the previous sprite jump, gravity, and collisions video and this will end this sprite section of creating your first game in Haxeflixel. Hope to see you in the next video.

When it comes to making level in HaxeFlixel, Ogmo3 is the defacto choice for most developers. When I learnt HaxeFlixel a while back I used Tiled Map Editor, so I thought I'd show you how I do it.

We talked about creating a level for HaxeFlixel in the Tiled Map editor. In this video, we'll talk about loading the level we created into our game.

We've loaded up a simple level with Tiled Map editor into our HaxeFlixel game. Now we're going to add some collectables to our game.

We've loaded up a simple level with Tiled Map editor into our HaxeFlixel game. Now we're going to add some collectables.

In our last video, we added the collectables and in this video, we are going to add a method to track each star that the player collects.

After collecting the score we need to fin a way of showing it to the user. FlxText is the best way to do that, and in this video I will show you how to complete this very simple task.

We use Figma in this tutorial to format the text. I'm not sure if there is a way to do this directly in HaxeFlixel with Flixel-studio or something but Figma, (or Photosjop, Sketch, or Adobe XD) are great ways of getting values to format text.

Now we're getting somewhere. Let's make a goal for our game so the player knows when they have finished and can move on to the next level.

Instead of creating a complete new screen to let the player know they've completed the level we'll show a substate. I talk a bit about that in this video.

In this video, we will focus on linking our level two to our level one so that the player can progress through the game.

For some reason, I wasn't able to finish the linking part in the previous video, loads of issues in that one. So I wrap things up in this video.

Okay, now we're getting into the polishing phase. In this video, I demonstrate how easy it is to add sounds and music to games with HaxeFlixel.

There's a lot of stuff that comes with HaxeFlixel by default and although it's all great, in case you'd like to remove it this video goes through how to do that.

This is the final video of our getting started with HaxeFlixel video and will show you how to export your game the web, so html5 and natively on the Mac.

This is something I find very useful when developing a game. It saves me a lot of time when creating to know when a build has finished and I will show you how to do it.