Ticket #119 - Translate the canvas context to world coordinates for a…

…ll "non-floating" objects.

- This patch allows `floating` objects to always be drawn in screencoordinates, and `non-floating` objects to always be drawn in world coordinates.

src/core.js

@@ -998,8 +998,22 @@ var me = me || {};
  && !obj.overlaps(rect)) {
  continue;
  }
+
+ if (!obj.floating) {
+ // translate object position to world coordinates
+ var pos = me.game.viewport.pos;
+
+ context.save();
+ context.translate(-pos.x, -pos.y);
+ }
+
  // draw the object using the dirty area to be updated
  obj.draw(context, rect);
+
+ if (!obj.floating) {
+ context.restore();
+ }
+
  drawCount++;
  }
  // some debug stuff

src/entity/entity.js

@@ -955,9 +955,7 @@
  if (me.debug.renderHitBox) {
  // draw the sprite rectangle
  context.strokeStyle = "blue";
- context.strokeRect(this.pos.x - me.game.viewport.pos.x,
- this.pos.y - me.game.viewport.pos.y,
- this.width, this.height);
+ context.strokeRect(this.pos.x, this.pos.y, this.width, this.height);
 
  this.collisionBox.draw(context);
  }

src/entity/sprite.js

@@ -298,8 +298,8 @@
  // sprite alpha value
  context.globalAlpha = this.alpha;
 
- // translate to screen coordinates
- var xpos = ~~(this.pos.x - this.vp.pos.x), ypos = ~~(this.pos.y - this.vp.pos.y);
+ // clamp position vector to pixel grid
+ var xpos = ~~this.pos.x, ypos = ~~this.pos.y;
 
  if ((this.scaleFlag) || (this.angle!==0)) {
  // calculate pixel pos of the anchor point

src/math/geometry.js

@@ -566,9 +566,7 @@
  draw : function(context, color) {
  // draw the rectangle
  context.strokeStyle = color || "red";
- context.strokeRect(this.left - me.game.viewport.pos.x,
- this.top - me.game.viewport.pos.y, this.width,
- this.height);
+ context.strokeRect(this.left, this.top, this.width, this.height);
 
  }
  });