Recommended file structure?

[xtreme]

I am new with phaser and have looked at some examples. Some have just one. JS-file (and Phaser JS of course) while other have multiple files (such http://www.lessmilk.com/).

What is the recommended file structure? Say for example, I'll make a snake game.

[Ezelia]

it depend on the complexity of your project, if you are the only developer, if you plan future versions of your game ...etc


for a snake game (like the one on nokia 3310), I'll use a single file.

for this same snake game with multiplayer support, I'll add another file for networking layer

if I want a snake that can spawn others snakes and mutate to another creatures depending on some evolution tree, I'll maybe use a more complex structure.

 

[rich]

I agree with Ezelia - it depends how complex your game is. If you look in the Phaser repository in the 'resources / Project Templates' folder you will find some examples of setting-up proper multi file projects you can copy.

[hugo]

i'm a little confused too on how to structure Phaser 

what's the difference between

function create () 

and 

create: function ()

[Ezelia]

 

i'm a little confused too on how to structure Phaser 

what's the difference between

function create () 

and 

create: function ()

 

 

this is not a phaser question, this is JavaScript syntax

function create() {...} is a standalone function declaration.

if you want to declare a function inside an object, you can use the other syntax

var myObject = {

   create:function() {...}

}

witch is the equivalent of :

var myObject = {}

myObject.create = function() {...}

but again, this is JavaScript syntax, nothing to do with Phaser

 

[pat]

Hello all,

 

This question is very interesting and please excuse this new question.

When I am looking at phaser in the 'src' directory I have all the source in a lot of files and folders.

in the 'bin' folder I have only one file that contains the whole source.

What program are you using to 'compile' all the source in one file.

 

Thanks a lot

 

Patrick

[rich]

We use a series of Grunt tasks. Open the tasks folder and you'll see them all.

 

http://gruntjs.com/

[pat]

Thanks a lot,

 

If you have time, it will be a good idea to explain the use of Grunt in your blog.

 

Another thing.

In the file src/intro.js the function is not closed.

is it a bug or is it the good thing to do because intro.js is the first file to add in the grunt task (gruntFile.js)

(function(){    var root = this;

[rich]

Look at the manifest files in the tasks folder, specifically the order in which they are put together. Then look at where Intro and Outro are in the list. Should give you the answer you need

[pat]

Thanks a lot.

I understand :-)

[David]

Here's the basic template I use for all my simple js projects, including the Phaser project I'm working on:

 

https://github.com/david0178418/simple-js-amd-app-boilerplate

 

Note that I still need to push some stuff on builds that I'm refining in my local branch's gruntfile.

 

I'm probably going to make a phaser-specific version of this since I think I'm using a structure that suits my needs pretty well.  It would be the same thing as the above template along with some folders for "entities" and "states" as well as a few more base things that get the app going immediately.

 

Anyone know if there is a non-typescript yeoman template?  If you haven't formed any obnoxious opinions like I have already, that would probably be the best way to go.  That way, you can spend more brain cycles on your game logic rather than meta things like your file structure.

[CtlAltDel]

@David: http://codevinsky.ghost.io/phaser-tutorial-getting-started-with-generator-phaser-official/

[marvster]

I use phaser-official by codevinsky.
It allows to generate states and prefabs as well:

http://codevinsky.ghost.io/phaser-tutorial-getting-started-with-generator-phaser-official/

[STuFF]

+1 for previous answer.

 

love the generator