2017-01-14 3 views
1

Ich bin neu in Phaser. Ich fing an, Youtube-Serie zu sehen, und ich habe zuerst Problem damit. Mein Hintergrundbild lädt nicht. Ich habe diese JS-CodePhase - Meine Bilder laden nicht

/* global Phaser */ 

var game = new Phaser.Game(1200,600, Phaser.AUTO); 

var GameState = { 
    preload : function(){ 
     this.load.image('background','assets/images/background.png'); 
    }, 
    create: function() { 
     this.background = this.game.add.sprite(0, 0, 'background'); 
    }, 
    update : function() { 

    } 
}; 

game.state.add('GameState',GameState); 

meine index.php Code:

<!DOCTYPE html> 
<html lang='cs' dir='ltr'> 
    <head> 
     <meta charset='UTF-8'> 
     <meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1, minimum-scale-1, user-scalable=no'/> 

     <title>8. úkol</title> 
    </head> 
    <body> 
     <section> 
     <script type='text/javascript' src='js/phaser.js'></script> 
     <script type='text/javascript' src='js/main.js'> 

     </script> 
     </section> 
    </body> 
</html> 

Meine hat Hintergrund Bildgröße 600x135

+0

Hallo ich sah u es herauszufinden ur Problem noch eine Sache, 'game.state.add ('GameState', GameState, true)' die dritte Option Hinzufügen Zustand einen Booleschen Wert nimmt. was bedeutet true bedeutet diesen Zustand zu starten :)) –

Antwort

0

Ich löste sie dies Code hinzufügen

game.state.start('GameState'); 
+0

FYI, sollten Sie in der Lage sein, dies als die Antwort zu markieren, damit die Leute wissen, dass diese Frage erfolgreich beantwortet wurde. –

0

// Hi, kopiere einfach alles und es sollte dein Problem jetzt lösen Phaser ist ein wirklich interessanter Framewor k bitte gefallen frei, mir eine direkte Nachricht auf irgendwelche Fragen zu schicken Ich bin ziemlich neu dazu und ich werde mehr als glücklich sein, Ihnen alles zu zeigen, das ich weiß, einen schönen Tag zu haben!

/* global Phaser */ 



var GameState = { 
preload : function(){ 
    this.load.image('background','assets/images/background.png'); 
}, 
create: function() { 
    this.background = this.game.add.sprite(0, 0, 'background'); 
}, 
update : function() { 

} 
}; 

var game = new Phaser.Game(1200,600, Phaser.AUTO); //<--- use it down 
                // here its neater 
game.state.add('GameState',GameState); 
game.state.start('GameState')