shaders 2.5.102 → 2.5.103

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.
Files changed (34) hide show
  1. package/dist/core/Halftone-XFa7by1s.js +287 -0
  2. package/dist/core/index.js +2 -2
  3. package/dist/core/registry.js +2 -2
  4. package/dist/core/{shaderRegistry-B6D8HKv7.js → shaderRegistry-BWuH2me2.js} +1 -1
  5. package/dist/core/shaders/Halftone/index.d.ts +76 -4
  6. package/dist/core/shaders/Halftone/index.d.ts.map +1 -1
  7. package/dist/core/shaders/Halftone/index.js +2 -1
  8. package/dist/js/createShader.js +1 -1
  9. package/dist/js/utils/generatePresetCode.d.ts.map +1 -1
  10. package/dist/js/utils/generatePresetCode.js +12 -1
  11. package/dist/react/Shader.js +1 -1
  12. package/dist/react/components/Halftone.d.ts +7 -2
  13. package/dist/react/components/Halftone.d.ts.map +1 -1
  14. package/dist/react/utils/generatePresetCode.d.ts.map +1 -1
  15. package/dist/react/utils/generatePresetCode.js +12 -1
  16. package/dist/registry.js +368 -16
  17. package/dist/solid/components/Halftone.d.ts +7 -2
  18. package/dist/solid/components/Halftone.d.ts.map +1 -1
  19. package/dist/solid/engine/Shader.js +1 -1
  20. package/dist/solid/utils/generatePresetCode.d.ts.map +1 -1
  21. package/dist/solid/utils/generatePresetCode.js +12 -1
  22. package/dist/svelte/components/Halftone.svelte.d.ts +6 -1
  23. package/dist/svelte/{generatePresetCode-BygAdFRo.js → generatePresetCode-psTzYsW3.js} +12 -1
  24. package/dist/svelte/index.js +2 -2
  25. package/dist/svelte/source/components/Halftone.svelte +6 -1
  26. package/dist/svelte/utils/generatePresetCode.js +1 -1
  27. package/dist/vue/Halftone.vue_vue_type_script_setup_true_lang.js +13 -2
  28. package/dist/vue/Shader.vue_vue_type_script_setup_true_lang.js +1 -1
  29. package/dist/vue/components/Halftone.vue.d.ts +6 -1
  30. package/dist/vue/components/Halftone.vue.d.ts.map +1 -1
  31. package/dist/vue/utils/generatePresetCode.d.ts.map +1 -1
  32. package/dist/vue/utils/generatePresetCode.js +12 -1
  33. package/package.json +1 -1
  34. package/dist/core/Halftone-BVL2oy37.js +0 -67
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "shaders",
3
- "version": "2.5.102",
3
+ "version": "2.5.103",
4
4
  "description": "Shader magic for modern frontends",
5
5
  "author": "Shader Effects Inc.",
6
6
  "homepage": "https://shaders.com/",
@@ -1,67 +0,0 @@
1
- import { r as transformAngle } from "./transformations-B5lM6fYX.js";
2
- import { cos, dot, fract, length, radians, screenUV, sin, smoothstep, vec2, vec3, vec4, viewportSize } from "three/tsl";
3
- const componentDefinition = {
4
- name: "Halftone",
5
- category: "Stylize",
6
- description: "Halftone dot pattern effect for printing aesthetics",
7
- requiresChild: true,
8
- props: {
9
- frequency: {
10
- default: 100,
11
- description: "Frequency of the halftone dots",
12
- ui: {
13
- type: ["range", "map"],
14
- min: 10,
15
- max: 300,
16
- step: 1,
17
- label: "Frequency",
18
- group: "Effect"
19
- }
20
- },
21
- angle: {
22
- default: 45,
23
- transform: transformAngle,
24
- description: "Rotation angle of the pattern (in degrees)",
25
- ui: {
26
- type: ["range", "map"],
27
- min: 0,
28
- max: 360,
29
- step: 1,
30
- label: "Angle",
31
- group: "Effect"
32
- }
33
- },
34
- smoothness: {
35
- default: .1,
36
- description: "Edge smoothness of the dots",
37
- ui: {
38
- type: ["range", "map"],
39
- min: 0,
40
- max: .3,
41
- step: .1,
42
- label: "Smoothness",
43
- group: "Effect"
44
- }
45
- }
46
- },
47
- fragmentNode: ({ uniforms, childNode }) => {
48
- if (!childNode) return vec4(0);
49
- const _uv = screenUV;
50
- const frequency = uniforms.frequency.uniform;
51
- const angleDegrees = uniforms.angle.uniform;
52
- const smoothness = uniforms.smoothness.uniform;
53
- const angle = radians(angleDegrees);
54
- const aspect = viewportSize.x.div(viewportSize.y);
55
- const aspectCorrectedUV = vec2(_uv.x.mul(aspect), _uv.y);
56
- const c = cos(angle);
57
- const s = sin(angle);
58
- const gridUV = fract(vec2(dot(aspectCorrectedUV, vec2(c, s.negate())), dot(aspectCorrectedUV, vec2(s, c))).mul(frequency)).sub(.5);
59
- const originalColor = childNode;
60
- const dotSize = dot(originalColor.rgb, vec3(.299, .587, .114)).mul(.7).add(.15);
61
- const dist = length(gridUV);
62
- const dotPattern = smoothstep(dotSize.sub(smoothness), dotSize.add(smoothness), dist).oneMinus();
63
- return vec4(originalColor.rgb.mul(dotPattern), originalColor.a.mul(dotPattern));
64
- }
65
- };
66
- var Halftone_default = componentDefinition;
67
- export { componentDefinition as n, Halftone_default as t };