option to update the fps of the gif

Author: EmilienLeroy

packages/2d/src/Components/GIF.ts

@@ -4,10 +4,17 @@ import gifken, { Gif } from 'gifken';
 
 interface GIFInterface extends AnimationAPI<HTMLImageElement> {
     getGif(): Gif,
-    drawCurrentFrame(context: CanvasRenderingContext2D): void;
+    drawCurrentFrame(context: CanvasRenderingContext2D, x?: number, y?: number): void;
 }
 
-export default function GIF(options: { url: string, width: number, height: number, fps?: number, compressed?: boolean, loop?: boolean }): GIFInterface {
+export default function GIF(options: { 
+    url: string, 
+    width: number, 
+    height: number, 
+    fps?: number, 
+    compressed?: boolean, 
+    loop?: boolean 
+}): GIFInterface {
     useType(GIF);
     let gif: Gif = new Gif();
     let frames: AnimationFrame<HTMLImageElement>[] = [];
@@ -31,17 +38,17 @@ export default function GIF(options: { url: string, width: number, height: numbe
             if(frames.length - 1 <= i && options.loop && play) {
                 i = 0;
             }
-        }, 30)
+        }, 1000 / (options.fps || 25))
     })
 
 
     return {
         getGif() {
             return gif;
         },
-        drawCurrentFrame(context: CanvasRenderingContext2D) {
+        drawCurrentFrame(context: CanvasRenderingContext2D, x: number = 0, y: number = 0) {
             if(frames.length !== 0 && play) {
-                context.drawImage(frames[i].data, 0, 0);
+                context.drawImage(frames[i].data, x, y);
             }
         },
         frames: frames,