Sprite not rendering well

[Zeephaser]

Hey guys I'm new to phaser and I'm testing it out with a simple example, I've run into a problem where my sprites are rendered as black boxes it doesn't matter what sprite I load they all come out as boxes. I don't understand what's happening please help me. Here's my code :

var game=new Phaser.Game(900,800,Phaser.AUTO,"gamediv");

var mainstate={

preload:function(){

game.load.image("circle","circle.png");

game.stage.backgroundColor="00feff";

},

create:function(){

game.physics.startSystem(Phaser.Physics.ARCADE);

this.hellosprite=game.add.sprite(20,300,"circle");

game.physics.arcade.enable(this.hellosprite);

this.hellosprite.body.gravity.y=1000;

this.hellosprite.body.collideWorldBounds=true;

this.hellosprite.body.bounce.y=0.6;

this.cursors.game.input.createCursorKeys();

},

update:function(){

this.hellosprite.body.velocity.x+=1

if(this. hellosprite. body. velocity.x>=30) {

this. hellosprite. body. velocity. x=0;

}

}

};

game.state.add("main",mainstate);

game.state.start("main");

[shakeshake]

Is the image in the correct folder - in your case the root folder? You can check your browsers console to see eventual network errors (developer tools in chrome or IE (F12), firebug in firefox...)

[Zeephaser]

Yeah they're all in the right folder I'm the root. I didn't make an assets folder so...

[shakeshake]

No errors in the console?

 

For me this looks quite correct but it's hard to say without formating... Can you edit your post and mark the code as javascript code?

[Zeephaser]

Sorry how do I do that

[solegrina]

Opening/using the console with:

• Google Chrome
• Firefox
• Internet Explorer

[Zeephaser]

thanks

[Zeephaser]

I found the mistake guys, I preloaded the images with assignment syntax, I forgot it was a method.

game . load. image = xxxx; instead of game. load. image (xxxx) ;