{"id":74,"date":"2015-02-13T17:29:24","date_gmt":"2015-02-13T17:29:24","guid":{"rendered":"http:\/\/buildanhtml5game.com\/?page_id=74"},"modified":"2015-02-13T17:29:24","modified_gmt":"2015-02-13T17:29:24","slug":"chapter-3-exercise-2-experimental-board-layouts","status":"publish","type":"page","link":"http:\/\/buildanhtml5game.com\/?page_id=74","title":{"rendered":"Chapter 3, Exercise 2 – Experimental Board Layouts"},"content":{"rendered":"

Now that you can make createLayout build a different grid pattern, write code to generate an entirely new layout. For example, you could draw only every alternate column or build a more creative layout.<\/em><\/p>\n

One simple change is to add spaces between bubbles by changing createLayout 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 = i%2 == 0 ? 1 : 0;
\n    for(var j=startCol;j<NUM_COLS;j+=3){
\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

Again, this doesn’t look like it’s going to make the game particularly easy.<\/p>\n

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

Now that you can make createLayout build a different grid pattern, write code to generate an entirely new layout. For example, you could draw only every alternate column or build a more creative layout. One simple change is to add spaces between bubbles by changing createLayout in board.js: var createLayout = function(){   var rows = […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":22,"menu_order":32,"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\/74"}],"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=74"}],"version-history":[{"count":1,"href":"http:\/\/buildanhtml5game.com\/index.php?rest_route=\/wp\/v2\/pages\/74\/revisions"}],"predecessor-version":[{"id":76,"href":"http:\/\/buildanhtml5game.com\/index.php?rest_route=\/wp\/v2\/pages\/74\/revisions\/76"}],"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=74"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}