shaders 2.5.98 → 2.5.100
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/{FilmGrain-Ph73aoC_.js → FilmGrain-h6MdbEev.js} +1 -1
- package/dist/core/{Glass-DDBKYclp.js → Glass-C04tCmBL.js} +11 -11
- package/dist/core/index.js +3 -3
- package/dist/core/registry.js +3 -3
- package/dist/core/{shaderRegistry-B_84rvO8.js → shaderRegistry-B3aS8hhe.js} +2 -2
- package/dist/core/shaders/FilmGrain/index.js +1 -1
- package/dist/core/shaders/Glass/index.d.ts +0 -11
- package/dist/core/shaders/Glass/index.js +1 -1
- package/dist/js/createShader.js +1 -1
- package/dist/react/Shader.js +1 -1
- package/dist/react/components/Glass.d.ts +12 -1
- package/dist/react/components/Glass.d.ts.map +1 -1
- package/dist/registry.js +90 -24
- package/dist/solid/components/Glass.d.ts +12 -1
- package/dist/solid/components/Glass.d.ts.map +1 -1
- package/dist/solid/engine/Shader.js +1 -1
- package/dist/svelte/components/Glass.svelte.d.ts +11 -0
- package/dist/svelte/index.js +1 -1
- package/dist/svelte/source/components/Glass.svelte +11 -0
- package/dist/vue/Glass.vue_vue_type_script_setup_true_lang.js +11 -11
- package/dist/vue/Shader.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/vue/components/Glass.vue.d.ts +11 -0
- package/dist/vue/components/Glass.vue.d.ts.map +1 -1
- package/package.json +2 -2
|
@@ -158,7 +158,7 @@ const componentDefinition = {
|
|
|
158
158
|
default: 1,
|
|
159
159
|
description: "Scale of the glass shape (1 = default size)",
|
|
160
160
|
ui: {
|
|
161
|
-
type: "range",
|
|
161
|
+
type: ["range", "map"],
|
|
162
162
|
min: .1,
|
|
163
163
|
max: 3,
|
|
164
164
|
step: .05,
|
|
@@ -180,7 +180,7 @@ const componentDefinition = {
|
|
|
180
180
|
default: 1,
|
|
181
181
|
description: "Lens refraction — how aggressively the edges warp content beneath (0 = none, 1 = max)",
|
|
182
182
|
ui: {
|
|
183
|
-
type: "range",
|
|
183
|
+
type: ["range", "map"],
|
|
184
184
|
min: 0,
|
|
185
185
|
max: 2,
|
|
186
186
|
step: .01,
|
|
@@ -192,7 +192,7 @@ const componentDefinition = {
|
|
|
192
192
|
default: .1,
|
|
193
193
|
description: "Edge softness — higher values give a wider, softer fade at the glass boundary",
|
|
194
194
|
ui: {
|
|
195
|
-
type: "range",
|
|
195
|
+
type: ["range", "map"],
|
|
196
196
|
min: 0,
|
|
197
197
|
max: 1,
|
|
198
198
|
step: .05,
|
|
@@ -218,7 +218,7 @@ const componentDefinition = {
|
|
|
218
218
|
transform: (v) => v * .5,
|
|
219
219
|
description: "Glass depth — how far inward from the edge the refraction extends",
|
|
220
220
|
ui: {
|
|
221
|
-
type: "range",
|
|
221
|
+
type: ["range", "map"],
|
|
222
222
|
min: 0,
|
|
223
223
|
max: 1,
|
|
224
224
|
step: .01,
|
|
@@ -231,7 +231,7 @@ const componentDefinition = {
|
|
|
231
231
|
compileTimeWhen: (prev, next) => prev > 0 !== next > 0,
|
|
232
232
|
description: "Chromatic aberration — splits RGB channels along the refraction vector",
|
|
233
233
|
ui: {
|
|
234
|
-
type: "range",
|
|
234
|
+
type: ["range", "map"],
|
|
235
235
|
min: 0,
|
|
236
236
|
max: 1,
|
|
237
237
|
step: .01,
|
|
@@ -243,7 +243,7 @@ const componentDefinition = {
|
|
|
243
243
|
default: 1,
|
|
244
244
|
description: "Inner zoom level — magnifies content seen through the glass",
|
|
245
245
|
ui: {
|
|
246
|
-
type: "range",
|
|
246
|
+
type: ["range", "map"],
|
|
247
247
|
min: .5,
|
|
248
248
|
max: 3,
|
|
249
249
|
step: .05,
|
|
@@ -267,7 +267,7 @@ const componentDefinition = {
|
|
|
267
267
|
default: .05,
|
|
268
268
|
description: "Directional edge highlight — bright rim on the light-facing boundary",
|
|
269
269
|
ui: {
|
|
270
|
-
type: "range",
|
|
270
|
+
type: ["range", "map"],
|
|
271
271
|
min: 0,
|
|
272
272
|
max: 2,
|
|
273
273
|
step: .05,
|
|
@@ -289,7 +289,7 @@ const componentDefinition = {
|
|
|
289
289
|
default: .5,
|
|
290
290
|
description: "Specular highlight softness",
|
|
291
291
|
ui: {
|
|
292
|
-
type: "range",
|
|
292
|
+
type: ["range", "map"],
|
|
293
293
|
min: 0,
|
|
294
294
|
max: 1,
|
|
295
295
|
step: .01,
|
|
@@ -301,7 +301,7 @@ const componentDefinition = {
|
|
|
301
301
|
default: .1,
|
|
302
302
|
description: "Fresnel rim glow — a soft luminous halo around the glass boundary",
|
|
303
303
|
ui: {
|
|
304
|
-
type: "range",
|
|
304
|
+
type: ["range", "map"],
|
|
305
305
|
min: 0,
|
|
306
306
|
max: 1,
|
|
307
307
|
step: .01,
|
|
@@ -313,7 +313,7 @@ const componentDefinition = {
|
|
|
313
313
|
default: .1,
|
|
314
314
|
description: "Fresnel rim width — higher values spread the glow further inward",
|
|
315
315
|
ui: {
|
|
316
|
-
type: "range",
|
|
316
|
+
type: ["range", "map"],
|
|
317
317
|
min: 0,
|
|
318
318
|
max: 1,
|
|
319
319
|
step: .01,
|
|
@@ -345,7 +345,7 @@ const componentDefinition = {
|
|
|
345
345
|
default: 0,
|
|
346
346
|
description: "Intensity of the color tint applied to the glass interior",
|
|
347
347
|
ui: {
|
|
348
|
-
type: "range",
|
|
348
|
+
type: ["range", "map"],
|
|
349
349
|
min: 0,
|
|
350
350
|
max: 1,
|
|
351
351
|
step: .01,
|
package/dist/core/index.js
CHANGED
|
@@ -37,13 +37,13 @@ import "./Duotone-Bl02WcA2.js";
|
|
|
37
37
|
import "./Ellipse-CXxGqTYI.js";
|
|
38
38
|
import "./Emboss-ClQV27Mt.js";
|
|
39
39
|
import "./FallingLines-CArEXajJ.js";
|
|
40
|
-
import "./FilmGrain-
|
|
40
|
+
import "./FilmGrain-h6MdbEev.js";
|
|
41
41
|
import "./FloatingParticles-BtwGRl_d.js";
|
|
42
42
|
import "./Flower-MAwlZEv8.js";
|
|
43
43
|
import "./FlowField-RyqiRxyI.js";
|
|
44
44
|
import "./FlowingGradient-C0Zoyfd6.js";
|
|
45
45
|
import "./Form3D-rKpxb9t3.js";
|
|
46
|
-
import "./Glass-
|
|
46
|
+
import "./Glass-C04tCmBL.js";
|
|
47
47
|
import "./GlassTiles-k1C4a4u8.js";
|
|
48
48
|
import "./Glitch-DzPMkBu4.js";
|
|
49
49
|
import "./Glow-BwaPYDRZ.js";
|
|
@@ -109,7 +109,7 @@ import "./WaveDistortion-BKma8-Ju.js";
|
|
|
109
109
|
import "./Weave-xuu_vQ5e.js";
|
|
110
110
|
import "./WebcamTexture-Cf8J7JB1.js";
|
|
111
111
|
import "./ZoomBlur-UcS2iFT2.js";
|
|
112
|
-
import { t as getAllShaders } from "./shaderRegistry-
|
|
112
|
+
import { t as getAllShaders } from "./shaderRegistry-B3aS8hhe.js";
|
|
113
113
|
import { Material, Mesh, MeshBasicNodeMaterial, OrthographicCamera, PlaneGeometry, SRGBColorSpace, Scene, Vector2, WebGPURenderer } from "three/webgpu";
|
|
114
114
|
import { WebGLRenderer } from "three";
|
|
115
115
|
import { PI, abs, add, atan, clamp, convertToTexture, cos, div, dot, float, fract, max, min, mix, mul, pow, screenUV, sign, sin, smoothstep, sqrt, step, sub, time, uniform, uv, vec2, vec3, vec4 } from "three/tsl";
|
package/dist/core/registry.js
CHANGED
|
@@ -37,13 +37,13 @@ import "./Duotone-Bl02WcA2.js";
|
|
|
37
37
|
import "./Ellipse-CXxGqTYI.js";
|
|
38
38
|
import "./Emboss-ClQV27Mt.js";
|
|
39
39
|
import "./FallingLines-CArEXajJ.js";
|
|
40
|
-
import "./FilmGrain-
|
|
40
|
+
import "./FilmGrain-h6MdbEev.js";
|
|
41
41
|
import "./FloatingParticles-BtwGRl_d.js";
|
|
42
42
|
import "./Flower-MAwlZEv8.js";
|
|
43
43
|
import "./FlowField-RyqiRxyI.js";
|
|
44
44
|
import "./FlowingGradient-C0Zoyfd6.js";
|
|
45
45
|
import "./Form3D-rKpxb9t3.js";
|
|
46
|
-
import "./Glass-
|
|
46
|
+
import "./Glass-C04tCmBL.js";
|
|
47
47
|
import "./GlassTiles-k1C4a4u8.js";
|
|
48
48
|
import "./Glitch-DzPMkBu4.js";
|
|
49
49
|
import "./Glow-BwaPYDRZ.js";
|
|
@@ -109,5 +109,5 @@ import "./WaveDistortion-BKma8-Ju.js";
|
|
|
109
109
|
import "./Weave-xuu_vQ5e.js";
|
|
110
110
|
import "./WebcamTexture-Cf8J7JB1.js";
|
|
111
111
|
import "./ZoomBlur-UcS2iFT2.js";
|
|
112
|
-
import { a as shaderRegistry, i as getShadersByCategory, n as getShaderByName, r as getShaderCategories, t as getAllShaders } from "./shaderRegistry-
|
|
112
|
+
import { a as shaderRegistry, i as getShadersByCategory, n as getShaderByName, r as getShaderCategories, t as getAllShaders } from "./shaderRegistry-B3aS8hhe.js";
|
|
113
113
|
export { getAllShaders, getShaderByName, getShaderCategories, getShadersByCategory, shaderRegistry };
|
|
@@ -30,13 +30,13 @@ import { n as componentDefinition$28 } from "./Duotone-Bl02WcA2.js";
|
|
|
30
30
|
import { n as componentDefinition$29 } from "./Ellipse-CXxGqTYI.js";
|
|
31
31
|
import { n as componentDefinition$30 } from "./Emboss-ClQV27Mt.js";
|
|
32
32
|
import { n as componentDefinition$31 } from "./FallingLines-CArEXajJ.js";
|
|
33
|
-
import { n as componentDefinition$32 } from "./FilmGrain-
|
|
33
|
+
import { n as componentDefinition$32 } from "./FilmGrain-h6MdbEev.js";
|
|
34
34
|
import { n as componentDefinition$33 } from "./FloatingParticles-BtwGRl_d.js";
|
|
35
35
|
import { n as componentDefinition$34 } from "./Flower-MAwlZEv8.js";
|
|
36
36
|
import { n as componentDefinition$35 } from "./FlowField-RyqiRxyI.js";
|
|
37
37
|
import { n as componentDefinition$36 } from "./FlowingGradient-C0Zoyfd6.js";
|
|
38
38
|
import { n as componentDefinition$37 } from "./Form3D-rKpxb9t3.js";
|
|
39
|
-
import { n as componentDefinition$38 } from "./Glass-
|
|
39
|
+
import { n as componentDefinition$38 } from "./Glass-C04tCmBL.js";
|
|
40
40
|
import { n as componentDefinition$39 } from "./GlassTiles-k1C4a4u8.js";
|
|
41
41
|
import { n as componentDefinition$40 } from "./Glitch-DzPMkBu4.js";
|
|
42
42
|
import { n as componentDefinition$41 } from "./Glow-BwaPYDRZ.js";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as componentDefinition, t as FilmGrain_default } from "../../FilmGrain-
|
|
1
|
+
import { n as componentDefinition, t as FilmGrain_default } from "../../FilmGrain-h6MdbEev.js";
|
|
2
2
|
export { componentDefinition, FilmGrain_default as default };
|
|
@@ -12,21 +12,18 @@ export interface ComponentProps {
|
|
|
12
12
|
/**
|
|
13
13
|
* Scale of the glass shape (1 = default size)
|
|
14
14
|
*
|
|
15
|
-
* Accepts a number between 0.1 and 3.
|
|
16
15
|
* @default 1
|
|
17
16
|
*/
|
|
18
17
|
scale: number;
|
|
19
18
|
/**
|
|
20
19
|
* Lens refraction — how aggressively the edges warp content beneath (0 = none, 1 = max)
|
|
21
20
|
*
|
|
22
|
-
* Accepts a number between 0 and 2.
|
|
23
21
|
* @default 1
|
|
24
22
|
*/
|
|
25
23
|
refraction: number;
|
|
26
24
|
/**
|
|
27
25
|
* Edge softness — higher values give a wider, softer fade at the glass boundary
|
|
28
26
|
*
|
|
29
|
-
* Accepts a number between 0 and 1.
|
|
30
27
|
* @default 0.1
|
|
31
28
|
*/
|
|
32
29
|
edgeSoftness: number;
|
|
@@ -40,14 +37,12 @@ export interface ComponentProps {
|
|
|
40
37
|
/**
|
|
41
38
|
* Glass depth — how far inward from the edge the refraction extends
|
|
42
39
|
*
|
|
43
|
-
* Accepts a number between 0 and 1.
|
|
44
40
|
* @default 0.2
|
|
45
41
|
*/
|
|
46
42
|
thickness: number;
|
|
47
43
|
/**
|
|
48
44
|
* Chromatic aberration — splits RGB channels along the refraction vector
|
|
49
45
|
*
|
|
50
|
-
* Accepts a number between 0 and 1.
|
|
51
46
|
* @default 0.5
|
|
52
47
|
*/
|
|
53
48
|
aberration: number;
|
|
@@ -61,14 +56,12 @@ export interface ComponentProps {
|
|
|
61
56
|
/**
|
|
62
57
|
* Directional edge highlight — bright rim on the light-facing boundary
|
|
63
58
|
*
|
|
64
|
-
* Accepts a number between 0 and 2.
|
|
65
59
|
* @default 0.05
|
|
66
60
|
*/
|
|
67
61
|
highlight: number;
|
|
68
62
|
/**
|
|
69
63
|
* Inner zoom level — magnifies content seen through the glass
|
|
70
64
|
*
|
|
71
|
-
* Accepts a number between 0.5 and 3.
|
|
72
65
|
* @default 1
|
|
73
66
|
*/
|
|
74
67
|
innerZoom: number;
|
|
@@ -82,7 +75,6 @@ export interface ComponentProps {
|
|
|
82
75
|
/**
|
|
83
76
|
* Specular highlight softness
|
|
84
77
|
*
|
|
85
|
-
* Accepts a number between 0 and 1.
|
|
86
78
|
* @default 0.5
|
|
87
79
|
*/
|
|
88
80
|
highlightSoftness: number;
|
|
@@ -96,7 +88,6 @@ export interface ComponentProps {
|
|
|
96
88
|
/**
|
|
97
89
|
* Intensity of the color tint applied to the glass interior
|
|
98
90
|
*
|
|
99
|
-
* Accepts a number between 0 and 1.
|
|
100
91
|
* @default 0
|
|
101
92
|
*/
|
|
102
93
|
tintIntensity: number;
|
|
@@ -117,14 +108,12 @@ export interface ComponentProps {
|
|
|
117
108
|
/**
|
|
118
109
|
* Fresnel rim glow — a soft luminous halo around the glass boundary
|
|
119
110
|
*
|
|
120
|
-
* Accepts a number between 0 and 1.
|
|
121
111
|
* @default 0.1
|
|
122
112
|
*/
|
|
123
113
|
fresnel: number;
|
|
124
114
|
/**
|
|
125
115
|
* Fresnel rim width — higher values spread the glow further inward
|
|
126
116
|
*
|
|
127
|
-
* Accepts a number between 0 and 1.
|
|
128
117
|
* @default 0.1
|
|
129
118
|
*/
|
|
130
119
|
fresnelSoftness: number;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import "../../transformations-B5lM6fYX.js";
|
|
2
2
|
import "../../computeBlur-C3oX720H.js";
|
|
3
3
|
import "../../sdf-DyC2H_qS.js";
|
|
4
|
-
import { n as componentDefinition, t as Glass_default } from "../../Glass-
|
|
4
|
+
import { n as componentDefinition, t as Glass_default } from "../../Glass-C04tCmBL.js";
|
|
5
5
|
export { componentDefinition, Glass_default as default };
|
package/dist/js/createShader.js
CHANGED
|
@@ -46,7 +46,7 @@ async function createShader(canvas, preset, options) {
|
|
|
46
46
|
if (isExternalUser()) {
|
|
47
47
|
const checkRendering = () => {
|
|
48
48
|
if (renderer.getPerformanceStats().fps > 0) {
|
|
49
|
-
telemetryCollector = startTelemetry(renderer, "2.5.
|
|
49
|
+
telemetryCollector = startTelemetry(renderer, "2.5.100", options?.disableTelemetry || false, false);
|
|
50
50
|
if (telemetryCollector) telemetryCollector.start();
|
|
51
51
|
telemetryStartTimeout = null;
|
|
52
52
|
} else telemetryStartTimeout = setTimeout(checkRendering, 500);
|
package/dist/react/Shader.js
CHANGED
|
@@ -89,7 +89,7 @@ const Shader = ({ children, disableTelemetry = false, colorSpace = "p3-linear",
|
|
|
89
89
|
return;
|
|
90
90
|
}
|
|
91
91
|
if (rendererRef.current.getPerformanceStats().fps > 0) {
|
|
92
|
-
telemetryCollectorRef.current = startTelemetry(rendererRef.current, "2.5.
|
|
92
|
+
telemetryCollectorRef.current = startTelemetry(rendererRef.current, "2.5.100", disableTelemetry, isPreview);
|
|
93
93
|
if (telemetryCollectorRef.current) telemetryCollectorRef.current.start();
|
|
94
94
|
telemetryStartTimeoutRef.current = null;
|
|
95
95
|
} else telemetryStartTimeoutRef.current = window.setTimeout(checkRendering, 500);
|
|
@@ -22,8 +22,19 @@ interface BaseShaderProps {
|
|
|
22
22
|
* Component-specific props that merge base props with shader-specific props
|
|
23
23
|
* Note: ComponentProps are made optional since they have defaults from the shader definition
|
|
24
24
|
*/
|
|
25
|
-
type ShaderComponentProps = BaseShaderProps & Partial<Omit<ComponentProps, 'center'>> & {
|
|
25
|
+
type ShaderComponentProps = BaseShaderProps & Partial<Omit<ComponentProps, 'center' | 'scale' | 'refraction' | 'edgeSoftness' | 'thickness' | 'aberration' | 'innerZoom' | 'highlight' | 'highlightSoftness' | 'fresnel' | 'fresnelSoftness' | 'tintIntensity'>> & {
|
|
26
26
|
center?: ComponentProps['center'] | PropDriver;
|
|
27
|
+
scale?: ComponentProps['scale'] | PropDriver;
|
|
28
|
+
refraction?: ComponentProps['refraction'] | PropDriver;
|
|
29
|
+
edgeSoftness?: ComponentProps['edgeSoftness'] | PropDriver;
|
|
30
|
+
thickness?: ComponentProps['thickness'] | PropDriver;
|
|
31
|
+
aberration?: ComponentProps['aberration'] | PropDriver;
|
|
32
|
+
innerZoom?: ComponentProps['innerZoom'] | PropDriver;
|
|
33
|
+
highlight?: ComponentProps['highlight'] | PropDriver;
|
|
34
|
+
highlightSoftness?: ComponentProps['highlightSoftness'] | PropDriver;
|
|
35
|
+
fresnel?: ComponentProps['fresnel'] | PropDriver;
|
|
36
|
+
fresnelSoftness?: ComponentProps['fresnelSoftness'] | PropDriver;
|
|
37
|
+
tintIntensity?: ComponentProps['tintIntensity'] | PropDriver;
|
|
27
38
|
};
|
|
28
39
|
/**
|
|
29
40
|
* The main React wrapper component for Shader shader nodes
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Glass.d.ts","sourceRoot":"","sources":["../../src/components/Glass.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAEvF,OAAO,EAGH,KAAK,SAAS,EAId,KAAK,UAAU,EACf,KAAK,eAAe,EACvB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAG9E,YAAY,EAAE,cAAc,EAAE,CAAC;AAY/B;;GAEG;AACH,UAAU,eAAe;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IACrC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACxB;AAOD;;;GAGG;AACH,KAAK,oBAAoB,GAAG,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC,GAAG;
|
|
1
|
+
{"version":3,"file":"Glass.d.ts","sourceRoot":"","sources":["../../src/components/Glass.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAEvF,OAAO,EAGH,KAAK,SAAS,EAId,KAAK,UAAU,EACf,KAAK,eAAe,EACvB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAG9E,YAAY,EAAE,cAAc,EAAE,CAAC;AAY/B;;GAEG;AACH,UAAU,eAAe;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IACrC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACxB;AAOD;;;GAGG;AACH,KAAK,oBAAoB,GAAG,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,QAAQ,GAAG,OAAO,GAAG,YAAY,GAAG,cAAc,GAAG,WAAW,GAAG,YAAY,GAAG,WAAW,GAAG,WAAW,GAAG,mBAAmB,GAAG,SAAS,GAAG,iBAAiB,GAAG,eAAe,CAAC,CAAC,GAAG;IACjQ,MAAM,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,GAAG,UAAU,CAAC;IAC/C,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,GAAG,UAAU,CAAC;IAC7C,UAAU,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,GAAG,UAAU,CAAC;IACvD,YAAY,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG,UAAU,CAAC;IAC3D,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,GAAG,UAAU,CAAC;IACrD,UAAU,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,GAAG,UAAU,CAAC;IACvD,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,GAAG,UAAU,CAAC;IACrD,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,GAAG,UAAU,CAAC;IACrD,iBAAiB,CAAC,EAAE,cAAc,CAAC,mBAAmB,CAAC,GAAG,UAAU,CAAC;IACrE,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,GAAG,UAAU,CAAC;IACjD,eAAe,CAAC,EAAE,cAAc,CAAC,iBAAiB,CAAC,GAAG,UAAU,CAAC;IACjE,aAAa,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,GAAG,UAAU,CAAC;CAC9D,CAAC;AAwDF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAmO1D,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
package/dist/registry.js
CHANGED
|
@@ -7200,7 +7200,7 @@ export const shaderRegistry = [
|
|
|
7200
7200
|
],
|
|
7201
7201
|
"min": 0,
|
|
7202
7202
|
"max": 1,
|
|
7203
|
-
"step": 0.
|
|
7203
|
+
"step": 0.025,
|
|
7204
7204
|
"label": "Strength",
|
|
7205
7205
|
"group": "Effect"
|
|
7206
7206
|
}
|
|
@@ -7216,7 +7216,7 @@ export const shaderRegistry = [
|
|
|
7216
7216
|
],
|
|
7217
7217
|
"min": 0,
|
|
7218
7218
|
"max": 1,
|
|
7219
|
-
"step": 0.
|
|
7219
|
+
"step": 0.025,
|
|
7220
7220
|
"label": "Strength",
|
|
7221
7221
|
"group": "Effect"
|
|
7222
7222
|
},
|
|
@@ -8536,7 +8536,10 @@ export const shaderRegistry = [
|
|
|
8536
8536
|
"default": 1,
|
|
8537
8537
|
"description": "Scale of the glass shape (1 = default size)",
|
|
8538
8538
|
"ui": {
|
|
8539
|
-
"type":
|
|
8539
|
+
"type": [
|
|
8540
|
+
"range",
|
|
8541
|
+
"map"
|
|
8542
|
+
],
|
|
8540
8543
|
"min": 0.1,
|
|
8541
8544
|
"max": 3,
|
|
8542
8545
|
"step": 0.05,
|
|
@@ -8557,7 +8560,10 @@ export const shaderRegistry = [
|
|
|
8557
8560
|
"default": 1,
|
|
8558
8561
|
"description": "Lens refraction — how aggressively the edges warp content beneath (0 = none, 1 = max)",
|
|
8559
8562
|
"ui": {
|
|
8560
|
-
"type":
|
|
8563
|
+
"type": [
|
|
8564
|
+
"range",
|
|
8565
|
+
"map"
|
|
8566
|
+
],
|
|
8561
8567
|
"min": 0,
|
|
8562
8568
|
"max": 2,
|
|
8563
8569
|
"step": 0.01,
|
|
@@ -8569,7 +8575,10 @@ export const shaderRegistry = [
|
|
|
8569
8575
|
"default": 0.1,
|
|
8570
8576
|
"description": "Edge softness — higher values give a wider, softer fade at the glass boundary",
|
|
8571
8577
|
"ui": {
|
|
8572
|
-
"type":
|
|
8578
|
+
"type": [
|
|
8579
|
+
"range",
|
|
8580
|
+
"map"
|
|
8581
|
+
],
|
|
8573
8582
|
"min": 0,
|
|
8574
8583
|
"max": 1,
|
|
8575
8584
|
"step": 0.05,
|
|
@@ -8593,7 +8602,10 @@ export const shaderRegistry = [
|
|
|
8593
8602
|
"default": 0.2,
|
|
8594
8603
|
"description": "Glass depth — how far inward from the edge the refraction extends",
|
|
8595
8604
|
"ui": {
|
|
8596
|
-
"type":
|
|
8605
|
+
"type": [
|
|
8606
|
+
"range",
|
|
8607
|
+
"map"
|
|
8608
|
+
],
|
|
8597
8609
|
"min": 0,
|
|
8598
8610
|
"max": 1,
|
|
8599
8611
|
"step": 0.01,
|
|
@@ -8605,7 +8617,10 @@ export const shaderRegistry = [
|
|
|
8605
8617
|
"default": 0.5,
|
|
8606
8618
|
"description": "Chromatic aberration — splits RGB channels along the refraction vector",
|
|
8607
8619
|
"ui": {
|
|
8608
|
-
"type":
|
|
8620
|
+
"type": [
|
|
8621
|
+
"range",
|
|
8622
|
+
"map"
|
|
8623
|
+
],
|
|
8609
8624
|
"min": 0,
|
|
8610
8625
|
"max": 1,
|
|
8611
8626
|
"step": 0.01,
|
|
@@ -8617,7 +8632,10 @@ export const shaderRegistry = [
|
|
|
8617
8632
|
"default": 1,
|
|
8618
8633
|
"description": "Inner zoom level — magnifies content seen through the glass",
|
|
8619
8634
|
"ui": {
|
|
8620
|
-
"type":
|
|
8635
|
+
"type": [
|
|
8636
|
+
"range",
|
|
8637
|
+
"map"
|
|
8638
|
+
],
|
|
8621
8639
|
"min": 0.5,
|
|
8622
8640
|
"max": 3,
|
|
8623
8641
|
"step": 0.05,
|
|
@@ -8641,7 +8659,10 @@ export const shaderRegistry = [
|
|
|
8641
8659
|
"default": 0.05,
|
|
8642
8660
|
"description": "Directional edge highlight — bright rim on the light-facing boundary",
|
|
8643
8661
|
"ui": {
|
|
8644
|
-
"type":
|
|
8662
|
+
"type": [
|
|
8663
|
+
"range",
|
|
8664
|
+
"map"
|
|
8665
|
+
],
|
|
8645
8666
|
"min": 0,
|
|
8646
8667
|
"max": 2,
|
|
8647
8668
|
"step": 0.05,
|
|
@@ -8662,7 +8683,10 @@ export const shaderRegistry = [
|
|
|
8662
8683
|
"default": 0.5,
|
|
8663
8684
|
"description": "Specular highlight softness",
|
|
8664
8685
|
"ui": {
|
|
8665
|
-
"type":
|
|
8686
|
+
"type": [
|
|
8687
|
+
"range",
|
|
8688
|
+
"map"
|
|
8689
|
+
],
|
|
8666
8690
|
"min": 0,
|
|
8667
8691
|
"max": 1,
|
|
8668
8692
|
"step": 0.01,
|
|
@@ -8674,7 +8698,10 @@ export const shaderRegistry = [
|
|
|
8674
8698
|
"default": 0.1,
|
|
8675
8699
|
"description": "Fresnel rim glow — a soft luminous halo around the glass boundary",
|
|
8676
8700
|
"ui": {
|
|
8677
|
-
"type":
|
|
8701
|
+
"type": [
|
|
8702
|
+
"range",
|
|
8703
|
+
"map"
|
|
8704
|
+
],
|
|
8678
8705
|
"min": 0,
|
|
8679
8706
|
"max": 1,
|
|
8680
8707
|
"step": 0.01,
|
|
@@ -8686,7 +8713,10 @@ export const shaderRegistry = [
|
|
|
8686
8713
|
"default": 0.1,
|
|
8687
8714
|
"description": "Fresnel rim width — higher values spread the glow further inward",
|
|
8688
8715
|
"ui": {
|
|
8689
|
-
"type":
|
|
8716
|
+
"type": [
|
|
8717
|
+
"range",
|
|
8718
|
+
"map"
|
|
8719
|
+
],
|
|
8690
8720
|
"min": 0,
|
|
8691
8721
|
"max": 1,
|
|
8692
8722
|
"step": 0.01,
|
|
@@ -8716,7 +8746,10 @@ export const shaderRegistry = [
|
|
|
8716
8746
|
"default": 0,
|
|
8717
8747
|
"description": "Intensity of the color tint applied to the glass interior",
|
|
8718
8748
|
"ui": {
|
|
8719
|
-
"type":
|
|
8749
|
+
"type": [
|
|
8750
|
+
"range",
|
|
8751
|
+
"map"
|
|
8752
|
+
],
|
|
8720
8753
|
"min": 0,
|
|
8721
8754
|
"max": 1,
|
|
8722
8755
|
"step": 0.01,
|
|
@@ -8769,7 +8802,10 @@ export const shaderRegistry = [
|
|
|
8769
8802
|
},
|
|
8770
8803
|
"scale": {
|
|
8771
8804
|
"ui": {
|
|
8772
|
-
"type":
|
|
8805
|
+
"type": [
|
|
8806
|
+
"range",
|
|
8807
|
+
"map"
|
|
8808
|
+
],
|
|
8773
8809
|
"min": 0.1,
|
|
8774
8810
|
"max": 3,
|
|
8775
8811
|
"step": 0.05,
|
|
@@ -8790,7 +8826,10 @@ export const shaderRegistry = [
|
|
|
8790
8826
|
},
|
|
8791
8827
|
"refraction": {
|
|
8792
8828
|
"ui": {
|
|
8793
|
-
"type":
|
|
8829
|
+
"type": [
|
|
8830
|
+
"range",
|
|
8831
|
+
"map"
|
|
8832
|
+
],
|
|
8794
8833
|
"min": 0,
|
|
8795
8834
|
"max": 2,
|
|
8796
8835
|
"step": 0.01,
|
|
@@ -8802,7 +8841,10 @@ export const shaderRegistry = [
|
|
|
8802
8841
|
},
|
|
8803
8842
|
"edgeSoftness": {
|
|
8804
8843
|
"ui": {
|
|
8805
|
-
"type":
|
|
8844
|
+
"type": [
|
|
8845
|
+
"range",
|
|
8846
|
+
"map"
|
|
8847
|
+
],
|
|
8806
8848
|
"min": 0,
|
|
8807
8849
|
"max": 1,
|
|
8808
8850
|
"step": 0.05,
|
|
@@ -8826,7 +8868,10 @@ export const shaderRegistry = [
|
|
|
8826
8868
|
},
|
|
8827
8869
|
"thickness": {
|
|
8828
8870
|
"ui": {
|
|
8829
|
-
"type":
|
|
8871
|
+
"type": [
|
|
8872
|
+
"range",
|
|
8873
|
+
"map"
|
|
8874
|
+
],
|
|
8830
8875
|
"min": 0,
|
|
8831
8876
|
"max": 1,
|
|
8832
8877
|
"step": 0.01,
|
|
@@ -8838,7 +8883,10 @@ export const shaderRegistry = [
|
|
|
8838
8883
|
},
|
|
8839
8884
|
"aberration": {
|
|
8840
8885
|
"ui": {
|
|
8841
|
-
"type":
|
|
8886
|
+
"type": [
|
|
8887
|
+
"range",
|
|
8888
|
+
"map"
|
|
8889
|
+
],
|
|
8842
8890
|
"min": 0,
|
|
8843
8891
|
"max": 1,
|
|
8844
8892
|
"step": 0.01,
|
|
@@ -8850,7 +8898,10 @@ export const shaderRegistry = [
|
|
|
8850
8898
|
},
|
|
8851
8899
|
"innerZoom": {
|
|
8852
8900
|
"ui": {
|
|
8853
|
-
"type":
|
|
8901
|
+
"type": [
|
|
8902
|
+
"range",
|
|
8903
|
+
"map"
|
|
8904
|
+
],
|
|
8854
8905
|
"min": 0.5,
|
|
8855
8906
|
"max": 3,
|
|
8856
8907
|
"step": 0.05,
|
|
@@ -8874,7 +8925,10 @@ export const shaderRegistry = [
|
|
|
8874
8925
|
},
|
|
8875
8926
|
"highlight": {
|
|
8876
8927
|
"ui": {
|
|
8877
|
-
"type":
|
|
8928
|
+
"type": [
|
|
8929
|
+
"range",
|
|
8930
|
+
"map"
|
|
8931
|
+
],
|
|
8878
8932
|
"min": 0,
|
|
8879
8933
|
"max": 2,
|
|
8880
8934
|
"step": 0.05,
|
|
@@ -8895,7 +8949,10 @@ export const shaderRegistry = [
|
|
|
8895
8949
|
},
|
|
8896
8950
|
"highlightSoftness": {
|
|
8897
8951
|
"ui": {
|
|
8898
|
-
"type":
|
|
8952
|
+
"type": [
|
|
8953
|
+
"range",
|
|
8954
|
+
"map"
|
|
8955
|
+
],
|
|
8899
8956
|
"min": 0,
|
|
8900
8957
|
"max": 1,
|
|
8901
8958
|
"step": 0.01,
|
|
@@ -8907,7 +8964,10 @@ export const shaderRegistry = [
|
|
|
8907
8964
|
},
|
|
8908
8965
|
"fresnel": {
|
|
8909
8966
|
"ui": {
|
|
8910
|
-
"type":
|
|
8967
|
+
"type": [
|
|
8968
|
+
"range",
|
|
8969
|
+
"map"
|
|
8970
|
+
],
|
|
8911
8971
|
"min": 0,
|
|
8912
8972
|
"max": 1,
|
|
8913
8973
|
"step": 0.01,
|
|
@@ -8919,7 +8979,10 @@ export const shaderRegistry = [
|
|
|
8919
8979
|
},
|
|
8920
8980
|
"fresnelSoftness": {
|
|
8921
8981
|
"ui": {
|
|
8922
|
-
"type":
|
|
8982
|
+
"type": [
|
|
8983
|
+
"range",
|
|
8984
|
+
"map"
|
|
8985
|
+
],
|
|
8923
8986
|
"min": 0,
|
|
8924
8987
|
"max": 1,
|
|
8925
8988
|
"step": 0.01,
|
|
@@ -8949,7 +9012,10 @@ export const shaderRegistry = [
|
|
|
8949
9012
|
},
|
|
8950
9013
|
"tintIntensity": {
|
|
8951
9014
|
"ui": {
|
|
8952
|
-
"type":
|
|
9015
|
+
"type": [
|
|
9016
|
+
"range",
|
|
9017
|
+
"map"
|
|
9018
|
+
],
|
|
8953
9019
|
"min": 0,
|
|
8954
9020
|
"max": 1,
|
|
8955
9021
|
"step": 0.01,
|
|
@@ -20,8 +20,19 @@ interface BaseShaderProps {
|
|
|
20
20
|
* Component-specific props that merge base props with shader-specific props
|
|
21
21
|
* Note: ComponentProps are made optional since they have defaults from the shader definition
|
|
22
22
|
*/
|
|
23
|
-
type ShaderComponentProps = BaseShaderProps & Partial<Omit<ComponentProps, 'center'>> & {
|
|
23
|
+
type ShaderComponentProps = BaseShaderProps & Partial<Omit<ComponentProps, 'center' | 'scale' | 'refraction' | 'edgeSoftness' | 'thickness' | 'aberration' | 'innerZoom' | 'highlight' | 'highlightSoftness' | 'fresnel' | 'fresnelSoftness' | 'tintIntensity'>> & {
|
|
24
24
|
center?: ComponentProps['center'] | PropDriver;
|
|
25
|
+
scale?: ComponentProps['scale'] | PropDriver;
|
|
26
|
+
refraction?: ComponentProps['refraction'] | PropDriver;
|
|
27
|
+
edgeSoftness?: ComponentProps['edgeSoftness'] | PropDriver;
|
|
28
|
+
thickness?: ComponentProps['thickness'] | PropDriver;
|
|
29
|
+
aberration?: ComponentProps['aberration'] | PropDriver;
|
|
30
|
+
innerZoom?: ComponentProps['innerZoom'] | PropDriver;
|
|
31
|
+
highlight?: ComponentProps['highlight'] | PropDriver;
|
|
32
|
+
highlightSoftness?: ComponentProps['highlightSoftness'] | PropDriver;
|
|
33
|
+
fresnel?: ComponentProps['fresnel'] | PropDriver;
|
|
34
|
+
fresnelSoftness?: ComponentProps['fresnelSoftness'] | PropDriver;
|
|
35
|
+
tintIntensity?: ComponentProps['tintIntensity'] | PropDriver;
|
|
25
36
|
};
|
|
26
37
|
/**
|
|
27
38
|
* The main Solid wrapper component for Shader shader nodes
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Glass.d.ts","sourceRoot":"","sources":["../../src/components/Glass.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0F,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAE5H,OAAO,EAGH,KAAK,SAAS,EAId,KAAK,UAAU,EACf,KAAK,eAAe,EACvB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAG9E,YAAY,EAAE,cAAc,EAAE,CAAC;AAY/B;;GAEG;AACH,UAAU,eAAe;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CACxC;AAOD;;;GAGG;AACH,KAAK,oBAAoB,GAAG,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC,GAAG;
|
|
1
|
+
{"version":3,"file":"Glass.d.ts","sourceRoot":"","sources":["../../src/components/Glass.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0F,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAE5H,OAAO,EAGH,KAAK,SAAS,EAId,KAAK,UAAU,EACf,KAAK,eAAe,EACvB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAG9E,YAAY,EAAE,cAAc,EAAE,CAAC;AAY/B;;GAEG;AACH,UAAU,eAAe;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CACxC;AAOD;;;GAGG;AACH,KAAK,oBAAoB,GAAG,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,QAAQ,GAAG,OAAO,GAAG,YAAY,GAAG,cAAc,GAAG,WAAW,GAAG,YAAY,GAAG,WAAW,GAAG,WAAW,GAAG,mBAAmB,GAAG,SAAS,GAAG,iBAAiB,GAAG,eAAe,CAAC,CAAC,GAAG;IACjQ,MAAM,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,GAAG,UAAU,CAAC;IAC/C,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,GAAG,UAAU,CAAC;IAC7C,UAAU,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,GAAG,UAAU,CAAC;IACvD,YAAY,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG,UAAU,CAAC;IAC3D,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,GAAG,UAAU,CAAC;IACrD,UAAU,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,GAAG,UAAU,CAAC;IACvD,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,GAAG,UAAU,CAAC;IACrD,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,GAAG,UAAU,CAAC;IACrD,iBAAiB,CAAC,EAAE,cAAc,CAAC,mBAAmB,CAAC,GAAG,UAAU,CAAC;IACrE,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,GAAG,UAAU,CAAC;IACjD,eAAe,CAAC,EAAE,cAAc,CAAC,iBAAiB,CAAC,GAAG,UAAU,CAAC;IACjE,aAAa,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,GAAG,UAAU,CAAC;CAC9D,CAAC;AAmCF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,eA8NlE"}
|
|
@@ -67,7 +67,7 @@ function Shader(allProps) {
|
|
|
67
67
|
const checkRendering = () => {
|
|
68
68
|
const stats = rendererInstance.getPerformanceStats();
|
|
69
69
|
if (stats.fps > 0) {
|
|
70
|
-
const version = "2.5.
|
|
70
|
+
const version = "2.5.100";
|
|
71
71
|
telemetryCollector = startTelemetry(rendererInstance, version, props.disableTelemetry, props.isPreview);
|
|
72
72
|
if (telemetryCollector) {
|
|
73
73
|
telemetryCollector.start();
|
|
@@ -5,6 +5,17 @@ import { type ComponentProps } from '../../core/shaders/Glass';
|
|
|
5
5
|
*/
|
|
6
6
|
interface ExtendedComponentProps extends Partial<ComponentProps> {
|
|
7
7
|
center?: ComponentProps['center'] | PropDriver;
|
|
8
|
+
scale?: ComponentProps['scale'] | PropDriver;
|
|
9
|
+
refraction?: ComponentProps['refraction'] | PropDriver;
|
|
10
|
+
edgeSoftness?: ComponentProps['edgeSoftness'] | PropDriver;
|
|
11
|
+
thickness?: ComponentProps['thickness'] | PropDriver;
|
|
12
|
+
aberration?: ComponentProps['aberration'] | PropDriver;
|
|
13
|
+
innerZoom?: ComponentProps['innerZoom'] | PropDriver;
|
|
14
|
+
highlight?: ComponentProps['highlight'] | PropDriver;
|
|
15
|
+
highlightSoftness?: ComponentProps['highlightSoftness'] | PropDriver;
|
|
16
|
+
fresnel?: ComponentProps['fresnel'] | PropDriver;
|
|
17
|
+
fresnelSoftness?: ComponentProps['fresnelSoftness'] | PropDriver;
|
|
18
|
+
tintIntensity?: ComponentProps['tintIntensity'] | PropDriver;
|
|
8
19
|
blendMode?: BlendMode;
|
|
9
20
|
opacity?: number;
|
|
10
21
|
visible?: boolean;
|
package/dist/svelte/index.js
CHANGED
|
@@ -20546,7 +20546,7 @@ function Shader($$anchor, $$props) {
|
|
|
20546
20546
|
const checkRendering = () => {
|
|
20547
20547
|
if (!rendererInstance) return;
|
|
20548
20548
|
if (rendererInstance.getPerformanceStats().fps > 0) {
|
|
20549
|
-
telemetryCollector = startTelemetry(rendererInstance, "2.5.
|
|
20549
|
+
telemetryCollector = startTelemetry(rendererInstance, "2.5.100", disableTelemetry(), isPreview());
|
|
20550
20550
|
if (telemetryCollector) telemetryCollector.start();
|
|
20551
20551
|
telemetryStartTimeout = null;
|
|
20552
20552
|
} else telemetryStartTimeout = window.setTimeout(checkRendering, 500);
|
|
@@ -28,6 +28,17 @@
|
|
|
28
28
|
*/
|
|
29
29
|
interface ExtendedComponentProps extends Partial<ComponentProps> {
|
|
30
30
|
center?: ComponentProps['center'] | PropDriver;
|
|
31
|
+
scale?: ComponentProps['scale'] | PropDriver;
|
|
32
|
+
refraction?: ComponentProps['refraction'] | PropDriver;
|
|
33
|
+
edgeSoftness?: ComponentProps['edgeSoftness'] | PropDriver;
|
|
34
|
+
thickness?: ComponentProps['thickness'] | PropDriver;
|
|
35
|
+
aberration?: ComponentProps['aberration'] | PropDriver;
|
|
36
|
+
innerZoom?: ComponentProps['innerZoom'] | PropDriver;
|
|
37
|
+
highlight?: ComponentProps['highlight'] | PropDriver;
|
|
38
|
+
highlightSoftness?: ComponentProps['highlightSoftness'] | PropDriver;
|
|
39
|
+
fresnel?: ComponentProps['fresnel'] | PropDriver;
|
|
40
|
+
fresnelSoftness?: ComponentProps['fresnelSoftness'] | PropDriver;
|
|
41
|
+
tintIntensity?: ComponentProps['tintIntensity'] | PropDriver;
|
|
31
42
|
blendMode?: BlendMode;
|
|
32
43
|
opacity?: number;
|
|
33
44
|
visible?: boolean;
|
|
@@ -8,6 +8,17 @@ var Glass_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
|
|
|
8
8
|
__name: "Glass",
|
|
9
9
|
props: /* @__PURE__ */ mergeDefaults({
|
|
10
10
|
center: {},
|
|
11
|
+
scale: {},
|
|
12
|
+
refraction: {},
|
|
13
|
+
edgeSoftness: {},
|
|
14
|
+
thickness: {},
|
|
15
|
+
aberration: {},
|
|
16
|
+
innerZoom: {},
|
|
17
|
+
highlight: {},
|
|
18
|
+
highlightSoftness: {},
|
|
19
|
+
fresnel: {},
|
|
20
|
+
fresnelSoftness: {},
|
|
21
|
+
tintIntensity: {},
|
|
11
22
|
blendMode: {},
|
|
12
23
|
opacity: {},
|
|
13
24
|
visible: { type: Boolean },
|
|
@@ -16,23 +27,12 @@ var Glass_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
|
|
|
16
27
|
maskType: {},
|
|
17
28
|
renderOrder: {},
|
|
18
29
|
transform: {},
|
|
19
|
-
scale: {},
|
|
20
|
-
refraction: {},
|
|
21
|
-
edgeSoftness: {},
|
|
22
30
|
blur: {},
|
|
23
|
-
thickness: {},
|
|
24
|
-
aberration: {},
|
|
25
31
|
cutout: { type: Boolean },
|
|
26
|
-
highlight: {},
|
|
27
|
-
innerZoom: {},
|
|
28
32
|
highlightColor: {},
|
|
29
|
-
highlightSoftness: {},
|
|
30
33
|
tintColor: {},
|
|
31
|
-
tintIntensity: {},
|
|
32
34
|
tintPreserveLuminosity: { type: Boolean },
|
|
33
35
|
lightAngle: {},
|
|
34
|
-
fresnel: {},
|
|
35
|
-
fresnelSoftness: {},
|
|
36
36
|
fresnelColor: {},
|
|
37
37
|
shape: {},
|
|
38
38
|
shapeSdfUrl: {},
|
|
@@ -60,7 +60,7 @@ var Shader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
|
|
|
60
60
|
const startTelemetryWhenReady = () => {
|
|
61
61
|
const checkRendering = () => {
|
|
62
62
|
if (rendererInstance.value.getPerformanceStats().fps > 0) {
|
|
63
|
-
telemetryCollector = startTelemetry(rendererInstance.value, "2.5.
|
|
63
|
+
telemetryCollector = startTelemetry(rendererInstance.value, "2.5.100", props.disableTelemetry, props.isPreview);
|
|
64
64
|
if (telemetryCollector) telemetryCollector.start();
|
|
65
65
|
telemetryStartTimeout = null;
|
|
66
66
|
} else telemetryStartTimeout = setTimeout(checkRendering, 500);
|
|
@@ -6,6 +6,17 @@ import { ComponentProps } from '../../core/shaders/Glass';
|
|
|
6
6
|
*/
|
|
7
7
|
interface ExtendedComponentProps extends Partial<ComponentProps> {
|
|
8
8
|
center?: ComponentProps['center'] | PropDriver;
|
|
9
|
+
scale?: ComponentProps['scale'] | PropDriver;
|
|
10
|
+
refraction?: ComponentProps['refraction'] | PropDriver;
|
|
11
|
+
edgeSoftness?: ComponentProps['edgeSoftness'] | PropDriver;
|
|
12
|
+
thickness?: ComponentProps['thickness'] | PropDriver;
|
|
13
|
+
aberration?: ComponentProps['aberration'] | PropDriver;
|
|
14
|
+
innerZoom?: ComponentProps['innerZoom'] | PropDriver;
|
|
15
|
+
highlight?: ComponentProps['highlight'] | PropDriver;
|
|
16
|
+
highlightSoftness?: ComponentProps['highlightSoftness'] | PropDriver;
|
|
17
|
+
fresnel?: ComponentProps['fresnel'] | PropDriver;
|
|
18
|
+
fresnelSoftness?: ComponentProps['fresnelSoftness'] | PropDriver;
|
|
19
|
+
tintIntensity?: ComponentProps['tintIntensity'] | PropDriver;
|
|
9
20
|
blendMode?: BlendMode;
|
|
10
21
|
opacity?: number;
|
|
11
22
|
visible?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Glass.vue.d.ts","sourceRoot":"","sources":["../../src/components/Glass.vue"],"names":[],"mappings":"AAGA,OAAO,EAGL,KAAK,SAAS,EAId,KAAK,UAAU,EACf,KAAK,eAAe,EACrB,MAAM,cAAc,CAAA;AAIrB,OAAO,EAAsB,KAAK,cAAc,EAAC,MAAM,oBAAoB,CAAA;AAY3E;;GAEG;AACH,UAAU,sBAAuB,SAAQ,OAAO,CAAC,cAAc,CAAC;IAC9D,MAAM,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,GAAG,UAAU,CAAC;IAC/C,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CACtC;AAyTD,iBAAS,cAAc;qBAkFO,GAAG;EAGhC;AAeD,QAAA,MAAM,eAAe;;;;;;;eAraP,SAAS;aAEX,OAAO;4EAyajB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
|
|
1
|
+
{"version":3,"file":"Glass.vue.d.ts","sourceRoot":"","sources":["../../src/components/Glass.vue"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "shaders",
|
|
3
|
-
"version": "2.5.
|
|
3
|
+
"version": "2.5.100",
|
|
4
4
|
"description": "Shader magic for modern frontends",
|
|
5
5
|
"author": "Shader Effects Inc.",
|
|
6
6
|
"homepage": "https://shaders.com/",
|
|
@@ -1037,7 +1037,7 @@
|
|
|
1037
1037
|
}
|
|
1038
1038
|
},
|
|
1039
1039
|
"dependencies": {
|
|
1040
|
-
"three": "^0.
|
|
1040
|
+
"three": "^0.184.0"
|
|
1041
1041
|
},
|
|
1042
1042
|
"devDependencies": {
|
|
1043
1043
|
"@types/fs-extra": "^11.0.4",
|