ichbinkaizoku Posted December 15, 2015 Share Posted December 15, 2015 Hi guys, I just started out with Phaser and I was thinking about creating a basic game with a guy jumping around from scratch. I searched this website for an answer but I couldn't actually find one that fits or I was too stupid to understand it. So why when I want to create an image on the canvas it says "Phaser.Cache.getImage: Key "jucator" not found in Cache." ? Here's my code:<html><head><meta charset="UTF-8" /><title>Dani Mocanu runs</title><script type="text/javascript" src="JS/phaser.min.js"></script></head><body><script type="text/javascript"> var player; new Phaser.Game(800, 600, Phaser.AUTO, '', {preload: function(){ this.game.stage.backgroundColor = '#85b5e1';this.game.add.image('platforma', 'assets/platform.jpg');this.game.add.image('jucator', 'assets/player.jpg');}, create: function(){ player = this.game.add.sprite(0,0,'jucator');}, update: function(){ }})</script></body></html>I'm using WAMP in order to 'host' the game. Thanks for the info and if you have any advice about how should I be learning Phaser in a better way or any advice about anything for a beginner please let me know. Thank you! Link to comment Share on other sites More sharing options...
stvrbbns Posted March 4, 2016 Share Posted March 4, 2016 My guess is that the correct call is "game.load" not "game.add" to make images available in the first place. Batzi 1 Link to comment Share on other sites More sharing options...
Phillipz Posted August 24, 2017 Share Posted August 24, 2017 It is actually a syntax error, and its because you did not use the "load" function in the preload. So here is the fix code. <html> <head> <meta charset="UTF-8" /> <title>Dani Mocanu runs</title> <script type="text/javascript" src="JS/phaser.min.js"></script> </head> <body> <script type="text/javascript"> var player; new Phaser.Game(800, 600, "Phaser.AUTO '', { preload: function(){ game.load.image('platforma', 'assets/platform.jpg'); game.load.image('jucator', 'assets/player.jpg'); }, create: function(){ this.game.stage.backgroundColor = '#85b5e1'; player = this.game.add.sprite(0, 0, 'jucator'); }, update: function(){ } }); </script> </body> </html> Link to comment Share on other sites More sharing options...
Recommended Posts