Black screen when using var create = function() { };

[Rudrabhoj Bhati]

When I use

var create = function() { };

instead of:

function create () {}

I get black screen in phaser games. For example, see what happens when I do so in Alien Invaders like game included with phaser:

http://i.imgur.com/V6GBscZ.png

 

Just a day or so ago I started to think JS isn't that bad lol. Probably I was wrong    Any idea why this happened?

[Vidsneezes]

I think if you want to use a function expression you are going to have to give it a name

var _create = function create(){}

[Rudrabhoj Bhati]

 

I think if you want to use a function expression you are going to have to give it a name

var _create = function create(){}

That gives a white screen, canvas isn't rendered at all :S

http://i.imgur.com/S6d9ca8.png

[powerfear]

This is a var hoisting issue, I would suggest you looking that up. Basically since the game is the first line executed you're only passing it an empty variable because the function is not declared yet only the variable. When using direct function like function create the whole function is hoisted at the top so it works fine. To fix it simply make the new Phaser.Game the last line or use normal function like it already does.

[Rudrabhoj Bhati]

This is a var hoisting issue, I would suggest you looking that up. Basically since the game is the first line executed you're only passing it an empty variable because the function is not declared yet only the variable. When using direct function like function create the whole function is hoisted at the top so it works fine. To fix it simply make the new Phaser.Game the last line or use normal function like it already does.

Thanks it works perfectly now! I am looking into http://net.tutsplus.com/tutorials/javascript-ajax/quick-tip-javascript-hoisting-explained/

 

Thanks again or help

[triptych]

Sounds like a good candidate for a FAQ entry, if there is a FAQ.