voice-ring 0.1.2 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/dist/index.cjs +3 -3
- package/dist/index.d.ts +75 -5
- package/dist/index.es.js +1004 -829
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { useState as
|
|
3
|
-
let
|
|
4
|
-
function
|
|
1
|
+
import { jsx as jn } from "react/jsx-runtime";
|
|
2
|
+
import { useState as Wt, useEffect as Dt, useRef as It, useCallback as On } from "react";
|
|
3
|
+
let Zt = null;
|
|
4
|
+
function Zn() {
|
|
5
5
|
if (typeof window > "u") return null;
|
|
6
|
-
const
|
|
7
|
-
return
|
|
6
|
+
const n = window;
|
|
7
|
+
return n.AudioContext ?? n.webkitAudioContext ?? null;
|
|
8
8
|
}
|
|
9
|
-
function
|
|
10
|
-
return
|
|
9
|
+
function Le() {
|
|
10
|
+
return Zn() != null;
|
|
11
11
|
}
|
|
12
|
-
function
|
|
13
|
-
const
|
|
14
|
-
return
|
|
15
|
-
}),
|
|
12
|
+
function Jn() {
|
|
13
|
+
const n = Zn();
|
|
14
|
+
return n ? (Zt || (Zt = new n()), Zt.state === "suspended" && Zt.resume().catch(() => {
|
|
15
|
+
}), Zt) : null;
|
|
16
16
|
}
|
|
17
|
-
const
|
|
18
|
-
function
|
|
19
|
-
const
|
|
20
|
-
if (!
|
|
21
|
-
let e =
|
|
22
|
-
e || (e = { node:
|
|
23
|
-
const
|
|
24
|
-
|
|
17
|
+
const gn = /* @__PURE__ */ new WeakMap();
|
|
18
|
+
function ys(n) {
|
|
19
|
+
const s = Jn();
|
|
20
|
+
if (!s || n.getAudioTracks().length === 0) return null;
|
|
21
|
+
let e = gn.get(n);
|
|
22
|
+
e || (e = { node: s.createMediaStreamSource(n), refs: 0 }, gn.set(n, e)), e.refs += 1;
|
|
23
|
+
const t = s.createAnalyser();
|
|
24
|
+
t.fftSize = 1024, t.smoothingTimeConstant = 0.5, e.node.connect(t);
|
|
25
25
|
let o = !1;
|
|
26
26
|
return {
|
|
27
|
-
analyser:
|
|
27
|
+
analyser: t,
|
|
28
28
|
release: () => {
|
|
29
29
|
if (!o) {
|
|
30
30
|
o = !0;
|
|
31
31
|
try {
|
|
32
|
-
e.node.disconnect(
|
|
32
|
+
e.node.disconnect(t);
|
|
33
33
|
} catch {
|
|
34
34
|
}
|
|
35
35
|
if (e.refs -= 1, e.refs <= 0) {
|
|
@@ -37,58 +37,58 @@ function ps(t) {
|
|
|
37
37
|
e.node.disconnect();
|
|
38
38
|
} catch {
|
|
39
39
|
}
|
|
40
|
-
|
|
40
|
+
gn.delete(n);
|
|
41
41
|
}
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
44
|
};
|
|
45
45
|
}
|
|
46
|
-
const
|
|
46
|
+
const Ot = {
|
|
47
47
|
positive: { r: 92, g: 224, b: 150 },
|
|
48
48
|
negative: { r: 255, g: 104, b: 104 },
|
|
49
49
|
calm: { r: 104, g: 162, b: 255 }
|
|
50
|
-
},
|
|
51
|
-
green:
|
|
52
|
-
red:
|
|
53
|
-
blue:
|
|
54
|
-
},
|
|
55
|
-
class
|
|
50
|
+
}, xs = {
|
|
51
|
+
green: Ot.positive,
|
|
52
|
+
red: Ot.negative,
|
|
53
|
+
blue: Ot.calm
|
|
54
|
+
}, ws = 0.7, Ss = 1.1, Es = 0.6;
|
|
55
|
+
class Ts {
|
|
56
56
|
constructor() {
|
|
57
57
|
this.glow = { r: 0, g: 0, b: 0, amount: 0, t: 0, size: 0 };
|
|
58
58
|
}
|
|
59
59
|
/** Advance toward `target` (null: fade out). `still` jumps straight there. */
|
|
60
|
-
step(
|
|
61
|
-
const
|
|
62
|
-
if (
|
|
63
|
-
const a =
|
|
64
|
-
|
|
60
|
+
step(s, e, t, o, r) {
|
|
61
|
+
const c = this.glow, h = (a) => r ? 1 : 1 - Math.exp(-s / a), i = e ? 1 : 0;
|
|
62
|
+
if (c.amount += (i - c.amount) * h(i > c.amount ? ws : Ss), e) {
|
|
63
|
+
const a = c.amount < 0.03 ? 1 : h(Es);
|
|
64
|
+
c.r += (e.r - c.r) * a, c.g += (e.g - c.g) * a, c.b += (e.b - c.b) * a;
|
|
65
65
|
}
|
|
66
|
-
return
|
|
66
|
+
return c.t = t, c.size = o, c;
|
|
67
67
|
}
|
|
68
68
|
}
|
|
69
|
-
const
|
|
69
|
+
const Qn = (n, s) => {
|
|
70
70
|
var e;
|
|
71
|
-
return ((e =
|
|
71
|
+
return ((e = n.light) == null ? void 0 : e.r) ?? s * 0.28;
|
|
72
72
|
};
|
|
73
|
-
function
|
|
74
|
-
const o = (
|
|
75
|
-
const a = e.x -
|
|
76
|
-
return [
|
|
73
|
+
function Rs(n, s, e) {
|
|
74
|
+
const o = (Qn(n, s) * 0.7) ** 2, r = 0.9 * Math.min(1, Math.max(0, e.amount)), c = (h, i) => {
|
|
75
|
+
const a = e.x - h, f = e.y - i, l = r * Math.exp(-(a * a + f * f) / o);
|
|
76
|
+
return [h + a * l, i + f * l];
|
|
77
77
|
};
|
|
78
78
|
return {
|
|
79
|
-
...
|
|
80
|
-
strokes:
|
|
81
|
-
const i =
|
|
82
|
-
for (let a = 0; a < i.length; a += 2) [i[a], i[a + 1]] =
|
|
83
|
-
return { ...
|
|
79
|
+
...n,
|
|
80
|
+
strokes: n.strokes.map((h) => {
|
|
81
|
+
const i = h.pts.slice();
|
|
82
|
+
for (let a = 0; a < i.length; a += 2) [i[a], i[a + 1]] = c(i[a], i[a + 1]);
|
|
83
|
+
return { ...h, pts: i };
|
|
84
84
|
}),
|
|
85
|
-
dots:
|
|
86
|
-
const [i, a] =
|
|
87
|
-
return { ...
|
|
85
|
+
dots: n.dots.map((h) => {
|
|
86
|
+
const [i, a] = c(h.x, h.y);
|
|
87
|
+
return { ...h, x: i, y: a };
|
|
88
88
|
})
|
|
89
89
|
};
|
|
90
90
|
}
|
|
91
|
-
const
|
|
91
|
+
const As = (n, s) => Math.min(1, Math.max(0, (0.8 * s - n) / (0.6 * s))), Rt = {
|
|
92
92
|
move: 2,
|
|
93
93
|
pull: 0.7,
|
|
94
94
|
deform: 0.1,
|
|
@@ -99,11 +99,11 @@ const ys = (t, n) => Math.min(1, Math.max(0, (0.8 * n - t) / (0.6 * n))), bt = {
|
|
|
99
99
|
blur: 1,
|
|
100
100
|
bounce: 1
|
|
101
101
|
};
|
|
102
|
-
function
|
|
103
|
-
const e = Math.abs(
|
|
104
|
-
return e === 0 ? 0 : Math.ceil(
|
|
102
|
+
function Ps(n, s) {
|
|
103
|
+
const e = Math.abs(n.move) + Math.abs(n.pull) + 2 * Math.abs(n.deform);
|
|
104
|
+
return e === 0 ? 0 : Math.ceil(s * 0.36 * e) + 2;
|
|
105
105
|
}
|
|
106
|
-
class
|
|
106
|
+
class _s {
|
|
107
107
|
constructor() {
|
|
108
108
|
this.x = 0, this.v = 0, this.landed = !1;
|
|
109
109
|
}
|
|
@@ -112,312 +112,423 @@ class Es {
|
|
|
112
112
|
* lags as the orb arrives, but only a rebound counts as behind: the orb
|
|
113
113
|
* never backs off the edge before it has pressed into it.
|
|
114
114
|
*/
|
|
115
|
-
step(
|
|
116
|
-
const
|
|
117
|
-
for (let i = 0; i <
|
|
118
|
-
this.v += (15 * 15 * (
|
|
119
|
-
const
|
|
120
|
-
return
|
|
115
|
+
step(s, e) {
|
|
116
|
+
const r = Math.max(1, Math.ceil(e * 240)), c = e / r;
|
|
117
|
+
for (let i = 0; i < r; i++)
|
|
118
|
+
this.v += (15 * 15 * (s - this.x) - 2 * 0.3 * 15 * this.v) * c, this.x += this.v * c;
|
|
119
|
+
const h = this.x - s;
|
|
120
|
+
return s <= 0 ? this.landed = !1 : h >= 0 && (this.landed = !0), h < 0 && !this.landed ? 0 : h;
|
|
121
121
|
}
|
|
122
122
|
}
|
|
123
|
-
function
|
|
124
|
-
if (Math.abs(
|
|
125
|
-
const
|
|
126
|
-
const
|
|
127
|
-
return
|
|
128
|
-
},
|
|
129
|
-
let
|
|
130
|
-
if (Number.isFinite(
|
|
131
|
-
|
|
132
|
-
const
|
|
133
|
-
|
|
134
|
-
const
|
|
135
|
-
|
|
123
|
+
function Cs(n, s, e, t, o = [1 / 0, 1 / 0], r = 0) {
|
|
124
|
+
if (Math.abs(s) < 2e-3 || t.move === 0 && t.pull === 0 && t.deform === 0) return n;
|
|
125
|
+
const c = e / 2, h = e * 0.36, i = s < 0 ? -1 : 1, a = Math.abs(s), f = (w, T) => {
|
|
126
|
+
const F = (w - c) / h, P = (T - c) / h, S = Math.max(0, Math.min(1, (F * i + 1) / 2)), I = Math.max(0, F * i);
|
|
127
|
+
return s * h * (t.move + t.pull * S * S + t.deform * I * I * Math.exp(-P * P * 1.5));
|
|
128
|
+
}, l = Math.max(0, Math.min(2, t.lens ?? 1)), u = h * 0.9, p = i > 0 ? o[1] : o[0], d = Number.isFinite(p) ? Math.min(u * 0.45, h * 0.3 * l * Math.max(0, t.stretch ?? 1)) : 0;
|
|
129
|
+
let g = 1, M = 1 / 0, y = 1;
|
|
130
|
+
if (Number.isFinite(p)) {
|
|
131
|
+
M = i > 0 ? e + p : -p;
|
|
132
|
+
const w = (T, F, P) => {
|
|
133
|
+
y = Math.max(y, P);
|
|
134
|
+
const S = f(T, F) * i;
|
|
135
|
+
S > 1e-9 && (g = Math.min(g, Math.max(0, ((M - T) * i - P - d) / S)));
|
|
136
136
|
};
|
|
137
|
-
for (const
|
|
138
|
-
for (const
|
|
137
|
+
for (const T of n.dots) w(T.x, T.y, T.r);
|
|
138
|
+
for (const T of n.strokes) for (let F = 0; F < T.pts.length; F += 2) w(T.pts[F], T.pts[F + 1], 1);
|
|
139
139
|
}
|
|
140
|
-
const
|
|
141
|
-
let k = 1 / 0,
|
|
142
|
-
const
|
|
143
|
-
const
|
|
144
|
-
let
|
|
145
|
-
if (
|
|
146
|
-
const
|
|
147
|
-
if (
|
|
148
|
-
const
|
|
149
|
-
|
|
140
|
+
const m = g < 1 ? Math.min(1, (1 - g) / 0.35) : 0, R = m > 0 ? r * (t.bounce ?? 1) : 0, b = Math.min(1.4, m + Math.max(0, R)), A = h * 0.12 * Math.max(0, -R), v = M - i * y, E = v - i * d, x = h * 0.55 * b * (t.squash ?? 0);
|
|
141
|
+
let k = 1 / 0, C = -1 / 0, z = !0;
|
|
142
|
+
const B = (w, T) => {
|
|
143
|
+
const F = Math.max(0, Math.min(1, ((w - c) / h * i + 1) / 2)), P = 1 - 0.15 * t.deform * a * g * F;
|
|
144
|
+
let S = w + f(w, T) * g + i * (x * 0.5 - A), I = c + (T - c) * P;
|
|
145
|
+
if (x > 0) {
|
|
146
|
+
const G = (S - (E - i * x)) * i;
|
|
147
|
+
if (G > 0) {
|
|
148
|
+
const L = G / x, _ = x * (L / Math.sqrt(1 + L * L));
|
|
149
|
+
S = E - i * x + i * _, I = c + (I - c) * (1 + 0.18 * b * (t.squash ?? 0) * (_ / x));
|
|
150
150
|
}
|
|
151
151
|
}
|
|
152
|
-
return
|
|
152
|
+
return z && (E - S) * i < Math.max(x, u * 0.3) && (k = Math.min(k, I), C = Math.max(C, I)), [S, I];
|
|
153
153
|
};
|
|
154
|
-
for (const
|
|
155
|
-
[
|
|
156
|
-
for (const
|
|
157
|
-
for (let
|
|
158
|
-
const [
|
|
159
|
-
|
|
154
|
+
for (const w of n.dots)
|
|
155
|
+
[w.x, w.y] = B(w.x, w.y);
|
|
156
|
+
for (const w of n.strokes)
|
|
157
|
+
for (let T = 0; T < w.pts.length; T += 2) {
|
|
158
|
+
const [F, P] = B(w.pts[T], w.pts[T + 1]);
|
|
159
|
+
w.pts[T] = F, w.pts[T + 1] = P;
|
|
160
160
|
}
|
|
161
|
-
if (
|
|
162
|
-
const
|
|
163
|
-
|
|
161
|
+
if (m > 0 && C > k) {
|
|
162
|
+
const w = l * b;
|
|
163
|
+
n.contact = {
|
|
164
164
|
side: i,
|
|
165
|
-
x:
|
|
165
|
+
x: v,
|
|
166
166
|
y0: k,
|
|
167
|
-
y1:
|
|
168
|
-
depth:
|
|
169
|
-
press:
|
|
170
|
-
lens:
|
|
171
|
-
zone:
|
|
167
|
+
y1: C,
|
|
168
|
+
depth: x,
|
|
169
|
+
press: m,
|
|
170
|
+
lens: w > 0.02 ? {
|
|
171
|
+
zone: u,
|
|
172
172
|
// drawn across the gap as it presses, all the way at full press
|
|
173
|
-
gap:
|
|
174
|
-
flare: 0.22 *
|
|
175
|
-
split:
|
|
176
|
-
blur:
|
|
177
|
-
cy:
|
|
173
|
+
gap: d * Math.min(1, b),
|
|
174
|
+
flare: 0.22 * w * Math.max(0, t.stretch ?? 1),
|
|
175
|
+
split: u * 0.1 * w * Math.max(0, t.split ?? 1),
|
|
176
|
+
blur: u * 0.075 * w * Math.max(0, t.blur ?? 1),
|
|
177
|
+
cy: c
|
|
178
178
|
} : void 0
|
|
179
179
|
};
|
|
180
180
|
}
|
|
181
|
-
if (
|
|
182
|
-
const
|
|
183
|
-
[
|
|
184
|
-
for (const
|
|
181
|
+
if (z = !1, n.light) {
|
|
182
|
+
const w = n.light;
|
|
183
|
+
[w.cx, w.cy] = B(w.cx, w.cy);
|
|
184
|
+
for (const T of w.spec) [T.x, T.y] = B(T.x, T.y);
|
|
185
185
|
}
|
|
186
|
-
return
|
|
186
|
+
return n;
|
|
187
187
|
}
|
|
188
188
|
const Mt = Math.PI * 2;
|
|
189
|
-
function
|
|
190
|
-
return
|
|
189
|
+
function Gt(n, s, e) {
|
|
190
|
+
return n + (s - n) * e;
|
|
191
191
|
}
|
|
192
|
-
function
|
|
193
|
-
return
|
|
192
|
+
function $(n) {
|
|
193
|
+
return n < 0 ? 0 : n > 1 ? 1 : n;
|
|
194
194
|
}
|
|
195
|
-
function
|
|
196
|
-
const
|
|
197
|
-
return
|
|
195
|
+
function Qt(n, s, e) {
|
|
196
|
+
const t = $((e - n) / (s - n));
|
|
197
|
+
return t * t * (3 - 2 * t);
|
|
198
198
|
}
|
|
199
|
-
const
|
|
200
|
-
function
|
|
201
|
-
const o = 1 / Math.max(0.05,
|
|
202
|
-
return (
|
|
199
|
+
const en = (n) => n < 1e-6 ? 1 : Math.sin(n) / n, Bs = Math.hypot(2.1, 1.3), Is = Math.hypot(1.9, 1.7), Fs = Math.hypot(4.3 - 2.9, -3.7, -3.1), ks = Math.hypot(4.3 + 2.9, 3.7, -3.1);
|
|
200
|
+
function Pn(n, s, e, t = 1) {
|
|
201
|
+
const o = 1 / Math.max(0.05, t), r = 0.9 * e, c = -0.7 * e + 1.3, h = 2.1 * e, i = -1.6 * e, a = n * (0.55 * Math.sin(r) * en(Bs * o) + 0.45 * Math.sin(c) * en(Is * o)) + s * 0.5 * (Math.cos(h - i) * en(Fs * o) - Math.cos(h + i) * en(ks * o));
|
|
202
|
+
return (f, l, u) => (f *= o, l *= o, u *= o, n * (0.55 * Math.sin(2.1 * f + 1.3 * l + r) + 0.45 * Math.sin(1.7 * u - 1.9 * l + c)) + s * Math.sin(4.3 * f - 3.1 * u + h) * Math.sin(3.7 * l + 2.9 * f + i) - a);
|
|
203
203
|
}
|
|
204
|
-
function
|
|
205
|
-
const e = Math.sin(
|
|
204
|
+
function Ft(n, s) {
|
|
205
|
+
const e = Math.sin(n * 12.9898 + s * 78.233) * 43758.5453;
|
|
206
206
|
return e - Math.floor(e);
|
|
207
207
|
}
|
|
208
|
-
function
|
|
209
|
-
const
|
|
210
|
-
return
|
|
208
|
+
function Bt(n, s, e) {
|
|
209
|
+
const t = Math.sin(n * 127.1 + s * 311.7 + e * 74.7) * 43758.5453;
|
|
210
|
+
return t - Math.floor(t);
|
|
211
211
|
}
|
|
212
|
-
function
|
|
213
|
-
const
|
|
214
|
-
let
|
|
215
|
-
|
|
216
|
-
const a =
|
|
217
|
-
return
|
|
212
|
+
function Jt(n, s, e) {
|
|
213
|
+
const t = Math.floor(n), o = Math.floor(s), r = Math.floor(e);
|
|
214
|
+
let c = n - t, h = s - o, i = e - r;
|
|
215
|
+
c = c * c * (3 - 2 * c), h = h * h * (3 - 2 * h), i = i * i * (3 - 2 * i);
|
|
216
|
+
const a = Gt(Bt(t, o, r), Bt(t + 1, o, r), c), f = Gt(Bt(t, o + 1, r), Bt(t + 1, o + 1, r), c), l = Gt(Bt(t, o, r + 1), Bt(t + 1, o, r + 1), c), u = Gt(Bt(t, o + 1, r + 1), Bt(t + 1, o + 1, r + 1), c);
|
|
217
|
+
return Gt(Gt(a, f, h), Gt(l, u, h), i);
|
|
218
218
|
}
|
|
219
|
-
function
|
|
220
|
-
const e = Math.PI * (3 - Math.sqrt(5)),
|
|
221
|
-
return [o * Math.cos(
|
|
219
|
+
function _n(n, s) {
|
|
220
|
+
const e = Math.PI * (3 - Math.sqrt(5)), t = 1 - 2 * (n + 0.5) / s, o = Math.sqrt(1 - t * t), r = n * e;
|
|
221
|
+
return [o * Math.cos(r), t, o * Math.sin(r)];
|
|
222
222
|
}
|
|
223
|
-
function
|
|
224
|
-
const
|
|
225
|
-
return (a,
|
|
226
|
-
const
|
|
227
|
-
return [e +
|
|
223
|
+
function hn(n, s, e, t, o) {
|
|
224
|
+
const r = Math.sin(s), c = Math.cos(s), h = Math.sin(n), i = Math.cos(n);
|
|
225
|
+
return (a, f, l) => {
|
|
226
|
+
const u = a * i + l * h, p = -a * h + l * i, d = f * c - p * r, g = f * r + p * c;
|
|
227
|
+
return [e + u * o, t - d * o, g];
|
|
228
228
|
};
|
|
229
229
|
}
|
|
230
|
-
function
|
|
231
|
-
return (
|
|
230
|
+
function Xt(n, s = 0.6) {
|
|
231
|
+
return (n / 200) ** s;
|
|
232
232
|
}
|
|
233
|
-
function
|
|
234
|
-
const
|
|
235
|
-
for (const o of
|
|
236
|
-
(o.a ?? 1) < 0.02 || (o.r = Math.max(e, o.r),
|
|
237
|
-
return
|
|
233
|
+
function Vt(n, s, e = 0.3) {
|
|
234
|
+
const t = [];
|
|
235
|
+
for (const o of n)
|
|
236
|
+
(o.a ?? 1) < 0.02 || (o.r = Math.max(e, o.r), t.push(o));
|
|
237
|
+
return t.sort((o, r) => o.z - r.z), { dots: t, strokes: s };
|
|
238
238
|
}
|
|
239
|
-
const
|
|
240
|
-
function
|
|
241
|
-
const o =
|
|
242
|
-
let a = (
|
|
243
|
-
if (
|
|
244
|
-
const
|
|
245
|
-
|
|
239
|
+
const on = 32;
|
|
240
|
+
function Ns(n, s = 0, e = 0, t = 1) {
|
|
241
|
+
const o = n.r / 255, r = n.g / 255, c = n.b / 255, h = Math.max(o, r, c), i = Math.min(o, r, c);
|
|
242
|
+
let a = (h + i) / 2, f = h === i ? 0 : (h - i) / (1 - Math.abs(2 * a - 1)), l = 0;
|
|
243
|
+
if (h !== i) {
|
|
244
|
+
const g = h - i;
|
|
245
|
+
l = h === o ? (r - c) / g % 6 : h === r ? (c - o) / g + 2 : (o - r) / g + 4, l *= 60;
|
|
246
246
|
}
|
|
247
|
-
|
|
248
|
-
const
|
|
249
|
-
return [Math.round(
|
|
247
|
+
l = ((l + s) % 360 + 360) % 360, f = Math.min(1, f * (1 + e)), a = 0.5 + (a - 0.5) * (1 - 0.6 * e), a = Math.max(0, Math.min(1, a * t));
|
|
248
|
+
const u = (g) => (g + l / 30) % 12, p = f * Math.min(a, 1 - a), d = (g) => a - p * Math.max(-1, Math.min(u(g) - 3, 9 - u(g), 1));
|
|
249
|
+
return [Math.round(d(0) * 255), Math.round(d(8) * 255), Math.round(d(4) * 255)];
|
|
250
250
|
}
|
|
251
|
-
function
|
|
252
|
-
const
|
|
253
|
-
for (let
|
|
254
|
-
const
|
|
255
|
-
|
|
251
|
+
function zs(n) {
|
|
252
|
+
const s = Math.max(0, Math.min(1, n.saturation)), e = Math.max(0, Math.min(1, n.neutral)), t = n.start ?? 0.1, o = Math.max(0.05, n.width ?? 0.6), r = [];
|
|
253
|
+
for (let l = 0; l < on; l++) {
|
|
254
|
+
const u = l / (on - 1), p = Math.max(0, Math.min(1, (u - t) / o)), d = p * p * (3 - 2 * p);
|
|
255
|
+
r.push(s * (1 - e * (1 - d)));
|
|
256
256
|
}
|
|
257
|
-
const
|
|
257
|
+
const c = n.angle * Math.PI / 180, h = Math.cos(c), i = Math.sin(c), a = n.size / 2, f = n.size * 0.8;
|
|
258
258
|
return {
|
|
259
|
-
rgb:
|
|
260
|
-
mix:
|
|
261
|
-
saturation:
|
|
262
|
-
at: (
|
|
263
|
-
const
|
|
264
|
-
return Math.max(0, Math.min(
|
|
259
|
+
rgb: Ns(n.accent, n.hue, Math.max(0, Math.min(1, n.vivid ?? 0)), n.brightness),
|
|
260
|
+
mix: r,
|
|
261
|
+
saturation: s,
|
|
262
|
+
at: (l, u) => {
|
|
263
|
+
const p = ((l - a) * h + (u - a) * i) / f + 0.5;
|
|
264
|
+
return Math.max(0, Math.min(on - 1, Math.round(p * (on - 1))));
|
|
265
265
|
}
|
|
266
266
|
};
|
|
267
267
|
}
|
|
268
|
-
const
|
|
269
|
-
function
|
|
270
|
-
|
|
271
|
-
const
|
|
272
|
-
if (
|
|
273
|
-
const
|
|
274
|
-
return [(
|
|
268
|
+
const Gs = [120, 232, 214], Ls = [64, 72, 255];
|
|
269
|
+
function qn(n, s, e) {
|
|
270
|
+
n /= 255, s /= 255, e /= 255;
|
|
271
|
+
const t = Math.max(n, s, e), o = Math.min(n, s, e), r = (t + o) / 2;
|
|
272
|
+
if (t === o) return [0, 0, r];
|
|
273
|
+
const c = t - o, h = r > 0.5 ? c / (2 - t - o) : c / (t + o);
|
|
274
|
+
return [(t === n ? (s - e) / c + (s < e ? 6 : 0) : t === s ? (e - n) / c + 2 : (n - s) / c + 4) / 6, h, r];
|
|
275
275
|
}
|
|
276
|
-
function
|
|
277
|
-
const
|
|
278
|
-
return [
|
|
276
|
+
function Ds(n, s, e) {
|
|
277
|
+
const t = (c) => (c + n * 12) % 12, o = s * Math.min(e, 1 - e), r = (c) => e - o * Math.max(-1, Math.min(t(c) - 3, 9 - t(c), 1));
|
|
278
|
+
return [r(0) * 255, r(8) * 255, r(4) * 255];
|
|
279
279
|
}
|
|
280
|
-
const
|
|
281
|
-
function
|
|
282
|
-
const [
|
|
280
|
+
const bn = (n) => (n /= 255) <= 0.04045 ? n / 12.92 : ((n + 0.055) / 1.055) ** 2.4, Os = (n) => 255 * (n <= 31308e-7 ? 12.92 * n : 1.055 * Math.max(0, n) ** (1 / 2.4) - 0.055);
|
|
281
|
+
function rn(n, s, e) {
|
|
282
|
+
const [t, o, r] = [bn(n), bn(s), bn(e)], c = Math.cbrt(0.4122214708 * t + 0.5363325363 * o + 0.0514459929 * r), h = Math.cbrt(0.2119034982 * t + 0.6806995451 * o + 0.1073969566 * r), i = Math.cbrt(0.0883024619 * t + 0.2817188376 * o + 0.6299787005 * r);
|
|
283
283
|
return [
|
|
284
|
-
0.2104542553 *
|
|
285
|
-
1.9779984951 *
|
|
286
|
-
0.0259040371 *
|
|
284
|
+
0.2104542553 * c + 0.793617785 * h - 0.0040720468 * i,
|
|
285
|
+
1.9779984951 * c - 2.428592205 * h + 0.4505937099 * i,
|
|
286
|
+
0.0259040371 * c + 0.7827717662 * h - 0.808675766 * i
|
|
287
287
|
];
|
|
288
288
|
}
|
|
289
|
-
function
|
|
290
|
-
const
|
|
289
|
+
function Cn(n, s, e) {
|
|
290
|
+
const t = (n + 0.3963377774 * s + 0.2158037573 * e) ** 3, o = (n - 0.1055613458 * s - 0.0638541728 * e) ** 3, r = (n - 0.0894841775 * s - 1.291485548 * e) ** 3, c = (h) => Math.max(0, Math.min(255, Os(h)));
|
|
291
291
|
return [
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
292
|
+
c(4.0767416621 * t - 3.3077115913 * o + 0.2309699292 * r),
|
|
293
|
+
c(-1.2684380046 * t + 2.6097574011 * o - 0.3413193965 * r),
|
|
294
|
+
c(-0.0041960863 * t - 0.7034186147 * o + 1.707614701 * r)
|
|
295
295
|
];
|
|
296
296
|
}
|
|
297
|
-
const
|
|
298
|
-
function
|
|
299
|
-
const e = (
|
|
300
|
-
return [
|
|
297
|
+
const qs = 146 / 360, Us = [81, 136], Un = 0.1;
|
|
298
|
+
function $s(n, s = Us) {
|
|
299
|
+
const e = (s[0] + s[1]) / 720, t = (s[1] - s[0]) / 720, o = Math.abs((n - qs + 1.5) % 1 - 0.5), r = Math.max(0, 1 - o / (40 / 360));
|
|
300
|
+
return [n + (e - n) * r, Un + (t - Un) * r];
|
|
301
301
|
}
|
|
302
|
-
function
|
|
303
|
-
const
|
|
304
|
-
return
|
|
305
|
-
if (e && (
|
|
306
|
-
const [,
|
|
307
|
-
[
|
|
302
|
+
function Ws(n, s, e, t, o) {
|
|
303
|
+
const r = t && t.amount > 5e-3 ? t : void 0;
|
|
304
|
+
return n.map(([c, h, i, a]) => {
|
|
305
|
+
if (e && (h += (e.r - h) * 0.85, i += (e.g - i) * 0.85, a += (e.b - a) * 0.85), r) {
|
|
306
|
+
const [, l, u] = qn(h, i, a), [p, d] = $s(qn(r.r, r.g, r.b)[0], o), g = Ds((p + d * Math.sin(2 * Math.PI * c) + 1) % 1, l, u), M = rn(h, i, a), y = rn(g[0], g[1], g[2]), m = r.amount;
|
|
307
|
+
[h, i, a] = Cn(M[0] + (y[0] - M[0]) * m, M[1] + (y[1] - M[1]) * m, M[2] + (y[2] - M[2]) * m);
|
|
308
308
|
}
|
|
309
|
-
const
|
|
310
|
-
return [
|
|
309
|
+
const f = s ? 1 : 0.82;
|
|
310
|
+
return [c, h * f, i * f, a * f];
|
|
311
|
+
});
|
|
312
|
+
}
|
|
313
|
+
function Xs(n, s) {
|
|
314
|
+
if (!s.hue && s.chroma === 1 && !s.warmth && s.contrast === 1) return n;
|
|
315
|
+
const e = n.map(([, c, h, i]) => rn(c, h, i)), t = e.reduce((c, [h]) => c + h, 0) / e.length, o = Math.cos(s.hue * Math.PI / 180), r = Math.sin(s.hue * Math.PI / 180);
|
|
316
|
+
return n.map(([c], h) => {
|
|
317
|
+
const [i, a, f] = e[h], l = Math.max(0, Math.min(1, t + (i - t) * s.contrast)), u = (a * o - f * r) * s.chroma + 0.02 * s.warmth, p = (a * r + f * o) * s.chroma + 0.07 * s.warmth;
|
|
318
|
+
return [c, ...Cn(l, u, p)];
|
|
311
319
|
});
|
|
312
320
|
}
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
const e =
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
321
|
+
function Vs(n, s) {
|
|
322
|
+
if (s <= 1) return n;
|
|
323
|
+
const e = [];
|
|
324
|
+
for (let t = 0; t < s; t++) for (const [o, r, c, h] of n) e.push([(o + t) / s, r, c, h]);
|
|
325
|
+
return e;
|
|
326
|
+
}
|
|
327
|
+
const vn = {
|
|
328
|
+
hue: 0,
|
|
329
|
+
chroma: 1,
|
|
330
|
+
warmth: 0,
|
|
331
|
+
contrast: 1,
|
|
332
|
+
cycles: 1,
|
|
333
|
+
glowSize: 1,
|
|
334
|
+
bloom: 1,
|
|
335
|
+
bloomSize: 1,
|
|
336
|
+
soft: 1.5,
|
|
337
|
+
core: 1
|
|
338
|
+
}, ts = (n, s, e) => `rgb(${Math.round(n)},${Math.round(s)},${Math.round(e)})`;
|
|
339
|
+
function Ks(n, s = 36) {
|
|
340
|
+
const e = n.filter(([a]) => a < 1), t = e.length;
|
|
341
|
+
if (t < 3) return n;
|
|
342
|
+
const o = e.map(([, a, f, l]) => rn(a, f, l)), r = (a) => (a % t + t) % t, c = (a) => e[r(a)][0] + Math.floor(a / t), h = (a) => {
|
|
343
|
+
const f = c(a + 1) - c(a - 1);
|
|
344
|
+
return o[r(a + 1)].map((l, u) => (l - o[r(a - 1)][u]) / f);
|
|
320
345
|
}, i = [];
|
|
321
|
-
for (let a = 0; a <=
|
|
322
|
-
const
|
|
323
|
-
let
|
|
324
|
-
for (;
|
|
325
|
-
const
|
|
326
|
-
(
|
|
327
|
-
), [
|
|
328
|
-
i.push([
|
|
346
|
+
for (let a = 0; a <= s; a++) {
|
|
347
|
+
const f = a / s;
|
|
348
|
+
let l = -1;
|
|
349
|
+
for (; l < t - 1 && c(l + 1) <= f; ) l++;
|
|
350
|
+
const u = c(l + 1) - c(l), p = (f - c(l)) / u, d = p * p, g = d * p, M = o[r(l)], y = o[r(l + 1)], m = h(l), R = h(l + 1), b = [0, 1, 2].map(
|
|
351
|
+
(x) => (2 * g - 3 * d + 1) * M[x] + (g - 2 * d + p) * u * m[x] + (-2 * g + 3 * d) * y[x] + (g - d) * u * R[x]
|
|
352
|
+
), [A, v, E] = Cn(b[0], b[1], b[2]);
|
|
353
|
+
i.push([f, A, v, E]);
|
|
329
354
|
}
|
|
330
355
|
return i;
|
|
331
356
|
}
|
|
332
|
-
const
|
|
333
|
-
function
|
|
334
|
-
return (typeof OffscreenCanvas == "function" ? new OffscreenCanvas(
|
|
357
|
+
const ns = typeof CanvasRenderingContext2D == "function" && "filter" in CanvasRenderingContext2D.prototype, $n = /* @__PURE__ */ new WeakMap();
|
|
358
|
+
function yn(n, s) {
|
|
359
|
+
return (typeof OffscreenCanvas == "function" ? new OffscreenCanvas(n, s) : Object.assign(document.createElement("canvas"), { width: n, height: s })).getContext("2d");
|
|
335
360
|
}
|
|
336
|
-
function
|
|
337
|
-
const { width:
|
|
338
|
-
let
|
|
339
|
-
return (!
|
|
361
|
+
function Ys(n) {
|
|
362
|
+
const { width: s, height: e } = n.canvas;
|
|
363
|
+
let t = $n.get(n);
|
|
364
|
+
return (!t || t.full.canvas.width !== s || t.full.canvas.height !== e) && (t = { full: yn(s, e) }, ns || (t.half = yn(Math.ceil(s / 2), Math.ceil(e / 2)), t.quarter = yn(Math.ceil(s / 4), Math.ceil(e / 4))), $n.set(n, t)), t.full.setTransform(1, 0, 0, 1, 0, 0), t.full.clearRect(0, 0, s, e), t.full.setTransform(n.getTransform()), t;
|
|
340
365
|
}
|
|
341
|
-
function
|
|
342
|
-
|
|
366
|
+
function xn(n, s) {
|
|
367
|
+
n.globalCompositeOperation = "copy", n.imageSmoothingEnabled = !0, n.imageSmoothingQuality = "high", n.drawImage(s.canvas, 0, 0, n.canvas.width, n.canvas.height);
|
|
343
368
|
}
|
|
344
|
-
function
|
|
345
|
-
const
|
|
346
|
-
|
|
369
|
+
function Hs(n, s, e, t) {
|
|
370
|
+
const o = n.getTransform();
|
|
371
|
+
n.save(), n.setTransform(1, 0, 0, 1, 0, 0), n.globalCompositeOperation = e, n.globalAlpha = 1, n.imageSmoothingEnabled = !0, n.imageSmoothingQuality = "high", ns || t <= 0 ? (t > 0 && (n.filter = `blur(${t * Math.hypot(o.a, o.b)}px)`), n.drawImage(s.full.canvas, 0, 0)) : s.half && s.quarter && (xn(s.half, s.full), xn(s.quarter, s.half), xn(s.half, s.quarter), n.drawImage(s.half.canvas, 0, 0, s.half.canvas.width * 2, s.half.canvas.height * 2)), n.restore();
|
|
347
372
|
}
|
|
348
|
-
function
|
|
349
|
-
const
|
|
350
|
-
for (const [o,
|
|
351
|
-
return
|
|
373
|
+
function Wn(n, s, e) {
|
|
374
|
+
const t = typeof n.createConicGradient == "function" ? n.createConicGradient(s.angle, s.cx, s.cy) : n.createLinearGradient(s.cx - s.r, s.cy - s.r, s.cx + s.r, s.cy + s.r);
|
|
375
|
+
for (const [o, r, c, h] of e) t.addColorStop($(o), ts(r, c, h));
|
|
376
|
+
return t;
|
|
352
377
|
}
|
|
353
|
-
function
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
},
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
378
|
+
function js(n, s, e, t, o, r) {
|
|
379
|
+
var R;
|
|
380
|
+
const c = { ...vn };
|
|
381
|
+
for (const b of Object.keys(vn)) c[b] = ((R = e.look) == null ? void 0 : R[b]) ?? vn[b];
|
|
382
|
+
const h = Vs(Ks(Ws(Xs(e.stops, c), t, o, r, e.green)), Math.round(c.cycles)), i = Wn(n, e, h), a = s.strokes.map((b) => {
|
|
383
|
+
const A = new Path2D(), v = b.pts.length >> 1;
|
|
384
|
+
let E = 0;
|
|
385
|
+
for (let x = 0; x < v; x++)
|
|
386
|
+
x === 0 ? A.moveTo(b.pts[0], b.pts[1]) : A.lineTo(b.pts[2 * x], b.pts[2 * x + 1]), E += b.a[x];
|
|
387
|
+
return b.closed && A.closePath(), { p: A, a: v ? E / v : 1, w: b.w };
|
|
388
|
+
}), f = Math.max(1, a.length), l = e.intensity, u = t ? "lighter" : "source-over", p = (b, A, v = n) => {
|
|
389
|
+
for (const E of a)
|
|
390
|
+
v.lineWidth = b(E.w), v.globalAlpha = $(A(E.a)), v.stroke(E.p);
|
|
391
|
+
}, d = (b, A) => {
|
|
392
|
+
b.lineCap = "round", b.lineJoin = "round", b.globalCompositeOperation = u, b.strokeStyle = A;
|
|
393
|
+
}, g = Ys(n), M = g.full;
|
|
394
|
+
d(M, Wn(M, e, h));
|
|
395
|
+
const y = e.halo * l * (t ? 1 : 0.2) / f;
|
|
396
|
+
for (const [b, A] of [
|
|
369
397
|
[0.7, 0.045],
|
|
370
398
|
[0.42, 0.075],
|
|
371
399
|
[0.24, 0.11],
|
|
372
400
|
[0.12, 0.16]
|
|
373
401
|
])
|
|
374
|
-
|
|
375
|
-
() => e.r *
|
|
376
|
-
() =>
|
|
402
|
+
p(
|
|
403
|
+
() => e.r * b * c.glowSize,
|
|
404
|
+
() => A * y,
|
|
377
405
|
M
|
|
378
406
|
);
|
|
379
|
-
const
|
|
380
|
-
for (const [
|
|
407
|
+
const m = l * (t ? 1 : 0.6) * c.bloom;
|
|
408
|
+
for (const [b, A] of [
|
|
381
409
|
[16, 0.05],
|
|
382
410
|
[8, 0.11],
|
|
383
411
|
[4, 0.2]
|
|
384
412
|
])
|
|
385
|
-
|
|
386
|
-
(
|
|
387
|
-
(
|
|
413
|
+
p(
|
|
414
|
+
(v) => v * b * c.bloomSize,
|
|
415
|
+
(v) => A * m * v,
|
|
388
416
|
M
|
|
389
417
|
);
|
|
390
|
-
if (
|
|
391
|
-
for (const [
|
|
392
|
-
[1 + e.fringe,
|
|
393
|
-
[1 - e.fringe,
|
|
418
|
+
if (Hs(n, g, u, c.soft), n.save(), d(n, i), t && e.fringe > 0) {
|
|
419
|
+
for (const [b, A, v] of [
|
|
420
|
+
[1 + e.fringe, Gs, 0.16],
|
|
421
|
+
[1 - e.fringe, Ls, 0.22]
|
|
394
422
|
])
|
|
395
|
-
|
|
396
|
-
(
|
|
397
|
-
(
|
|
398
|
-
),
|
|
399
|
-
|
|
423
|
+
n.save(), n.translate(e.cx, e.cy), n.scale(b, b), n.translate(-e.cx, -e.cy), n.strokeStyle = ts(A[0], A[1], A[2]), p(
|
|
424
|
+
(E) => E * 1.4 / b,
|
|
425
|
+
(E) => v * l * E
|
|
426
|
+
), n.restore();
|
|
427
|
+
n.strokeStyle = i;
|
|
400
428
|
}
|
|
401
|
-
if (
|
|
402
|
-
(
|
|
403
|
-
(
|
|
404
|
-
),
|
|
405
|
-
for (const
|
|
406
|
-
const
|
|
407
|
-
|
|
408
|
-
(
|
|
409
|
-
(
|
|
429
|
+
if (p(
|
|
430
|
+
(b) => b,
|
|
431
|
+
(b) => 0.7 * b * (0.75 + 0.25 * l) * c.core
|
|
432
|
+
), t)
|
|
433
|
+
for (const b of e.spec) {
|
|
434
|
+
const A = n.createRadialGradient(b.x, b.y, 0, b.x, b.y, b.r);
|
|
435
|
+
A.addColorStop(0, "rgba(255,255,255,1)"), A.addColorStop(0.35, "rgba(255,255,255,0.45)"), A.addColorStop(1, "rgba(255,255,255,0)"), n.strokeStyle = A, p(
|
|
436
|
+
(v) => v * 2.2,
|
|
437
|
+
(v) => b.a * v
|
|
410
438
|
);
|
|
411
439
|
}
|
|
412
|
-
|
|
440
|
+
n.restore();
|
|
441
|
+
}
|
|
442
|
+
const Xn = 6;
|
|
443
|
+
function Zs(n, s) {
|
|
444
|
+
const e = [
|
|
445
|
+
[Ot.positive, n.positiveBrightness ?? 1],
|
|
446
|
+
[Ot.negative, n.negativeBrightness ?? 1],
|
|
447
|
+
[Ot.calm, n.calmBrightness ?? 1]
|
|
448
|
+
];
|
|
449
|
+
let t = 0, o = 0;
|
|
450
|
+
for (const [r, c] of e) {
|
|
451
|
+
const h = Math.exp(-((s.r - r.r) ** 2 + (s.g - r.g) ** 2 + (s.b - r.b) ** 2) / 6e3);
|
|
452
|
+
t += h * c, o += h;
|
|
453
|
+
}
|
|
454
|
+
return o > 1e-6 ? t / o : 1;
|
|
455
|
+
}
|
|
456
|
+
function wn(n, s, e, t, o, r = 1) {
|
|
457
|
+
const c = s ? 255 * (0.16 + 0.84 * n) : 255 * (0.1 + 0.6 * (1 - n));
|
|
458
|
+
let h = c, i = c, a = c;
|
|
459
|
+
if (t) {
|
|
460
|
+
const l = (u) => s ? u * c / 255 : u + (255 - u) * (c / 255) * 0.7;
|
|
461
|
+
h += (l(t.r) - h) * 0.85, i += (l(t.g) - i) * 0.85, a += (l(t.b) - a) * 0.85;
|
|
462
|
+
}
|
|
463
|
+
if (o) {
|
|
464
|
+
const l = (e.colorBrightness ?? 1) * Zs(e, o), u = (g) => s ? Math.min(255, g * (0.3 + 0.9 * n) * l + 90 * n ** 4) : Math.min(255, g * (0.45 + 0.55 * (1 - n)) * l), p = o.amount * r;
|
|
465
|
+
h += (u(o.r) - h) * p, i += (u(o.g) - i) * p, a += (u(o.b) - a) * p;
|
|
466
|
+
const d = e.saturation ?? 1;
|
|
467
|
+
if (d !== 1) {
|
|
468
|
+
const g = (h + i + a) / 3;
|
|
469
|
+
h = g + (h - g) * d, i = g + (i - g) * d, a = g + (a - g) * d;
|
|
470
|
+
}
|
|
471
|
+
}
|
|
472
|
+
const f = (l) => Math.round(Math.max(0, Math.min(255, l)));
|
|
473
|
+
return `rgb(${f(h)},${f(i)},${f(a)})`;
|
|
413
474
|
}
|
|
414
|
-
|
|
475
|
+
function Js(n, s, e, t, o, r) {
|
|
476
|
+
var g;
|
|
477
|
+
const c = (M, y) => $(0.5 + (M.a[y] - 0.5) * e.contrast), h = [];
|
|
478
|
+
for (const M of s) {
|
|
479
|
+
const y = M.pts.length >> 1, m = M.closed ? y : y - 1;
|
|
480
|
+
for (let R = 0; R < m; R += Xn) {
|
|
481
|
+
const b = Math.min(m, R + Xn);
|
|
482
|
+
let A = 0;
|
|
483
|
+
for (let E = R; E <= b; E++) A += ((g = M.z) == null ? void 0 : g[E % y]) ?? 0;
|
|
484
|
+
const v = M.closed ? R - 1 : Math.max(0, R - 1);
|
|
485
|
+
h.push({ s: M, from: v, to: b, z: A / (b - R + 1) });
|
|
486
|
+
}
|
|
487
|
+
}
|
|
488
|
+
h.sort((M, y) => M.z - y.z);
|
|
489
|
+
const i = r && r.amount > 5e-3 ? r : void 0;
|
|
490
|
+
let a = 0, f = 0, l = 0;
|
|
491
|
+
if (i) {
|
|
492
|
+
for (const M of s)
|
|
493
|
+
for (let y = 0; y < M.pts.length; y += 2)
|
|
494
|
+
a += M.pts[y], f += M.pts[y + 1], l++;
|
|
495
|
+
a /= l || 1, f /= l || 1;
|
|
496
|
+
}
|
|
497
|
+
const u = ((e.gradientAngle ?? 0) + (e.gradientSpin ?? 20) * ((r == null ? void 0 : r.t) ?? 0)) * Math.PI / 180, p = $(e.gradient ?? 1), d = (M, y) => {
|
|
498
|
+
if (!i) return 1;
|
|
499
|
+
const m = (Math.sin(Math.atan2(M.pts[2 * y + 1] - f, M.pts[2 * y] - a) + u) + 1) / 2;
|
|
500
|
+
return 1 - p * (1 - Qt(0, 1, m));
|
|
501
|
+
};
|
|
502
|
+
n.save(), n.lineCap = "butt", n.lineJoin = "round";
|
|
503
|
+
for (const { s: M, from: y, to: m, z: R } of h) {
|
|
504
|
+
const b = M.pts.length >> 1, A = (S) => (S % b + b) % b, v = new Path2D();
|
|
505
|
+
for (let S = y; S <= m; S++) {
|
|
506
|
+
const I = A(S);
|
|
507
|
+
S === y ? v.moveTo(M.pts[2 * I], M.pts[2 * I + 1]) : v.lineTo(M.pts[2 * I], M.pts[2 * I + 1]);
|
|
508
|
+
}
|
|
509
|
+
const E = A(y), x = A(m), k = e.depth ?? 0.15, C = M.w * (1 - k + k * R);
|
|
510
|
+
n.globalCompositeOperation = "destination-out", n.strokeStyle = "#000", n.lineWidth = C * 1.35, n.stroke(v), n.globalCompositeOperation = "source-over";
|
|
511
|
+
const z = M.pts[2 * E], B = M.pts[2 * E + 1], w = M.pts[2 * x], T = M.pts[2 * x + 1];
|
|
512
|
+
if (Math.hypot(w - z, T - B) > 0.5) {
|
|
513
|
+
const S = n.createLinearGradient(z, B, w, T);
|
|
514
|
+
S.addColorStop(0, wn(c(M, E), t, e, o, i, d(M, E))), S.addColorStop(1, wn(c(M, x), t, e, o, i, d(M, x))), n.strokeStyle = S;
|
|
515
|
+
} else n.strokeStyle = wn(c(M, E), t, e, o, i, d(M, E));
|
|
516
|
+
n.lineWidth = C, n.stroke(v);
|
|
517
|
+
let F = 0;
|
|
518
|
+
for (let S = y; S <= m; S++) F += c(M, A(S));
|
|
519
|
+
F /= m - y + 1;
|
|
520
|
+
const P = $(e.shine * (t ? 0.6 : 0.45) * F * F);
|
|
521
|
+
P > 0.01 && (n.save(), n.translate(-0.17 * C, -0.19 * C), n.strokeStyle = `rgba(255,255,255,${P.toFixed(3)})`, n.lineWidth = C * 0.32, n.stroke(v), n.restore());
|
|
522
|
+
}
|
|
523
|
+
n.restore();
|
|
524
|
+
}
|
|
525
|
+
const Qs = `
|
|
415
526
|
attribute vec2 aPos;
|
|
416
527
|
varying vec2 vUv;
|
|
417
528
|
void main() {
|
|
418
529
|
vUv = vec2(aPos.x + 1.0, 1.0 - aPos.y) * 0.5;
|
|
419
530
|
gl_Position = vec4(aPos, 0.0, 1.0);
|
|
420
|
-
}`,
|
|
531
|
+
}`, te = `
|
|
421
532
|
precision highp float;
|
|
422
533
|
uniform sampler2D uTex;
|
|
423
534
|
uniform vec2 uSize;
|
|
@@ -452,88 +563,88 @@ void main() {
|
|
|
452
563
|
}
|
|
453
564
|
gl_FragColor = vec4(rgb, a) / float(TAPS);
|
|
454
565
|
}`;
|
|
455
|
-
let
|
|
456
|
-
function
|
|
566
|
+
let an;
|
|
567
|
+
function ne() {
|
|
457
568
|
if (typeof document > "u") return null;
|
|
458
|
-
const
|
|
459
|
-
if (!
|
|
569
|
+
const n = document.createElement("canvas"), s = n.getContext("webgl", { premultipliedAlpha: !0, antialias: !1, depth: !1 });
|
|
570
|
+
if (!s) return null;
|
|
460
571
|
const e = (i, a) => {
|
|
461
|
-
const
|
|
462
|
-
return
|
|
463
|
-
},
|
|
464
|
-
if (
|
|
465
|
-
|
|
466
|
-
const o =
|
|
467
|
-
|
|
468
|
-
const
|
|
469
|
-
|
|
470
|
-
const
|
|
471
|
-
|
|
472
|
-
const
|
|
572
|
+
const f = s.createShader(i);
|
|
573
|
+
return s.shaderSource(f, a), s.compileShader(f), f;
|
|
574
|
+
}, t = s.createProgram();
|
|
575
|
+
if (s.attachShader(t, e(s.VERTEX_SHADER, Qs)), s.attachShader(t, e(s.FRAGMENT_SHADER, te)), s.linkProgram(t), !s.getProgramParameter(t, s.LINK_STATUS)) return null;
|
|
576
|
+
s.useProgram(t);
|
|
577
|
+
const o = s.createBuffer();
|
|
578
|
+
s.bindBuffer(s.ARRAY_BUFFER, o), s.bufferData(s.ARRAY_BUFFER, new Float32Array([-1, -1, 1, -1, -1, 1, 1, 1]), s.STATIC_DRAW);
|
|
579
|
+
const r = s.getAttribLocation(t, "aPos");
|
|
580
|
+
s.enableVertexAttribArray(r), s.vertexAttribPointer(r, 2, s.FLOAT, !1, 0, 0);
|
|
581
|
+
const c = s.createTexture();
|
|
582
|
+
s.bindTexture(s.TEXTURE_2D, c), s.texParameteri(s.TEXTURE_2D, s.TEXTURE_WRAP_S, s.CLAMP_TO_EDGE), s.texParameteri(s.TEXTURE_2D, s.TEXTURE_WRAP_T, s.CLAMP_TO_EDGE), s.texParameteri(s.TEXTURE_2D, s.TEXTURE_MIN_FILTER, s.LINEAR), s.texParameteri(s.TEXTURE_2D, s.TEXTURE_MAG_FILTER, s.LINEAR), s.pixelStorei(s.UNPACK_PREMULTIPLY_ALPHA_WEBGL, !0);
|
|
583
|
+
const h = {};
|
|
473
584
|
for (const i of ["uSize", "uWall", "uSide", "uZone", "uGap", "uFlare", "uSplit", "uBlur", "uCy"])
|
|
474
|
-
|
|
475
|
-
return { gl:
|
|
585
|
+
h[i] = s.getUniformLocation(t, i);
|
|
586
|
+
return { gl: s, canvas: n, source: document.createElement("canvas"), tex: c, u: h };
|
|
476
587
|
}
|
|
477
|
-
function
|
|
478
|
-
if (
|
|
479
|
-
const { gl: o, canvas:
|
|
480
|
-
if (
|
|
481
|
-
(
|
|
482
|
-
const
|
|
483
|
-
return
|
|
588
|
+
function se(n, s, e, t) {
|
|
589
|
+
if (an === void 0 && (an = ne()), !an) return !1;
|
|
590
|
+
const { gl: o, canvas: r, source: c, tex: h, u: i } = an, a = n.getTransform(), f = Math.hypot(a.a, a.b) || 1, l = n.canvas.width, u = n.canvas.height, p = a.a * e + a.e, d = t.zone * f, g = t.blur * f, M = Math.max(0, Math.floor(s > 0 ? p - d - 2 * g - 4 : 0)), m = Math.min(l, Math.ceil(s > 0 ? l : p + d + 2 * g + 4)) - M;
|
|
591
|
+
if (m < 2 || u < 2) return !1;
|
|
592
|
+
(c.width !== m || c.height !== u) && (c.width = m, c.height = u);
|
|
593
|
+
const R = c.getContext("2d");
|
|
594
|
+
return R.clearRect(0, 0, m, u), R.drawImage(n.canvas, M, 0, m, u, 0, 0, m, u), (r.width !== m || r.height !== u) && (r.width = m, r.height = u), o.viewport(0, 0, m, u), o.bindTexture(o.TEXTURE_2D, h), o.texImage2D(o.TEXTURE_2D, 0, o.RGBA, o.RGBA, o.UNSIGNED_BYTE, c), o.uniform2f(i.uSize, m, u), o.uniform1f(i.uWall, p - M), o.uniform1f(i.uSide, s), o.uniform1f(i.uZone, d), o.uniform1f(i.uGap, t.gap * f), o.uniform1f(i.uFlare, t.flare), o.uniform1f(i.uSplit, t.split * f), o.uniform1f(i.uBlur, g), o.uniform1f(i.uCy, a.d * t.cy + a.f), o.clearColor(0, 0, 0, 0), o.clear(o.COLOR_BUFFER_BIT), o.drawArrays(o.TRIANGLE_STRIP, 0, 4), n.save(), n.setTransform(1, 0, 0, 1, 0, 0), n.globalCompositeOperation = "copy", n.beginPath(), n.rect(M, 0, m, u), n.clip(), n.drawImage(r, M, 0), n.restore(), !0;
|
|
484
595
|
}
|
|
485
|
-
function
|
|
486
|
-
const o = 2.2 /
|
|
487
|
-
return
|
|
596
|
+
function ss(n, s, e, t) {
|
|
597
|
+
const o = 2.2 / t.size, r = Jt(n * o + t.t * 0.11, s * o - t.t * 0.08, t.t * 0.07), c = Qt(0.3, 0.75, r);
|
|
598
|
+
return t.amount * (0.2 + 0.75 * c) * $(1.3 - e);
|
|
488
599
|
}
|
|
489
|
-
function
|
|
490
|
-
const i = Math.round(
|
|
491
|
-
let
|
|
492
|
-
return
|
|
600
|
+
function es(n, s, e, t, o, r = 0, c, h = 0) {
|
|
601
|
+
const i = Math.round(s * 1e3) / 1e3, a = (d) => e ? d * (1 - n) : d + (255 - d) * n, f = (e ? 1 - n : n) * 255;
|
|
602
|
+
let l = t ? a(t.r) : f, u = t ? a(t.g) : f, p = t ? a(t.b) : f;
|
|
603
|
+
return c && h > 0 && (l += (a(c[0]) - l) * h, u += (a(c[1]) - u) * h, p += (a(c[2]) - p) * h), o && r > 0 && (l += (a(o.r) - l) * r, u += (a(o.g) - u) * r, p += (a(o.b) - p) * r), `rgba(${Math.round(l)},${Math.round(u)},${Math.round(p)},${i})`;
|
|
493
604
|
}
|
|
494
|
-
const
|
|
495
|
-
function
|
|
496
|
-
const
|
|
497
|
-
for (const a of
|
|
498
|
-
const
|
|
499
|
-
let
|
|
500
|
-
for (let
|
|
501
|
-
const
|
|
502
|
-
if (
|
|
503
|
-
|
|
605
|
+
const Vn = 24, Kn = 8;
|
|
606
|
+
function ee(n, s, e, t, o, r) {
|
|
607
|
+
const c = o && o.amount > 5e-3 ? o : void 0, h = r && r.saturation > 0 ? r : void 0, i = /* @__PURE__ */ new Map();
|
|
608
|
+
for (const a of s) {
|
|
609
|
+
const f = a.pts.length >> 1, l = a.closed ? f : f - 1;
|
|
610
|
+
let u = "", p;
|
|
611
|
+
for (let d = 0; d < l; d++) {
|
|
612
|
+
const g = d + 1 === f ? 0 : d + 1, M = Math.round($((a.a[d] + a.a[g]) / 2) * Vn);
|
|
613
|
+
if (M === 0) {
|
|
614
|
+
u = "";
|
|
504
615
|
continue;
|
|
505
616
|
}
|
|
506
|
-
const
|
|
507
|
-
|
|
508
|
-
) : 0,
|
|
509
|
-
if (
|
|
510
|
-
let
|
|
511
|
-
|
|
617
|
+
const y = c ? Math.round(
|
|
618
|
+
ss((a.pts[2 * d] + a.pts[2 * g]) / 2, (a.pts[2 * d + 1] + a.pts[2 * g + 1]) / 2, a.white, c) * Kn
|
|
619
|
+
) : 0, m = h ? h.at((a.pts[2 * d] + a.pts[2 * g]) / 2, (a.pts[2 * d + 1] + a.pts[2 * g + 1]) / 2) : 0, R = `${M}|${a.white}|${Math.round(a.w * 20)}|${y}|${m}`;
|
|
620
|
+
if (R !== u) {
|
|
621
|
+
let b = i.get(R);
|
|
622
|
+
b || (b = { path: new Path2D(), white: a.white, w: a.w, a: M / Vn, gw: y / Kn, ci: m }, i.set(R, b)), p = b, u = R, b.path.moveTo(a.pts[2 * d], a.pts[2 * d + 1]);
|
|
512
623
|
}
|
|
513
|
-
|
|
624
|
+
p.path.lineTo(a.pts[2 * g], a.pts[2 * g + 1]);
|
|
514
625
|
}
|
|
515
626
|
}
|
|
516
|
-
|
|
627
|
+
n.lineCap = "round", n.lineJoin = "round";
|
|
517
628
|
for (const a of i.values())
|
|
518
|
-
|
|
629
|
+
n.strokeStyle = es($(a.white), a.a, e, t, c, a.gw, h == null ? void 0 : h.rgb, h == null ? void 0 : h.mix[a.ci]), n.lineWidth = a.w, n.stroke(a.path);
|
|
519
630
|
}
|
|
520
|
-
function
|
|
521
|
-
const
|
|
522
|
-
for (const a of
|
|
523
|
-
const
|
|
524
|
-
if (
|
|
525
|
-
|
|
631
|
+
function oe(n, s, e, t, o, r, c = !1) {
|
|
632
|
+
const h = o && o.amount > 5e-3 ? o : void 0, i = r && r.saturation > 0 ? r : void 0;
|
|
633
|
+
for (const a of s) {
|
|
634
|
+
const f = $(a.white), l = h ? ss(a.x, a.y, f, h) : 0, u = i ? i.at(a.x, a.y) : 0;
|
|
635
|
+
if (n.fillStyle = es(f, $(a.a ?? 1), e, t, h, l, i == null ? void 0 : i.rgb, i == null ? void 0 : i.mix[u]), c) {
|
|
636
|
+
n.fillRect(a.x - a.r, a.y - a.r, 2 * a.r, 2 * a.r);
|
|
526
637
|
continue;
|
|
527
638
|
}
|
|
528
|
-
|
|
639
|
+
n.beginPath(), n.arc(a.x, a.y, a.r, 0, Mt), n.fill();
|
|
529
640
|
}
|
|
530
641
|
}
|
|
531
|
-
function
|
|
532
|
-
var
|
|
533
|
-
const
|
|
534
|
-
|
|
642
|
+
function ae(n, s, e, t, o, r) {
|
|
643
|
+
var h;
|
|
644
|
+
const c = r && r.saturation > 0 && !s.light ? zs(r) : void 0;
|
|
645
|
+
s.light ? js(n, s, s.light, e, t, o) : s.tube ? Js(n, s.strokes, s.tube, e, t, o) : s.strokes.length && ee(n, s.strokes, e, t, o, c), oe(n, s.dots, e, t, o, c, s.square), (h = s.contact) != null && h.lens && se(n, s.contact.side, s.contact.x, s.contact.lens);
|
|
535
646
|
}
|
|
536
|
-
const
|
|
647
|
+
const ce = [
|
|
537
648
|
[0, 255, 150, 90],
|
|
538
649
|
[0.12, 255, 110, 120],
|
|
539
650
|
[0.24, 255, 80, 170],
|
|
@@ -545,173 +656,225 @@ const Zs = [
|
|
|
545
656
|
[0.84, 170, 90, 255],
|
|
546
657
|
[0.93, 240, 104, 165],
|
|
547
658
|
[1, 255, 150, 90]
|
|
548
|
-
],
|
|
549
|
-
const o =
|
|
550
|
-
let
|
|
551
|
-
for (let
|
|
552
|
-
const
|
|
659
|
+
], re = (n, s, e, t) => {
|
|
660
|
+
const o = n / 2, r = e.level, [c, h] = e.softBands, i = e.bands[2], a = e.drive, f = e.processing, l = 0.5 * r + 0.5 * e.soft, u = o * (t.radius ?? 0.56) * (1 + (t.zoom ?? 0.17) * e.soft) * (1 - 0.06 * f), p = t.deform ?? 1.45, d = 0.02 + (0.14 * c + 0.06 * r) * p, g = 0.01 + (0.07 * h + 0.03 * i) * p, M = Pn(d, g, a, t.deformRadius ?? 1.75), y = Math.max(0.6, (t.lineW ?? 1.85) * Xt(n, 0.5)), m = Math.max(1, Math.round(t.rings ?? 6)), R = Math.max(24, Math.round(t.segs ?? 140)), b = t.lean ?? 0.91, A = t.ringGap ?? 0.02, v = [];
|
|
661
|
+
let E = 0, x = 0;
|
|
662
|
+
for (let P = 0; P < m; P++) {
|
|
663
|
+
const S = 0.16 * (0.5 + Ft(P, 2.1)) * (P % 2 ? 1 : -1), I = Math.max(
|
|
553
664
|
0.02,
|
|
554
|
-
|
|
555
|
-
), G =
|
|
556
|
-
for (let
|
|
557
|
-
const
|
|
558
|
-
|
|
665
|
+
b * (0.2 + 0.8 * Ft(P, 3.1)) + 0.03 * Math.sin(s * 0.27 + P * 1.3) + 0.08 * Math.sin(a * 0.35 + P * 1.7)
|
|
666
|
+
), G = Ft(P, 7.7) * Mt + s * 0.05 * (P % 2 ? 1 : -1) + a * S, L = Math.sin(I) * Math.cos(G), _ = Math.sin(I) * Math.sin(G), N = Math.cos(I), D = Math.hypot(L, N), q = N / D, U = -L / D, V = _ * U, K = N * q - L * U, J = -_ * q, Y = u * (1 + A * (P - (m - 1) / 2)), H = Math.sin(I), ht = [], rt = [], j = [];
|
|
667
|
+
for (let et = 0; et < R; et++) {
|
|
668
|
+
const X = et / R * Mt, gt = Math.cos(X), lt = Math.sin(X), Q = q * gt + V * lt, ot = K * lt, at = U * gt + J * lt, tt = M(Q, ot, at);
|
|
669
|
+
ht.push(Q, ot), rt.push(tt), E += tt, x++, j.push(0.62 + 0.38 * $((at / H + 1) / 2));
|
|
559
670
|
}
|
|
560
|
-
|
|
671
|
+
v.push({ dirs: ht, f: rt, a: j, rk: Y });
|
|
561
672
|
}
|
|
562
|
-
const k =
|
|
563
|
-
let
|
|
564
|
-
for (const { dirs:
|
|
565
|
-
for (let
|
|
566
|
-
const G =
|
|
567
|
-
|
|
673
|
+
const k = x ? E / x : 0;
|
|
674
|
+
let C = 0, z = 0;
|
|
675
|
+
for (const { dirs: P, f: S } of v)
|
|
676
|
+
for (let I = 0; I < S.length; I++) {
|
|
677
|
+
const G = P[2 * I], L = P[2 * I + 1], _ = Math.hypot(G, L) || 1;
|
|
678
|
+
C += (S[I] - k) * (G / _), z += (S[I] - k) * (L / _);
|
|
568
679
|
}
|
|
569
|
-
|
|
570
|
-
const
|
|
571
|
-
const
|
|
572
|
-
for (let
|
|
573
|
-
const
|
|
574
|
-
|
|
680
|
+
C = x ? 2 * C / x : 0, z = x ? 2 * z / x : 0;
|
|
681
|
+
const B = v.map(({ dirs: P, f: S, a: I, rk: G }) => {
|
|
682
|
+
const L = [];
|
|
683
|
+
for (let _ = 0; _ < S.length; _++) {
|
|
684
|
+
const N = P[2 * _], D = P[2 * _ + 1], q = Math.hypot(N, D) || 1, U = G * (1 + S[_] - k - C * (N / q) - z * (D / q));
|
|
685
|
+
L.push(o + N * U, o - D * U);
|
|
575
686
|
}
|
|
576
|
-
return { pts:
|
|
577
|
-
}),
|
|
687
|
+
return { pts: L, a: I, white: 0, w: y, closed: !0 };
|
|
688
|
+
}), w = 2.3 + 0.25 * Math.sin(s * 0.21) + 2 * e.spin, T = t.colorDrift ?? 1, F = {
|
|
578
689
|
cx: o,
|
|
579
690
|
cy: o,
|
|
580
|
-
r:
|
|
581
|
-
stops:
|
|
691
|
+
r: u,
|
|
692
|
+
stops: ce,
|
|
582
693
|
// warm at the top, cool below, swaying rather than turning — the
|
|
583
694
|
// spectrum flows with the voice but keeps its sense of up; processing
|
|
584
695
|
// spins it all the way round
|
|
585
|
-
angle: -Math.PI / 2 - 0.35 + 0.5 * Math.sin(
|
|
696
|
+
angle: -Math.PI / 2 - 0.35 + (t.colorTurn ?? 0) * Math.PI / 180 + T * (0.5 * Math.sin(s * 0.07) + 0.4 * Math.sin(a * 0.2)) + e.spin,
|
|
586
697
|
// processing lights the ring up: brighter bloom and a bigger halo
|
|
587
|
-
intensity: 0.62 + 0.55 *
|
|
588
|
-
halo: (
|
|
698
|
+
intensity: (0.62 + 0.55 * l + 0.5 * f) * (t.brightness ?? 0.78),
|
|
699
|
+
halo: (t.halo ?? 0.5) * (1 + 0.6 * f),
|
|
589
700
|
spec: [
|
|
590
701
|
{
|
|
591
|
-
x: o + Math.cos(
|
|
592
|
-
y: o + Math.sin(
|
|
593
|
-
r:
|
|
594
|
-
a: 0.5 + 0.35 *
|
|
702
|
+
x: o + Math.cos(w) * u,
|
|
703
|
+
y: o + Math.sin(w) * u,
|
|
704
|
+
r: u * (0.5 + 0.25 * f) * (t.highlightSize ?? 1),
|
|
705
|
+
a: (0.5 + 0.35 * l + 0.4 * f) * (t.highlight ?? 1.4)
|
|
595
706
|
}
|
|
596
707
|
],
|
|
597
|
-
fringe: 0.016 + 0.012 *
|
|
598
|
-
green: [
|
|
708
|
+
fringe: (0.016 + 0.012 * l) * (t.fringe ?? 1),
|
|
709
|
+
green: [t.greenFrom ?? 81, t.greenTo ?? 136],
|
|
710
|
+
look: {
|
|
711
|
+
hue: t.hue,
|
|
712
|
+
chroma: t.chroma,
|
|
713
|
+
warmth: t.warmth,
|
|
714
|
+
contrast: t.contrast,
|
|
715
|
+
cycles: t.colorCycles,
|
|
716
|
+
glowSize: t.glowSize,
|
|
717
|
+
// a fainter, wider, softer bloom than the painter's own
|
|
718
|
+
bloom: t.bloom ?? 0.55,
|
|
719
|
+
bloomSize: t.bloomSize ?? 1.4,
|
|
720
|
+
soft: t.softness ?? 3.7,
|
|
721
|
+
core: t.core
|
|
722
|
+
}
|
|
599
723
|
};
|
|
600
|
-
return { ...
|
|
601
|
-
},
|
|
602
|
-
const o =
|
|
603
|
-
for (let
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
724
|
+
return { ...Vt([], B), light: F };
|
|
725
|
+
}, os = -0.45, as = 0.55, cs = 0.7, ie = Math.hypot(os, as, cs), he = (n, s, e, t) => {
|
|
726
|
+
const o = n / 2, r = e.processing, c = e.soft, h = e.softBands[1], i = o * (t.radius ?? 0.44) * (1 + (t.zoom ?? 0.08) * c) * (1 - 0.06 * r), a = t.deform ?? 1.85, f = Math.max(1, Math.round(t.rings ?? 2)), l = Math.max(48, Math.round(t.segs ?? 180)), u = Math.max(0.5, (t.lineW ?? 1.7) * Xt(n, 0.6)), p = (t.tilt ?? 0.22) + (t.open ?? 0.75) * c, d = $(t.restBend ?? 0.12), g = d + (1 - d) * $(c * a), M = (t.twist ?? 1.69) * g, y = (t.wobble ?? 0.31) * g, m = e.drive * (t.pace ?? 2.1), R = 1 / Math.max(0.02, t.persp ?? 0), b = 1 - Qt(0.1, 0.5, c), A = (t.idleSway ?? 0.18) * b, v = (t.idleDeform ?? 0.05) * b, E = (t.idleDrift ?? 0.03) * b, x = o + i * E * Math.sin(0.9 * s + 0.6), k = o + i * E * Math.sin(0.7 * s + 2.1), C = [];
|
|
727
|
+
for (let z = 0; z < f; z++) {
|
|
728
|
+
const B = z * 2.399, w = p * (1 + 0.25 * Math.sin(0.17 * m + B)) + A * Math.sin(1.3 * s + 1.3 * B), T = z * Mt / f + 0.23 * m * (z % 2 ? -1 : 1) + 0.4 * Math.sin(0.11 * m + B) + e.spin, F = Math.sin(w) * Math.cos(T), P = Math.sin(w) * Math.sin(T), S = Math.cos(w), I = Math.hypot(F, S) || 1, G = S / I, L = -F / I, _ = P * L, N = S * G - F * L, D = -P * G, q = 0.2 * M * Math.sin(0.29 * m + 1.3 + B), U = 0.37 * m + B, V = 0.07 * M * Math.sin(0.23 * m + 0.4 + B), K = -0.31 * m + 2.1 + B, J = 0.07 * y * Math.sin(0.33 * m + 0.4 + B), Y = 0.41 * m + B, H = 0.04 * y * Math.sin(0.27 * m + 1 + B), ht = -0.35 * m + 0.8 + B, rt = 0.04 * a * h, j = 0.5 * m + B, et = v * Math.sin(1.1 * s + 0.7 + B), X = 0.7 * s + B, gt = 0.6 * v * Math.sin(1.5 * s + 1.9 + B), lt = -0.5 * s + B, Q = 1 - (t.ringGap ?? 0.035) * z, ot = [], at = [], tt = [];
|
|
729
|
+
for (let Z = 0; Z < l; Z++) {
|
|
730
|
+
const W = Z / l * Mt, ut = Math.cos(W), yt = Math.sin(W), Pt = Q * (1 + J * Math.cos(2 * W + Y) + H * Math.cos(3 * W + ht) + rt * Math.cos(4 * W + j) + et * Math.cos(2 * W + X) + gt * Math.cos(3 * W + lt)), xt = Q * (q * Math.sin(2 * W + U) + V * Math.sin(3 * W + K));
|
|
731
|
+
ot.push((G * ut + _ * yt) * Pt + F * xt), at.push(N * yt * Pt + P * xt), tt.push((L * ut + D * yt) * Pt + S * xt);
|
|
732
|
+
}
|
|
733
|
+
const kt = [], it = [], vt = [];
|
|
734
|
+
for (let Z = 0; Z < l; Z++) {
|
|
735
|
+
const W = R / (R - tt[Z]);
|
|
736
|
+
kt.push(x + ot[Z] * i * W, k - at[Z] * i * W);
|
|
737
|
+
const ut = (Z + 1) % l, yt = (Z + l - 1) % l, Pt = ot[ut] - ot[yt], xt = at[ut] - at[yt], qt = tt[ut] - tt[yt], ft = Math.hypot(Pt, xt, qt) || 1, wt = (Pt * os + xt * as + qt * cs) / (ft * ie), Ut = Math.sqrt(Math.max(0, 1 - wt * wt)), $t = $((tt[Z] + 1) / 2);
|
|
738
|
+
it.push($(0.12 + 0.6 * Ut * (0.55 + 0.45 * $t) + 0.28 * $t + 0.08 * c)), vt.push($t * 2 - 1);
|
|
739
|
+
}
|
|
740
|
+
C.push({ pts: kt, a: it, z: vt, white: 0, w: u, closed: !0 });
|
|
741
|
+
}
|
|
742
|
+
return {
|
|
743
|
+
dots: [],
|
|
744
|
+
strokes: C,
|
|
745
|
+
tube: {
|
|
746
|
+
shine: t.shine ?? 1,
|
|
747
|
+
// one even grey all round: the highlight alone gives it its roundness
|
|
748
|
+
contrast: t.contrast ?? 0,
|
|
749
|
+
depth: t.depthWidth ?? 0,
|
|
750
|
+
// an emotion's colour as deep as it goes, a touch dark, fading most
|
|
751
|
+
// of the way into the grey on one side of the orb, the fade holding
|
|
752
|
+
// still; green a shade darker than the others
|
|
753
|
+
saturation: t.colorSaturation ?? 2,
|
|
754
|
+
gradient: t.colorGradient ?? 0.69,
|
|
755
|
+
gradientAngle: t.gradientAngle ?? 0,
|
|
756
|
+
gradientSpin: t.gradientSpin ?? 0,
|
|
757
|
+
colorBrightness: t.colorBrightness ?? 0.9,
|
|
758
|
+
positiveBrightness: t.positiveBrightness ?? 0.93,
|
|
759
|
+
negativeBrightness: t.negativeBrightness ?? 1,
|
|
760
|
+
calmBrightness: t.calmBrightness ?? 1
|
|
761
|
+
}
|
|
762
|
+
};
|
|
763
|
+
}, rs = -0.45, is = 0.55, hs = 0.7, le = Math.hypot(rs, is, hs), ue = (n, s, e, t) => {
|
|
764
|
+
const o = n / 2, r = e.level, [c, h, i] = e.bands, a = e.drive, f = e.processing, l = o * (t.radius ?? 0.72), u = l * (1 + (t.zoom ?? 0.3) * r) * (1 - 0.06 * f), p = t.rMul ?? 1, d = Math.max(4, Math.round(t.cells ?? 17)), g = 2 * l / d, M = g / 2 - Math.max(0.5, g * (t.gap ?? 0.24) / 2), y = Math.ceil(u * 1.25 / g), m = (t.turn ?? 0.12) * s + 0.1 * a + 0.5 * e.spin, R = Math.sin(m), b = Math.cos(m), A = Math.sin(0.35), v = Math.cos(0.35), E = t.shade ?? 0.7, x = t.texture ?? 0.35, k = t.fade ?? 1.3, C = t.strength ?? 1.38, z = t.deform ?? 1.7, B = 0.012 + (0.09 * c + 0.03 * r) * z, w = (0.035 * h + 0.025 * i) * z, T = (G) => B * (0.55 * Math.sin(2 * G + 0.9 * a) + 0.45 * Math.sin(3 * G - 0.7 * a + 1.3)) + w * Math.sin(7 * G + 2.3 * a) * Math.sin(5 * G - 1.7 * a), F = 0.95 * Math.sin(s * 1.3), P = e.spectrum, S = P.length, I = [];
|
|
765
|
+
for (let G = -y; G <= y; G++)
|
|
766
|
+
for (let L = -y; L <= y; L++) {
|
|
767
|
+
const _ = o + L * g, N = o + G * g, D = (_ - o) / u, q = -(N - o) / u, U = T(Math.atan2(q, D)), V = Math.hypot(D, q) / (1 + U);
|
|
768
|
+
if (V >= 1) continue;
|
|
769
|
+
const K = 1 / (1 + U), J = D * K, Y = q * K, H = Math.sqrt(Math.max(0, 1 - J * J - Y * Y)), ht = $((J * rs + Y * is + H * hs) / le), rt = 1 - E + E * ht, j = Y * v + H * A, et = -Y * A + H * v, X = J * b - et * R, gt = J * R + et * b, lt = 0.65 * Jt(X * 2.2 + a * 0.15, j * 2.2, gt * 2.2 - a * 0.1) + 0.35 * Jt(X * 4.6 - a * 0.2, j * 4.6 + 7.3, gt * 4.6), Q = 1 - x + x * Qt(0.32, 0.68, lt), ot = S ? P[Math.min(S - 1, Math.floor(V * S))] : r, at = 0.35 * r + 0.85 * ot, tt = Math.exp(-((Y - F) ** 2) / 0.01) * f, kt = 1 - 0.4 * k * (1 - H), it = (0.35 + 0.75 * rt * Q + 0.3 * at + 0.2 * tt) * kt * p, vt = 0.22 + 0.62 * rt * Q + 0.22 * at + 0.3 * tt;
|
|
770
|
+
I.push({
|
|
771
|
+
x: _,
|
|
772
|
+
y: N,
|
|
773
|
+
z: H * u,
|
|
774
|
+
r: M * Math.min(1, it),
|
|
775
|
+
white: $(1 - vt * C),
|
|
776
|
+
a: $((1 - 0.75 * k * (1 - Math.sqrt(H))) * C)
|
|
615
777
|
});
|
|
616
778
|
}
|
|
617
|
-
return { ...
|
|
618
|
-
},
|
|
619
|
-
const o =
|
|
620
|
-
for (let
|
|
621
|
-
const
|
|
622
|
-
let k = -
|
|
623
|
-
const
|
|
624
|
-
k /=
|
|
625
|
-
const
|
|
626
|
-
for (let
|
|
627
|
-
const
|
|
628
|
-
|
|
629
|
-
x: o +
|
|
630
|
-
y:
|
|
631
|
-
z:
|
|
632
|
-
r: ((
|
|
633
|
-
white: 0.32 - 0.24 *
|
|
779
|
+
return { ...Vt(I, [], t.rMin ?? 0.4), square: !0 };
|
|
780
|
+
}, fe = (n, s, e, t) => {
|
|
781
|
+
const o = n / 2, r = n / 2, c = 0.5 * e.level + 0.5 * e.soft, h = (1 + (t.swell ?? 0.49) * c) * (1 - 0.14 * e.processing), i = n / 2 * (t.radius ?? 0.56), a = t.persp ?? 0.25, f = hn(s * 0.12 + e.drive * 0.03, 0.3, 0, 0, 1), l = Xt(n, t.rsPow ?? 0.9) * (t.rMul ?? 1), u = [], p = t.orbitN ?? 12, d = t.particles ?? 6;
|
|
782
|
+
for (let g = 0; g < p; g++) {
|
|
783
|
+
const M = Ft(g, 1.7), y = Ft(g, 5.2), m = Ft(g, 8.9), R = i * (0.45 + 0.52 * M), b = M * Mt, A = Math.acos(2 * y - 1), v = Math.sin(A) * Math.cos(b), E = Math.cos(A), x = Math.sin(A) * Math.sin(b);
|
|
784
|
+
let k = -E, C = v;
|
|
785
|
+
const z = Math.max(1e-6, Math.sqrt(k * k + C * C));
|
|
786
|
+
k /= z, C /= z;
|
|
787
|
+
const B = -x * C, w = x * k, T = v * C - E * k, F = (0.25 + 0.55 * m) * (m > 0.5 ? 1 : -1);
|
|
788
|
+
for (let P = 0; P < d; P++) {
|
|
789
|
+
const S = e.drive * F + P / d * Mt + y * 6, I = Math.cos(S), G = Math.sin(S), [L, _, N] = f((k * I + B * G) * R, (C * I + w * G) * R, T * G * R), D = $((N / i + 1) / 2), q = h / (1 - a * N / i);
|
|
790
|
+
u.push({
|
|
791
|
+
x: o + L * q,
|
|
792
|
+
y: r + _ * q,
|
|
793
|
+
z: N,
|
|
794
|
+
r: ((t.partR ?? 0.47) + (t.partRDepth ?? 0.65) * D) * l * q,
|
|
795
|
+
white: 0.32 - 0.24 * D
|
|
634
796
|
});
|
|
635
797
|
}
|
|
636
798
|
}
|
|
637
|
-
return
|
|
638
|
-
},
|
|
639
|
-
const o =
|
|
640
|
-
let
|
|
641
|
-
for (let
|
|
642
|
-
const
|
|
643
|
-
|
|
799
|
+
return Vt(u, [], t.rMin);
|
|
800
|
+
}, de = (n, s, e, t) => {
|
|
801
|
+
const o = n / 2, r = n / 2, c = e.soft, [h, i] = e.softBands, a = n / 2 * (t.radius ?? 0.66) * (1 + (t.zoom ?? 0.21) * e.level), f = e.drive, l = t.deform ?? 1, u = t.wave ?? 1, p = 0.015 + (0.1 * h + 0.05 * e.level) * l, d = 0.04 * i * l, g = Pn(p, d, f), M = 0.55 + 0.05 * Math.sin(s * 0.37), y = Math.cos(M), m = Math.sin(M);
|
|
802
|
+
let R = 0;
|
|
803
|
+
for (let _ = 0; _ < 48; _++) {
|
|
804
|
+
const N = _ / 48 * Mt;
|
|
805
|
+
R += g(Math.cos(N), Math.sin(N) * y, Math.sin(N) * m);
|
|
644
806
|
}
|
|
645
|
-
|
|
646
|
-
const
|
|
647
|
-
for (let
|
|
648
|
-
const
|
|
649
|
-
k.push({ x:
|
|
807
|
+
R /= 48;
|
|
808
|
+
const b = (_, N, D) => 1 + g(_, N, D) - R, v = hn(0, 0.3, o, r, 1), E = Xt(n, t.rsPow ?? 0.6) * (t.rMul ?? 1), x = e.drive, k = [], C = t.ghostN ?? 60;
|
|
809
|
+
for (let _ = 0; _ < C; _++) {
|
|
810
|
+
const N = _n(_, C), D = a * b(N[0], N[1], N[2]), [q, U, V] = v(N[0] * D, N[1] * D, N[2] * D), K = (V / a + 1) / 2;
|
|
811
|
+
k.push({ x: q, y: U, z: V, r: 0.65 * E, white: 0.78, a: 0.1 + 0.22 * K });
|
|
650
812
|
}
|
|
651
|
-
const
|
|
652
|
-
for (let
|
|
653
|
-
const
|
|
654
|
-
for (let
|
|
655
|
-
const
|
|
813
|
+
const z = -m, B = y, w = Math.max(1, Math.round(t.lanes ?? 10)), T = Math.max(8, Math.round(t.segs ?? 56)), F = e.processing, P = (t.laneGap ?? 0.062) * (1 + 0.25 * c) * (1 - 0.4 * F), S = x * 1.6, I = 0.15 * (0.55 + 0.9 * h * u) * (1 - 0.6 * F), G = 0.06 * (0.5 + 1.2 * i * u), L = 0.05 + 0.05 * c;
|
|
814
|
+
for (let _ = 0; _ < w; _++) {
|
|
815
|
+
const N = (_ - (w - 1) / 2) * P, D = Math.abs(_ - (w - 1) / 2) / Math.max(1, (w - 1) / 2);
|
|
816
|
+
for (let q = 0; q < T; q++) {
|
|
817
|
+
const U = q / T * Mt, V = I * Math.sin(U * 3 - x * 0.95 + _ * 0.18) + G * Math.sin(U * 5 + x * 0.6) + L * Math.sin(U * 2 + s * 0.31 + Math.sin(s * 0.17) * 1.5), K = N + V, J = Math.cos(U), Y = Math.sin(U), H = J, ht = Y * y + z * K, rt = Y * m + B * K, j = Math.sqrt(H * H + ht * ht + rt * rt), et = a * b(H / j, ht / j, rt / j) / j, [X, gt, lt] = v(H * et, ht * et, rt * et), Q = (lt / a + 1) / 2, ot = Math.max(0, V) * c, at = Math.atan2(Math.sin(U - S), Math.cos(U - S)), tt = Math.exp(-(at * at) / 0.18) * F;
|
|
656
818
|
k.push({
|
|
657
|
-
x:
|
|
658
|
-
y:
|
|
659
|
-
z:
|
|
660
|
-
r: ((
|
|
661
|
-
white: 0.52 - 0.44 *
|
|
662
|
-
a: 0.4 + 0.6 *
|
|
819
|
+
x: X,
|
|
820
|
+
y: gt,
|
|
821
|
+
z: lt,
|
|
822
|
+
r: ((t.rBase ?? 0.49) + (t.rDepth ?? 0.78) * Q) * (1 - 0.25 * D) * (1 + 1.2 * ot + 0.5 * tt) * E,
|
|
823
|
+
white: 0.52 - 0.44 * Q + 0.18 * D - 0.3 * tt,
|
|
824
|
+
a: 0.4 + 0.6 * Q
|
|
663
825
|
});
|
|
664
826
|
}
|
|
665
827
|
}
|
|
666
|
-
return
|
|
667
|
-
},
|
|
668
|
-
const o =
|
|
669
|
-
for (let
|
|
670
|
-
const
|
|
671
|
-
for (let
|
|
672
|
-
const
|
|
673
|
-
|
|
828
|
+
return Vt(k, [], t.rMin);
|
|
829
|
+
}, pe = (n, s, e, t) => {
|
|
830
|
+
const o = n / 2, r = e.level, [c, h] = e.softBands, i = e.bands[2], a = e.drive, f = o * (t.radius ?? 0.6) * (1 + (t.zoom ?? 0.06) * e.soft) * (1 - 0.08 * e.processing), l = hn((t.yaw ?? 0.42) + 0.08 * Math.sin(s * 0.23), t.tilt ?? 0.32, o, o, 1), u = Math.max(0.4, (t.lineW ?? 0.6) * Xt(n, 0.5)), p = (v) => 0.06 + 0.94 * $((v / f + 1) / 2) ** 2, d = t.deform ?? 1, g = 0.02 + (0.14 * c + 0.06 * r) * d, M = 0.01 + (0.07 * h + 0.03 * i) * d, y = Pn(g, M, a), m = [], R = Math.max(24, Math.round(t.segs ?? 96)), b = Math.max(0, Math.round(t.limbs ?? 2));
|
|
831
|
+
for (let v = 0; v < b; v++) {
|
|
832
|
+
const E = 0.1 + 0.05 * Math.sin(s * 0.31 + v * 2.1), x = s * 0.17 * (v % 2 ? 1 : -1) + v * 2.4, k = Math.sin(E) * Math.cos(x), C = Math.sin(E) * Math.sin(x), z = Math.cos(E), B = Math.hypot(k, z), w = z / B, T = -k / B, F = C * T, P = z * w - k * T, S = -C * w, I = [], G = [];
|
|
833
|
+
for (let L = 0; L < R; L++) {
|
|
834
|
+
const _ = L / R * Mt, N = w * Math.cos(_) + F * Math.sin(_), D = P * Math.sin(_), q = T * Math.cos(_) + S * Math.sin(_), U = f * (1 + 6e-3 * v + y(N, D, q));
|
|
835
|
+
I.push(o + N * U, o - D * U), G.push(0.55 + 0.35 * $((q / Math.sin(E) + 1) / 2));
|
|
674
836
|
}
|
|
675
|
-
|
|
837
|
+
m.push({ pts: I, a: G, white: 0, w: u, closed: !0 });
|
|
676
838
|
}
|
|
677
|
-
const
|
|
678
|
-
for (let
|
|
679
|
-
const [
|
|
680
|
-
for (let
|
|
681
|
-
const
|
|
682
|
-
|
|
839
|
+
const A = Math.max(2, Math.round(t.circles ?? 8));
|
|
840
|
+
for (let v = 0; v < A; v++) {
|
|
841
|
+
const [E, x, k] = _n(v, A), C = a * 0.16 * (0.5 + Ft(v, 2.1)) * (v % 2 ? 1 : -1) + Ft(v, 6.6) * Mt, z = x * Math.cos(C) - k * Math.sin(C), B = x * Math.sin(C) + k * Math.cos(C), w = Math.max(1e-6, Math.hypot(B, E)), T = B / w, F = -E / w, P = z * F, S = B * T - E * F, I = -z * T, G = [], L = [];
|
|
842
|
+
for (let _ = 0; _ < R; _++) {
|
|
843
|
+
const N = _ / R * Mt, D = T * Math.cos(N) + P * Math.sin(N), q = S * Math.sin(N), U = F * Math.cos(N) + I * Math.sin(N), V = f * (1 + y(D, q, U)), [K, J, Y] = l(D * V, q * V, U * V);
|
|
844
|
+
G.push(K, J), L.push(p(Y));
|
|
683
845
|
}
|
|
684
|
-
|
|
846
|
+
m.push({ pts: G, a: L, white: 0, w: u, closed: !0 });
|
|
685
847
|
}
|
|
686
|
-
return
|
|
687
|
-
},
|
|
688
|
-
const o =
|
|
689
|
-
let
|
|
690
|
-
for (let
|
|
691
|
-
const k =
|
|
692
|
-
|
|
848
|
+
return Vt([], m, t.rMin);
|
|
849
|
+
}, me = (n, s, e, t) => {
|
|
850
|
+
const o = n / 2, r = e.level, [c, h, i] = e.bands, a = e.drive, f = e.processing, l = o * (t.radius ?? 0.6) * (1 + (t.zoom ?? 0.1) * r) * (1 - 0.08 * f), u = 0.95 * Math.sin(s * 1.3), p = hn(s * 0.14, 0.32, o, o, 1), d = Xt(n, t.rsPow ?? 0.6) * (t.rMul ?? 1), g = Math.max(40, Math.round(t.dotN ?? 900)), M = t.cloudFreq ?? 2.3, y = t.deform ?? 1, m = 0.018 + (0.12 * c + 0.04 * r) * y, R = (0.045 * h + 0.03 * i) * y, b = [], A = [];
|
|
851
|
+
let v = 0;
|
|
852
|
+
for (let x = 0; x < g; x++) {
|
|
853
|
+
const k = _n(x, g), [C, z, B] = k, w = 0.55 * Math.sin(2.1 * C + 1.3 * z + 0.9 * a) + 0.45 * Math.sin(1.7 * B - 1.9 * z - 0.7 * a + 1.3), T = Math.sin(5.3 * C - 4.1 * B + 2.3 * a) * Math.sin(4.7 * z + 3.1 * C - 1.7 * a), F = m * w + R * T;
|
|
854
|
+
b.push(k), A.push(F), v += F / g;
|
|
693
855
|
}
|
|
694
|
-
const
|
|
695
|
-
for (let
|
|
696
|
-
const [k,
|
|
697
|
-
|
|
698
|
-
x:
|
|
699
|
-
y,
|
|
700
|
-
z:
|
|
701
|
-
r: ((
|
|
702
|
-
white: 0.62 - 0.52 *
|
|
703
|
-
a: 0.3 + 0.7 *
|
|
856
|
+
const E = [];
|
|
857
|
+
for (let x = 0; x < g; x++) {
|
|
858
|
+
const [k, C, z] = b[x], B = A[x] - v, w = l * (1 + B), [T, F, P] = p(k * w, C * w, z * w), S = $((P / l + 1) / 2), I = 0.65 * Jt(k * M + a * 0.21, C * M - a * 0.15, z * M + a * 0.1) + 0.35 * Jt(k * M * 2.1 - a * 0.29, C * M * 2.1 + 7.3, z * M * 2.1 + a * 0.24), G = Qt(0.34, 0.68, I), L = Math.exp(-((C - u) ** 2) / 0.012) * f, _ = Math.max(0, B) / 0.16;
|
|
859
|
+
E.push({
|
|
860
|
+
x: T,
|
|
861
|
+
y: F,
|
|
862
|
+
z: P,
|
|
863
|
+
r: ((t.rBase ?? 0.27) + (t.rDepth ?? 0.84) * S) * (0.22 + 0.95 * G + 0.6 * L) * (1 + 0.5 * _) * d,
|
|
864
|
+
white: 0.62 - 0.52 * S - 0.16 * G - 0.3 * L,
|
|
865
|
+
a: 0.3 + 0.7 * S
|
|
704
866
|
});
|
|
705
867
|
}
|
|
706
|
-
return
|
|
707
|
-
},
|
|
708
|
-
orbit:
|
|
709
|
-
sash:
|
|
710
|
-
signal:
|
|
711
|
-
swell:
|
|
712
|
-
pixel:
|
|
713
|
-
aura:
|
|
714
|
-
|
|
868
|
+
return Vt(E, [], t.rMin ?? 0.25);
|
|
869
|
+
}, De = ["orbit", "sash", "signal", "swell", "pixel", "aura-mono", "aura"], Me = {
|
|
870
|
+
orbit: fe,
|
|
871
|
+
sash: de,
|
|
872
|
+
signal: pe,
|
|
873
|
+
swell: me,
|
|
874
|
+
pixel: ue,
|
|
875
|
+
"aura-mono": he,
|
|
876
|
+
aura: re
|
|
877
|
+
}, mt = {
|
|
715
878
|
orbit: {
|
|
716
879
|
speed: 1.05,
|
|
717
880
|
driveGain: 0.12,
|
|
@@ -745,6 +908,17 @@ const Zs = [
|
|
|
745
908
|
opts: { cells: 17 },
|
|
746
909
|
counts: { cells: 0.5 }
|
|
747
910
|
},
|
|
911
|
+
"aura-mono": {
|
|
912
|
+
speed: 1.2,
|
|
913
|
+
// a voice spins it up a long way: waiting it drifts, speaking it turns
|
|
914
|
+
// and morphs quickly
|
|
915
|
+
driveGain: 4,
|
|
916
|
+
// leans like the aura, the near side drawn out, but drifts further and
|
|
917
|
+
// meets the edge with no lens
|
|
918
|
+
lean: { move: 0.55, pull: 0.36, deform: 0.28, squash: 0, bounce: 0.92, lens: 0, stretch: 0, split: 0, blur: 1.24 },
|
|
919
|
+
opts: { segs: 180 },
|
|
920
|
+
counts: { segs: 0.5 }
|
|
921
|
+
},
|
|
748
922
|
aura: {
|
|
749
923
|
speed: 1.6,
|
|
750
924
|
driveGain: 2,
|
|
@@ -757,87 +931,87 @@ const Zs = [
|
|
|
757
931
|
counts: { segs: 0.5 }
|
|
758
932
|
}
|
|
759
933
|
};
|
|
760
|
-
function
|
|
761
|
-
const o =
|
|
762
|
-
for (const [i, a] of Object.entries(
|
|
763
|
-
const
|
|
764
|
-
|
|
934
|
+
function ge(n, s, e = 1, t = 1) {
|
|
935
|
+
const o = n in mt ? n : "orbit", r = mt[o], c = Math.min(1.4, Math.max(0.2, s / 200)) * Math.max(0.1, e), h = { ...r.opts };
|
|
936
|
+
for (const [i, a] of Object.entries(r.counts)) {
|
|
937
|
+
const f = h[i];
|
|
938
|
+
f != null && (h[i] = Math.max(1, Math.round(f * c ** a)));
|
|
765
939
|
}
|
|
766
|
-
return
|
|
940
|
+
return t !== 1 && (h.rMul = Math.max(0.1, t)), { frame: Me[o], speed: r.speed, driveGain: r.driveGain, gain: r.gain ?? 1, opts: h };
|
|
767
941
|
}
|
|
768
|
-
function
|
|
769
|
-
let
|
|
770
|
-
for (;
|
|
771
|
-
const e =
|
|
942
|
+
function be(n) {
|
|
943
|
+
let s = n;
|
|
944
|
+
for (; s; ) {
|
|
945
|
+
const e = s.getAttribute("data-theme");
|
|
772
946
|
if (e === "dark") return !0;
|
|
773
947
|
if (e === "light") return !1;
|
|
774
|
-
if (
|
|
775
|
-
if (
|
|
776
|
-
|
|
948
|
+
if (s.classList.contains("dark")) return !0;
|
|
949
|
+
if (s.classList.contains("light")) return !1;
|
|
950
|
+
s = s.parentElement;
|
|
777
951
|
}
|
|
778
952
|
return null;
|
|
779
953
|
}
|
|
780
|
-
function
|
|
954
|
+
function ve() {
|
|
781
955
|
return typeof matchMedia > "u" || matchMedia("(prefers-color-scheme: dark)").matches;
|
|
782
956
|
}
|
|
783
|
-
function
|
|
784
|
-
const [e,
|
|
785
|
-
return
|
|
786
|
-
if (
|
|
787
|
-
|
|
957
|
+
function ye(n, s) {
|
|
958
|
+
const [e, t] = Wt(!0);
|
|
959
|
+
return Dt(() => {
|
|
960
|
+
if (n === "dark") {
|
|
961
|
+
t(!0);
|
|
788
962
|
return;
|
|
789
963
|
}
|
|
790
|
-
if (
|
|
791
|
-
|
|
964
|
+
if (n === "light") {
|
|
965
|
+
t(!1);
|
|
792
966
|
return;
|
|
793
967
|
}
|
|
794
968
|
const o = () => {
|
|
795
|
-
const i =
|
|
796
|
-
|
|
969
|
+
const i = be(s.current);
|
|
970
|
+
t(i ?? ve());
|
|
797
971
|
};
|
|
798
972
|
o();
|
|
799
|
-
const
|
|
800
|
-
|
|
801
|
-
let
|
|
802
|
-
return typeof MutationObserver < "u" &&
|
|
973
|
+
const r = typeof matchMedia < "u" ? matchMedia("(prefers-color-scheme: dark)") : null, c = () => o();
|
|
974
|
+
r == null || r.addEventListener("change", c);
|
|
975
|
+
let h = null;
|
|
976
|
+
return typeof MutationObserver < "u" && s.current && (h = new MutationObserver(o), h.observe(document.documentElement, {
|
|
803
977
|
attributes: !0,
|
|
804
978
|
attributeFilter: ["class", "data-theme"],
|
|
805
979
|
subtree: !0
|
|
806
980
|
})), () => {
|
|
807
|
-
|
|
981
|
+
r == null || r.removeEventListener("change", c), h == null || h.disconnect();
|
|
808
982
|
};
|
|
809
|
-
}, [
|
|
983
|
+
}, [n, s]), e;
|
|
810
984
|
}
|
|
811
|
-
function
|
|
812
|
-
const [
|
|
813
|
-
return
|
|
985
|
+
function xe() {
|
|
986
|
+
const [n, s] = Wt(!1);
|
|
987
|
+
return Dt(() => {
|
|
814
988
|
if (typeof matchMedia > "u") return;
|
|
815
989
|
const e = matchMedia("(prefers-reduced-motion: reduce)");
|
|
816
|
-
|
|
817
|
-
const
|
|
818
|
-
return e.addEventListener("change",
|
|
819
|
-
}, []),
|
|
990
|
+
s(e.matches);
|
|
991
|
+
const t = (o) => s(o.matches);
|
|
992
|
+
return e.addEventListener("change", t), () => e.removeEventListener("change", t);
|
|
993
|
+
}, []), n;
|
|
820
994
|
}
|
|
821
|
-
const
|
|
995
|
+
const At = 16, we = 2.1, Se = 0.3, Ee = 2.5, Te = 1.6, Re = 5, Yn = 2.2, Hn = [
|
|
822
996
|
[80, 300],
|
|
823
997
|
[300, 2e3],
|
|
824
998
|
[2e3, 6e3]
|
|
825
|
-
],
|
|
826
|
-
function
|
|
827
|
-
return
|
|
999
|
+
], Sn = 90, Ae = 7e3, En = Math.PI * 2, Tn = 0.35, Rn = 0.9;
|
|
1000
|
+
function ls(n) {
|
|
1001
|
+
return n < 0 ? 0 : n > 1 ? 1 : n;
|
|
828
1002
|
}
|
|
829
|
-
function
|
|
830
|
-
if (
|
|
831
|
-
const e = (
|
|
832
|
-
return
|
|
1003
|
+
function An(n, s) {
|
|
1004
|
+
if (n <= s) return 0;
|
|
1005
|
+
const e = (n - s) / Math.max(1e-3, 1 - s);
|
|
1006
|
+
return ls((1 - Math.exp(-3 * e)) / (1 - Math.exp(-3)));
|
|
833
1007
|
}
|
|
834
|
-
function
|
|
835
|
-
const
|
|
836
|
-
return
|
|
1008
|
+
function Lt(n, s, e, t, o) {
|
|
1009
|
+
const r = s > n ? t : o;
|
|
1010
|
+
return n + (s - n) * (1 - Math.exp(-e / Math.max(1e-3, r)));
|
|
837
1011
|
}
|
|
838
|
-
class
|
|
1012
|
+
class Pe {
|
|
839
1013
|
constructor() {
|
|
840
|
-
this.clock = 0, this.t = 0, this.drive = 0, this.level = 0, this.bands = [0, 0, 0], this.spectrum = new Float32Array(
|
|
1014
|
+
this.clock = 0, this.t = 0, this.drive = 0, this.level = 0, this.bands = [0, 0, 0], this.spectrum = new Float32Array(At), this.floor = new Float32Array(At + 3).fill(1), this.heard = 0, this.proc = 0, this.spin = 0, this.pan = 0, this.panVel = 0, this.raw = { level: 0, bands: [0, 0, 0], spectrum: new Float32Array(At) }, this.timeBuf = null, this.freqBuf = null, this.out = {
|
|
841
1015
|
level: 0,
|
|
842
1016
|
bands: [0, 0, 0],
|
|
843
1017
|
soft: 0,
|
|
@@ -850,28 +1024,28 @@ class ge {
|
|
|
850
1024
|
};
|
|
851
1025
|
}
|
|
852
1026
|
/** Read an analyser: RMS loudness, three voice bands and the spectrum. */
|
|
853
|
-
readAnalyser(
|
|
854
|
-
(!this.timeBuf || this.timeBuf.length !==
|
|
855
|
-
const o = this.timeBuf,
|
|
856
|
-
|
|
857
|
-
let
|
|
858
|
-
for (let
|
|
859
|
-
this.raw.level = Math.sqrt(
|
|
860
|
-
const
|
|
861
|
-
const
|
|
862
|
-
let
|
|
863
|
-
for (let
|
|
864
|
-
return
|
|
865
|
-
}, a = (
|
|
866
|
-
const
|
|
867
|
-
return this.floor[
|
|
1027
|
+
readAnalyser(s, e, t) {
|
|
1028
|
+
(!this.timeBuf || this.timeBuf.length !== s.fftSize) && (this.timeBuf = new Float32Array(s.fftSize)), (!this.freqBuf || this.freqBuf.length !== s.frequencyBinCount) && (this.freqBuf = new Uint8Array(s.frequencyBinCount));
|
|
1029
|
+
const o = this.timeBuf, r = this.freqBuf;
|
|
1030
|
+
s.getFloatTimeDomainData(o);
|
|
1031
|
+
let c = 0;
|
|
1032
|
+
for (let l = 0; l < o.length; l++) c += o[l] * o[l];
|
|
1033
|
+
this.raw.level = Math.sqrt(c / o.length) * Re * e, s.getByteFrequencyData(r);
|
|
1034
|
+
const h = s.context.sampleRate / s.fftSize, i = (l, u) => {
|
|
1035
|
+
const p = Math.max(0, Math.floor(l / h)), d = Math.max(p, Math.min(r.length - 1, Math.ceil(u / h)));
|
|
1036
|
+
let g = 0;
|
|
1037
|
+
for (let M = p; M <= d; M++) g += r[M];
|
|
1038
|
+
return g / (d - p + 1) / 255;
|
|
1039
|
+
}, a = (l, u) => {
|
|
1040
|
+
const p = this.floor[l];
|
|
1041
|
+
return this.floor[l] = u < p ? u : p + (u - p) * (1 - Math.exp(-t / 8)), Math.max(0, u - this.floor[l]) / Math.max(0.05, 1 - this.floor[l]);
|
|
868
1042
|
};
|
|
869
|
-
for (let
|
|
870
|
-
this.raw.bands[
|
|
871
|
-
const
|
|
872
|
-
for (let
|
|
873
|
-
const
|
|
874
|
-
this.raw.spectrum[
|
|
1043
|
+
for (let l = 0; l < 3; l++)
|
|
1044
|
+
this.raw.bands[l] = a(l, i(Hn[l][0], Hn[l][1])) * Yn * e;
|
|
1045
|
+
const f = Ae / Sn;
|
|
1046
|
+
for (let l = 0; l < At; l++) {
|
|
1047
|
+
const u = Sn * f ** (l / At), p = Sn * f ** ((l + 1) / At);
|
|
1048
|
+
this.raw.spectrum[l] = a(3 + l, i(u, p)) * Yn * e;
|
|
875
1049
|
}
|
|
876
1050
|
}
|
|
877
1051
|
/**
|
|
@@ -880,13 +1054,13 @@ class ge {
|
|
|
880
1054
|
* scaled by the level, with two formant-like humps wandering the
|
|
881
1055
|
* spectrum — so a level-driven orb still moves like a voice.
|
|
882
1056
|
*/
|
|
883
|
-
readLevel(
|
|
884
|
-
const
|
|
885
|
-
this.raw.level =
|
|
886
|
-
const
|
|
887
|
-
for (let
|
|
888
|
-
const i =
|
|
889
|
-
this.raw.spectrum[
|
|
1057
|
+
readLevel(s, e) {
|
|
1058
|
+
const t = ls(s) * e, o = this.clock;
|
|
1059
|
+
this.raw.level = t, this.raw.bands[0] = t, this.raw.bands[1] = t * (0.72 + 0.28 * Math.sin(o * 2.3)), this.raw.bands[2] = t * (0.6 + 0.4 * Math.sin(o * 3.7 + 2));
|
|
1060
|
+
const r = 0.28 + 0.1 * Math.sin(o * 2.3) + 0.05 * Math.sin(o * 5.1), c = 0.64 + 0.1 * Math.sin(o * 1.7 + 1);
|
|
1061
|
+
for (let h = 0; h < At; h++) {
|
|
1062
|
+
const i = h / (At - 1), a = Math.exp(-((i - r) ** 2) / 0.012) + 0.6 * Math.exp(-((i - c) ** 2) / 8e-3);
|
|
1063
|
+
this.raw.spectrum[h] = t * (0.25 + 0.75 * a) * (1 - 0.4 * i);
|
|
890
1064
|
}
|
|
891
1065
|
}
|
|
892
1066
|
/** Nothing to read: let every envelope settle. */
|
|
@@ -894,346 +1068,347 @@ class ge {
|
|
|
894
1068
|
this.raw.level = 0, this.raw.bands.fill(0), this.raw.spectrum.fill(0);
|
|
895
1069
|
}
|
|
896
1070
|
/** Advance by `dt` real seconds. `still` (reduced motion) holds the clocks. */
|
|
897
|
-
step(
|
|
898
|
-
const { threshold: o, attack:
|
|
899
|
-
|
|
900
|
-
const
|
|
901
|
-
this.level =
|
|
902
|
-
for (let
|
|
903
|
-
this.bands[
|
|
904
|
-
for (let
|
|
905
|
-
this.spectrum[
|
|
906
|
-
const
|
|
907
|
-
|
|
908
|
-
for (let
|
|
909
|
-
|
|
910
|
-
for (let
|
|
911
|
-
if (
|
|
912
|
-
const
|
|
913
|
-
this.spin +=
|
|
1071
|
+
step(s, e, t) {
|
|
1072
|
+
const { threshold: o, attack: r, release: c, rate: h } = e, i = this.proc = Lt(this.proc, e.processing ? 1 : 0, s, 0.35, 0.5), a = e.calm + (1 - e.calm) * Math.min(1, Math.max(this.heard * 2.5, i));
|
|
1073
|
+
t || (this.clock += s, this.t += s * h * a * (1 + 0.5 * i));
|
|
1074
|
+
const f = An(this.raw.level, o);
|
|
1075
|
+
this.level = Lt(this.level, f, s, r, c), this.heard = Lt(this.heard, this.level, s, Tn, Rn);
|
|
1076
|
+
for (let m = 0; m < 3; m++)
|
|
1077
|
+
this.bands[m] = Lt(this.bands[m], An(this.raw.bands[m], o * 0.6), s, r, c * 1.15);
|
|
1078
|
+
for (let m = 0; m < At; m++)
|
|
1079
|
+
this.spectrum[m] = Lt(this.spectrum[m], An(this.raw.spectrum[m], o * 0.6), s, r, c);
|
|
1080
|
+
const l = this.clock, u = t ? 0.5 : 0.5 + 0.5 * Math.sin(En * l / 6), p = e.idle * u * (1 - i), d = this.out;
|
|
1081
|
+
d.level = this.level + (1 - this.level) * p;
|
|
1082
|
+
for (let m = 0; m < 3; m++) d.bands[m] = this.bands[m] + (1 - this.bands[m]) * p * 0.6;
|
|
1083
|
+
d.soft = Lt(d.soft, d.level, s, Tn, Rn);
|
|
1084
|
+
for (let m = 0; m < 3; m++) d.softBands[m] = Lt(d.softBands[m], d.bands[m], s, Tn, Rn);
|
|
1085
|
+
if (t || (this.drive += s * h * (a + e.driveGain * this.level + 1.3 * i)), d.drive = this.drive, d.processing = i, !t) {
|
|
1086
|
+
const m = Math.ceil(this.spin / En - 1e-6) * En, R = Math.min(Se, (m - this.spin) * 0.6);
|
|
1087
|
+
this.spin += s * (we * h * i + R * (1 - i));
|
|
914
1088
|
}
|
|
915
|
-
|
|
916
|
-
const
|
|
917
|
-
return this.panVel += (
|
|
1089
|
+
d.spin = this.spin;
|
|
1090
|
+
const g = Math.max(-1, Math.min(1, e.direction || 0)), M = this.heard > 0.06 && !e.processing ? g : 0, y = Math.abs(M) > Math.abs(this.pan) ? Ee : Te;
|
|
1091
|
+
return this.panVel += (y * y * (M - this.pan) - 2 * y * this.panVel) * s, this.pan += this.panVel * s, d.pan = this.pan, d;
|
|
918
1092
|
}
|
|
919
1093
|
}
|
|
920
|
-
function
|
|
921
|
-
if (!
|
|
922
|
-
const
|
|
923
|
-
if (
|
|
924
|
-
let
|
|
925
|
-
|
|
926
|
-
const o = parseInt(
|
|
1094
|
+
function _e(n) {
|
|
1095
|
+
if (!n) return;
|
|
1096
|
+
const s = n.trim().match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);
|
|
1097
|
+
if (s) {
|
|
1098
|
+
let t = s[1];
|
|
1099
|
+
t.length === 3 && (t = t.replace(/./g, (r) => r + r));
|
|
1100
|
+
const o = parseInt(t, 16);
|
|
927
1101
|
return { r: o >> 16 & 255, g: o >> 8 & 255, b: o & 255 };
|
|
928
1102
|
}
|
|
929
|
-
const e =
|
|
1103
|
+
const e = n.trim().match(/^rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)/i);
|
|
930
1104
|
if (e) return { r: Number(e[1]), g: Number(e[2]), b: Number(e[3]) };
|
|
931
1105
|
}
|
|
932
|
-
const
|
|
1106
|
+
const Ce = {
|
|
933
1107
|
idle: "Waiting",
|
|
934
1108
|
listening: "Listening",
|
|
935
1109
|
speaking: "Speaking",
|
|
936
1110
|
processing: "Thinking"
|
|
937
|
-
},
|
|
938
|
-
function
|
|
939
|
-
type:
|
|
940
|
-
state:
|
|
1111
|
+
}, Be = 0.55, Ie = 1e3 / 62;
|
|
1112
|
+
function Fe({
|
|
1113
|
+
type: n = "orbit",
|
|
1114
|
+
state: s = "listening",
|
|
941
1115
|
size: e = 160,
|
|
942
|
-
stream:
|
|
1116
|
+
stream: t,
|
|
943
1117
|
analyser: o,
|
|
944
|
-
level:
|
|
945
|
-
sensitivity:
|
|
946
|
-
threshold:
|
|
1118
|
+
level: r,
|
|
1119
|
+
sensitivity: c = 0.85,
|
|
1120
|
+
threshold: h = 0.04,
|
|
947
1121
|
attack: i,
|
|
948
1122
|
release: a = 0.32,
|
|
949
|
-
idle:
|
|
950
|
-
calm:
|
|
951
|
-
voiceSpeed:
|
|
952
|
-
emotion:
|
|
953
|
-
emotionColors:
|
|
954
|
-
saturation:
|
|
955
|
-
accent:
|
|
956
|
-
gradientAngle:
|
|
957
|
-
gradientSpin:
|
|
958
|
-
neutral:
|
|
959
|
-
colorBrightness:
|
|
960
|
-
colorHue:
|
|
961
|
-
gradientStart:
|
|
962
|
-
gradientWidth:
|
|
963
|
-
direction:
|
|
1123
|
+
idle: f = 0.1,
|
|
1124
|
+
calm: l = 0.4,
|
|
1125
|
+
voiceSpeed: u,
|
|
1126
|
+
emotion: p = null,
|
|
1127
|
+
emotionColors: d,
|
|
1128
|
+
saturation: g = 2,
|
|
1129
|
+
accent: M = null,
|
|
1130
|
+
gradientAngle: y = 99,
|
|
1131
|
+
gradientSpin: m = 12,
|
|
1132
|
+
neutral: R = 1,
|
|
1133
|
+
colorBrightness: b = 1.02,
|
|
1134
|
+
colorHue: A = 0,
|
|
1135
|
+
gradientStart: v = 0.1,
|
|
1136
|
+
gradientWidth: E = 0.6,
|
|
1137
|
+
direction: x,
|
|
964
1138
|
directionMove: k,
|
|
965
|
-
directionPull:
|
|
966
|
-
directionDeform:
|
|
967
|
-
directionSquash:
|
|
968
|
-
directionLens:
|
|
969
|
-
directionStretch:
|
|
970
|
-
directionSplit:
|
|
971
|
-
directionBlur:
|
|
972
|
-
directionBounce:
|
|
973
|
-
directionMargin:
|
|
974
|
-
directionBounds:
|
|
975
|
-
hoverBend:
|
|
976
|
-
theme:
|
|
977
|
-
speed:
|
|
978
|
-
paused:
|
|
979
|
-
color:
|
|
980
|
-
dots:
|
|
981
|
-
dotSize:
|
|
982
|
-
opts:
|
|
983
|
-
frame:
|
|
984
|
-
onLevel:
|
|
985
|
-
style:
|
|
986
|
-
"aria-label":
|
|
987
|
-
...
|
|
1139
|
+
directionPull: C,
|
|
1140
|
+
directionDeform: z,
|
|
1141
|
+
directionSquash: B,
|
|
1142
|
+
directionLens: w,
|
|
1143
|
+
directionStretch: T,
|
|
1144
|
+
directionSplit: F,
|
|
1145
|
+
directionBlur: P,
|
|
1146
|
+
directionBounce: S,
|
|
1147
|
+
directionMargin: I,
|
|
1148
|
+
directionBounds: G,
|
|
1149
|
+
hoverBend: L = !1,
|
|
1150
|
+
theme: _ = "auto",
|
|
1151
|
+
speed: N = 1,
|
|
1152
|
+
paused: D = !1,
|
|
1153
|
+
color: q,
|
|
1154
|
+
dots: U = 1,
|
|
1155
|
+
dotSize: V,
|
|
1156
|
+
opts: K,
|
|
1157
|
+
frame: J,
|
|
1158
|
+
onLevel: Y,
|
|
1159
|
+
style: H,
|
|
1160
|
+
"aria-label": ht,
|
|
1161
|
+
...rt
|
|
988
1162
|
}) {
|
|
989
|
-
const
|
|
990
|
-
|
|
991
|
-
const
|
|
992
|
-
|
|
993
|
-
const
|
|
994
|
-
saturation: Math.min(1,
|
|
995
|
-
vivid: Math.max(0, Math.min(1,
|
|
996
|
-
brightness:
|
|
997
|
-
hue:
|
|
998
|
-
start:
|
|
999
|
-
width:
|
|
1000
|
-
accent:
|
|
1001
|
-
angle:
|
|
1002
|
-
spin:
|
|
1003
|
-
neutral:
|
|
1163
|
+
const j = It(null), et = ye(_, j), X = xe(), gt = K ? JSON.stringify(K) : "", lt = !!(t || o || r != null || s === "processing"), Q = It(null);
|
|
1164
|
+
Q.current || (Q.current = new Pe());
|
|
1165
|
+
const ot = It(null);
|
|
1166
|
+
ot.current || (ot.current = new Ts());
|
|
1167
|
+
const at = p ? (d == null ? void 0 : d[p]) ?? Ot[p] : null, tt = {
|
|
1168
|
+
saturation: Math.min(1, g),
|
|
1169
|
+
vivid: Math.max(0, Math.min(1, g - 1)),
|
|
1170
|
+
brightness: b,
|
|
1171
|
+
hue: A,
|
|
1172
|
+
start: v,
|
|
1173
|
+
width: E,
|
|
1174
|
+
accent: M ? xs[M] : null,
|
|
1175
|
+
angle: y,
|
|
1176
|
+
spin: m,
|
|
1177
|
+
neutral: R,
|
|
1004
1178
|
size: e
|
|
1005
|
-
},
|
|
1006
|
-
state:
|
|
1007
|
-
level:
|
|
1179
|
+
}, kt = V ?? mt[n in mt ? n : "orbit"].dotSize ?? 1, it = mt[n in mt ? n : "orbit"].lean ?? {}, vt = I ?? mt[n in mt ? n : "orbit"].margin ?? 32, Z = {
|
|
1180
|
+
state: s,
|
|
1181
|
+
level: r,
|
|
1008
1182
|
analyser: o,
|
|
1009
|
-
sensitivity:
|
|
1010
|
-
threshold:
|
|
1011
|
-
attack: i ??
|
|
1183
|
+
sensitivity: c,
|
|
1184
|
+
threshold: h,
|
|
1185
|
+
attack: i ?? mt[n in mt ? n : "orbit"].attack ?? 0.06,
|
|
1012
1186
|
release: a,
|
|
1013
|
-
idle:
|
|
1014
|
-
calm:
|
|
1015
|
-
voiceSpeed:
|
|
1016
|
-
onLevel:
|
|
1017
|
-
emotionTint:
|
|
1018
|
-
colors:
|
|
1019
|
-
direction:
|
|
1020
|
-
bounds:
|
|
1021
|
-
bend:
|
|
1187
|
+
idle: f,
|
|
1188
|
+
calm: l,
|
|
1189
|
+
voiceSpeed: u ?? mt[n in mt ? n : "orbit"].voiceSpeed ?? 1,
|
|
1190
|
+
onLevel: Y,
|
|
1191
|
+
emotionTint: at,
|
|
1192
|
+
colors: tt,
|
|
1193
|
+
direction: x,
|
|
1194
|
+
bounds: G,
|
|
1195
|
+
bend: L === !0 ? Be : typeof L == "number" ? Math.max(0, Math.min(1, L)) : 0,
|
|
1022
1196
|
// each amount: the prop, else the type's own, else the shared default
|
|
1023
1197
|
lean: {
|
|
1024
|
-
move: k ??
|
|
1025
|
-
pull:
|
|
1026
|
-
deform:
|
|
1027
|
-
squash:
|
|
1028
|
-
lens:
|
|
1029
|
-
stretch:
|
|
1030
|
-
split:
|
|
1031
|
-
blur:
|
|
1032
|
-
bounce:
|
|
1198
|
+
move: k ?? it.move ?? Rt.move,
|
|
1199
|
+
pull: C ?? it.pull ?? Rt.pull,
|
|
1200
|
+
deform: z ?? it.deform ?? Rt.deform,
|
|
1201
|
+
squash: B ?? it.squash ?? Rt.squash,
|
|
1202
|
+
lens: w ?? it.lens ?? Rt.lens,
|
|
1203
|
+
stretch: T ?? it.stretch ?? Rt.stretch,
|
|
1204
|
+
split: F ?? it.split ?? Rt.split,
|
|
1205
|
+
blur: P ?? it.blur ?? Rt.blur,
|
|
1206
|
+
bounce: S ?? it.bounce ?? Rt.bounce
|
|
1033
1207
|
}
|
|
1034
|
-
},
|
|
1035
|
-
|
|
1036
|
-
const
|
|
1037
|
-
|
|
1038
|
-
const
|
|
1039
|
-
if (
|
|
1040
|
-
const
|
|
1041
|
-
if (
|
|
1042
|
-
const
|
|
1043
|
-
|
|
1044
|
-
},
|
|
1045
|
-
|
|
1208
|
+
}, W = It(Z);
|
|
1209
|
+
W.current = Z;
|
|
1210
|
+
const ut = x == null ? 0 : Ps(Z.lean, e), [yt, Pt] = Wt([1 / 0, 1 / 0]), xt = Math.min(ut, yt[0]), qt = Math.min(ut, yt[1]), ft = ut ? xt + vt : 0, wt = ut ? qt + vt : 0, Ut = It({ x: 0, y: 0, over: !1 }), $t = Z.bend > 0 && !X;
|
|
1211
|
+
Dt(() => {
|
|
1212
|
+
const nt = j.current;
|
|
1213
|
+
if (!$t || !nt || typeof matchMedia != "function" || !matchMedia("(hover: hover) and (pointer: fine)").matches) return;
|
|
1214
|
+
const _t = (bt) => {
|
|
1215
|
+
if (bt.pointerType === "touch") return;
|
|
1216
|
+
const Kt = nt.getBoundingClientRect(), tn = (e + ft + wt) / (Kt.width || 1);
|
|
1217
|
+
Ut.current = { x: (bt.clientX - Kt.left) * tn - ft, y: (bt.clientY - Kt.top) * tn, over: !0 };
|
|
1218
|
+
}, Nt = () => {
|
|
1219
|
+
Ut.current.over = !1;
|
|
1046
1220
|
};
|
|
1047
|
-
return window.addEventListener("pointermove",
|
|
1048
|
-
window.removeEventListener("pointermove",
|
|
1221
|
+
return window.addEventListener("pointermove", _t, { passive: !0 }), document.documentElement.addEventListener("pointerleave", Nt), () => {
|
|
1222
|
+
window.removeEventListener("pointermove", _t), document.documentElement.removeEventListener("pointerleave", Nt), Ut.current.over = !1;
|
|
1049
1223
|
};
|
|
1050
|
-
}, [
|
|
1051
|
-
const
|
|
1052
|
-
return
|
|
1053
|
-
if (!
|
|
1054
|
-
const
|
|
1055
|
-
return
|
|
1056
|
-
|
|
1224
|
+
}, [$t, e, ft, wt]);
|
|
1225
|
+
const ln = It(null);
|
|
1226
|
+
return Dt(() => {
|
|
1227
|
+
if (!t) return;
|
|
1228
|
+
const nt = ys(t);
|
|
1229
|
+
return ln.current = (nt == null ? void 0 : nt.analyser) ?? null, () => {
|
|
1230
|
+
ln.current = null, nt == null || nt.release();
|
|
1057
1231
|
};
|
|
1058
|
-
}, [
|
|
1059
|
-
const
|
|
1060
|
-
if (!
|
|
1061
|
-
const
|
|
1062
|
-
|
|
1063
|
-
const
|
|
1064
|
-
if (!
|
|
1065
|
-
const
|
|
1066
|
-
let
|
|
1067
|
-
const
|
|
1068
|
-
var
|
|
1069
|
-
|
|
1070
|
-
const
|
|
1071
|
-
let
|
|
1072
|
-
|
|
1073
|
-
const
|
|
1074
|
-
if (
|
|
1075
|
-
const
|
|
1076
|
-
|
|
1077
|
-
const
|
|
1078
|
-
|
|
1232
|
+
}, [t]), Dt(() => {
|
|
1233
|
+
const nt = j.current;
|
|
1234
|
+
if (!nt) return;
|
|
1235
|
+
const _t = Math.min(2, typeof devicePixelRatio < "u" && devicePixelRatio || 1);
|
|
1236
|
+
nt.width = Math.round((e + ft + wt) * _t), nt.height = Math.round(e * _t);
|
|
1237
|
+
const Nt = nt.getContext("2d");
|
|
1238
|
+
if (!Nt) return;
|
|
1239
|
+
const bt = ge(n, e, U, kt), Kt = K ? { ...bt.opts, ...K } : bt.opts, tn = J ?? bt.frame, us = _e(q), Ct = Q.current, fs = ot.current, ds = new _s();
|
|
1240
|
+
let Bn = 0, Yt = 0, un = e / 2, fn = e / 2;
|
|
1241
|
+
const ps = (ct, st, O) => {
|
|
1242
|
+
var Gn;
|
|
1243
|
+
Nt.setTransform(_t, 0, 0, _t, ft * _t, 0), Nt.clearRect(-ft, 0, e + ft + wt, e);
|
|
1244
|
+
const Ht = D || X ? 0 : ds.step(Bn, O);
|
|
1245
|
+
let dt = Cs(tn(e, Ct.t, ct, Kt), ct.pan, e, W.current.lean, [xt, qt], Ht);
|
|
1246
|
+
Bn = ((Gn = dt.contact) == null ? void 0 : Gn.press) ?? 0;
|
|
1247
|
+
const Tt = W.current.bend;
|
|
1248
|
+
if (Tt > 0) {
|
|
1249
|
+
const jt = Ut.current, Ln = Qn(dt, e), bs = W.current.state === "idle" || W.current.state === "processing", vs = jt.over && bs && !D && !X ? As(Math.hypot(jt.x - e / 2, jt.y - e / 2) - Ln, Ln) : 0;
|
|
1250
|
+
Yt += (vs - Yt) * (1 - Math.exp(-O / 0.14));
|
|
1251
|
+
const Dn = Yt < 0.01 ? 1 : 1 - Math.exp(-O / 0.05);
|
|
1252
|
+
un += (jt.x - un) * Dn, fn += (jt.y - fn) * Dn, Yt > 2e-3 && (dt = Rs(dt, e, { x: un, y: fn, amount: Yt * Tt }));
|
|
1079
1253
|
}
|
|
1080
|
-
const
|
|
1081
|
-
...
|
|
1082
|
-
accent:
|
|
1083
|
-
saturation:
|
|
1084
|
-
angle:
|
|
1254
|
+
const St = W.current.colors, Et = st.amount, pt = St.accent, Ms = pt ? { r: pt.r + (st.r - pt.r) * Et, g: pt.g + (st.g - pt.g) * Et, b: pt.b + (st.b - pt.b) * Et } : { r: st.r, g: st.g, b: st.b }, gs = {
|
|
1255
|
+
...St,
|
|
1256
|
+
accent: Ms,
|
|
1257
|
+
saturation: St.saturation * (pt ? 1 : Et),
|
|
1258
|
+
angle: St.angle + St.spin * Ct.clock
|
|
1085
1259
|
};
|
|
1086
|
-
|
|
1260
|
+
ae(Nt, dt, et, us, dt.light || dt.tube ? st : void 0, gs);
|
|
1087
1261
|
};
|
|
1088
|
-
let
|
|
1089
|
-
const
|
|
1090
|
-
var
|
|
1091
|
-
if (!
|
|
1092
|
-
|
|
1093
|
-
const
|
|
1094
|
-
Math.max(0, Math.floor(
|
|
1095
|
-
Math.max(0, Math.floor(
|
|
1262
|
+
let In = -1 / 0;
|
|
1263
|
+
const ms = (ct) => {
|
|
1264
|
+
var St, Et;
|
|
1265
|
+
if (!ut || ct - In < 500) return;
|
|
1266
|
+
In = ct;
|
|
1267
|
+
const st = nt.getBoundingClientRect().left + ft, O = (Et = (St = W.current.bounds) == null ? void 0 : St.current) == null ? void 0 : Et.getBoundingClientRect(), Ht = O ? O.left : 0, dt = O ? O.right : document.documentElement.clientWidth, Tt = [
|
|
1268
|
+
Math.max(0, Math.floor(st - Ht - vt)),
|
|
1269
|
+
Math.max(0, Math.floor(dt - st - e - vt))
|
|
1096
1270
|
];
|
|
1097
|
-
|
|
1271
|
+
Pt((pt) => Math.abs(pt[0] - Tt[0]) > 1 || Math.abs(pt[1] - Tt[1]) > 1 ? Tt : pt);
|
|
1098
1272
|
};
|
|
1099
|
-
let
|
|
1100
|
-
const
|
|
1101
|
-
var
|
|
1102
|
-
|
|
1103
|
-
const
|
|
1104
|
-
|
|
1105
|
-
const
|
|
1106
|
-
|
|
1107
|
-
const
|
|
1108
|
-
|
|
1273
|
+
let nn = 0;
|
|
1274
|
+
const Fn = (ct) => {
|
|
1275
|
+
var Et;
|
|
1276
|
+
ms(ct);
|
|
1277
|
+
const st = nn ? Math.min(0.05, (ct - nn) / 1e3) : 1 / 60;
|
|
1278
|
+
nn = ct;
|
|
1279
|
+
const O = W.current, Ht = O.state === "listening" || O.state === "speaking", dt = ln.current ?? O.analyser ?? null;
|
|
1280
|
+
Ht ? dt ? Ct.readAnalyser(dt, O.sensitivity * bt.gain, st) : O.level != null ? Ct.readLevel(typeof O.level == "function" ? O.level() : O.level, O.sensitivity * bt.gain) : Ct.readSilence() : Ct.readSilence();
|
|
1281
|
+
const Tt = Ct.step(
|
|
1282
|
+
st,
|
|
1109
1283
|
{
|
|
1110
|
-
sensitivity:
|
|
1111
|
-
threshold:
|
|
1112
|
-
attack:
|
|
1113
|
-
release:
|
|
1114
|
-
idle:
|
|
1115
|
-
driveGain:
|
|
1116
|
-
calm:
|
|
1117
|
-
rate:
|
|
1118
|
-
processing:
|
|
1119
|
-
direction: typeof
|
|
1284
|
+
sensitivity: O.sensitivity,
|
|
1285
|
+
threshold: O.threshold,
|
|
1286
|
+
attack: O.attack,
|
|
1287
|
+
release: O.release,
|
|
1288
|
+
idle: O.idle,
|
|
1289
|
+
driveGain: bt.driveGain * O.voiceSpeed,
|
|
1290
|
+
calm: O.calm,
|
|
1291
|
+
rate: bt.speed * N,
|
|
1292
|
+
processing: O.state === "processing",
|
|
1293
|
+
direction: typeof O.direction == "function" ? O.direction() : O.direction ?? 0
|
|
1120
1294
|
},
|
|
1121
|
-
|
|
1295
|
+
X
|
|
1122
1296
|
);
|
|
1123
|
-
(
|
|
1124
|
-
const
|
|
1125
|
-
|
|
1297
|
+
(Et = O.onLevel) == null || Et.call(O, Tt.level);
|
|
1298
|
+
const St = fs.step(st, O.emotionTint, Ct.clock, e, D || X);
|
|
1299
|
+
ps(Tt, St, st);
|
|
1126
1300
|
};
|
|
1127
|
-
if (
|
|
1128
|
-
let
|
|
1129
|
-
const
|
|
1130
|
-
|
|
1131
|
-
},
|
|
1132
|
-
|
|
1133
|
-
},
|
|
1134
|
-
|
|
1301
|
+
if (Fn(performance.now()), D || X && !lt) return;
|
|
1302
|
+
let dn = 0, sn = !1, kn = 0;
|
|
1303
|
+
const Nn = (ct) => {
|
|
1304
|
+
sn && (dn = requestAnimationFrame(Nn), !(ct - kn < Ie) && (kn = ct, Fn(ct)));
|
|
1305
|
+
}, pn = () => {
|
|
1306
|
+
sn || (sn = !0, nn = 0, dn = requestAnimationFrame(Nn));
|
|
1307
|
+
}, mn = () => {
|
|
1308
|
+
sn = !1, cancelAnimationFrame(dn);
|
|
1135
1309
|
};
|
|
1136
|
-
let
|
|
1137
|
-
const
|
|
1138
|
-
|
|
1310
|
+
let Mn = !0;
|
|
1311
|
+
const zt = typeof IntersectionObserver < "u" ? new IntersectionObserver(([ct]) => {
|
|
1312
|
+
Mn = ct.isIntersecting, Mn && document.visibilityState !== "hidden" ? pn() : mn();
|
|
1139
1313
|
}) : null;
|
|
1140
|
-
|
|
1141
|
-
const
|
|
1142
|
-
document.visibilityState === "hidden" ?
|
|
1314
|
+
zt == null || zt.observe(nt);
|
|
1315
|
+
const zn = () => {
|
|
1316
|
+
document.visibilityState === "hidden" ? mn() : Mn && pn();
|
|
1143
1317
|
};
|
|
1144
|
-
return document.addEventListener("visibilitychange",
|
|
1145
|
-
|
|
1318
|
+
return document.addEventListener("visibilitychange", zn), zt || pn(), () => {
|
|
1319
|
+
mn(), zt == null || zt.disconnect(), document.removeEventListener("visibilitychange", zn);
|
|
1146
1320
|
};
|
|
1147
1321
|
}, [
|
|
1148
|
-
|
|
1322
|
+
n,
|
|
1149
1323
|
e,
|
|
1150
|
-
Nt,
|
|
1151
|
-
sn,
|
|
1152
|
-
en,
|
|
1153
|
-
rt,
|
|
1154
|
-
_t,
|
|
1155
|
-
At,
|
|
1156
|
-
st,
|
|
1157
|
-
P,
|
|
1158
|
-
N,
|
|
1159
|
-
$,
|
|
1160
1324
|
ut,
|
|
1161
|
-
|
|
1162
|
-
|
|
1163
|
-
|
|
1164
|
-
|
|
1165
|
-
|
|
1166
|
-
|
|
1167
|
-
N
|
|
1168
|
-
|
|
1325
|
+
xt,
|
|
1326
|
+
qt,
|
|
1327
|
+
ft,
|
|
1328
|
+
wt,
|
|
1329
|
+
vt,
|
|
1330
|
+
et,
|
|
1331
|
+
N,
|
|
1332
|
+
D,
|
|
1333
|
+
X,
|
|
1334
|
+
lt,
|
|
1335
|
+
q,
|
|
1336
|
+
U,
|
|
1337
|
+
kt,
|
|
1338
|
+
gt,
|
|
1339
|
+
J,
|
|
1340
|
+
D || X ? p : null,
|
|
1341
|
+
D || X ? `${g}|${M}|${y}|${m}|${R}|${b}|${A}|${v}|${E}` : null
|
|
1342
|
+
]), /* @__PURE__ */ jn(
|
|
1169
1343
|
"canvas",
|
|
1170
1344
|
{
|
|
1171
|
-
ref:
|
|
1345
|
+
ref: j,
|
|
1172
1346
|
role: "img",
|
|
1173
|
-
"aria-label":
|
|
1174
|
-
style: { width: e +
|
|
1175
|
-
...
|
|
1347
|
+
"aria-label": ht ?? Ce[s],
|
|
1348
|
+
style: { width: e + ft + wt, height: e, display: "block", marginLeft: -ft, marginRight: -wt, ...H },
|
|
1349
|
+
...rt
|
|
1176
1350
|
}
|
|
1177
1351
|
);
|
|
1178
1352
|
}
|
|
1179
|
-
const
|
|
1353
|
+
const ke = {
|
|
1180
1354
|
echoCancellation: !1,
|
|
1181
1355
|
noiseSuppression: !1,
|
|
1182
1356
|
autoGainControl: !1
|
|
1183
1357
|
};
|
|
1184
|
-
function
|
|
1358
|
+
function cn() {
|
|
1185
1359
|
return typeof navigator < "u" && typeof navigator.mediaDevices < "u" && typeof navigator.mediaDevices.getUserMedia == "function";
|
|
1186
1360
|
}
|
|
1187
|
-
function
|
|
1188
|
-
const { constraints:
|
|
1189
|
-
|
|
1190
|
-
const
|
|
1191
|
-
const
|
|
1192
|
-
a.current = null,
|
|
1193
|
-
}, []),
|
|
1194
|
-
if (!
|
|
1195
|
-
return
|
|
1361
|
+
function Oe(n = {}) {
|
|
1362
|
+
const { constraints: s, autoStart: e = !1 } = n, [t, o] = Wt(null), [r, c] = Wt(() => cn() ? "idle" : "unsupported"), [h, i] = Wt(null), a = It(null), f = It(s);
|
|
1363
|
+
f.current = s;
|
|
1364
|
+
const l = On(() => {
|
|
1365
|
+
const p = a.current;
|
|
1366
|
+
a.current = null, p && p.getTracks().forEach((d) => d.stop()), o(null), c(cn() ? "idle" : "unsupported");
|
|
1367
|
+
}, []), u = On(async () => {
|
|
1368
|
+
if (!cn())
|
|
1369
|
+
return c("unsupported"), null;
|
|
1196
1370
|
if (a.current) return a.current;
|
|
1197
|
-
|
|
1371
|
+
Jn(), c("requesting"), i(null);
|
|
1198
1372
|
try {
|
|
1199
|
-
const
|
|
1200
|
-
audio: { ...
|
|
1373
|
+
const p = await navigator.mediaDevices.getUserMedia({
|
|
1374
|
+
audio: { ...ke, ...f.current ?? {} }
|
|
1201
1375
|
});
|
|
1202
|
-
a.current =
|
|
1203
|
-
const
|
|
1204
|
-
a.current ===
|
|
1376
|
+
a.current = p, o(p), c("live");
|
|
1377
|
+
const d = () => {
|
|
1378
|
+
a.current === p && (a.current = null, o(null), c("idle"));
|
|
1205
1379
|
};
|
|
1206
|
-
return
|
|
1207
|
-
} catch (
|
|
1208
|
-
const
|
|
1209
|
-
return i(
|
|
1380
|
+
return p.getAudioTracks().forEach((g) => g.addEventListener("ended", d)), p;
|
|
1381
|
+
} catch (p) {
|
|
1382
|
+
const d = p instanceof Error ? p : new Error(String(p));
|
|
1383
|
+
return i(d), c(d.name === "NotAllowedError" || d.name === "SecurityError" ? "denied" : "error"), null;
|
|
1210
1384
|
}
|
|
1211
1385
|
}, []);
|
|
1212
|
-
return
|
|
1213
|
-
e &&
|
|
1214
|
-
}, [e]),
|
|
1386
|
+
return Dt(() => {
|
|
1387
|
+
e && u();
|
|
1388
|
+
}, [e]), Dt(
|
|
1215
1389
|
() => () => {
|
|
1216
|
-
const
|
|
1217
|
-
a.current = null,
|
|
1390
|
+
const p = a.current;
|
|
1391
|
+
a.current = null, p && p.getTracks().forEach((d) => d.stop());
|
|
1218
1392
|
},
|
|
1219
1393
|
[]
|
|
1220
|
-
), { stream:
|
|
1394
|
+
), { stream: t, state: r, error: h, supported: cn(), start: u, stop: l };
|
|
1221
1395
|
}
|
|
1222
|
-
|
|
1223
|
-
|
|
1396
|
+
const Ne = { ring: "aura", mono: "aura-mono" };
|
|
1397
|
+
function qe({ type: n = "ring", ...s }) {
|
|
1398
|
+
return /* @__PURE__ */ jn(Fe, { ...s, type: Ne[n] });
|
|
1224
1399
|
}
|
|
1225
1400
|
export {
|
|
1226
|
-
|
|
1227
|
-
|
|
1228
|
-
|
|
1229
|
-
|
|
1230
|
-
|
|
1231
|
-
|
|
1232
|
-
|
|
1233
|
-
|
|
1234
|
-
|
|
1235
|
-
|
|
1236
|
-
|
|
1237
|
-
|
|
1238
|
-
|
|
1401
|
+
xs as ACCENT_COLORS,
|
|
1402
|
+
Ot as EMOTION_COLORS,
|
|
1403
|
+
mt as PRESETS,
|
|
1404
|
+
At as SPECTRUM_N,
|
|
1405
|
+
De as VOICE_ORB_TYPES,
|
|
1406
|
+
Pe as VoiceFollower,
|
|
1407
|
+
Fe as VoiceOrb,
|
|
1408
|
+
qe as VoiceRing,
|
|
1409
|
+
ys as acquireAnalyser,
|
|
1410
|
+
Jn as getAudioContext,
|
|
1411
|
+
Le as isAudioSupported,
|
|
1412
|
+
ge as resolvePreset,
|
|
1413
|
+
Oe as useMicrophone
|
|
1239
1414
|
};
|