How do I start using Phaser?

[ThatWolfGuy]

I'm new to making games in all forms, I have essentially no experience in making HTML5 games and I'm used to integrated environments like Unity 3D.. but due to recent life events I've had to look into a more light solution to making games. I'm using a very out of date PC with a very out of date OS and Graphics Card.

Anyway, I looked through the Phaser tutorial and it wasn't really sufficient for an absolute beginner like me to figure out how to get Phaser running. I can't really get anything working, I downloaded Phaser.js and Aptana Studio 3 but I don't really understand how to get Phaser running with them. I know I need a Local Web Server but I don't know how to add an external one to Aptana or if it has one internally.

Edited to reformat and change everything to better fit what I mean.

[rich]

I've never used Aptana Studio, so can't comment on how to get Phaser working with it (to be honest, I've never even heard of it!) - but I do wonder if you'd have better luck using something simpler like Brackets, or Atom? Both of which have built-in web servers. Just edit some code, hit a key, and voila, it loads in the browser. Or you could set-up and run WAMP locally (which is how I build all my projects) - there are ample guides on doing this around, but honestly it's mostly just a case of install it, stop Skype interfering, and you're done.

There are also 'integrated' IDEs like Phaser Editor available (disclaimer: costs money), but honestly I feel like there are so many free options you should explore one of those first, just to see if you even like using Phaser, before paying for anything.

[symof]

Welcome to the community.

I personally use NetBeans IDE 8.1, which you can get from https://netbeans.org/

I found the installation to be fairly straightforward, and these links have more info on how to go about installing it 

https://netbeans.org/community/releases/81/install.html

https://netbeans.org/kb/docs/webclient/html5-gettingstarted.html

Once you have that installed then all you need is to make a new project.

In the new project you need at least a html and the phaser library (which I get from here https://cdnjs.com/libraries/phaser ). You need either the phaser.js or phaser.min.js then you're good to go.

I've attached a netbeans project file, that writes to console, pops an alert and draws a rectangle.

http://phaser.io/examples has usage examples,

http://phaser.io/sandbox is a cloud test environment.

http://phaser.io/tutorials/getting-started/index explains other alternatives to this.

 

Have fun!

Hello World.zip

[P4nch0]

I dont know what kind of game you want to do, but i started with this tutorial:

https://gamedevacademy.org/html5-phaser-tutorial-top-down-games-with-tiled/

Maps are creating in tiled editor and them using in phaser

 

[ThatWolfGuy]

Thanks for the help guys

I'm gonna try Brackets for now. The website says they no longer support Windows XP, but after reading further it seems that just means they don't test it on Windows XP anymore. If the newest version doesn't work I'll just go back to a version that supports XP on GitHub.

Netbeans looks great too, I think the reason I didn't go with it before was the file size being a bit much for my slow internet, but I'll have to go back and make sure.

Thanks for the tutorial link P4nch0. Looks like it'll help me get started.