marchhill

Members
  • Content Count

    5
  • Joined

  • Last visited

  1. What does it look like? Can you post a screenshot?
  2. Aha found it. Cordova does not acknowledge the meta viewport tag, it assumes a responsive design. This means you have to change the canvas size to be window.innerWidth and height and it will work.
  3. Try something like this: var WIDTH = window.screen.availWidth * window.devicePixelRatio; var HEIGHT = window.screen.availHeight * window.devicePixelRatio; var game = new Phaser.Game(WIDTH, HEIGHT, Phaser.AUTO, 'game'); It will modify the canvas size depending on the screen size
  4. I am currently creating a puzzle game app using Phaser and Cordova (crosswalk) but I am having some trouble with the meta viewport tags. Testing the game on my android phone with cordova, no matter what I set my meta viewport tag, the game is always extremely zoomed in on one small area of the canvas. However the reason I think this is a viewport problem, is that on chrome, when I set the meta viewport to this: <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width"> I get the exact same problem as in cordova, however when I don't set it at all, or set it to something like this: <meta name="viewport" content="user-scalable=no, width=3000"> The game runs perfectly fine! How can I fix this so that the canvas and cordova viewport will both work? Details: Phaser version 2.6.2 Phone model - Samsung Galaxy S7 P.S. Apologies if this is more of a Cordova problem I was not sure. A final thing I did with Cordova (if anyone has any experience with it) is set this in the config: <preference name="EnableViewportScale" value="true" /> Still no luck...