{"json_modified": "2016-07-19T06:55:51.311938", "uuid": "67df3399-d3fa-43e1-ba05-039eb4bb097c", "title": "Build the brick field", "url": "/en-US/docs/Games/Tutorials/2D_breakout_game_Phaser/Build_the_brick_field", "tags": ["Canvas", "Beginner", "Phaser", "beginner", "Tutorial", "JavaScript", "canvas", "Games", "2D"], "translations": [], "modified": "2016-07-19T06:55:51", "label": "Build the brick field", "localization_tags": [], "locale": "en-US", "id": 159271, "last_edit": "2016-07-19T06:55:48", "summary": "Building the brick field is a little bit more complicated than adding a single object to the screen, although It's still easier with Phaser than in pure JavaScript. Let's explore how to create a group of bricks and print them on screen using a loop.", "sections": [{"id": "Subnav", "title": "Subnav"}, {"id": "Defining_new_variables", "title": "Defining new variables"}, {"id": "Rendering_the_brick_image", "title": "Rendering the brick image"}, {"id": "Drawing_the_bricks", "title": "Drawing the bricks"}, {"id": "Checking_the_initBricks()_code", "title": "Checking the initBricks() code"}, {"id": "Compare_your_code", "title": "Compare your code"}, {"id": "Next_steps", "title": "Next steps"}], "slug": "Games/Tutorials/2D_breakout_game_Phaser/Build_the_brick_field", "review_tags": []}