Trying to get batching working with Scene Renderer

Author: photonstorm

plugins/spine/src/gameobject/SpineGameObjectWebGLRenderer.js

@@ -25,13 +25,18 @@ var RadToDeg = require('../../../../src/math/RadToDeg');
 var SpineGameObjectWebGLRenderer = function (renderer, src, interpolationPercentage, camera, parentMatrix)
 {
     var plugin = src.plugin;
-    var mvp = plugin.mvp;
 
-    var shader = plugin.shader;
-    var batcher = plugin.batcher;
-    var runtime = plugin.runtime;
+    // var mvp = plugin.mvp;
+
+    // var shader = plugin.shader;
+    // var batcher = plugin.batcher;
+    // var runtime = plugin.runtime;
+
     var skeleton = src.skeleton;
-    var skeletonRenderer = plugin.skeletonRenderer;
+
+    var sceneRenderer = plugin.sceneRenderer;
+
+    // var skeletonRenderer = plugin.skeletonRenderer;
 
     if (!skeleton)
     {
@@ -73,8 +78,8 @@ var SpineGameObjectWebGLRenderer = function (renderer, src, interpolationPercent
         camMatrix.multiply(spriteMatrix, calcMatrix);
     }
 
-    var width = renderer.width;
-    var height = renderer.height;
+    var viewportWidth = renderer.width;
+    var viewportHeight = renderer.height;
 
     skeleton.x = calcMatrix.tx;
     skeleton.scaleX = calcMatrix.scaleX;
@@ -86,44 +91,61 @@ var SpineGameObjectWebGLRenderer = function (renderer, src, interpolationPercent
     }
     else
     {
-        skeleton.y = height - calcMatrix.ty;
+        skeleton.y = viewportHeight - calcMatrix.ty;
         skeleton.scaleY = calcMatrix.scaleY;
     }
 
     src.root.rotation = RadToDeg(CounterClockwise(calcMatrix.rotation));
 
+    sceneRenderer.camera.position.x = viewportWidth / 2;
+    sceneRenderer.camera.position.y = viewportHeight / 2;
+    sceneRenderer.camera.viewportWidth = viewportWidth;
+    sceneRenderer.camera.viewportHeight = viewportHeight;
+
     //  Add autoUpdate option
     skeleton.updateWorldTransform();
 
     if (renderer.newType)
     {
-        mvp.ortho(0, width, 0, height, 0, 1);
+        sceneRenderer.begin();
 
-        shader.bind();
-        shader.setUniformi(runtime.Shader.SAMPLER, 0);
-        shader.setUniform4x4f(runtime.Shader.MVP_MATRIX, mvp.val);
+        // mvp.ortho(0, width, 0, height, 0, 1);
 
-        skeletonRenderer.premultipliedAlpha = true;
+        // shader.bind();
+        // shader.setUniformi(runtime.Shader.SAMPLER, 0);
+        // shader.setUniform4x4f(runtime.Shader.MVP_MATRIX, mvp.val);
 
-        batcher.begin(shader);
+        // skeletonRenderer.premultipliedAlpha = true;
+
+        // batcher.setBlendMode(renderer.gl.ONE, renderer.gl.ONE_MINUS_SRC_ALPHA);
+        // batcher.begin(shader);
     }
 
     if (renderer.nextTypeMatch)
     {
-        // batcher.isDrawing = false;
+        // sceneRenderer.batcher.isDrawing = false;
     }
 
     //  Draw the current skeleton
-    skeletonRenderer.draw(batcher, skeleton);
+
+    sceneRenderer.drawSkeleton(skeleton, true);
+
+    // sceneRenderer.drawSkeletonDebug(skeleton, true);
+
+    // skeletonRenderer.premultipliedAlpha = true;
+    // skeletonRenderer.draw(batcher, skeleton);
 
     if (!renderer.nextTypeMatch)
     {
         //  The next object in the display list is not a Spine object, so we end the batch
-        batcher.isDrawing = true;
+        // batcher.isDrawing = true;
+        // sceneRenderer.batcher.isDrawing = true;
+
+        // batcher.end();
 
-        batcher.end();
+        // shader.unbind();
 
-        shader.unbind();
+        sceneRenderer.end();
 
         renderer.rebindPipeline(renderer.pipelines.TextureTintPipeline);
     }