Canvas rendering working with the new game object

Author: bitnenfer

v3/src/gameobjects/blitter/Blitter.js

@@ -119,6 +119,7 @@ Blitter.prototype.getRenderList = function ()
     if (this.dirty)
     {
         this.renderList = this.children.list.filter(this.childCanRender, this);
+        this.dirty = false;
     }
 
     return this.renderList;

v3/src/gameobjects/blitter/BlitterCanvasRenderer.js

@@ -1,7 +1,7 @@
 
 var BlitterCanvasRenderer = function (renderer, src, interpolationPercentage, camera)
 {
-    var worldAlpha = src.color.worldAlpha;
+    var worldAlpha = 1; //src.color.worldAlpha;
     var list = src.getRenderList();
 
     //  Skip rendering?

v3/src/gameobjects/image/ImageCanvasRenderer.js

@@ -4,18 +4,18 @@ var ImageCanvasRenderer = function (renderer, src, interpolationPercentage, came
     var frame = src.frame;
 
     //  Calculate this in the Color component
-    var alpha = src.color.worldAlpha * 255 << 24;
+    var alpha = 1; //src.color.worldAlpha * 255 << 24;
 
     //  Move all of these to accessors that automatically remove this GO from the display list anyway
     if (src.skipRender || !src.visible || alpha === 0 || !frame.cutWidth || !frame.cutHeight)
     {
         return;
     }
 
-    var tint = src.color._glTint;
-    var bg = src.color._glBg;
+    var tint = null; //src.color._glTint;
+    var bg = null; //src.color._glBg;
 
-    renderer.drawImage(frame, src.blendMode, src.transform, src.anchorX, src.anchorY, alpha, tint, bg, camera);
+    renderer.drawImage(frame, src, /* blendMode */null, alpha, tint, bg, camera);
 };
 
 module.exports = ImageCanvasRenderer;

v3/src/gameobjects/sprite/SpriteCanvasRenderer.js

@@ -2,7 +2,7 @@
 var SpriteCanvasRenderer = function (renderer, src, interpolationPercentage, camera)
 {
     var frame = src.frame;
-    var alpha = src.color.worldAlpha * 255 << 24;
+    var alpha = 1; //src.color.worldAlpha * 255 << 24;
 
     //  Skip rendering?
 
@@ -11,11 +11,10 @@ var SpriteCanvasRenderer = function (renderer, src, interpolationPercentage, cam
         return;
     }
 
-    var data = src.transform.getCanvasTransformData(interpolationPercentage, renderer);
-    var tint = src.color._glTint;
-    var bg = src.color._glBg;
+    var tint = null; //src.color._glTint;
+    var bg = null; //src.color._glBg;
 
-    renderer.drawImage(frame, src.blendMode, data, alpha, tint, bg, camera);
+    renderer.drawImage(frame, src, /*blendMode*/ null, alpha, tint, bg, camera);
 
     //  Render children
     for (var i = 0; i < src.children.list.length; i++)

v3/src/renderer/canvas/utils/DrawImage.js

@@ -1,5 +1,5 @@
 
-var DrawImage = function (frame, blendMode, transform, anchorX, anchorY, alpha, tint, bg, camera)
+var DrawImage = function (frame, src, blendMode, alpha, tint, bg, camera)
 {
     var ctx = this.currentContext;
     var cd = frame.canvasData;
@@ -28,13 +28,13 @@ var DrawImage = function (frame, blendMode, transform, anchorX, anchorY, alpha,
         // ctx[this.smoothProperty] = (source.scaleMode === ScaleModes.LINEAR);
     }
 
-    var dx = frame.x - (anchorX * frame.width) - camera.scrollX;
-    var dy = frame.y - (anchorY * frame.height) - camera.scrollY;
+    var dx = frame.x - (src.anchorX * frame.width) - camera.scrollX;
+    var dy = frame.y - (src.anchorY * frame.height) - camera.scrollY;
 
     ctx.save();
-    ctx.translate(transform.x, transform.y);
-    ctx.rotate(transform.angle);
-    ctx.scale(transform.scaleX, transform.scaleY);
+    ctx.translate(src.x, src.y);
+    ctx.rotate(src.angle);
+    ctx.scale(src.scaleX, src.scaleY);
     ctx.drawImage(frame.source.image, cd.sx, cd.sy, cd.sWidth, cd.sHeight, dx, dy, cd.dWidth, cd.dHeight);
     ctx.restore();
 };