diff --git a/src/playground/benchmark.js b/src/playground/benchmark.js
index 4e6d383b..9284c5db 100644
--- a/src/playground/benchmark.js
+++ b/src/playground/benchmark.js
@@ -476,7 +476,7 @@ const runBenchmark = function () {
 
     // Instantiate the renderer and connect it to the VM.
     const canvas = document.getElementById('scratch-stage');
-    const renderer = new window.RenderWebGL(canvas);
+    const renderer = new window.ScratchRender(canvas);
     Scratch.renderer = renderer;
     vm.attachRenderer(renderer);
     const audioEngine = new window.AudioEngine();
diff --git a/src/playground/index.html b/src/playground/index.html
index 9a0fcfbe..be633b62 100644
--- a/src/playground/index.html
+++ b/src/playground/index.html
@@ -83,6 +83,8 @@
   <script src="./vendor.js"></script>
   <!-- Storage module -->
   <script src="./scratch-storage.js"></script>
+  <!-- Stage rendering -->
+  <script src="./scratch-render.js"></script>
   <!-- VM -->
   <script src="./scratch-vm.js"></script>
   <!-- Playground -->
diff --git a/webpack.config.js b/webpack.config.js
index 0095d0dc..e9eae32d 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -122,7 +122,7 @@ module.exports = [
                 },
                 {
                     test: require.resolve('scratch-render'),
-                    loader: 'expose-loader?RenderWebGL'
+                    loader: 'expose-loader?ScratchRender'
                 }
             ])
         },
@@ -134,6 +134,8 @@ module.exports = [
                 from: 'node_modules/highlightjs/styles/zenburn.css'
             }, {
                 from: 'node_modules/scratch-storage/dist/web'
+            }, {
+                from: 'node_modules/scratch-render/dist/web'
             }, {
                 from: 'src/playground'
             }])