gif render

@@ -7,12 +7,16 @@ class GifGenerator {
     this.canvas = canvas;
     this.canvas = canvas;
     this.width = canvas.getWidth();
     this.width = canvas.getWidth();
     this.height = canvas.getHeight();
     this.height = canvas.getHeight();
-    this.gif = new GIF(this.width, this.height);
 
 
-    this.gif.start();
+    this._initializeGif();
+  }
+
+  _initializeGif() {
+    this.gif = new GIF(this.width, this.height);
     this.gif.setTransparent(null);
     this.gif.setTransparent(null);
     this.gif.setRepeat(0);
     this.gif.setRepeat(0);
     this.gif.setQuality(10);
     this.gif.setQuality(10);
+    this.gif.start();
   }
   }
 
 
   _addFrame(delay = 0) {
   _addFrame(delay = 0) {
@@ -28,6 +32,8 @@ class GifGenerator {
   }
   }
 
 
   make() {
   make() {
+    this._initializeGif();
+
     const fabricObjs = this.canvas.getObjects();
     const fabricObjs = this.canvas.getObjects();
     const objs = [];
     const objs = [];
 
 
@@ -41,6 +47,7 @@ class GifGenerator {
       }
       }
     });
     });
 
 
+    return new Promise((resolve, reject) => {
       if (objs.length > 0) {
       if (objs.length > 0) {
         let objIdx = 0;
         let objIdx = 0;
         let isAddMode = true;
         let isAddMode = true;
@@ -49,25 +56,32 @@ class GifGenerator {
           if (isAddMode) {
           if (isAddMode) {
             const fabricObj = obj.getCurrentFabricObject();
             const fabricObj = obj.getCurrentFabricObject();
             obj.next();
             obj.next();
+            isAddMode = false;
+            this.canvas.add(fabricObj);
+          } else {
+            this._addFrame(1);
+            isAddMode = true;
             if (obj.end()) {
             if (obj.end()) {
-            if (objIdx < objs.length - 1) objIdx++;
-            else this.canvas.off("after:render", draw);
+              if (objIdx < objs.length - 1) {
+                objIdx++;
+                draw();
               } else {
               } else {
-            isAddMode = false;
+                this.canvas.off("after:render", draw);
+                resolve(this._render());
               }
               }
-          this.canvas.add(fabricObj);
             } else {
             } else {
               this.canvas.remove(
               this.canvas.remove(
                 this.canvas._objects[this.canvas._objects.length - 1]
                 this.canvas._objects[this.canvas._objects.length - 1]
               );
               );
-          isAddMode = true;
+            }
           }
           }
         };
         };
         this.canvas.on("after:render", draw);
         this.canvas.on("after:render", draw);
         draw();
         draw();
+      } else {
+        reject(new Error("no objects"));
       }
       }
-
-    console.log(objs);
+    });
   }
   }
 }
 }