{"id":65,"date":"2015-02-13T17:21:17","date_gmt":"2015-02-13T17:21:17","guid":{"rendered":"http:\/\/buildanhtml5game.com\/?page_id=65"},"modified":"2015-02-13T17:26:53","modified_gmt":"2015-02-13T17:26:53","slug":"chapter-3-exercise-1-board-layouts","status":"publish","type":"page","link":"http:\/\/buildanhtml5game.com\/?page_id=65","title":{"rendered":"Chapter 3, Exercise 1 – Board Layouts"},"content":{"rendered":"

Each row of the game board is offset to form a staggered pattern. Change the code in createLayout so the bubbles form a regular grid. How will this change the game?<\/em><\/p>\n

Change on line in the createLayout function in board.js:<\/p>\n

var createLayout = function(){
\n  var rows = [];
\n  for(var i=0;i<NUM_ROWS;i++){
\n    var row = [];
\n    var startCol = 0;
\n    for(var j=startCol;j<NUM_COLS;j+=2){
\n      var bubble = BubbleShoot.Bubble.create(i,j);
\n      row[j] = bubble;
\n    };
\n    rows.push(row);
\n  };
\n  return rows;
\n};<\/code><\/p>\n

The grid is now regular and very odd looking, and it looks like it’s going to be much harder to join groups of bubbles together!<\/p>\n

\"Bubble<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Each row of the game board is offset to form a staggered pattern. Change the code in createLayout so the bubbles form a regular grid. How will this change the game? Change on line in the createLayout function in board.js: var createLayout = function(){   var rows = [];   for(var i=0;i<NUM_ROWS;i++){     var row = [];     var […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":22,"menu_order":31,"comment_status":"open","ping_status":"open","template":"practice-answer-page.php","meta":[],"_links":{"self":[{"href":"http:\/\/buildanhtml5game.com\/index.php?rest_route=\/wp\/v2\/pages\/65"}],"collection":[{"href":"http:\/\/buildanhtml5game.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/buildanhtml5game.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/buildanhtml5game.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/buildanhtml5game.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=65"}],"version-history":[{"count":6,"href":"http:\/\/buildanhtml5game.com\/index.php?rest_route=\/wp\/v2\/pages\/65\/revisions"}],"predecessor-version":[{"id":72,"href":"http:\/\/buildanhtml5game.com\/index.php?rest_route=\/wp\/v2\/pages\/65\/revisions\/72"}],"up":[{"embeddable":true,"href":"http:\/\/buildanhtml5game.com\/index.php?rest_route=\/wp\/v2\/pages\/22"}],"wp:attachment":[{"href":"http:\/\/buildanhtml5game.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=65"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}