{"json_modified": "2016-03-28T08:46:08.940470", "uuid": "45b39b5c-d4ef-4206-bf57-113059e44356", "title": "Initialize the framework", "url": "/en-US/docs/Games/Tutorials/2D_breakout_game_Phaser/Initialize_the_framework", "tags": ["Canvas", "Beginner", "beginner", "Phaser", "HTML", "Tutorial", "JavaScript", "canvas", "Games", "2D"], "translations": [], "modified": "2016-03-14T03:43:46", "label": "Initialize the framework", "localization_tags": [], "locale": "en-US", "id": 159187, "last_edit": "2016-03-14T03:43:23", "summary": "Before we can start writing the game's functionality, we need to create a basic structure to render the game inside. This can be done using HTML \u2014 the Phaser framework will generate the required <a href=\"/en-US/docs/Web/HTML/Element/canvas\" title=\"The HTML &lt;canvas&gt; Element can be used to draw graphics via scripting (usually JavaScript). For example, it can be used to draw graphs, make photo compositions or even perform animations. You may (and should) provide alternate content inside the &lt;canvas&gt; block. That content will be rendered both on older browsers that don't support canvas and in browsers with JavaScript disabled.\"><code>&lt;canvas&gt;</code></a> element.", "sections": [{"id": "Subnav", "title": "Subnav"}, {"id": "The_game's_HTML", "title": "The game's HTML"}, {"id": "Downloading_the_Phaser_code", "title": "Downloading the Phaser code"}, {"id": "Walking_through_what_we_have_so_far", "title": "Walking through what we have so far"}, {"id": "Compare_your_code", "title": "Compare your code"}, {"id": "Next_steps", "title": "Next steps"}], "slug": "Games/Tutorials/2D_breakout_game_Phaser/Initialize_the_framework", "review_tags": []}