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);
 
 				}
 	});