- {#if withSetpoint}
-
{
- let rect = bar.getBoundingClientRect();
- let y = e.domRect.y / (rect.height + rect.y);
- onSetpointChange(1.0 - y);
- },
- }}
- />
- {/if}
-
+ {
+ await invoke("log", {
+ msg: `Resized`,
+ });
+
+ pos = { x: 0, y: 0 };
+ let rect = bar.getBoundingClientRect();
+ let prect = point.getBoundingClientRect();
+ pos.y = -(setpoint / 100) * rect.height + prect.height;
+ }}
+/>
+
+
+
+
diff --git a/src/components/tube.svelte b/src/components/tube.svelte
index 768605d..b1fec65 100644
--- a/src/components/tube.svelte
+++ b/src/components/tube.svelte
@@ -6,16 +6,14 @@
let src = "";
export let buf = 0;
export let open = false;
+ export let threshold = 50;
let closed = false;
let blink = false;
let inAnim = "jump-in";
let outAnim = "none";
$: {
- if (buf > 50) {
- open = true;
- closed = false;
- } else {
+ if (buf < threshold) {
open = false;
closed = true;
}
@@ -38,10 +36,12 @@
onMount(async () => {
await appWindow.listen("mouth-open", () => {
buf = 100;
+ open = true;
+ closed = false;
});
await appWindow.listen("mouth-close", () => {
- buf = buf - 10;
+ buf = buf - 5;
buf = buf < 0 ? 0 : buf;
});
diff --git a/src/views/main.svelte b/src/views/main.svelte
index e11c0a6..9f82885 100644
--- a/src/views/main.svelte
+++ b/src/views/main.svelte
@@ -1,39 +1,123 @@
-
{#each [0, 1, 2, 3] as i}
@@ -41,17 +125,48 @@
{/each}
-
- {
- // $threshold = e;
- await invoke("set_mic_threshold", { threshold: e });
- }}
- --bar-color={active ? "green" : "blue"}
- />
+
@@ -59,6 +174,29 @@
+ {#key $threshold}
+ {
+ $threshold = e;
+ }}
+ --bar-color={active ? "lightgreen" : "blue"}
+ >
+ {/key}
+ {#key closeThreshold}
+ (closeThreshold = y * 100)}
+ >
+ {/key}
+
+
{/if}