{"json_modified": "2016-03-28T08:46:11.662776", "uuid": "f80be1fe-5f8a-4aff-a8e8-8db1cad615ca", "title": "Scaling", "url": "/en-US/docs/Games/Tutorials/2D_breakout_game_Phaser/Scaling", "tags": ["Canvas", "Beginner", "Phaser", "beginner", "Tutorial", "JavaScript", "canvas", "Games", "2D"], "translations": [], "modified": "2016-03-14T03:44:01", "label": "Scaling", "localization_tags": [], "locale": "en-US", "id": 159295, "last_edit": "2016-03-14T03:43:27", "summary": "Scaling refers to have the game canvas will scale on different screen sizes. We can make the game scale to fit on any screen size automatically during the preload stage, so we don't have to worry about it later.", "sections": [{"id": "Subnav", "title": "Subnav"}, {"id": "The_Phaser_scale_object", "title": "The Phaser scale object"}, {"id": "Adding_a_custom_canvas_background_colour", "title": "Adding a custom canvas background colour"}, {"id": "Compare_your_code", "title": "Compare your code"}, {"id": "Next_steps", "title": "Next steps"}], "slug": "Games/Tutorials/2D_breakout_game_Phaser/Scaling", "review_tags": []}