BitmapText Canvas Rendering

Author: bitnenfer

v3/src/gameobjects/text/BitmapTextCanvasRenderer.js

@@ -1,6 +1,94 @@
 var BitmapTextCanvasRenderer = function (renderer, src, interpolationPercentage, camera)
 {
+    if (this.renderMask !== this.renderFlags)
+    {
+        return;
+    }
+    var cameraScrollX = camera.scrollX;
+    var cameraScrollY = camera.scrollY;
+    var text = src.text;
+    var textLength = text.length;
+    var chars = src.fontData.chars;
+    var lineHeight = src.fontData.lineHeight;
+    var srcX = src.x; 
+    var srcY = src.y;
+    var xAdvance = 0;
+    var yAdvance = 0;
+    var indexCount = 0;
+    var charCode = 0;
+    var glyph = null;
+    var glyphX = 0;
+    var glyphY = 0;
+    var glyphW = 0;
+    var glyphH = 0;
+    var x = 0;
+    var y = 0;
+    var lastGlyph = null;
+    var lastCharCode = 0;
+    var ctx = renderer.currentContext;
+    var image = src.frame.source.image;
 
+    //  Blend Mode
+    if (renderer.currentBlendMode !== src.blendMode)
+    {
+        renderer.currentBlendMode = src.blendMode;
+        ctx.globalCompositeOperation = renderer.blendModes[src.blendMode];
+    }
+
+    //  Alpha
+    if (renderer.currentAlpha !== src.alpha)
+    {
+        renderer.currentAlpha = src.alpha;
+        ctx.globalAlpha = src.alpha;
+    }
+
+    //  Smoothing
+    if (renderer.currentScaleMode !== src.scaleMode)
+    {
+        renderer.currentScaleMode = src.scaleMode;
+    }
+
+    for (var index = 0; index < textLength; ++index)
+    {
+        charCode = text.charCodeAt(index);
+        if (charCode === 10)
+        {
+            xAdvance = 0;
+            indexCount = 0;
+            yAdvance += lineHeight;
+            lastGlyph = null;
+            continue;
+        }
+
+        glyph = chars[charCode];
+        if (!glyph)
+        {
+            continue;
+        }
+
+        glyphX = glyph.x;
+        glyphY = glyph.y;
+        glyphW = glyph.width;
+        glyphH = glyph.height;
+        x = (srcX + indexCount + glyph.xOffset + xAdvance) - cameraScrollX;
+        y = (srcY + glyph.yOffset + yAdvance) - cameraScrollY;
+
+        if (lastGlyph !== null)
+        {
+            var kerningOffset = glyph.kerning[lastCharCode];
+            x += (kerningOffset !== undefined) ? kerningOffset : 0;
+        }
+
+        ctx.save();
+        ctx.translate(x, y);
+        ctx.drawImage(image, glyphX, glyphY, glyphW, glyphH, 0, 0, glyphW, glyphH);
+        ctx.restore();
+        
+        xAdvance += glyph.xAdvance;
+        indexCount += 1;
+        lastGlyph = glyph;
+        lastCharCode = charCode;
+    }
 };
 
 module.exports = BitmapTextCanvasRenderer;

v3/src/gameobjects/text/BitmapTextWebGLRenderer.js

@@ -5,7 +5,6 @@ var BitmapTextWebGLRenderer = function (renderer, src, interpolationPercentage,
         return;
     }
 
-    var blitterBatch = renderer.blitterBatch;
     var cameraMatrix = camera.matrix.matrix;
     var a = cameraMatrix[0];
     var b = cameraMatrix[1];