code: function() {
              //Get the center Point in the viewport
              var center = this.centerAt();
              var start = this.px2pos(
                  -center.left + Crafty.viewport.width / 2,
                  -center.top + Crafty.viewport.height / 2
              );
              var end = this.px2pos(
                  -center.left - Crafty.viewport.width / 2,
                  -center.top - Crafty.viewport.height / 2
              );
              return {
                  x: {
                      start: start.x,
                      end: end.x
                  },
                  y: {
                      start: start.y,
                      end: end.y
                  }
              };
          }
docs: @
  #Crafty.isometric.area
  @comp Crafty.isometric
  @kind Method
  
  @sign public Object Crafty.isometric.area()
  @return An obect with `x` and `y` fields, each of which have a start and end field.
  In other words, the object has this structure: `{x:{start Number,end Number},y:{start Number,end Number}}`
  
  This method returns an object representing the bounds of the viewport
  
  @example
  ~~~
  var iso = Crafty.isometric.size(128,96).centerAt(10,10); //Viewport is now moved
  var area = iso.area(); //get the area
  for(var y = area.y.start;y <= area.y.end;y++){
  for(var x = area.x.start ;x <= area.x.end;x++){
  iso.place(x,y,0,Crafty.e("2D,DOM,gras")); //Display tiles in the Screen
  }
  }
  ~~~