Update project, improve sensor/render logic

[rbdr/canvas] / src / lib / components / sensor.svelte

diff --git a/src/lib/components/sensor.svelte b/src/lib/components/sensor.svelte
index da968a3220432c74dc24401af9fa54d48175cd7a..b6d38d83cfefeecb176a36741f24fc27ddcca0f9 100644 (file)
--- a/src/lib/components/sensor.svelte
+++ b/src/lib/components/sensor.svelte
@@ -1,9 +1,9 @@
 <script>
 <script>

-  import { browser } from '$app/env';
+  import { browser } from '$app/environment';

   import { maxSize } from '$lib/config';
   import { maxSize } from '$lib/config';

-
-  export let x;
-  export let y;
+  import { modulo } from '$lib/math';
+  import { canvas } from '$lib/stores/canvas';
+  import { sensor } from '$lib/stores/widgets';

 
   const kSensorSize = 2;
 
 
   const kSensorSize = 2;
 


@@ -16,16 +16,16 @@
   const fetchItems = function fetchItems( left, top, right, bottom ) {
     clearTimeout(timer);
                timer = setTimeout(() => {
   const fetchItems = function fetchItems( left, top, right, bottom ) {
     clearTimeout(timer);
                timer = setTimeout(() => {

-      console.log('fetching', left, top, right, bottom);
+      sensor.set({ left, top, right, bottom });

                }, 50);
   }
 
   $: {
     if (browser) {
                }, 50);
   }
 
   $: {
     if (browser) {

-      left = x - window.screen.width * kSensorSize;
-      top = y - window.screen.height * kSensorSize;
-      right = x + window.screen.width * kSensorSize;
-      bottom = y + window.screen.height * kSensorSize;
+      left = modulo($canvas.x - window.screen.width * kSensorSize, maxSize);
+      top = modulo($canvas.y - window.screen.height * kSensorSize, maxSize);
+      right = left + 2 * window.screen.width * kSensorSize;
+      bottom = top + 2 * window.screen.height * kSensorSize;

 
       fetchItems(left, top, right, bottom);
     }
 
       fetchItems(left, top, right, bottom);
     }