refactor web

web/src/components/game/composables/useSharedTicker.ts

@@ -0,0 +1,28 @@
+import { Ticker } from 'pixi.js'
+import { onMounted, onUnmounted } from 'vue'
+
+const sharedTicker = new Ticker()
+let consumerCount = 0
+
+export function useSharedTicker(callback: (delta: number) => void) {
+  const runner = (ticker: Ticker) => {
+    callback(ticker.deltaTime)
+  }
+
+  onMounted(() => {
+    consumerCount += 1
+    sharedTicker.add(runner)
+    if (!sharedTicker.started) {
+      sharedTicker.start()
+    }
+  })
+
+  onUnmounted(() => {
+    sharedTicker.remove(runner)
+    consumerCount = Math.max(consumerCount - 1, 0)
+    if (consumerCount === 0) {
+      sharedTicker.stop()
+    }
+  })
+}
+