shaders 2.2.3 → 2.2.4
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/dist/core/index.js +283 -278
- package/dist/core/renderer.d.ts.map +1 -1
- package/dist/react/index.cjs +30 -30
- package/dist/react/index.js +1270 -1265
- package/dist/svelte/index.js +1326 -1321
- package/dist/vue/index.js +1355 -1350
- package/package.json +1 -1
package/dist/core/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { A as G, B as Yn, D as C, E as
|
|
1
|
+
import { A as G, B as Yn, D as C, E as Me, F as dn, H as In, I as Je, J as Hn, K as Wn, L as jn, M as X, N as x, P as Se, R as Qn, S as Ce, T as kn, U as Jn, V as Kn, _ as Ae, c as Zn, d as Z, g as Ke, h as Ze, i as er, k as pe, l as wn, m as z, n as y, o as nr, q as rr, s as tr, t as or, v as i, w as sr, x as ee, z as ar } from "./three.tsl-BqgDcRt9.js";
|
|
2
2
|
import { n as ce, t as Re } from "./edges-B-tVdqcI.js";
|
|
3
3
|
import { t as oo } from "./time-5uQ65blS.js";
|
|
4
4
|
import "./transformations-DBjTkQ5b.js";
|
|
@@ -59,12 +59,12 @@ import { n as tt } from "./WaveDistortion-C65qO_cZ.js";
|
|
|
59
59
|
import { n as ot } from "./ZoomBlur-B97ZjhXe.js";
|
|
60
60
|
import { WebGLRenderer as st } from "three";
|
|
61
61
|
jn();
|
|
62
|
-
|
|
62
|
+
z();
|
|
63
63
|
function at(e, n, a = 1) {
|
|
64
|
-
const r = i(n.a, a), m =
|
|
65
|
-
return x(
|
|
64
|
+
const r = i(n.a, a), m = y(r, i(e.a, C(1, r)));
|
|
65
|
+
return x(y(i(n.rgb, r), i(e.rgb, i(e.a, C(1, r)))), m);
|
|
66
66
|
}
|
|
67
|
-
|
|
67
|
+
z();
|
|
68
68
|
var hn = (e) => X(e.x.mul(1.2249401).sub(e.y.mul(0.2249404)).sub(e.z.mul(0)), e.x.mul(-0.0420569).add(e.y.mul(1.0420571)).add(e.z.mul(0)), e.x.mul(-0.0196376).sub(e.y.mul(0.0786361)).add(e.z.mul(1.0982735))), it = (e) => X(e.x.mul(0.8224621).add(e.y.mul(0.177538)).add(e.z.mul(0)), e.x.mul(0.0331941).add(e.y.mul(0.9668058)).add(e.z.mul(0)), e.x.mul(0.0170826).add(e.y.mul(0.0723974)).add(e.z.mul(0.9105199))), pn = (e) => {
|
|
69
69
|
const n = e.x, a = e.y, r = e.z, m = n.mul(0.4122214708).add(a.mul(0.5363325363)).add(r.mul(0.0514459929)), p = n.mul(0.2119034982).add(a.mul(0.6806995451).add(r.mul(0.1073969566))), h = n.mul(0.0883024619).add(a.mul(0.2817188376)).add(r.mul(0.6299787005)), d = ee(m, Z(1 / 3)), R = ee(p, Z(1 / 3)), U = ee(h, Z(1 / 3));
|
|
70
70
|
return X(d.mul(0.2104542553).add(R.mul(0.793617785)).sub(U.mul(0.0040720468)), d.mul(1.9779984951).sub(R.mul(2.428592205)).add(U.mul(0.4505937099)), d.mul(0.0259040371).add(R.mul(0.7827717662)).sub(U.mul(0.808675766)));
|
|
@@ -79,10 +79,10 @@ var hn = (e) => X(e.x.mul(1.2249401).sub(e.y.mul(0.2249404)).sub(e.z.mul(0)), e.
|
|
|
79
79
|
return X(n, a.mul(tr(r)), a.mul(sr(r)));
|
|
80
80
|
};
|
|
81
81
|
function ft(e, n, a = 1) {
|
|
82
|
-
const r = i(n.a, a), m =
|
|
83
|
-
return x(it(lt(ct(
|
|
82
|
+
const r = i(n.a, a), m = y(r, i(e.a, C(1, r))), p = hn(X(e.r, e.g, e.b)), h = hn(X(n.r, n.g, n.b)), d = pn(p), R = pn(h), U = gn(d);
|
|
83
|
+
return x(it(lt(ct(y(i(gn(R), r), i(U, i(e.a, C(1, r))))))), m);
|
|
84
84
|
}
|
|
85
|
-
|
|
85
|
+
z();
|
|
86
86
|
var bn = (e) => X(e.x.mul(1.2249401).sub(e.y.mul(0.2249404)).sub(e.z.mul(0)), e.x.mul(-0.0420569).add(e.y.mul(1.0420571)).add(e.z.mul(0)), e.x.mul(-0.0196376).sub(e.y.mul(0.0786361)).add(e.z.mul(1.0982735))), mt = (e) => X(e.x.mul(0.8224621).add(e.y.mul(0.177538)).add(e.z.mul(0)), e.x.mul(0.0331941).add(e.y.mul(0.9668058)).add(e.z.mul(0)), e.x.mul(0.0170826).add(e.y.mul(0.0723974)).add(e.z.mul(0.9105199))), vn = (e) => {
|
|
87
87
|
const n = e.x, a = e.y, r = e.z, m = n.mul(0.4122214708).add(a.mul(0.5363325363)).add(r.mul(0.0514459929)), p = n.mul(0.2119034982).add(a.mul(0.6806995451).add(r.mul(0.1073969566))), h = n.mul(0.0883024619).add(a.mul(0.2817188376)).add(r.mul(0.6299787005)), d = ee(m, Z(1 / 3)), R = ee(p, Z(1 / 3)), U = ee(h, Z(1 / 3));
|
|
88
88
|
return X(d.mul(0.2104542553).add(R.mul(0.793617785)).sub(U.mul(0.0040720468)), d.mul(1.9779984951).sub(R.mul(2.428592205)).add(U.mul(0.4505937099)), d.mul(0.0259040371).add(R.mul(0.7827717662)).sub(U.mul(0.808675766)));
|
|
@@ -91,97 +91,97 @@ var bn = (e) => X(e.x.mul(1.2249401).sub(e.y.mul(0.2249404)).sub(e.z.mul(0)), e.
|
|
|
91
91
|
return X(d.mul(4.0767416621).sub(R.mul(3.3077115913)).add(U.mul(0.2309699292)), d.mul(-1.2684380046).add(R.mul(2.6097574011)).sub(U.mul(0.3413193965)), d.mul(-0.0041960863).sub(R.mul(0.7034186147)).add(U.mul(1.707614701)));
|
|
92
92
|
};
|
|
93
93
|
function dt(e, n, a = 1) {
|
|
94
|
-
const r = i(n.a, a), m =
|
|
95
|
-
return x(mt(ut(
|
|
94
|
+
const r = i(n.a, a), m = y(r, i(e.a, C(1, r))), p = bn(X(e.r, e.g, e.b)), h = bn(X(n.r, n.g, n.b)), d = vn(p);
|
|
95
|
+
return x(mt(ut(y(i(vn(h), r), i(d, i(e.a, C(1, r)))))), m);
|
|
96
96
|
}
|
|
97
|
-
|
|
97
|
+
z();
|
|
98
98
|
function ht(e, n, a = 1) {
|
|
99
|
-
const r = i(n.a, a), m =
|
|
100
|
-
return x(
|
|
99
|
+
const r = i(n.a, a), m = y(r, i(e.a, C(1, r)));
|
|
100
|
+
return x(y(i(i(e.rgb, n.rgb), r), i(e.rgb, i(e.a, C(1, r)))), m);
|
|
101
101
|
}
|
|
102
|
-
|
|
102
|
+
z();
|
|
103
103
|
function pt(e, n, a = 1) {
|
|
104
|
-
const r = i(n.a, a), m =
|
|
105
|
-
return x(
|
|
104
|
+
const r = i(n.a, a), m = y(r, i(e.a, C(1, r)));
|
|
105
|
+
return x(y(i(C(1, i(C(1, e.rgb), C(1, n.rgb))), r), i(e.rgb, i(e.a, C(1, r)))), m);
|
|
106
106
|
}
|
|
107
|
-
|
|
107
|
+
z();
|
|
108
108
|
function gt(e, n, a = 1) {
|
|
109
|
-
const r = i(n.a, a), m =
|
|
110
|
-
return x(
|
|
109
|
+
const r = i(n.a, a), m = y(r, i(e.a, C(1, r)));
|
|
110
|
+
return x(y(i(Ke(y(e.rgb, n.rgb), 1), r), i(e.rgb, i(e.a, C(1, r)))), m);
|
|
111
111
|
}
|
|
112
|
-
|
|
112
|
+
z();
|
|
113
113
|
function bt(e, n, a = 1) {
|
|
114
|
-
const r = i(n.a, a), m =
|
|
115
|
-
return x(
|
|
114
|
+
const r = i(n.a, a), m = y(r, i(e.a, C(1, r)));
|
|
115
|
+
return x(y(i(Ae(i(2, i(e.rgb, n.rgb)), C(1, i(2, i(C(1, e.rgb), C(1, n.rgb)))), Me(0.5, e.rgb)), r), i(e.rgb, i(e.a, C(1, r)))), m);
|
|
116
116
|
}
|
|
117
|
-
|
|
117
|
+
z();
|
|
118
118
|
function vt(e, n, a = 1) {
|
|
119
|
-
const r = i(n.a, a), m =
|
|
120
|
-
return x(
|
|
119
|
+
const r = i(n.a, a), m = y(r, i(e.a, C(1, r)));
|
|
120
|
+
return x(y(i(or(C(e.rgb, n.rgb)), r), i(e.rgb, i(e.a, C(1, r)))), m);
|
|
121
121
|
}
|
|
122
|
-
|
|
122
|
+
z();
|
|
123
123
|
function Ct(e, n, a = 1) {
|
|
124
|
-
const r = i(n.a, a), m =
|
|
125
|
-
return x(
|
|
124
|
+
const r = i(n.a, a), m = y(r, i(e.a, C(1, r)));
|
|
125
|
+
return x(y(i(Ae(e.rgb, Ke(Zn(e.rgb, C(1, n.rgb)), 1), Me(1e-3, C(1, n.rgb))), r), i(e.rgb, i(e.a, C(1, r)))), m);
|
|
126
126
|
}
|
|
127
|
-
|
|
127
|
+
z();
|
|
128
128
|
function Rt(e, n, a = 1) {
|
|
129
|
-
const r = i(n.a, a), m =
|
|
130
|
-
return x(
|
|
129
|
+
const r = i(n.a, a), m = y(r, i(e.a, C(1, r)));
|
|
130
|
+
return x(y(i(C(y(e.rgb, n.rgb), i(2, i(e.rgb, n.rgb))), r), i(e.rgb, i(e.a, C(1, r)))), m);
|
|
131
131
|
}
|
|
132
|
-
|
|
132
|
+
z();
|
|
133
133
|
function me(e) {
|
|
134
|
-
return
|
|
134
|
+
return y(y(i(e.r, 0.2126), i(e.g, 0.7152)), i(e.b, 0.0722));
|
|
135
135
|
}
|
|
136
|
-
|
|
136
|
+
z();
|
|
137
137
|
function Tt(e, n, a = 1) {
|
|
138
|
-
const r = i(n.a, a), m =
|
|
139
|
-
return x(
|
|
138
|
+
const r = i(n.a, a), m = y(r, i(e.a, C(1, r))), p = C(me(e.rgb), me(n.rgb));
|
|
139
|
+
return x(y(i(y(n.rgb, p), r), i(e.rgb, i(e.a, C(1, r)))), m);
|
|
140
140
|
}
|
|
141
|
-
|
|
141
|
+
z();
|
|
142
142
|
function kt(e, n, a = 1) {
|
|
143
|
-
const r = i(n.a, a), m =
|
|
144
|
-
return x(
|
|
143
|
+
const r = i(n.a, a), m = y(r, i(e.a, C(1, r))), p = me(e.rgb), h = me(n.rgb).div(y(p, 1e-4));
|
|
144
|
+
return x(y(i(i(e.rgb, h), r), i(e.rgb, i(e.a, C(1, r)))), m);
|
|
145
145
|
}
|
|
146
|
-
|
|
146
|
+
z();
|
|
147
147
|
function wt(e, n, a = 1) {
|
|
148
|
-
const r = i(n.a, a), m =
|
|
149
|
-
return x(
|
|
148
|
+
const r = i(n.a, a), m = y(r, i(e.a, C(1, r)));
|
|
149
|
+
return x(y(i(Ke(e.rgb, n.rgb), r), i(e.rgb, i(e.a, C(1, r)))), m);
|
|
150
150
|
}
|
|
151
|
-
|
|
151
|
+
z();
|
|
152
152
|
function yt(e, n, a = 1) {
|
|
153
|
-
const r = i(n.a, a), m =
|
|
154
|
-
return x(
|
|
153
|
+
const r = i(n.a, a), m = y(r, i(e.a, C(1, r)));
|
|
154
|
+
return x(y(i(Ze(e.rgb, n.rgb), r), i(e.rgb, i(e.a, C(1, r)))), m);
|
|
155
155
|
}
|
|
156
|
-
|
|
156
|
+
z();
|
|
157
157
|
function St(e, n, a = 1) {
|
|
158
|
-
const r = i(n.a, a), m =
|
|
159
|
-
return x(
|
|
158
|
+
const r = i(n.a, a), m = y(r, i(e.a, C(1, r)));
|
|
159
|
+
return x(y(i(Ae(x(0, 0, 0, 1).rgb, Ze(C(1, C(1, e.rgb).div(y(n.rgb, 1e-4))), 0), Me(1e-4, n.rgb)), r), i(e.rgb, i(e.a, C(1, r)))), m);
|
|
160
160
|
}
|
|
161
|
-
|
|
161
|
+
z();
|
|
162
162
|
function Ut(e, n, a = 1) {
|
|
163
|
-
const r = i(n.a, a), m =
|
|
164
|
-
return x(
|
|
163
|
+
const r = i(n.a, a), m = y(r, i(e.a, C(1, r)));
|
|
164
|
+
return x(y(i(Ze(y(y(e.rgb, n.rgb), -1), 0), r), i(e.rgb, i(e.a, C(1, r)))), m);
|
|
165
165
|
}
|
|
166
|
-
|
|
166
|
+
z();
|
|
167
167
|
function xt(e, n, a = 1) {
|
|
168
|
-
const r = i(n.a, a), m =
|
|
169
|
-
return x(
|
|
168
|
+
const r = i(n.a, a), m = y(r, i(e.a, C(1, r))), p = y(i(2, i(e.rgb, n.rgb)), i(i(e.rgb, e.rgb), C(1, i(2, n.rgb)))), h = kn(e.rgb);
|
|
169
|
+
return x(y(i(Ae(p, y(i(2, i(e.rgb, C(1, n.rgb))), i(h, C(i(2, n.rgb), 1))), Me(0.5, n.rgb)), r), i(e.rgb, i(e.a, C(1, r)))), m);
|
|
170
170
|
}
|
|
171
|
-
|
|
171
|
+
z();
|
|
172
172
|
function Mt(e, n, a = 1) {
|
|
173
|
-
const r = i(n.a, a), m =
|
|
174
|
-
return x(
|
|
173
|
+
const r = i(n.a, a), m = y(r, i(e.a, C(1, r)));
|
|
174
|
+
return x(y(i(Ae(i(2, i(e.rgb, n.rgb)), C(1, i(2, i(C(1, e.rgb), C(1, n.rgb)))), Me(0.5, n.rgb)), r), i(e.rgb, i(e.a, C(1, r)))), m);
|
|
175
175
|
}
|
|
176
|
-
|
|
176
|
+
z();
|
|
177
177
|
function At(e, n, a = 1) {
|
|
178
|
-
const r = i(n.a, a), m =
|
|
179
|
-
return x(
|
|
178
|
+
const r = i(n.a, a), m = y(r, i(e.a, C(1, r))), p = me(e.rgb), h = me(n.rgb), d = e.rgb.sub(p), R = n.rgb.sub(h), U = d.length();
|
|
179
|
+
return x(y(i(y(i(R.normalize(), U), p), r), i(e.rgb, i(e.a, C(1, r)))), m);
|
|
180
180
|
}
|
|
181
|
-
|
|
181
|
+
z();
|
|
182
182
|
function $t(e, n, a = 1) {
|
|
183
|
-
const r = i(n.a, a), m =
|
|
184
|
-
return x(
|
|
183
|
+
const r = i(n.a, a), m = y(r, i(e.a, C(1, r))), p = me(e.rgb), h = me(n.rgb), d = e.rgb.sub(p), R = n.rgb.sub(h);
|
|
184
|
+
return x(y(i(y(i(d.normalize(), R.length()), p), r), i(e.rgb, i(e.a, C(1, r)))), m);
|
|
185
185
|
}
|
|
186
186
|
var Cn = {
|
|
187
187
|
normal: at,
|
|
@@ -208,22 +208,22 @@ var Cn = {
|
|
|
208
208
|
function K(e, n, a = "normal", r = 1) {
|
|
209
209
|
return (Cn[a] || Cn.normal)(e, n, r);
|
|
210
210
|
}
|
|
211
|
-
|
|
211
|
+
z();
|
|
212
212
|
function Dt(e, n) {
|
|
213
213
|
const a = i(e.a, n.a);
|
|
214
214
|
return x(e.rgb, a);
|
|
215
215
|
}
|
|
216
|
-
|
|
216
|
+
z();
|
|
217
217
|
function zt(e, n) {
|
|
218
218
|
const a = C(1, n.a), r = i(e.a, a);
|
|
219
219
|
return x(e.rgb, r);
|
|
220
220
|
}
|
|
221
|
-
|
|
221
|
+
z();
|
|
222
222
|
function Ft(e, n) {
|
|
223
223
|
const a = X(0.2126, 0.7152, 0.0722), r = wn(n.rgb, a), m = i(e.a, r);
|
|
224
224
|
return x(e.rgb, m);
|
|
225
225
|
}
|
|
226
|
-
|
|
226
|
+
z();
|
|
227
227
|
function Et(e, n) {
|
|
228
228
|
const a = X(0.2126, 0.7152, 0.0722), r = C(1, wn(n.rgb, a)), m = i(e.a, r);
|
|
229
229
|
return x(e.rgb, m);
|
|
@@ -371,7 +371,7 @@ var Bt = class {
|
|
|
371
371
|
* Gets current performance statistics
|
|
372
372
|
*/
|
|
373
373
|
getStats(e) {
|
|
374
|
-
const n = this.frameTimesMs.length, a = this.frameIntervals.length > 0 ? 1e3 / (this.frameIntervals.reduce((
|
|
374
|
+
const n = this.frameTimesMs.length, a = this.frameIntervals.length > 0 ? 1e3 / (this.frameIntervals.reduce((F, E) => F + E, 0) / this.frameIntervals.length) : 0, r = n > 0 ? this.frameTimesMs.reduce((F, E) => F + E, 0) / n : 0, m = n > 0 ? Math.min(...this.frameTimesMs) : 0, p = n > 0 ? Math.max(...this.frameTimesMs) : 0, h = this.calculateP99(this.frameTimesMs), d = this.calculateStdDev(this.frameTimesMs), R = this.totalFrameCount > 0 ? this.jankFrameCount / this.totalFrameCount * 100 : 0, U = performance.memory, V = U ? U.usedJSHeapSize / (1024 * 1024) : null, B = this.calculateMemoryGrowthRate(), ne = r > 0 ? r / this.targetFrameTime * 100 : 0, Y = e?.render?.calls ?? null, I = e?.programs?.length ?? null, N = e?.memory?.textures ?? null, ae = this.calculateIntensityScore();
|
|
375
375
|
return {
|
|
376
376
|
fps: Math.round(a),
|
|
377
377
|
avgFrameTime: Math.round(r * 100) / 100,
|
|
@@ -404,11 +404,11 @@ var Bt = class {
|
|
|
404
404
|
this.frameTimesMs = [], this.frameIntervals = [], this.lastFrameTimestamp = 0, this.jankFrameCount = 0, this.totalFrameCount = 0, this.memorySnapshots = [], this.lastCpuTime = null, this.lastGpuTime = null;
|
|
405
405
|
}
|
|
406
406
|
};
|
|
407
|
-
|
|
408
|
-
var { vec2:
|
|
409
|
-
const fe = (e) => e.offsetX !== 0 || e.offsetY !== 0 || e.rotation !== 0 || e.scale !== 1 || e.anchorX !== 0.5 || e.anchorY !== 0.5,
|
|
410
|
-
const R = r.mul(Lt).div(Vt(180)), U = Pt(R), V = _t(R), B =
|
|
411
|
-
return
|
|
407
|
+
z();
|
|
408
|
+
var { vec2: Ue, cos: Pt, sin: _t, float: Vt, PI: Lt } = pe;
|
|
409
|
+
const fe = (e) => e.offsetX !== 0 || e.offsetY !== 0 || e.rotation !== 0 || e.scale !== 1 || e.anchorX !== 0.5 || e.anchorY !== 0.5, xe = (e, n, a, r, m, p, h, d) => {
|
|
410
|
+
const R = r.mul(Lt).div(Vt(180)), U = Pt(R), V = _t(R), B = Ue(p, h), ne = e.sub(B).div(m), Y = Ue(ne.x.mul(d), ne.y), I = Ue(Y.x.mul(U).sub(Y.y.mul(V)), Y.x.mul(V).add(Y.y.mul(U)));
|
|
411
|
+
return Ue(I.x.div(d), I.y).sub(Ue(n, a)).add(B);
|
|
412
412
|
};
|
|
413
413
|
var qt = /* @__PURE__ */ rr({
|
|
414
414
|
createUniformsMap: () => Gt,
|
|
@@ -447,9 +447,9 @@ function Nt(e, n) {
|
|
|
447
447
|
} else e.uniform.value = n;
|
|
448
448
|
}
|
|
449
449
|
var yn, Sn = Wn({ "src/utilities/uniforms.ts": (() => {
|
|
450
|
-
|
|
450
|
+
z(), { uniform: yn } = pe;
|
|
451
451
|
}) });
|
|
452
|
-
|
|
452
|
+
z();
|
|
453
453
|
var Tn = !1, Xt = /* @__PURE__ */ (() => {
|
|
454
454
|
let e = 0;
|
|
455
455
|
const n = /* @__PURE__ */ new Set(), a = (h) => {
|
|
@@ -515,32 +515,32 @@ function cs() {
|
|
|
515
515
|
rootId: null,
|
|
516
516
|
idToNodeId: /* @__PURE__ */ new Map()
|
|
517
517
|
}, d = /* @__PURE__ */ new Map();
|
|
518
|
-
let R = null, U = null, V = null, B = !1, ne = !1, Y = !1, I = null, N = !1, ae = !0,
|
|
518
|
+
let R = null, U = null, V = null, B = !1, ne = !1, Y = !1, I = null, N = !1, ae = !0, F = 0, E = 0, te = !1, qe = 0, $e = !1, De = 0.5, ze = 0.5, ue = !1, Fe = !1, Ee = null, Te = null, de = !1;
|
|
519
519
|
const ie = new Bt();
|
|
520
|
-
let oe = [], Ge = !1,
|
|
520
|
+
let oe = [], Ge = !1, Oe = [], ge = null, Be = [], be = null, en = /* @__PURE__ */ new Set(), nn = /* @__PURE__ */ new Set(), Pe = 0, ke = /* @__PURE__ */ new Set(), Ne = /* @__PURE__ */ new Set(), we = null, _e = !1;
|
|
521
521
|
const Xe = (s, t) => {
|
|
522
|
-
s <= 0 || t <= 0 || s ===
|
|
522
|
+
s <= 0 || t <= 0 || s === F && t === E || (we = {
|
|
523
523
|
width: s,
|
|
524
524
|
height: t
|
|
525
|
-
},
|
|
526
|
-
if (
|
|
525
|
+
}, _e || (_e = !0, requestAnimationFrame(() => {
|
|
526
|
+
if (_e = !1, !we) return;
|
|
527
527
|
const { width: o, height: l } = we;
|
|
528
|
-
we = null,
|
|
528
|
+
we = null, F = o, E = l, Y || (Y = !0), n.setSize(o, l, !1);
|
|
529
529
|
const f = o / l, b = 2, g = b * f;
|
|
530
|
-
a.left = -g / 2, a.right = g / 2, a.top = b / 2, a.bottom = -b / 2, a.updateProjectionMatrix(), m.scale.set(g, b, 1), h.nodes.forEach((
|
|
531
|
-
|
|
530
|
+
a.left = -g / 2, a.right = g / 2, a.top = b / 2, a.bottom = -b / 2, a.updateProjectionMatrix(), m.scale.set(g, b, 1), h.nodes.forEach((k) => {
|
|
531
|
+
k.transformUniforms?.aspectRatio && (k.transformUniforms.aspectRatio.value = f), k.resizeCallbacks.forEach((M) => {
|
|
532
532
|
try {
|
|
533
533
|
M({
|
|
534
534
|
width: o,
|
|
535
535
|
height: l
|
|
536
536
|
});
|
|
537
|
-
} catch (
|
|
538
|
-
console.error("Error in resize callback:",
|
|
537
|
+
} catch ($) {
|
|
538
|
+
console.error("Error in resize callback:", $);
|
|
539
539
|
}
|
|
540
540
|
});
|
|
541
541
|
}), re().catch(console.warn);
|
|
542
542
|
})));
|
|
543
|
-
}, Un = () => B && !!n && !!r && !!a && !!p &&
|
|
543
|
+
}, Un = () => B && !!n && !!r && !!a && !!p && F > 0 && E > 0 && N, xn = (s) => {
|
|
544
544
|
if (!n || !a || !m) return;
|
|
545
545
|
const t = s[0];
|
|
546
546
|
if (!t) return;
|
|
@@ -558,9 +558,9 @@ function cs() {
|
|
|
558
558
|
N = t.isIntersecting;
|
|
559
559
|
const l = e?.getBoundingClientRect(), f = te;
|
|
560
560
|
if (te = N && !!l && l.width > 0 && l.height > 0, N && !o) {
|
|
561
|
-
if (
|
|
562
|
-
const { width: b, height: g } = e.getBoundingClientRect(),
|
|
563
|
-
|
|
561
|
+
if ($e = !0, e) {
|
|
562
|
+
const { width: b, height: g } = e.getBoundingClientRect(), k = Math.round(b), M = Math.round(g);
|
|
563
|
+
k > 0 && M > 0 && (F === 0 || E === 0 || k !== F || M !== E ? (Xe(k, M), !f && te && he()) : p && B && h.rootId && (p.needsUpdate = !0, he(), re().catch(console.warn)));
|
|
564
564
|
}
|
|
565
565
|
ae && je();
|
|
566
566
|
} else !N && o && Qe();
|
|
@@ -568,8 +568,8 @@ function cs() {
|
|
|
568
568
|
if (s.size !== t.size) return !1;
|
|
569
569
|
for (const o of s) if (!t.has(o)) return !1;
|
|
570
570
|
return !0;
|
|
571
|
-
},
|
|
572
|
-
|
|
571
|
+
}, ye = (s) => {
|
|
572
|
+
Pe++;
|
|
573
573
|
const t = nr(s);
|
|
574
574
|
return ke.add(t), t;
|
|
575
575
|
}, rn = () => {
|
|
@@ -582,45 +582,45 @@ function cs() {
|
|
|
582
582
|
};
|
|
583
583
|
let ve = !1;
|
|
584
584
|
const he = () => {
|
|
585
|
-
if (!h.rootId || !p ||
|
|
586
|
-
if (
|
|
585
|
+
if (!h.rootId || !p || Fe || !h.nodes.get(h.rootId)) return;
|
|
586
|
+
if (F === 0 || E === 0) {
|
|
587
587
|
ve || (ve = !0, requestAnimationFrame(() => {
|
|
588
|
-
ve = !1,
|
|
588
|
+
ve = !1, F > 0 && E > 0 && he();
|
|
589
589
|
}));
|
|
590
590
|
return;
|
|
591
591
|
}
|
|
592
|
-
|
|
592
|
+
Fe = !0;
|
|
593
593
|
const s = performance.now();
|
|
594
594
|
console.log("[Shaders Perf] Starting updateMaterial()");
|
|
595
595
|
try {
|
|
596
596
|
const t = performance.now();
|
|
597
597
|
Ne = new Set(ke), ke.clear(), console.log(`[Shaders Perf] Texture management: ${(performance.now() - t).toFixed(2)}ms`);
|
|
598
598
|
const o = /* @__PURE__ */ new Set(), l = performance.now();
|
|
599
|
-
nn.clear(), h.nodes.forEach((g,
|
|
600
|
-
(g.requiresRTT || g.transformRTTActive) && nn.add(
|
|
601
|
-
}), console.log(`[Shaders Perf] RTT tracking rebuild: ${(performance.now() - l).toFixed(2)}ms (${h.nodes.size} nodes)`),
|
|
599
|
+
nn.clear(), h.nodes.forEach((g, k) => {
|
|
600
|
+
(g.requiresRTT || g.transformRTTActive) && nn.add(k);
|
|
601
|
+
}), console.log(`[Shaders Perf] RTT tracking rebuild: ${(performance.now() - l).toFixed(2)}ms (${h.nodes.size} nodes)`), Pe = 0;
|
|
602
602
|
const f = performance.now(), b = j(h.rootId, /* @__PURE__ */ new Set(), o);
|
|
603
|
-
if (console.log(`[Shaders Perf] composeNodeTree: ${(performance.now() - f).toFixed(2)}ms (RTT ops: ${
|
|
604
|
-
const g = !An(en, o),
|
|
605
|
-
if (g ||
|
|
606
|
-
console.log(`[Shaders Perf] Recompilation needed: compositionChanged=${g}, nodeChanged=${
|
|
603
|
+
if (console.log(`[Shaders Perf] composeNodeTree: ${(performance.now() - f).toFixed(2)}ms (RTT ops: ${Pe})`), b && p) {
|
|
604
|
+
const g = !An(en, o), k = p.fragmentNode !== b;
|
|
605
|
+
if (g || $e || k) {
|
|
606
|
+
console.log(`[Shaders Perf] Recompilation needed: compositionChanged=${g}, nodeChanged=${k}, needsRefresh=${$e}`);
|
|
607
607
|
const M = performance.now();
|
|
608
608
|
rn(), console.log(`[Shaders Perf] Texture disposal: ${(performance.now() - M).toFixed(2)}ms`);
|
|
609
|
-
const
|
|
609
|
+
const $ = performance.now();
|
|
610
610
|
try {
|
|
611
611
|
p.dispose(), n.renderTarget && n.renderTarget.dispose();
|
|
612
612
|
} catch {
|
|
613
613
|
}
|
|
614
|
-
console.log(`[Shaders Perf] Material disposal: ${(performance.now() -
|
|
615
|
-
const
|
|
616
|
-
u.fragmentNode = b, u.needsUpdate = !0, console.log(`[Shaders Perf] Material creation: ${(performance.now() -
|
|
614
|
+
console.log(`[Shaders Perf] Material disposal: ${(performance.now() - $).toFixed(2)}ms`);
|
|
615
|
+
const w = performance.now(), u = new dn({ transparent: !0 });
|
|
616
|
+
u.fragmentNode = b, u.needsUpdate = !0, console.log(`[Shaders Perf] Material creation: ${(performance.now() - w).toFixed(2)}ms`), m.material = u, p = u, $e = !1, en = o;
|
|
617
617
|
} else console.log("[Shaders Perf] No recompilation needed (composition unchanged)");
|
|
618
618
|
}
|
|
619
619
|
console.log(`[Shaders Perf] TOTAL updateMaterial: ${(performance.now() - s).toFixed(2)}ms`), console.log("========================================");
|
|
620
620
|
} catch (t) {
|
|
621
621
|
console.error("Error composing shader tree:", t), console.log(`[Shaders Perf] FAILED after ${(performance.now() - s).toFixed(2)}ms`);
|
|
622
622
|
} finally {
|
|
623
|
-
|
|
623
|
+
Fe = !1;
|
|
624
624
|
}
|
|
625
625
|
N && re().catch(console.warn);
|
|
626
626
|
}, W = (s) => {
|
|
@@ -635,17 +635,22 @@ function cs() {
|
|
|
635
635
|
}, $n = (s) => {
|
|
636
636
|
for (const [t, o] of h.nodes.entries()) if (o.metadata.id === s) return t;
|
|
637
637
|
return null;
|
|
638
|
-
}, se = (s, t, o, l) => {
|
|
638
|
+
}, se = (s, t, o, l, f) => {
|
|
639
639
|
if (!t.metadata.mask?.source) return s;
|
|
640
|
-
const
|
|
641
|
-
if (!
|
|
642
|
-
if (l.has(
|
|
640
|
+
const b = t.metadata.mask.source, g = $n(b);
|
|
641
|
+
if (!g) return s;
|
|
642
|
+
if (l.has(g))
|
|
643
643
|
return console.error("Uh oh, looks like you've got a circular dependency in your shader masks."), s;
|
|
644
|
-
const
|
|
645
|
-
|
|
644
|
+
const k = new Set(l);
|
|
645
|
+
k.add(o);
|
|
646
|
+
const M = j(g, k);
|
|
647
|
+
let $ = M;
|
|
648
|
+
f && ($ = ye(M).sample(f));
|
|
649
|
+
const w = t.metadata.mask.type || "alpha";
|
|
650
|
+
return Ot(s, $, w);
|
|
646
651
|
}, le = (s, t) => {
|
|
647
652
|
if (!t.metadata.transform || !t.transformUniforms || !fe(t.metadata.transform) && !t.transformRTTActive) return s;
|
|
648
|
-
const o =
|
|
653
|
+
const o = ye(s), l = xe(Ce, t.transformUniforms.offsetX, t.transformUniforms.offsetY, t.transformUniforms.rotation, t.transformUniforms.scale, t.transformUniforms.anchorX, t.transformUniforms.anchorY, t.transformUniforms.aspectRatio);
|
|
649
654
|
return Re(l, o.sample(l), o, t.transformUniforms.edges);
|
|
650
655
|
}, H = (s) => !!s.uvTransformFunc && s.requiresChild && s.metadata.blendMode === "normal" && (s.metadata.opacity === void 0 || s.metadata.opacity === 1) && s.metadata.visible !== !1 && !s.metadata.mask?.source && !(s.transformUniforms && s.metadata.transform && fe(s.metadata.transform)), Ye = (s) => {
|
|
651
656
|
const t = [];
|
|
@@ -692,13 +697,13 @@ function cs() {
|
|
|
692
697
|
c.uvTransformFunc && (g = c.uvTransformFunc({
|
|
693
698
|
uv: g,
|
|
694
699
|
uniforms: c.uniforms,
|
|
695
|
-
viewportSize:
|
|
696
|
-
})), c.transformUniforms && c.metadata.transform && fe(c.metadata.transform) && (g =
|
|
700
|
+
viewportSize: Se
|
|
701
|
+
})), c.transformUniforms && c.metadata.transform && fe(c.metadata.transform) && (g = xe(g, c.transformUniforms.offsetX, c.transformUniforms.offsetY, c.transformUniforms.rotation, c.transformUniforms.scale, c.transformUniforms.anchorX, c.transformUniforms.anchorY, c.transformUniforms.aspectRatio), c.transformUniforms.edges && (g = ce(g, c.transformUniforms.edges)), c.transformRTTActive = !0);
|
|
697
702
|
}
|
|
698
703
|
for (let v = 0; v < l.length - 1; v++) {
|
|
699
704
|
const c = l[v];
|
|
700
705
|
if (!c.requiresChild) continue;
|
|
701
|
-
const
|
|
706
|
+
const D = (O) => {
|
|
702
707
|
c.cleanupCallbacks.push(O);
|
|
703
708
|
}, P = (O) => {
|
|
704
709
|
c.beforeRenderCallbacks.push(O);
|
|
@@ -717,25 +722,25 @@ function cs() {
|
|
|
717
722
|
uniforms: c.uniforms ?? {},
|
|
718
723
|
childNode: void 0,
|
|
719
724
|
uvContext: void 0,
|
|
720
|
-
onCleanup:
|
|
725
|
+
onCleanup: D,
|
|
721
726
|
onBeforeRender: P,
|
|
722
727
|
onAfterRender: T,
|
|
723
728
|
onResize: S,
|
|
724
729
|
canvas: e,
|
|
725
730
|
dimensions: {
|
|
726
|
-
width:
|
|
727
|
-
height:
|
|
731
|
+
width: F,
|
|
732
|
+
height: E
|
|
728
733
|
},
|
|
729
734
|
renderer: n
|
|
730
735
|
});
|
|
731
736
|
}
|
|
732
|
-
const
|
|
737
|
+
const k = (v) => {
|
|
733
738
|
b.cleanupCallbacks.push(v);
|
|
734
739
|
}, M = (v) => {
|
|
735
740
|
b.beforeRenderCallbacks.push(v);
|
|
736
|
-
},
|
|
741
|
+
}, $ = (v) => {
|
|
737
742
|
b.afterRenderCallbacks.push(v);
|
|
738
|
-
},
|
|
743
|
+
}, w = (v) => {
|
|
739
744
|
b.resizeCallbacks.push(v);
|
|
740
745
|
};
|
|
741
746
|
b.cleanupCallbacks.forEach((v) => {
|
|
@@ -749,14 +754,14 @@ function cs() {
|
|
|
749
754
|
uniforms: b.uniforms ?? {},
|
|
750
755
|
childNode: void 0,
|
|
751
756
|
uvContext: g,
|
|
752
|
-
onCleanup:
|
|
757
|
+
onCleanup: k,
|
|
753
758
|
onBeforeRender: M,
|
|
754
|
-
onAfterRender:
|
|
755
|
-
onResize:
|
|
759
|
+
onAfterRender: $,
|
|
760
|
+
onResize: w,
|
|
756
761
|
canvas: e,
|
|
757
762
|
dimensions: {
|
|
758
|
-
width:
|
|
759
|
-
height:
|
|
763
|
+
width: F,
|
|
764
|
+
height: E
|
|
760
765
|
},
|
|
761
766
|
renderer: n
|
|
762
767
|
});
|
|
@@ -768,18 +773,18 @@ function cs() {
|
|
|
768
773
|
let f;
|
|
769
774
|
if (l) f = j(l.id, t, o);
|
|
770
775
|
else return x(0, 0, 0, 0);
|
|
771
|
-
const b =
|
|
776
|
+
const b = ye(f);
|
|
772
777
|
let g = Ce;
|
|
773
|
-
for (let
|
|
774
|
-
const
|
|
775
|
-
|
|
778
|
+
for (let $ = s.length - 1; $ >= 0; $--) {
|
|
779
|
+
const w = s[$];
|
|
780
|
+
w.uvTransformFunc && (g = w.uvTransformFunc({
|
|
776
781
|
uv: g,
|
|
777
|
-
uniforms:
|
|
778
|
-
viewportSize:
|
|
779
|
-
}),
|
|
782
|
+
uniforms: w.uniforms,
|
|
783
|
+
viewportSize: Se
|
|
784
|
+
}), w.uniforms.edges?.uniform && (g = ce(g, w.uniforms.edges.uniform))), o && o.add(w.id);
|
|
780
785
|
}
|
|
781
|
-
const
|
|
782
|
-
return M.uniforms.edges?.uniform ? Re(g,
|
|
786
|
+
const k = b.sample(g), M = s[0];
|
|
787
|
+
return M.uniforms.edges?.uniform ? Re(g, k, b, M.uniforms.edges.uniform) : k;
|
|
783
788
|
}, tn = (s, t) => {
|
|
784
789
|
const o = [];
|
|
785
790
|
for (let l = t; l < s.length; l++) {
|
|
@@ -790,14 +795,14 @@ function cs() {
|
|
|
790
795
|
return o;
|
|
791
796
|
}, on = (s, t, o) => {
|
|
792
797
|
if (s.length === 0) return t;
|
|
793
|
-
const l =
|
|
798
|
+
const l = ye(t);
|
|
794
799
|
let f = Ce;
|
|
795
|
-
for (let
|
|
796
|
-
const M = s[
|
|
800
|
+
for (let k = s.length - 1; k >= 0; k--) {
|
|
801
|
+
const M = s[k];
|
|
797
802
|
M.uvTransformFunc && (f = M.uvTransformFunc({
|
|
798
803
|
uv: f,
|
|
799
804
|
uniforms: M.uniforms,
|
|
800
|
-
viewportSize:
|
|
805
|
+
viewportSize: Se
|
|
801
806
|
}), M.uniforms.edges?.uniform && (f = ce(f, M.uniforms.edges.uniform))), o && o.add(M.id);
|
|
802
807
|
}
|
|
803
808
|
const b = l.sample(f), g = s[s.length - 1];
|
|
@@ -806,33 +811,33 @@ function cs() {
|
|
|
806
811
|
const t = [], o = [];
|
|
807
812
|
let l = !1;
|
|
808
813
|
for (let g = 0; g < s.length; g++) {
|
|
809
|
-
const
|
|
810
|
-
|
|
814
|
+
const k = s[g], M = W(k.id).length > 0;
|
|
815
|
+
k.acceptsUVContext && !k.requiresChild && t.push(g), H(k) && !M && (o.push(g), t.length > 0 && (l = !0));
|
|
811
816
|
}
|
|
812
817
|
if (t.length === 0 || o.length === 0 || !l) return !1;
|
|
813
818
|
const f = Math.min(...t), b = Math.max(...o);
|
|
814
819
|
for (let g = f + 1; g < b; g++) {
|
|
815
|
-
const
|
|
816
|
-
if (
|
|
820
|
+
const k = s[g];
|
|
821
|
+
if (k.requiresRTT && !H(k) && !(k.acceptsUVContext && !k.requiresChild)) return !1;
|
|
817
822
|
}
|
|
818
823
|
return o.length > 2 ? (console.log(`[Shaders Perf] Too many distortions in sibling group (${o.length}), skipping UV propagation`), !1) : !0;
|
|
819
824
|
}, an = (s, t, o) => {
|
|
820
825
|
const l = performance.now();
|
|
821
826
|
console.log(`[Shaders Perf] composeSiblingsWithUVContext (${s.length} children)`);
|
|
822
827
|
const f = performance.now(), b = [], g = [];
|
|
823
|
-
s.forEach((
|
|
824
|
-
const v = W(
|
|
825
|
-
H(
|
|
826
|
-
node:
|
|
828
|
+
s.forEach((w, u) => {
|
|
829
|
+
const v = W(w.id).length > 0;
|
|
830
|
+
H(w) && !v ? g.push({
|
|
831
|
+
node: w,
|
|
827
832
|
index: u
|
|
828
|
-
}) :
|
|
829
|
-
node:
|
|
833
|
+
}) : w.acceptsUVContext && !w.requiresChild && !v && b.push({
|
|
834
|
+
node: w,
|
|
830
835
|
index: u
|
|
831
836
|
});
|
|
832
837
|
}), console.log(`[Shaders Perf] Categorization: ${(performance.now() - f).toFixed(2)}ms (${b.length} gens, ${g.length} dists)`);
|
|
833
|
-
const
|
|
834
|
-
for (const
|
|
835
|
-
const u =
|
|
838
|
+
const k = performance.now();
|
|
839
|
+
for (const w of g) {
|
|
840
|
+
const u = w.node;
|
|
836
841
|
u.cleanupCallbacks.forEach((T) => {
|
|
837
842
|
try {
|
|
838
843
|
T();
|
|
@@ -840,34 +845,34 @@ function cs() {
|
|
|
840
845
|
console.error("Cleanup error:", S);
|
|
841
846
|
}
|
|
842
847
|
}), u.cleanupCallbacks = [], u.beforeRenderCallbacks = [], u.afterRenderCallbacks = [], u.resizeCallbacks = [];
|
|
843
|
-
const v = (T) => u.cleanupCallbacks.push(T), c = (T) => u.beforeRenderCallbacks.push(T),
|
|
848
|
+
const v = (T) => u.cleanupCallbacks.push(T), c = (T) => u.beforeRenderCallbacks.push(T), D = (T) => u.afterRenderCallbacks.push(T), P = (T) => u.resizeCallbacks.push(T);
|
|
844
849
|
u.fragmentNodeFunc({
|
|
845
850
|
uniforms: u.uniforms ?? {},
|
|
846
851
|
childNode: void 0,
|
|
847
852
|
uvContext: void 0,
|
|
848
853
|
onCleanup: v,
|
|
849
854
|
onBeforeRender: c,
|
|
850
|
-
onAfterRender:
|
|
855
|
+
onAfterRender: D,
|
|
851
856
|
onResize: P,
|
|
852
857
|
canvas: e,
|
|
853
858
|
dimensions: {
|
|
854
|
-
width:
|
|
855
|
-
height:
|
|
859
|
+
width: F,
|
|
860
|
+
height: E
|
|
856
861
|
},
|
|
857
862
|
renderer: n
|
|
858
863
|
}), o && o.add(u.id);
|
|
859
864
|
}
|
|
860
|
-
console.log(`[Shaders Perf] Callback registration: ${(performance.now() -
|
|
865
|
+
console.log(`[Shaders Perf] Callback registration: ${(performance.now() - k).toFixed(2)}ms (${g.length} distortions)`);
|
|
861
866
|
const M = performance.now();
|
|
862
|
-
let
|
|
863
|
-
for (let
|
|
864
|
-
const u = s[
|
|
867
|
+
let $;
|
|
868
|
+
for (let w = 0; w < s.length; w++) {
|
|
869
|
+
const u = s[w];
|
|
865
870
|
if (u.metadata.visible === !1) continue;
|
|
866
871
|
const v = u.metadata.opacity ?? 1;
|
|
867
872
|
u.opacityUniform.value = v, o && o.add(u.id);
|
|
868
873
|
const c = W(u.id).length > 0;
|
|
869
|
-
let
|
|
870
|
-
const P = b.find((T) => T.index ===
|
|
874
|
+
let D;
|
|
875
|
+
const P = b.find((T) => T.index === w);
|
|
871
876
|
if (P) {
|
|
872
877
|
const T = g.filter((_) => _.index > P.index).sort((_, q) => _.index - q.index).map((_) => _.node);
|
|
873
878
|
let S = Ce;
|
|
@@ -876,10 +881,10 @@ function cs() {
|
|
|
876
881
|
q.uvTransformFunc && (S = q.uvTransformFunc({
|
|
877
882
|
uv: S,
|
|
878
883
|
uniforms: q.uniforms,
|
|
879
|
-
viewportSize:
|
|
880
|
-
})), q.transformUniforms && q.metadata.transform && fe(q.metadata.transform) && (S =
|
|
884
|
+
viewportSize: Se
|
|
885
|
+
})), q.transformUniforms && q.metadata.transform && fe(q.metadata.transform) && (S = xe(S, q.transformUniforms.offsetX, q.transformUniforms.offsetY, q.transformUniforms.rotation, q.transformUniforms.scale, q.transformUniforms.anchorX, q.transformUniforms.anchorY, q.transformUniforms.aspectRatio), q.transformUniforms.edges && (S = ce(S, q.transformUniforms.edges)), q.transformRTTActive = !0), q.uniforms.edges?.uniform && (S = ce(S, q.uniforms.edges.uniform));
|
|
881
886
|
}
|
|
882
|
-
P.node.transformUniforms && P.node.metadata.transform && fe(P.node.metadata.transform) && (S =
|
|
887
|
+
P.node.transformUniforms && P.node.metadata.transform && fe(P.node.metadata.transform) && (S = xe(S, P.node.transformUniforms.offsetX, P.node.transformUniforms.offsetY, P.node.transformUniforms.rotation, P.node.transformUniforms.scale, P.node.transformUniforms.anchorX, P.node.transformUniforms.anchorY, P.node.transformUniforms.aspectRatio), P.node.transformUniforms.edges && (S = ce(S, P.node.transformUniforms.edges)), P.node.transformRTTActive = !0), u.cleanupCallbacks.forEach((_) => {
|
|
883
888
|
try {
|
|
884
889
|
_();
|
|
885
890
|
} catch (q) {
|
|
@@ -897,8 +902,8 @@ function cs() {
|
|
|
897
902
|
onResize: A,
|
|
898
903
|
canvas: e,
|
|
899
904
|
dimensions: {
|
|
900
|
-
width:
|
|
901
|
-
height:
|
|
905
|
+
width: F,
|
|
906
|
+
height: E
|
|
902
907
|
},
|
|
903
908
|
renderer: n
|
|
904
909
|
});
|
|
@@ -906,30 +911,30 @@ function cs() {
|
|
|
906
911
|
const _ = T[0];
|
|
907
912
|
_.uniforms.edges?.uniform && (L = Re(S, L, null, _.uniforms.edges.uniform));
|
|
908
913
|
}
|
|
909
|
-
|
|
914
|
+
D = se(L, u, u.id, t, S);
|
|
910
915
|
} else {
|
|
911
|
-
if (g.find((T) => T.index ===
|
|
916
|
+
if (g.find((T) => T.index === w)) continue;
|
|
912
917
|
if (c) {
|
|
913
|
-
if (Ve(u))
|
|
918
|
+
if (Ve(u)) D = Ie(u.id, t, o);
|
|
914
919
|
else if (H(u)) {
|
|
915
920
|
const S = Ye(u.id);
|
|
916
|
-
S.length > 1 ?
|
|
917
|
-
} else
|
|
918
|
-
const T = g.filter((S) => S.index >
|
|
921
|
+
S.length > 1 ? D = He(S, t, o) : D = j(u.id, t, o);
|
|
922
|
+
} else D = j(u.id, t, o);
|
|
923
|
+
const T = g.filter((S) => S.index > w).sort((S, O) => S.index - O.index).map((S) => S.node);
|
|
919
924
|
if (T.length > 0) {
|
|
920
|
-
const S =
|
|
925
|
+
const S = ye(D);
|
|
921
926
|
let O = Ce;
|
|
922
927
|
for (let J = T.length - 1; J >= 0; J--) {
|
|
923
928
|
const A = T[J];
|
|
924
929
|
A.uvTransformFunc && (O = A.uvTransformFunc({
|
|
925
930
|
uv: O,
|
|
926
931
|
uniforms: A.uniforms,
|
|
927
|
-
viewportSize:
|
|
928
|
-
})), A.transformUniforms && A.metadata.transform && fe(A.metadata.transform) && (O =
|
|
932
|
+
viewportSize: Se
|
|
933
|
+
})), A.transformUniforms && A.metadata.transform && fe(A.metadata.transform) && (O = xe(O, A.transformUniforms.offsetX, A.transformUniforms.offsetY, A.transformUniforms.rotation, A.transformUniforms.scale, A.transformUniforms.anchorX, A.transformUniforms.anchorY, A.transformUniforms.aspectRatio), A.transformUniforms.edges && (O = ce(O, A.transformUniforms.edges)), A.transformRTTActive = !0), A.uniforms.edges?.uniform && (O = ce(O, A.uniforms.edges.uniform));
|
|
929
934
|
}
|
|
930
|
-
|
|
935
|
+
D = S.sample(O);
|
|
931
936
|
const Q = T[T.length - 1];
|
|
932
|
-
Q.transformUniforms?.edges && (
|
|
937
|
+
Q.transformUniforms?.edges && (D = Re(O, D, S, Q.transformUniforms.edges));
|
|
933
938
|
}
|
|
934
939
|
} else {
|
|
935
940
|
u.cleanupCallbacks.forEach((A) => {
|
|
@@ -940,8 +945,8 @@ function cs() {
|
|
|
940
945
|
}
|
|
941
946
|
}), u.cleanupCallbacks = [], u.beforeRenderCallbacks = [], u.afterRenderCallbacks = [], u.resizeCallbacks = [];
|
|
942
947
|
const T = (A) => u.cleanupCallbacks.push(A), S = (A) => u.beforeRenderCallbacks.push(A), O = (A) => u.afterRenderCallbacks.push(A), Q = (A) => u.resizeCallbacks.push(A);
|
|
943
|
-
let J =
|
|
944
|
-
u.requiresRTT &&
|
|
948
|
+
let J = $;
|
|
949
|
+
u.requiresRTT && $ !== void 0 && (J = K(x(0, 0, 0, 0), $, "normal", 1)), D = se(le(u.fragmentNodeFunc({
|
|
945
950
|
uniforms: u.uniforms ?? {},
|
|
946
951
|
childNode: J,
|
|
947
952
|
onCleanup: T,
|
|
@@ -950,33 +955,33 @@ function cs() {
|
|
|
950
955
|
onResize: Q,
|
|
951
956
|
canvas: e,
|
|
952
957
|
dimensions: {
|
|
953
|
-
width:
|
|
954
|
-
height:
|
|
958
|
+
width: F,
|
|
959
|
+
height: E
|
|
955
960
|
},
|
|
956
961
|
renderer: n
|
|
957
962
|
}), u), u, u.id, t);
|
|
958
963
|
}
|
|
959
964
|
}
|
|
960
|
-
u.requiresChild && u.metadata.blendMode === "normal" && !c ?
|
|
965
|
+
u.requiresChild && u.metadata.blendMode === "normal" && !c ? $ = K(x(0, 0, 0, 0), D, "normal", u.opacityUniform) : $ === void 0 ? $ = K(x(1, 1, 1, 0), D, u.metadata.blendMode, u.opacityUniform) : $ = K($, D, u.metadata.blendMode, u.opacityUniform);
|
|
961
966
|
}
|
|
962
|
-
return console.log(`[Shaders Perf] Node processing: ${(performance.now() - M).toFixed(2)}ms`), console.log(`[Shaders Perf] TOTAL composeSiblingsWithUVContext: ${(performance.now() - l).toFixed(2)}ms`),
|
|
967
|
+
return console.log(`[Shaders Perf] Node processing: ${(performance.now() - M).toFixed(2)}ms`), console.log(`[Shaders Perf] TOTAL composeSiblingsWithUVContext: ${(performance.now() - l).toFixed(2)}ms`), $ ?? x(0, 0, 0, 0);
|
|
963
968
|
}, j = (s, t = /* @__PURE__ */ new Set(), o, l = !1) => {
|
|
964
|
-
if (
|
|
969
|
+
if (F === 0 || E === 0) return x(0, 0, 0, 0);
|
|
965
970
|
const f = h.nodes.get(s);
|
|
966
971
|
if (!f) return x(0, 0, 0, 0);
|
|
967
|
-
const b = (
|
|
968
|
-
f.cleanupCallbacks.push(
|
|
969
|
-
}, g = (
|
|
970
|
-
f.beforeRenderCallbacks.push(
|
|
971
|
-
},
|
|
972
|
-
f.afterRenderCallbacks.push(
|
|
973
|
-
}, M = (
|
|
974
|
-
f.resizeCallbacks.push(
|
|
975
|
-
},
|
|
976
|
-
if (
|
|
977
|
-
return f.requiresRTT && !te ? x(0, 0, 0, 0) : (f.cleanupCallbacks.forEach((
|
|
972
|
+
const b = (w) => {
|
|
973
|
+
f.cleanupCallbacks.push(w);
|
|
974
|
+
}, g = (w) => {
|
|
975
|
+
f.beforeRenderCallbacks.push(w);
|
|
976
|
+
}, k = (w) => {
|
|
977
|
+
f.afterRenderCallbacks.push(w);
|
|
978
|
+
}, M = (w) => {
|
|
979
|
+
f.resizeCallbacks.push(w);
|
|
980
|
+
}, $ = W(s);
|
|
981
|
+
if ($.length === 0)
|
|
982
|
+
return f.requiresRTT && !te ? x(0, 0, 0, 0) : (f.cleanupCallbacks.forEach((w) => {
|
|
978
983
|
try {
|
|
979
|
-
|
|
984
|
+
w();
|
|
980
985
|
} catch (u) {
|
|
981
986
|
console.error("Error in cleanup callback:", u);
|
|
982
987
|
}
|
|
@@ -985,24 +990,24 @@ function cs() {
|
|
|
985
990
|
childNode: void 0,
|
|
986
991
|
onCleanup: b,
|
|
987
992
|
onBeforeRender: g,
|
|
988
|
-
onAfterRender:
|
|
993
|
+
onAfterRender: k,
|
|
989
994
|
onResize: M,
|
|
990
995
|
canvas: e,
|
|
991
996
|
dimensions: {
|
|
992
|
-
width:
|
|
993
|
-
height:
|
|
997
|
+
width: F,
|
|
998
|
+
height: E
|
|
994
999
|
},
|
|
995
1000
|
renderer: n
|
|
996
1001
|
}), f), f, s, t));
|
|
997
1002
|
{
|
|
998
|
-
const
|
|
1003
|
+
const w = [...$].sort((u, v) => u.metadata.renderOrder - v.metadata.renderOrder);
|
|
999
1004
|
if (f.parentId === null) {
|
|
1000
|
-
if (!l && sn(
|
|
1005
|
+
if (!l && sn(w)) return se(le(an(w, t, o), f), f, s, t);
|
|
1001
1006
|
let u;
|
|
1002
|
-
for (let v = 0; v <
|
|
1003
|
-
const c =
|
|
1004
|
-
let
|
|
1005
|
-
if (c.metadata.opacity === void 0 ? (
|
|
1007
|
+
for (let v = 0; v < w.length; v++) {
|
|
1008
|
+
const c = w[v];
|
|
1009
|
+
let D;
|
|
1010
|
+
if (c.metadata.opacity === void 0 ? (D = 1, c.opacityUniform.value = D) : (D = c.metadata.opacity, c.opacityUniform.value = D), c.metadata.visible === !1) continue;
|
|
1006
1011
|
o && o.add(c.id);
|
|
1007
1012
|
const P = W(c.id).length > 0;
|
|
1008
1013
|
let T;
|
|
@@ -1014,7 +1019,7 @@ function cs() {
|
|
|
1014
1019
|
} else T = j(c.id, t, o);
|
|
1015
1020
|
else {
|
|
1016
1021
|
if (H(c) && c.requiresChild && u !== void 0) {
|
|
1017
|
-
const S = tn(
|
|
1022
|
+
const S = tn(w, v);
|
|
1018
1023
|
if (S.length > 1) {
|
|
1019
1024
|
T = on(S, u, o), v += S.length - 1, u = T;
|
|
1020
1025
|
continue;
|
|
@@ -1047,14 +1052,14 @@ function cs() {
|
|
|
1047
1052
|
onResize: J,
|
|
1048
1053
|
canvas: e,
|
|
1049
1054
|
dimensions: {
|
|
1050
|
-
width:
|
|
1051
|
-
height:
|
|
1055
|
+
width: F,
|
|
1056
|
+
height: E
|
|
1052
1057
|
},
|
|
1053
1058
|
renderer: n
|
|
1054
1059
|
}), c), c, c.id, t);
|
|
1055
1060
|
}
|
|
1056
1061
|
}
|
|
1057
|
-
c.requiresChild && c.metadata.blendMode === "normal" && !P ? u = K(x(0, 0, 0, 0), T, "normal", c.opacityUniform) : u === void 0 ? f.requiresRTT ||
|
|
1062
|
+
c.requiresChild && c.metadata.blendMode === "normal" && !P ? u = K(x(0, 0, 0, 0), T, "normal", c.opacityUniform) : u === void 0 ? f.requiresRTT || D !== 1 ? u = K(x(1, 1, 1, 0), T, c.metadata.blendMode, c.opacityUniform) : u = T : u = K(u, T, c.metadata.blendMode, c.opacityUniform);
|
|
1058
1063
|
}
|
|
1059
1064
|
return f.requiresRTT && !te ? x(0, 0, 0, 0) : (f.cleanupCallbacks.forEach((v) => {
|
|
1060
1065
|
try {
|
|
@@ -1067,38 +1072,38 @@ function cs() {
|
|
|
1067
1072
|
childNode: u,
|
|
1068
1073
|
onCleanup: b,
|
|
1069
1074
|
onBeforeRender: g,
|
|
1070
|
-
onAfterRender:
|
|
1075
|
+
onAfterRender: k,
|
|
1071
1076
|
onResize: M,
|
|
1072
1077
|
canvas: e,
|
|
1073
1078
|
dimensions: {
|
|
1074
|
-
width:
|
|
1075
|
-
height:
|
|
1079
|
+
width: F,
|
|
1080
|
+
height: E
|
|
1076
1081
|
},
|
|
1077
1082
|
renderer: n
|
|
1078
1083
|
}), f), f, s, t));
|
|
1079
1084
|
} else {
|
|
1080
|
-
if (!l && sn(
|
|
1081
|
-
const v = an(
|
|
1085
|
+
if (!l && sn(w)) {
|
|
1086
|
+
const v = an(w, t, o);
|
|
1082
1087
|
return se(le(f.fragmentNodeFunc({
|
|
1083
1088
|
uniforms: f.uniforms ?? {},
|
|
1084
1089
|
childNode: v,
|
|
1085
1090
|
onCleanup: b,
|
|
1086
1091
|
onBeforeRender: g,
|
|
1087
|
-
onAfterRender:
|
|
1092
|
+
onAfterRender: k,
|
|
1088
1093
|
onResize: M,
|
|
1089
1094
|
canvas: e,
|
|
1090
1095
|
dimensions: {
|
|
1091
|
-
width:
|
|
1092
|
-
height:
|
|
1096
|
+
width: F,
|
|
1097
|
+
height: E
|
|
1093
1098
|
},
|
|
1094
1099
|
renderer: n
|
|
1095
1100
|
}), f), f, s, t);
|
|
1096
1101
|
}
|
|
1097
1102
|
let u;
|
|
1098
|
-
for (let v = 0; v <
|
|
1099
|
-
const c =
|
|
1100
|
-
let
|
|
1101
|
-
if (c.metadata.opacity === void 0 ? (
|
|
1103
|
+
for (let v = 0; v < w.length; v++) {
|
|
1104
|
+
const c = w[v];
|
|
1105
|
+
let D;
|
|
1106
|
+
if (c.metadata.opacity === void 0 ? (D = 1, c.opacityUniform.value = D) : (D = c.metadata.opacity, c.opacityUniform.value = D), c.metadata.visible === !1) continue;
|
|
1102
1107
|
o && o.add(c.id);
|
|
1103
1108
|
const P = W(c.id).length > 0;
|
|
1104
1109
|
let T;
|
|
@@ -1110,7 +1115,7 @@ function cs() {
|
|
|
1110
1115
|
} else T = j(c.id, t, o);
|
|
1111
1116
|
else {
|
|
1112
1117
|
if (H(c) && c.requiresChild && u !== void 0) {
|
|
1113
|
-
const S = tn(
|
|
1118
|
+
const S = tn(w, v);
|
|
1114
1119
|
if (S.length > 1) {
|
|
1115
1120
|
T = on(S, u, o), v += S.length - 1, u = T;
|
|
1116
1121
|
continue;
|
|
@@ -1137,14 +1142,14 @@ function cs() {
|
|
|
1137
1142
|
onResize: J,
|
|
1138
1143
|
canvas: e,
|
|
1139
1144
|
dimensions: {
|
|
1140
|
-
width:
|
|
1141
|
-
height:
|
|
1145
|
+
width: F,
|
|
1146
|
+
height: E
|
|
1142
1147
|
},
|
|
1143
1148
|
renderer: n
|
|
1144
1149
|
}), c), c, c.id, t);
|
|
1145
1150
|
}
|
|
1146
1151
|
}
|
|
1147
|
-
c.requiresChild && c.metadata.blendMode === "normal" && !P ? u = K(x(0, 0, 0, 0), T, "normal", c.opacityUniform) : u === void 0 ? f.requiresRTT ||
|
|
1152
|
+
c.requiresChild && c.metadata.blendMode === "normal" && !P ? u = K(x(0, 0, 0, 0), T, "normal", c.opacityUniform) : u === void 0 ? f.requiresRTT || D !== 1 ? u = K(x(1, 1, 1, 0), T, c.metadata.blendMode, c.opacityUniform) : u = T : u = K(u, T, c.metadata.blendMode, c.opacityUniform);
|
|
1148
1153
|
}
|
|
1149
1154
|
return f.requiresRTT && !te ? x(0, 0, 0, 0) : (f.cleanupCallbacks.forEach((v) => {
|
|
1150
1155
|
try {
|
|
@@ -1157,12 +1162,12 @@ function cs() {
|
|
|
1157
1162
|
childNode: u,
|
|
1158
1163
|
onCleanup: b,
|
|
1159
1164
|
onBeforeRender: g,
|
|
1160
|
-
onAfterRender:
|
|
1165
|
+
onAfterRender: k,
|
|
1161
1166
|
onResize: M,
|
|
1162
1167
|
canvas: e,
|
|
1163
1168
|
dimensions: {
|
|
1164
|
-
width:
|
|
1165
|
-
height:
|
|
1169
|
+
width: F,
|
|
1170
|
+
height: E
|
|
1166
1171
|
},
|
|
1167
1172
|
renderer: n
|
|
1168
1173
|
}), f), f, s, t));
|
|
@@ -1203,16 +1208,16 @@ function cs() {
|
|
|
1203
1208
|
if (u && u.size > 0) {
|
|
1204
1209
|
let v = 0;
|
|
1205
1210
|
for (const c of u) {
|
|
1206
|
-
const
|
|
1207
|
-
|
|
1211
|
+
const D = h.nodes.get(c);
|
|
1212
|
+
D && D.metadata.renderOrder > v && (v = D.metadata.renderOrder);
|
|
1208
1213
|
}
|
|
1209
1214
|
g = v + 1;
|
|
1210
1215
|
}
|
|
1211
1216
|
}
|
|
1212
|
-
const
|
|
1217
|
+
const k = G(l?.opacity !== void 0 ? l.opacity : 1);
|
|
1213
1218
|
let M;
|
|
1214
1219
|
if (l?.transform) {
|
|
1215
|
-
const u =
|
|
1220
|
+
const u = F / Math.max(1, E);
|
|
1216
1221
|
M = {
|
|
1217
1222
|
offsetX: G(l.transform.offsetX),
|
|
1218
1223
|
offsetY: G(l.transform.offsetY),
|
|
@@ -1224,14 +1229,14 @@ function cs() {
|
|
|
1224
1229
|
aspectRatio: G(u)
|
|
1225
1230
|
};
|
|
1226
1231
|
}
|
|
1227
|
-
const
|
|
1232
|
+
const $ = {
|
|
1228
1233
|
id: s,
|
|
1229
1234
|
componentName: b?.name || "Unknown",
|
|
1230
1235
|
fragmentNodeFunc: t,
|
|
1231
1236
|
parentId: o,
|
|
1232
1237
|
requiresRTT: b?.requiresRTT || !1,
|
|
1233
1238
|
requiresChild: b?.requiresChild || !1,
|
|
1234
|
-
opacityUniform:
|
|
1239
|
+
opacityUniform: k,
|
|
1235
1240
|
metadata: {
|
|
1236
1241
|
blendMode: l?.blendMode || "normal",
|
|
1237
1242
|
opacity: l?.opacity,
|
|
@@ -1251,12 +1256,12 @@ function cs() {
|
|
|
1251
1256
|
uvTransformFunc: b?.uvTransformNode,
|
|
1252
1257
|
acceptsUVContext: b?.acceptsUVContext || !1
|
|
1253
1258
|
};
|
|
1254
|
-
h.nodes.set(s,
|
|
1255
|
-
const
|
|
1256
|
-
|
|
1257
|
-
ge = null,
|
|
1259
|
+
h.nodes.set(s, $), o === null && (h.rootId = s);
|
|
1260
|
+
const w = d.get(o) || /* @__PURE__ */ new Set();
|
|
1261
|
+
w.add(s), d.set(o, w), p && B && F > 0 && E > 0 ? (Oe.includes(s) || Oe.push(s), ge === null && (ge = requestAnimationFrame(() => {
|
|
1262
|
+
ge = null, Oe = [], he();
|
|
1258
1263
|
}))) : p && B && (ve || (ve = !0, requestAnimationFrame(() => {
|
|
1259
|
-
ve = !1,
|
|
1264
|
+
ve = !1, F > 0 && E > 0 && he();
|
|
1260
1265
|
})));
|
|
1261
1266
|
}, zn = (s, t, o) => {
|
|
1262
1267
|
const l = h.nodes.get(s);
|
|
@@ -1278,7 +1283,7 @@ function cs() {
|
|
|
1278
1283
|
if (o.metadata.visible !== f && (o.metadata.visible = f, l = !0), t.id !== void 0 && o.metadata.id !== t.id && (o.metadata.id = t.id, l = !0), t.mask !== void 0 && (o.metadata.mask?.source !== t.mask?.source || o.metadata.mask?.type !== t.mask?.type) && (o.metadata.mask = t.mask, l = !0), t.transform !== void 0) {
|
|
1279
1284
|
const b = o.metadata.transform ? fe(o.metadata.transform) : !1, g = fe(t.transform);
|
|
1280
1285
|
if (o.metadata.transform = t.transform, !o.transformUniforms && t.transform) {
|
|
1281
|
-
const
|
|
1286
|
+
const k = F / Math.max(1, E);
|
|
1282
1287
|
o.transformUniforms = {
|
|
1283
1288
|
offsetX: G(t.transform.offsetX),
|
|
1284
1289
|
offsetY: G(t.transform.offsetY),
|
|
@@ -1287,13 +1292,13 @@ function cs() {
|
|
|
1287
1292
|
anchorX: G(t.transform.anchorX),
|
|
1288
1293
|
anchorY: G(t.transform.anchorY),
|
|
1289
1294
|
edges: G(t.transform.edges === "stretch" ? 0 : t.transform.edges === "transparent" ? 1 : t.transform.edges === "mirror" ? 2 : 3),
|
|
1290
|
-
aspectRatio: G(
|
|
1295
|
+
aspectRatio: G(k)
|
|
1291
1296
|
};
|
|
1292
1297
|
} else o.transformUniforms && (o.transformUniforms.offsetX.value = t.transform.offsetX, o.transformUniforms.offsetY.value = t.transform.offsetY, o.transformUniforms.rotation.value = t.transform.rotation, o.transformUniforms.scale.value = t.transform.scale, o.transformUniforms.anchorX.value = t.transform.anchorX, o.transformUniforms.anchorY.value = t.transform.anchorY, o.transformUniforms.edges.value = t.transform.edges === "stretch" ? 0 : t.transform.edges === "transparent" ? 1 : t.transform.edges === "mirror" ? 2 : 3);
|
|
1293
1298
|
g && !o.transformRTTActive && (o.transformRTTActive = !0, l = !0), !b && g && !o.transformRTTActive && (l = !0);
|
|
1294
1299
|
}
|
|
1295
|
-
l && p && B ? (
|
|
1296
|
-
be = null,
|
|
1300
|
+
l && p && B ? (Be.includes(s) || Be.push(s), be === null && (be = requestAnimationFrame(() => {
|
|
1301
|
+
be = null, Be = [], he();
|
|
1297
1302
|
}))) : N && re();
|
|
1298
1303
|
}, We = (s) => {
|
|
1299
1304
|
if (!h.nodes.has(s)) return;
|
|
@@ -1314,13 +1319,13 @@ function cs() {
|
|
|
1314
1319
|
const t = {
|
|
1315
1320
|
deltaTime: s,
|
|
1316
1321
|
pointer: {
|
|
1317
|
-
x:
|
|
1318
|
-
y:
|
|
1322
|
+
x: De,
|
|
1323
|
+
y: ze
|
|
1319
1324
|
},
|
|
1320
1325
|
pointerActive: ue,
|
|
1321
1326
|
dimensions: {
|
|
1322
|
-
width:
|
|
1323
|
-
height:
|
|
1327
|
+
width: F,
|
|
1328
|
+
height: E
|
|
1324
1329
|
}
|
|
1325
1330
|
};
|
|
1326
1331
|
for (const o of h.nodes.values()) if (o.beforeRenderCallbacks.length > 0) for (const l of o.beforeRenderCallbacks) try {
|
|
@@ -1332,13 +1337,13 @@ function cs() {
|
|
|
1332
1337
|
const t = {
|
|
1333
1338
|
deltaTime: s,
|
|
1334
1339
|
pointer: {
|
|
1335
|
-
x:
|
|
1336
|
-
y:
|
|
1340
|
+
x: De,
|
|
1341
|
+
y: ze
|
|
1337
1342
|
},
|
|
1338
1343
|
pointerActive: ue,
|
|
1339
1344
|
dimensions: {
|
|
1340
|
-
width:
|
|
1341
|
-
height:
|
|
1345
|
+
width: F,
|
|
1346
|
+
height: E
|
|
1342
1347
|
}
|
|
1343
1348
|
};
|
|
1344
1349
|
for (const o of h.nodes.values()) if (o.afterRenderCallbacks.length > 0) for (const l of o.afterRenderCallbacks) try {
|
|
@@ -1351,7 +1356,7 @@ function cs() {
|
|
|
1351
1356
|
const s = de ? performance.now() : 0, t = s || performance.now(), o = qe > 0 ? (t - qe) / 1e3 : 0.016, l = Math.min(o, 0.1);
|
|
1352
1357
|
qe = t, de && performance.mark("shader-cpu-start"), En(l);
|
|
1353
1358
|
try {
|
|
1354
|
-
if (
|
|
1359
|
+
if (Fe) return;
|
|
1355
1360
|
de && performance.mark("shader-gpu-start");
|
|
1356
1361
|
const f = performance.now();
|
|
1357
1362
|
n.render(r, a);
|
|
@@ -1360,9 +1365,9 @@ function cs() {
|
|
|
1360
1365
|
if (performance.mark("shader-gpu-end"), n instanceof Je) try {
|
|
1361
1366
|
const g = n.backend;
|
|
1362
1367
|
if (g && g.get && g.get(n)) {
|
|
1363
|
-
const
|
|
1364
|
-
if (
|
|
1365
|
-
const M =
|
|
1368
|
+
const k = g.get(n);
|
|
1369
|
+
if (k?.timestampQuery) {
|
|
1370
|
+
const M = k.timestampQuery.getResult();
|
|
1366
1371
|
M != null && ie.recordGpuTime(M / 1e6);
|
|
1367
1372
|
}
|
|
1368
1373
|
}
|
|
@@ -1379,8 +1384,8 @@ function cs() {
|
|
|
1379
1384
|
performance.mark("shader-cpu-end");
|
|
1380
1385
|
try {
|
|
1381
1386
|
performance.measure("shader-cpu-time", "shader-cpu-start", "shader-cpu-end");
|
|
1382
|
-
const
|
|
1383
|
-
|
|
1387
|
+
const k = performance.getEntriesByName("shader-cpu-time")[0];
|
|
1388
|
+
k && ie.recordCpuTime(k.duration), performance.clearMarks("shader-cpu-start"), performance.clearMarks("shader-cpu-end"), performance.clearMeasures("shader-cpu-time");
|
|
1384
1389
|
} catch {
|
|
1385
1390
|
}
|
|
1386
1391
|
const g = performance.now() - s;
|
|
@@ -1390,7 +1395,7 @@ function cs() {
|
|
|
1390
1395
|
console.error("Render frame error:", f);
|
|
1391
1396
|
}
|
|
1392
1397
|
}, Bn = () => {
|
|
1393
|
-
const s = Math.max(0, h.nodes.size - 1), t =
|
|
1398
|
+
const s = Math.max(0, h.nodes.size - 1), t = Pe;
|
|
1394
1399
|
ie.updateNodeCounts(s, t);
|
|
1395
1400
|
}, Pn = () => {
|
|
1396
1401
|
Bn();
|
|
@@ -1414,7 +1419,7 @@ function cs() {
|
|
|
1414
1419
|
} else
|
|
1415
1420
|
t = s.clientX, o = s.clientY;
|
|
1416
1421
|
const l = e.getBoundingClientRect(), f = (t - l.left) / l.width, b = (o - l.top) / l.height;
|
|
1417
|
-
|
|
1422
|
+
De = f, ze = b;
|
|
1418
1423
|
}, _n = (s) => {
|
|
1419
1424
|
!B || !e || cn(s);
|
|
1420
1425
|
}, Vn = (s) => {
|
|
@@ -1437,7 +1442,7 @@ function cs() {
|
|
|
1437
1442
|
de = t, ne = !0, I = new AbortController();
|
|
1438
1443
|
const o = I;
|
|
1439
1444
|
try {
|
|
1440
|
-
if (e = s, r = new Jn(), r.background = null, a = new Yn(-1, 1, 1, -1, 0.1, 10), a.position.z = 1, a.lookAt(0, 0, 0),
|
|
1445
|
+
if (e = s, r = new Jn(), r.background = null, a = new Yn(-1, 1, 1, -1, 0.1, 10), a.position.z = 1, a.lookAt(0, 0, 0), Ee = Xt.register({
|
|
1441
1446
|
onMouseMove: _n,
|
|
1442
1447
|
onTouchMove: Vn,
|
|
1443
1448
|
onMouseUp: Ln,
|
|
@@ -1446,17 +1451,17 @@ function cs() {
|
|
|
1446
1451
|
un();
|
|
1447
1452
|
}, window.addEventListener("beforeunload", Te), o.signal.aborted) return;
|
|
1448
1453
|
try {
|
|
1449
|
-
const
|
|
1454
|
+
const $ = {
|
|
1450
1455
|
canvas: s,
|
|
1451
1456
|
antialias: !0,
|
|
1452
1457
|
alpha: !0,
|
|
1453
1458
|
depth: !1,
|
|
1454
1459
|
powerPreference: "high-performance"
|
|
1455
1460
|
};
|
|
1456
|
-
if (de && (
|
|
1457
|
-
} catch (
|
|
1461
|
+
if (de && ($.forceWebGL = !1, $.requiredFeatures = ["timestamp-query"]), n = new Je($), await n.init(), o.signal.aborted) return;
|
|
1462
|
+
} catch ($) {
|
|
1458
1463
|
if (o.signal.aborted) return;
|
|
1459
|
-
console.warn("[Shaders] WebGPU initialization failed, falling back to WebGL:",
|
|
1464
|
+
console.warn("[Shaders] WebGPU initialization failed, falling back to WebGL:", $);
|
|
1460
1465
|
try {
|
|
1461
1466
|
if (n = new st({
|
|
1462
1467
|
canvas: s,
|
|
@@ -1465,9 +1470,9 @@ function cs() {
|
|
|
1465
1470
|
depth: !1,
|
|
1466
1471
|
powerPreference: "high-performance"
|
|
1467
1472
|
}), o.signal.aborted) return;
|
|
1468
|
-
} catch (
|
|
1473
|
+
} catch (w) {
|
|
1469
1474
|
if (o.signal.aborted) return;
|
|
1470
|
-
console.error("[Shaders] Both WebGPU and WebGL initialization failed:",
|
|
1475
|
+
console.error("[Shaders] Both WebGPU and WebGL initialization failed:", w);
|
|
1471
1476
|
return;
|
|
1472
1477
|
}
|
|
1473
1478
|
}
|
|
@@ -1481,8 +1486,8 @@ function cs() {
|
|
|
1481
1486
|
U = new ResizeObserver(xn), U.observe(l), V = new IntersectionObserver(Mn, { threshold: 0 }), V.observe(s);
|
|
1482
1487
|
const f = s.getBoundingClientRect();
|
|
1483
1488
|
N = f.width > 0 && f.height > 0 && f.top < window.innerHeight && f.bottom > 0 && f.left < window.innerWidth && f.right > 0, te = N && f.width > 0 && f.height > 0, ae = !0;
|
|
1484
|
-
const { width: b, height: g } = s.getBoundingClientRect(),
|
|
1485
|
-
|
|
1489
|
+
const { width: b, height: g } = s.getBoundingClientRect(), k = Math.round(b), M = Math.round(g);
|
|
1490
|
+
k > 0 && M > 0 ? (Xe(k, M), Y = !0, await re()) : Y = !1, ae && N && je(), o.signal.aborted || (B = !0, Ge = !0, Gn());
|
|
1486
1491
|
} catch (l) {
|
|
1487
1492
|
console.error("[Shaders] Initialization error:", l);
|
|
1488
1493
|
} finally {
|
|
@@ -1491,12 +1496,12 @@ function cs() {
|
|
|
1491
1496
|
}, Xn = () => {
|
|
1492
1497
|
!Yt() || Tn || (console.warn("Shaders is running in development mode. Please purchase a license at https://shaders.com to use it in production."), Tn = !0);
|
|
1493
1498
|
}, un = () => {
|
|
1494
|
-
if (I && I.abort(), U && (U.disconnect(), U = null), V && (V.disconnect(), V = null),
|
|
1499
|
+
if (I && I.abort(), U && (U.disconnect(), U = null), V && (V.disconnect(), V = null), Ee && (Ee(), Ee = null), e && (e.removeEventListener("mousedown", fn), e.removeEventListener("touchstart", mn)), Te && (window.removeEventListener("beforeunload", Te), Te = null), Qe(), rn(), ke.forEach((s) => {
|
|
1495
1500
|
try {
|
|
1496
1501
|
s?.renderTarget?.dispose && s.renderTarget.dispose();
|
|
1497
1502
|
} catch {
|
|
1498
1503
|
}
|
|
1499
|
-
}), ke.clear(), h.nodes.clear(), h.rootId = null, h.idToNodeId.clear(), d.clear(), oe = [], Ge = !1,
|
|
1504
|
+
}), ke.clear(), h.nodes.clear(), h.rootId = null, h.idToNodeId.clear(), d.clear(), oe = [], Ge = !1, Oe = [], ge !== null && (cancelAnimationFrame(ge), ge = null), Be = [], be !== null && (cancelAnimationFrame(be), be = null), we = null, _e = !1, m) {
|
|
1500
1505
|
r && r.remove(m);
|
|
1501
1506
|
try {
|
|
1502
1507
|
m.geometry && typeof m.geometry.dispose == "function" && m.geometry.dispose();
|
|
@@ -1511,7 +1516,7 @@ function cs() {
|
|
|
1511
1516
|
n.dispose();
|
|
1512
1517
|
} catch {
|
|
1513
1518
|
}
|
|
1514
|
-
e = null, n = null, a = null, r = null, m = null, p = null, B = !1, ne = !1, Y = !1, I = null,
|
|
1519
|
+
e = null, n = null, a = null, r = null, m = null, p = null, B = !1, ne = !1, Y = !1, I = null, F = 0, E = 0, N = !1, ae = !0, De = 0.5, ze = 0.5, ue = !1;
|
|
1515
1520
|
};
|
|
1516
1521
|
return {
|
|
1517
1522
|
initialize: Nn,
|
|
@@ -1564,21 +1569,21 @@ function It(e, n) {
|
|
|
1564
1569
|
for (const d of h) !r.has(d) && !e.has(d) && a.push(d);
|
|
1565
1570
|
return a.reverse();
|
|
1566
1571
|
}
|
|
1567
|
-
|
|
1572
|
+
z();
|
|
1568
1573
|
var { vec2: Ht, fract: Wt, sin: jt, dot: Qt } = pe;
|
|
1569
1574
|
const Jt = (e) => Wt(jt(Qt(e, Ht(12.12345, 78.12345))).mul(40000.12345)), ms = (e = 0.03) => (n) => Jt(n).mul(e).mul(0.10012345);
|
|
1570
|
-
|
|
1575
|
+
z();
|
|
1571
1576
|
var { vec2: Kt } = pe;
|
|
1572
1577
|
const us = (e = Kt(0), n = 0.02, a = 1, r = 1) => {
|
|
1573
1578
|
const { vec2: m, sin: p, cos: h, time: d } = pe, R = r * 1.618033988749895, U = r * 2.718281828459045, V = (Math.sin(r) + 2) * 5, B = (Math.cos(r) + 2) * 5, ne = m(p(e.x.mul(a).mul(V).add(d.mul(0.1)).add(R)), h(e.y.mul(a).mul(V).add(d.mul(0.1)).add(U))), Y = m(p(e.y.mul(a).mul(B).add(d.mul(0.05)).add(U)), h(e.x.mul(a).mul(B).add(d.mul(0.05)).add(R))), I = ne.add(Y).mul(n);
|
|
1574
1579
|
return e.add(I);
|
|
1575
1580
|
};
|
|
1576
|
-
|
|
1581
|
+
z();
|
|
1577
1582
|
const ds = (e, n, a = 0.6, r = 0.3, m = 1) => {
|
|
1578
1583
|
const { max: p, smoothstep: h, vec4: d } = pe, R = p(p(e.r, e.g), e.b), U = h(a, a + r, R).mul(m).mul(1);
|
|
1579
1584
|
return d(e.rgb.add(n.rgb.mul(U)), e.a);
|
|
1580
1585
|
};
|
|
1581
|
-
|
|
1586
|
+
z();
|
|
1582
1587
|
const hs = (e = {}) => {
|
|
1583
1588
|
const { inset: n = 0.4, softness: a = 0.5, offsetX: r = 0, offsetY: m = 0 } = e, { float: p, smoothstep: h, uv: d } = pe, R = d(), U = R.x.sub(0.5).sub(p(r)).mul(2), V = R.y.sub(0.5).add(p(m)).mul(2), B = U.mul(U).add(V.mul(V)).sqrt();
|
|
1584
1589
|
return p(1).sub(h(p(1).sub(p(n)), p(1).sub(p(n)).add(p(a)), B.mul(p(1).add(p(a)))));
|