Merge pull request #1354 from fhd/fix-gc-pauses

Fix GC pauses by reusing canvas elements

1 files changed, 8 insertions, 1 deletions

diff --git a/src/library_sdl.js b/src/library_sdl.js
index b64a34ef..50405bb0 100644
--- a/src/library_sdl.js
+++ b/src/library_sdl.js
@@ -21,6 +21,8 @@ var LibrarySDL = {
     version: null,
 
     surfaces: {},
+    // A pool of freed canvas elements. Reusing them avoids GC pauses.
+    canvasPool: [],
     events: [],
     fonts: [null],
 
@@ -288,7 +290,11 @@ var LibrarySDL = {
       SDL.GL = SDL.GL || useWebGL;
       var canvas;
       if (!usePageCanvas) {
-        canvas = document.createElement('canvas');
+        if (SDL.canvasPool.length > 0) {
+          canvas = SDL.canvasPool.pop();
+        } else {
+          canvas = document.createElement('canvas');
+        }
         canvas.width = width;
         canvas.height = height;
       } else {
@@ -355,6 +361,7 @@ var LibrarySDL = {
     },
 
     freeSurface: function(surf) {
+      SDL.canvasPool.push(SDL.surfaces[surf].canvas);
       _free(SDL.surfaces[surf].buffer);
       _free(SDL.surfaces[surf].pixelFormat);
       _free(surf);