Search the Community
Showing results for tags 'layout'.
-
Hello all, previously i asked about how to change screen size dinamically, but even if i do that a few parts of the screen will be unused. Example: ipad's have 768x1024 res, but some phones has 1280x720, so even if i use the scale capabilities from phaser i'll get some screen unused. How you people deal with this? Move camera? Better outer decorations? Looking for ideas, and any comment is welcome.
-
Hello everyone, I hop this question hasn't been answered yet. I want to layout the game in a manner similar to the Phaser Examples, but it was too complex for my needs. I also want to bundle phaser with meteor akin to this "Meteor with Phaser" post. Since the 1.8mb project is slightly too large for this site, the adventurous can get a copy of the project at MediaFire. The HTML page is HTML and Handlebars: <head> <title>phaser-meteor</title></head><body> {{> header}} {{> game}} {{> body}} {{> footer}}</body><template name="header"> <div class="header"> <h1>Meteor-Phaser-CoffeeScript Template</h1> </div></template><template name="game"> <div class="game"> {{game}} </div></template><template name="body"> <div class="body"> <p>Take a look at the game code:</p> <!-- Snip --> </div></template><template name="footer"> <div class="footer"> <p>That's about it. Have fun and keep on coding!</p> </div></template>With this snappy little CSS: .game { display: block; width: 800px; height: 600px; margin: 20px auto;} The game code isn't much (I'm omitting the MainMenuState for brevity) Template.game.game = -> game = new Phaser.Game(800, 600, Phaser.CANVAS) game.state.add "MainMenu", new MainMenuState, true returnThe entire thing looks like this: I'm obviously doing something wrong, but what? Any help would be greatly appreciated!