feat: add dynamic fps option (#3)

Author: ivodolenc

src/compact/index.ts

@@ -44,7 +44,7 @@ export function createFrame<T extends string = PhaseIDs>(
   let shouldRunFrame = false
   let isStopped = false
 
-  const frameInterval = 1000 / (fps || 60)
+  let frameInterval = 1000 / 60
   const maxDeltaTime = 40
   let lastFrameTime = 0
   let lastPauseTime: number | null = null
@@ -177,6 +177,13 @@ export function createFrame<T extends string = PhaseIDs>(
     get state(): Readonly<FrameState> {
       return state
     },
+    get fps(): number | false | undefined {
+      return fps
+    },
+    set fps(v) {
+      frameInterval = 1000 / (v || 60)
+      fps = v
+    },
   } as Frame<T>
 
   framePhases.forEach((id) => {

src/compact/types.ts

@@ -33,6 +33,8 @@ export type Frame<T extends string> = {
   stop: () => void
   cancel: (callback?: PhaseCallback) => void
   get state(): Readonly<FrameState>
+  get fps(): number | false | undefined
+  set fps(v: number | false | undefined)
 } & FramePhases<T>
 
 export interface FrameOptions<T extends string> {