Choeeey Posted November 11, 2014 Share Posted November 11, 2014 Hey everyone, So if I run my game on my phone then the game is almost impossible to look at it, it is so faded and light. - image attached However, If I run it on my laptop everyone looks fine, I do not understand why it is doing this? Has anyone had this problem and know how to fix it? The Dimensions are fine so it not to do with scaling :S Link to comment Share on other sites More sharing options...
spencerTL Posted November 11, 2014 Share Posted November 11, 2014 See this thread. http://www.html5gamedevs.com/topic/9098-strange-webgl-results-on-ios8/ I think this is fixed in newer versions of Phaser that use the new PIXI. Link to comment Share on other sites More sharing options...
rich Posted November 11, 2014 Share Posted November 11, 2014 Yes it's fixed in newer versions. However if you don't want to upgrade just set your page background to black in your css. That'll fix it too (or the parent div, or whatever your game is in) Link to comment Share on other sites More sharing options...
Choeeey Posted November 11, 2014 Author Share Posted November 11, 2014 I am bit lost, I set the background to black and then everything just went black and my whole game is just a black screen :S Link to comment Share on other sites More sharing options...
Choeeey Posted November 11, 2014 Author Share Posted November 11, 2014 my index file looks like this: <!DOCTYPE html><html> <style> body {background-color:black} </style><head> <meta charset="utf-8" /> <title></title> <style> body { margin: 0; background: #B4D9E7; } </style> <script src="phaser.min.js"></script> <script src="Boot.js"></script> <script src="Preloader.js"></script> <script src="MainMenu.js"></script> <script src="Game.js"></script></head><body><script>(function() { var game = new Phaser.Game(500, 340, Phaser.AUTO, 'game'); game.state.add('Boot', myGame.Boot); game.state.add('Preloader', myGame.Preloader); game.state.add('MainMenu', myGame.MainMenu); game.state.add('Game', myGame.Game); game.state.start('Boot'); })();</script></body></html> Link to comment Share on other sites More sharing options...
rich Posted November 12, 2014 Share Posted November 12, 2014 In that case I would suggest updating Phaser or forcing the game to use Canvas mode and not WebGL. Link to comment Share on other sites More sharing options...
ericjbasti Posted November 12, 2014 Share Posted November 12, 2014 Just FYI. That second <style> body { margin: 0; background: #B4D9E7; } </style> is going to override the first background: black. Choeeey 1 Link to comment Share on other sites More sharing options...
Recommended Posts