Choeeey Posted November 11, 2014 Report 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 Quote Link to comment Share on other sites More sharing options...
spencerTL Posted November 11, 2014 Report 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. Quote Link to comment Share on other sites More sharing options...
rich Posted November 11, 2014 Report 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) Quote Link to comment Share on other sites More sharing options...
Choeeey Posted November 11, 2014 Author Report 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 Quote Link to comment Share on other sites More sharing options...
Choeeey Posted November 11, 2014 Author Report 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> Quote Link to comment Share on other sites More sharing options...
rich Posted November 12, 2014 Report Share Posted November 12, 2014 In that case I would suggest updating Phaser or forcing the game to use Canvas mode and not WebGL. Quote Link to comment Share on other sites More sharing options...
ericjbasti Posted November 12, 2014 Report 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 Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.