Added canvas roundPixels support for Text, Particles and TileSprites

Author: photonstorm

src/gameobjects/particles/ParticleManagerCanvasRenderer.js

@@ -53,6 +53,8 @@ var ParticleManagerCanvasRenderer = function (renderer, emitterManager, interpol
             ctx.globalCompositeOperation = renderer.blendModes[emitter.blendMode];
         }
 
+        var roundPixels = renderer.config.roundPixels;
+
         for (var index = 0; index < length; ++index)
         {
             var particle = particles[index];
@@ -74,13 +76,27 @@ var ParticleManagerCanvasRenderer = function (renderer, emitterManager, interpol
             var x = -ox;
             var y = -oy;
 
+            var tx = particle.x - cameraScrollX * particle.scrollFactorX;
+            var ty = particle.y - cameraScrollY * particle.scrollFactorY;
+
+            if (roundPixels)
+            {
+                tx |= 0;
+                ty |= 0;
+            }
+
             ctx.globalAlpha = alpha;
 
             ctx.save();
-            ctx.translate(particle.x - cameraScrollX * particle.scrollFactorX, particle.y - cameraScrollY * particle.scrollFactorY);
+
+            ctx.translate(tx, ty);
+
             ctx.rotate(particle.rotation);
+
             ctx.scale(particle.scaleX, particle.scaleY);
+
             ctx.drawImage(frame.source.image, cd.sx, cd.sy, cd.sWidth, cd.sHeight, x, y, cd.dWidth, cd.dHeight);
+
             ctx.restore();
         }
 

src/gameobjects/text/static/TextCanvasRenderer.js

@@ -55,13 +55,27 @@ var TextCanvasRenderer = function (renderer, src, interpolationPercentage, camer
 
     ctx.save();
 
-    // ctx.scale(1.0 / resolution, 1.0 / resolution);
-    ctx.translate(src.x - camera.scrollX * src.scrollFactorX, src.y - camera.scrollY * src.scrollFactorY);
+    var tx = src.x - camera.scrollX * src.scrollFactorX;
+    var ty = src.y - camera.scrollY * src.scrollFactorY;
+
+    if (renderer.config.roundPixels)
+    {
+        tx |= 0;
+        ty |= 0;
+    }
+
+    ctx.translate(tx, ty);
+
     ctx.rotate(src.rotation);
+
     ctx.scale(src.scaleX, src.scaleY);
+
     ctx.translate(canvas.width * (src.flipX ? 1 : 0), canvas.height * (src.flipY ? 1 : 0));
+
     ctx.scale(src.flipX ? -1 : 1, src.flipY ? -1 : 1);
+
     ctx.drawImage(canvas, 0, 0, canvas.width, canvas.height, -src.displayOriginX, -src.displayOriginY, canvas.width, canvas.height);
+
     ctx.restore();
 };
 

src/gameobjects/tilesprite/TileSpriteCanvasRenderer.js

@@ -58,12 +58,29 @@ var TileSpriteCanvasRenderer = function (renderer, src, interpolationPercentage,
     var dx = frame.x - (src.originX * src.width);
     var dy = frame.y - (src.originY * src.height);
 
+    var tx = src.x - camera.scrollX * src.scrollFactorX;
+    var ty = src.y - camera.scrollY * src.scrollFactorY;
+
+    if (renderer.config.roundPixels)
+    {
+        dx |= 0;
+        dy |= 0;
+        tx |= 0;
+        ty |= 0;
+    }
+
     ctx.save();
+
     ctx.translate(dx, dy);
-    ctx.translate(src.x - camera.scrollX * src.scrollFactorX, src.y - camera.scrollY * src.scrollFactorY);
+
+    ctx.translate(tx, ty);
+
     ctx.fillStyle = src.canvasPattern;
+
     ctx.translate(-this.tilePositionX, -this.tilePositionY);
+
     ctx.fillRect(this.tilePositionX, this.tilePositionY, src.width, src.height);
+
     ctx.restore();
 };