svelte-ag 0.0.2-dev.81 → 0.0.2-dev.83

package/src/lib/components/gradient/gradient.frag

@@ -0,0 +1,43 @@
+#version 300 es
+
+precision highp float;
+
+out vec4 fragColor;
+
+uniform vec2 u_resolution;
+uniform vec2 u_offset;
+
+uniform vec2 u_centerPos;
+uniform vec2 u_radius;
+uniform float u_noise;
+uniform vec4 u_centerColor;
+uniform vec4 u_edgeColor;
+
+// Pseudo-random number between 0 and 1 generator
+float dither(vec2 pos) {
+    return fract(sin(dot(pos, vec2(12.9898, 78.233))) * 43758.5453);
+}
+
+void main() {
+    vec2 fragPos = gl_FragCoord.xy + u_offset;
+
+    vec2 centerPx = u_centerPos * u_resolution;
+    vec2 radiusPx = u_radius * u_resolution;
+
+    // Calculate distance from the center of the canvas
+    float d = distance(fragPos, u_resolution / 2.0);
+
+    // Calculate max distance from center to corner of the canvas
+    float maxDist = length(u_resolution / 2.0);
+    // float t = d / maxDist;
+
+    // compute “stretched” distance
+    vec2 diff = fragPos - centerPx;
+    vec2 norm = diff / radiusPx;
+    float t = length(norm);
+
+    // Dither strength (1/255 ~ 8-bit step size)
+    float noise = (dither(gl_FragCoord.xy) - 0.5) * (u_noise / 255.0);
+
+    fragColor = mix(u_centerColor, u_edgeColor, clamp(t + noise, 0.0, 1.0));
+}

package/src/lib/styles/underline.css

@@ -0,0 +1,10 @@
+@layer components {
+  .underline-animation {
+    @apply relative hover:after:scale-x-100 hover:after:origin-bottom-left;
+  }
+  .underline-animation::after {
+    @apply absolute content-[''] w-full h-[2px] left-0 bottom-0
+    bg-primary scale-x-0  origin-bottom-right 
+    transition-transform duration-300 rounded-xl;
+  }
+}

package/src/lib/utils/glsl.ts

@@ -0,0 +1,3 @@
+export type Vec4 = [number, number, number, number];
+export type Vec3 = [number, number, number];
+export type Vec2 = [number, number];

package/src/lib/utils/index.ts

@@ -2,3 +2,4 @@ export * from './utils.js';
 export * from './bits.js';
 export * from './asyncDerived.svelte.js';
 export * from './reactive.svelte.js';
+export * from './glsl.js';