src/lib/stores/canvas.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

import { browser } from '$app/environment';
import { derived, writable } from 'svelte/store';

export const canvas = writable({x: 0, y: 0});

export const topLeft = derived(canvas, ($canvas) => {
  if (browser) {
    return {
      x: $canvas.x - window.screen.width/2,
      y: $canvas.y - window.screen.height/2
    };
  }
  return {x: 0, y: 0}
});

export const bottomRight = derived(canvas, ($canvas) => {
  if (browser) {
    return {
      x: $canvas.x + window.screen.width/2,
      y: $canvas.y + window.screen.height/2
    };
  }
  return {x: 0, y: 0}
});